@import url('https://fonts.googleapis.com/css2?family=Noto+Naskh+Arabic:wght@400..700&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');
*{font-family: "Poppins", sans-serif;font-weight: 400;font-style: normal;}
.artech-job .jobheader{background-image: url(../images/jlheader.png);background-repeat: no-repeat;background-size:cover;}
.artech-job .job-detail-header{background-image: url(../images/job-detail-header.png);background-repeat: no-repeat;background-size:cover;}
.artech-job .text-white{color: #fff;}
.artech-job .row{margin:0px;}
.artech-job h1{font-size: 30px;}
.artech-job p{font-size: 16px; !important}
.artech-job a{color: rgba(119, 119, 119, 1);text-decoration: none;font-size: 16px;}
.artech-job .bdr-1{border: 1px solid rgba(210, 210, 210, 1);border-radius:18px;padding: 10px;}
.artech-job .bdr-2{border: 1px solid rgba(210, 210, 210, 1);border-radius:15px;padding: 10px;}
.artech-job .input-group-text{background-color: transparent;border: none;}
.artech-job .jl-search{border: none;}
.artech-job .form-control:focus {box-shadow: none;}
.artech-job .bdr-right{border-right: 1px solid rgba(210, 210, 210, 1);}
.artech-job select::after{background-image: url(../images/down.svg);}
.artech-job .btn-jl-common{font-size:16px;background-color: rgba(37, 62, 145, 1);color:#fff;border: none;border-radius: 40px;padding: 10px 15px;}
.artech-job .btn-jl-common:hover{font-size:16px;background-color: rgba(37, 62, 145, 1);color:#fff;border: none;border-radius: 40px;padding: 10px 15px;}
.artech-job .mr-20{margin-right:20px;margin-bottom: 15px;}
.artech-job .btn-On-site{background-color: rgba(67, 176, 42, 1);border-radius:20px;color: #fff;padding:5px 15px;}
.artech-job .btn-On-site:hover{background-color: rgba(67, 176, 42, 1);border-radius:20px;color: #fff;padding:5px 15px;}
.artech-job .fw-700{font-weight: 700;}
.artech-job .fs-12{font-size: 12px!important;}
.artech-job .fs-18{font-size: 18px !important;}
.artech-job .fs-18 span{font-size: 18px !important;}
.artech-job .fs-20{font-size: 20px;}
.artech-job .fw-500{font-weight: 500;}
.artech-job .text-grey{color: rgba(119, 119, 119, 1);}
.artech-job .btn-remote{background-color: rgba(37, 62, 145, 1);border-radius:20px;color: #fff;padding:5px 15px;}
.artech-job .btn-remote:hover{background-color: rgba(37, 62, 145, 1);border-radius:20px;color: #fff;padding:5px 15px;}
.artech-job .btn-hybrid{background-color: rgba(245, 88, 0, 1);border-radius:20px;color: #fff;padding:5px 15px;}
.artech-job .btn-hybrid{background-color: rgba(245, 88, 0, 1);border-radius:20px;color: #fff;padding:5px 15px;}
.artech-job .nav-pills .active{border:1px solid rgba(38, 60, 156, 1);border-radius: 18px;}
.artech-job .contentBox-content{list-style: none;margin-bottom: 0px;padding-left: 22px;}
.artech-job .contentBox-content li{margin-bottom: 15px;}
.artech-job .form-select {color: #777777;}
.artech-job .link{color: rgba(38, 60, 156, 1);text-decoration: underline;}
.artech-job .form-control {width: 100%;padding: 0.8rem .8rem;color: #777777;}
.artech-job .card{border: 1px solid rgba(225, 225, 225, 1);}
.artech-job .text-voilet{color:rgba(111, 51, 141, 1);}
.artech-job .upload_dropZone {color: #0f3c4b;outline: 1.9px dashed rgba(111, 51, 141, 1); outline-offset: -5px;transition:outline-offset 0.2s ease-out,outline-color 0.3s ease-in-out,background-color 0.2s ease-out;}
.artech-job .mt--100{margin-top:-100px;}
.artech-job .list-scroll{height: 615px; overflow-y: scroll;}
.artech-job .input-group {flex-wrap: nowrap;}
.list-scroll::-webkit-scrollbar {
  display:none;
}

.fade-up {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 1s ease-out, transform 1s ease-out;
}

.fade-up.show {
  opacity: 1;
  transform: translateY(0);
}
/* Hide scrollbar for IE, Edge and Firefox */
.list-scroll{
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
  border:1px solid rgba(210, 210, 210, 1);
  border-radius:18px;
  padding:10px;
}

   @keyframes fadeInScale {
       0% { opacity: 0; transform: scale(0.9); }
       100% { opacity: 1; transform: scale(1); }
   }

.text-theme-primary{
    color:rgba(37, 62, 145, 1);
}

@media only screen and (max-width: 600px) {
  .artech-job .bdr-right{border-right: 0px solid rgba(210, 210, 210, 1);}
  .artech-job .input-group{border-bottom: 1px solid rgba(210, 210, 210, 1);margin: 10px 0px;}
  .artech-job .form-control{font-size: 14px;}
  .artech-job .list-scroll{height: 350px; overflow-y: scroll;}
  }


  .loader.active {
    margin:auto;
    width: 48px;
    height: 48px;
    border: 5px solid rgba(37, 62, 145, 1);
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
    }

    @keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
    } 
    
    .close-popup{
      position: absolute;
      top: 14px;
      right: 16px;
      border: none;
      background: none;
      font-weight: 700;
      font-size: 18px;
    }
    
    
.loading-wrapper-full{
background-color: rgba(0, 0, 0, .65);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: 100vw;
    position: fixed;
    z-index: 9999;
}
    
    
.loader {
  color: #fff;
  font-size: 10px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  animation: mulShdSpin 1.3s infinite linear;
  transform: translateZ(0);
}

@keyframes mulShdSpin {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 
    2em -2em 0 0em, 3em 0 0 -1em, 
    2em 2em 0 -1em, 0 3em 0 -1em, 
    -2em 2em 0 -1em, -3em 0 0 -1em, 
    -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 
    3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, 
    -2em 2em 0 -1em, -3em 0 0 -1em, 
    -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 
    2em -2em 0 0, 3em 0 0 0.2em, 
    2em 2em 0 0, 0 3em 0 -1em, 
    -2em 2em 0 -1em, -3em 0 0 -1em, 
    -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em,
     3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, 
     -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em,
     3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, 
     -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em,
     3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, 
     -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 
    3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, 
    -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 
    3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, 
    -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}

.full-loader-wrapper{
    
    position:fixed;
    height:100vh;
    width:100vw;
    display:flex;
    justify-content:center;
    align-items:center;
    background: white;
    z-index: 9999;
}
.full-loader-wrapper .loader{
    
    color:rgba(37, 62, 145, 1);
}


.joblist-container{
    margin-bottom:3rem;
}


@media only screen and (max-width:768px){
    .select2-container {
    margin-bottom:10px !important;
}

.selection .select2-selection.select2-container--default ,.selection .select2-selection.select2-selection--multiple{

    padding:10px  !important;
}
 .tab-content{
     display:none !important;
 }
 .joblist-container{
    margin-bottom:1rem;
}

.joblist-container > .row >  .col-md-3,.joblist-container > .row >  .col-md-4{
     padding:0px;
}

.job-detail-header ~ .container > .m-3  {
    padding:0px;
    margin:0px !important;
}
.job-detail-header ~ .container > .m-3 > .row > .col-md-12 {
    padding:0px;
}

#jobDetailBlock > .col-md-6{
      padding:0px;
}

#jobDetailBlock .text-end{
     margin-top:10px !important;
     text-align:left !important;
}
#job-details .row:nth-of-type(2) .col-md-12 {
        padding:0px;
    margin:0px !important;
}
#job-details ~ .card{
      padding-left:0px !important;
     padding-right:0px !important;
}

#job-details ~ .card > .card-body{
      padding:0px;
      padding-top:10px !important;
    
}
#job-search-form .input-group  > *{
    padding:8px 4px;
}
#job-search-form .input-group {
   width:260px;
   border: none;
}

#job-search-form > .row > .col-md-4 .btn-jl-common{
   font-size:14px;
}

#job-search-form > .row .col-md-8, #job-search-form > .row .col-md-4{
   padding:0px;
   flex:1;
   flex-basis:fit-content !important;
}

.artech-job .list-scroll{
    height:600px;
}


.artech-job .nav-pills .active{
    border:1px solid rgba(210, 210, 210, 1);
}

.jobheader{
    
    /*margin-bottom:15px !important;*/
}
/*#job-search-form > .row > .col-md-8{*/
/*   width:70%;*/
/*}*/

/*#job-search-form > .row > .col-md-4{*/
/*   width:30%;*/
/*}*/



 

/*#job-search-form > .row{*/
/*    display:flex;*/
/*            flex-wrap: nowrap;*/
/*}*/


/*#job-search-form > .row > div{*/
/*   flex:1;*/
/*}*/




}


/* Tablets: 2 columns */
@media (max-width: 992px) {.job-container
  .job-container.grid-item {
    flex: 0 0 calc(50% - 14px);
  }
  
  
  #footer-menu{
      display:none;
  }
  
  #copyright-wrapper{
        justify-content: center !important;
  }
  
  #footer .row.footer-row{
      flex-direction:column;
  }
  
  #footer .row.footer-row{
      gap: 30px;
  }
  
  
  .contact-item.widget-item h4{
      flex-basis:60%;
      
  }
}

.stay-updated{
     background: #ebebeb;
    border: 1px solid rgb(229 229 229 / 20%);
    padding: 20px;
    border-radius: 20px;
   display: flex; justify-content: space-between; align-items: center;
}


/* Mobile: 1 column */
@media (max-width: 576px) {
  .job-container.grid-item {
    flex: 0 0 100%;
  }
  
  
  
  .stay-updated{
     flex-direction:column;
     gap:10px;
     align-items: inherit;
  }
    .stay-updated p{
     font-size:18px;
  }
    .stay-updated span{
       font-size:15px;
  }

}











/*header footer navbar*/


    /* nav css below */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&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');

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
}

body{
    max-width:100%;
    overflow-x:hidden;
}

ul{
    list-style: none;
}

.top-bar{
    height: 100px;
    padding: 0px 15px;
    display: flex;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  
   
}

.top-bar .logo{
  margin-right: 15px;
}


.top-bar .logo img{
    width: auto;
    height: 100%;
    object-fit: cover;  
}

.top-bar .main-navigation{
    width: 100%;
    height: 100%;
    flex:1;
    margin-left: 20px;
   
}

.contact-item .menu li a:hover{
    color: #253e91 !important;
    
}

.footer-social-icons i{
    color:#fff;
}

.top-bar .main-navigation > ul{

    height: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
}


.top-bar .main-navigation > ul > li{
    position: relative;
}

.top-bar .main-navigation > ul > li > a{
    text-decoration: none;
    color: rgb(68, 68, 68);
    font-size: 14px;
    font-weight: 300;
    padding: 10px;
    display: block;
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
    border-radius: 75px;
}

.top-bar .main-navigation > ul > li > a:hover {
   background-color: #293b95;
   color: #fff;
}


.social-links{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;

}
.social-links a{

    color:#293b95;
}

.top-bar .main-navigation ul.submenu {
    height: auto !important;
    line-height: 22px !important;
    position: absolute;
    margin-top: -1px;
    display:none;
    z-index: 99998;
    background: #424242;
    color: #fff !important;
    padding: 0 !important;
    flex-direction: column;
    width: max-content;
    font-size: 12px !important;
    min-width: 200px;
}

.top-bar .main-navigation ul.submenu a {
font-size: 12px !important;
}

.submenu-1{
    top: 100%;
    left: -1px;
}

.submenu-2{
    top: 0;
    left: 100%;
}

.icon-map-marker{
    margin-right:10px;
}

.main-navigation ul.submenu li {
    padding: 10px !important;
    width: 100% !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07) !important;
 
}
.main-navigation ul.submenu li a {
    color: #fff !important ;
    text-decoration: none !important;   
}

.main-navigation ul.submenu li:hover {
    background: #222222;
}

.main-navigation ul.submenu li {
    position: relative;
    padding: 10px !important;
    width: 100% !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07) !important;
}

.main-navigation ul.submenu li ul.submenu {
    position: absolute;
    top: 0;
    left: 100%;
    display:none;
    background: #424242;
    min-width: 180px;
    flex-direction: column;
}

.main-navigation ul.submenu li a {
    white-space: nowrap;
    text-decoration: none !important;
    color: #fff !important;
}

.main-navigation ul.submenu li ul.submenu li:hover {
    background: #222222;
}

.main-navigation > ul  > li > ul.submenu > li > .submenu.submenu-2{
    display:none;
}

.top-bar .main-navigation > ul > li:hover .submenu-1 {
    display: flex !important;
    transition: all 0.3s ease-in-out;
}

.top-bar .main-navigation > ul > li > .submenu-1 > li:hover .submenu.submenu-2 {
    display: flex !important;
    transition: all 0.3s ease-in-out;
}

.top-bar .main-navigation > ul > li > .submenu-1 > li > .submenu.submenu-2 > li:hover .submenu.submenu-3 {
    display: flex !important;
    transition: all 0.3s ease-in-out;
}



/* footer css below */
#footer{
    display: block;
    padding: 50px 0 50px !important;
    background-color: #222;
    -webkit-backface-visibility: hidden;
    overflow:hidden;
}

h4, .widget-item h4, #respond h3, .content-box h4, .feature-box h4.bold {
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0px;
    font-weight: 500;
}

#footer.dark-style .widget-item h4, #hb-side-section .widget-item h4 {
    color: #f4f4f4 !important;
}

#footer .row.footer-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-evenly;

}

#footer ul{
    padding-left:0;
}

#footer h4{

    margin: 0 0 15px;
    text-decoration: none;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0px;
    font-weight: 500;
}

#footer .menu a{
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    padding: 5px 14px;
    padding-left: 0px;
    line-height: 32px;
}

.custom-footer {
    margin: 60px 1px 0;
}

.contact-item{
    display: flex;
    align-items: center;
    gap: 20px;
   align-items: center;
}
.contact-item .menu{
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    gap: 15px;
    flex-wrap:wrap;
}
.contact-item .menu .fa{

    margin-right: 15px;
}

.social-icons, .social-box{
    display: flex;
    align-items: center;
    gap: 20px;
   
}
.social-icons li {
    background-color: rgba(255, 255, 255, 0.05);
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.3s ease-in-out;
}

.social-icons li.linkedin:hover {
    background-color: #0077b5;
    color: #fff;
}

.social-icons li.fb:hover {
    background-color: #1877f2;
    color: #fff;
}

.social-icons li.twitter:hover {
    background-color: #000;
    color: #fff;
}

.social-icons li.insta:hover {
    background-color: #e4405f;
    color: #fff;
}

.social-icons .fab{
color: #fff;
   
}
.m-0{
    margin: 0 !important;
}

#copyright-wrapper, #copyright-wrapper a {
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 0px;
    font-weight: 400;
}

#copyright-wrapper {
    background: #1f1f1f;
    display: block;
    padding: 15px 120px !important;
    color: #fff;
    font-size: 12px;
    -webkit-backface-visibility: hidden;
}

#copyright-wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
   
}

#footer-nav{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    color: #fff;
}

#copyright-text{
    font-weight: 500;
}
#footer-nav a{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    font-weight: 500;
}


ul#footer-nav li:not(:last-child) {
    border-right: 2px solid white;
    padding-right: 13px;
}
#footer-nav li {
  
    margin-right: 15px;
}


/* Hamburger menu styles */
.mobile-menu-toggle {
  display:none;
  flex-direction: column;
  cursor: pointer;
  gap: 5px;
      justify-content: center;
      font-size:32px;
}

.mobile-menu-toggle span {
  width: 25px;
  height: 3px;
  background: #000;
}
.top-bar .main-navigation > ul > li.mobile-nav-cross{
    display:none;
 
    justify-content: flex-end;
}
.mobile-nav-cross div{
    border-left:1px solid #444;
        cursor: pointer;
    padding: 0 16px;
    line-height: 49px;

}

.mobile-nav-cross i {
    color: #fff;
    font-size:18px;
}

@media (max-width:1200px){
    .mobile-menu-toggle{
         display: flex;
    }
    header .social-links{
        display:none;
    }
    
    
    .top-bar .main-navigation > ul > li.mobile-nav-cross {

    display: flex;
    
    }
    .main-navigation {
      position: fixed;
      top: 0;
      right: 0;
      height: 100vh;
      background: white;
      overflow-y: auto;
      transform: translateX(100%);
      transition: transform 0.3s ease-in-out;
      box-shadow: -2px 0 10px rgba(0, 0, 0, 0.2);
      z-index: 1000;
      white-space: nowrap; /* prevent wrapping, content defines width */
    }
    
    .main-navigation.open {
      transform: translateX(0);
    }
    
    /* Reset */
.main-navigation ul,
.main-navigation li {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Flex vertical layout */
.main-navigation .menu {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1rem;
}

/* Menu items */
.main-navigation .menu-item > a {
  text-decoration: none;
  color: #333;
  padding: 0.75rem 1rem;
  display: block;
  background: #f9f9f9;
  border-radius: 4px;
}

/* Hover styles */
.main-navigation .menu-item > a:hover {
  background: #e0e0e0;
}

/* Submenu (hidden by default) */
.main-navigation .submenu {
  display:none;
  flex-direction: column;
  margin-left: 1rem;
  padding-left: 1rem;
  border-left: 2px solid #ccc;
}

/* Show submenu when parent has class 'open' */
.menu-item.has-submenu.open > .submenu {
  display: flex;
}

.top-bar{
    justify-content:space-between;
}

/* Indicate submenu with arrow */
.menu-item.has-submenu > a::after {
  content: ' ▸';
  float: right;
  font-size: 0.8rem;
}

/* Active submenu down arrow */
.menu-item.has-submenu.open > a::after {
  content: ' ▾';
}


.top-bar .main-navigation > ul{
    flex-direction:column;
    justify-content: flex-start;
    align-items: flex-start;
}


.top-bar .main-navigation{
    width:auto;
    background-color: #252525;
        min-width: 300px;
    max-width: 100%;
}

 .top-bar .main-navigation > ul > li > a{
     color:#fff;
     font-weight:500;
 }
 
 .top-bar .main-navigation > ul > li{
     border: 1px solid #333;
     width:100%;
 }
 
 .top-bar{
     height:auto;
 }
 
 header .top-bar .logo img{
    height: 60px;
 }
 
 
 /*.top-bar .main-navigation > ul > li{*/
 /* padding-left: 18px;*/
 /*}*/
 
.top-bar .main-navigation  ul li  a{
  display: flex;
  align-items: center;
  justify-content: space-between;
 padding: 0px 0px 0px 18px;
  line-height:3;
  position: relative;
}

/* Style the icon inside the <a> */
.main-navigation li > a i {
  background-color:rgba(255, 255, 255, 0.05);
  padding: 10px 18px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  margin-left: 8px;
}


.submenu > li{
    border: 1px solid #333;
     width:100%;
}

.submenu > li > a{
         color:#fff;
     font-weight:500;
}


.top-bar .main-navigation ul.submenu{
    position: static;
    width: 100%;
    margin: 0px;
    background: 0 0 !important;
    padding: 0px;
    border-left: 0px;
}

.top-bar .main-navigation > ul > li > a:hover{
    background-color:#252525;
}


.top-bar .main-navigation > ul > li:hover .submenu-1 {
    max-height: 0;
  overflow: hidden;
  transition: max-height 0.1s ease;
  display: flex;
  flex-direction: column;
}

.top-bar .main-navigation ul.submenu.open,.top-bar .main-navigation > ul > li .submenu-1.open  {
  max-height: 1000px;
}



.top-bar .main-navigation ul.submenu.open li , .top-bar .main-navigation > ul > li .submenu-1.open li{
           display: flex;
        align-items: flex-start;
        padding: 0px !important;
}


.top-bar .main-navigation ul.submenu.open li a, .top-bar .main-navigation > ul > li .submenu-1.open li a{
     font-size:14px !important;
    padding: 0px 0px 0px 40px;
}


.top-bar .main-navigation ul.submenu.open li::before , .top-bar .main-navigation > ul > li .submenu-1.open li::before {
        content: "\2014 ";
        margin-right: 0px;
        color: white;
        font-weight: normal;
        display: inline-block;
        position: absolute;
        left: 20px;
        top:10px;
}

.submenu.submenu-1.open.double-nested li{
    flex-direction:column;
}
.submenu.submenu-1.open.double-nested li a > i{
    display:none;
}

.main-navigation ul.submenu li ul.submenu{
    position: relative;
    top: 0;
    left: 0;
   
}
.main-navigation > ul > li > ul.submenu > li > .submenu.submenu-2{
     display:flex;
}

.submenu.submenu-1.open.double-nested li .submenu-2 li::before{
    left: 40px;
}
.submenu.submenu-1.open.double-nested li .submenu-2 li a{
       padding: 0px 0px 0px 60px;
}








}









/*for hively*/

#jobdivaheader{
    display:none;
}

 #hively-csat-banner {border:1px solid #e7e7e7;border-radius:5px;padding:15px;overflow:auto;width:100% !important;font-family:Helvetica,sans-serif;font-weight:300;background-image:url(https://secure.teamhively.com/assets/hex-8e9d28679185f39127b7868f0f4b31ef31cc2116713c9e749ffd69ec22a8fa96.png);background-position:left bottom;background-repeat:repeat-x;background-color:#fff;}
          #hively-csat-banner #cta {float:left;width:50%;text-align:left}
          #hively-csat-banner #cta h2 {font-size:24px;color:#333;margin-top:10px;margin-left:40px;}
          #hively-csat-banner #cta h2 img {height:18px}
          #hively-csat-banner #csat {float:right;width:50%;text-align:right}
          #hively-csat-banner #csat p {font-size:24px;margin:0px 40px 0px 0px;color:#333}
          #hively-csat-banner #csat img#smiley {vertical-align:middle;margin-bottom:5px}
          #hively-csat-banner #csat span#metric {margin-left:15px}
          #hively-csat-banner #attribution {clear:both}
          #hively-csat-banner #attribution p {font-size:12px;margin-top:20px;margin-bottom:0px;text-align:center;color:#666}
          #hively-csat-banner #attribution p a {color:#666}
          #hively-csat-banner #attribution p a img {height:18px}
          #hively-csat-banner #featured_feedback {clear:both}
          #hively-csat-banner #featured_feedback p {font-size:14px;font-style:italic;margin:10px 100px 0px 100px;text-align:center;color:#666}
          #hively-csat-banner #featured_feedback p a {color:#666}
      @media (max-width:1320px) {       
        /* For hively script */
        
        #hively-csat-banner-widget #hively-csat-banner {
          display: flex !important;
          flex-direction: column !important;
        }
      
        #hively-csat-banner-widget #hively-csat-banner #cta {
          width: 100% !important;
          float: none !important;
          text-align: center !important;
          margin: 0px !important;
          padding: 0px !important;
        }
      
        #hively-csat-banner #cta h2 {
          margin: 0px !important;
          text-align: center !important;
          font-size: 18px !important;
        }
      
       #hively-csat-banner-widget #hively-csat-banner #csat {
          width: 100% !important;
          float: none !important;
          text-align: center !important;
        }
      
        #hively-csat-banner-widget #hively-csat-banner #csat p {
          margin: 0px !important;
          text-align: center !important;
          font-size: 20px !important;
        }
      
        #hively-csat-banner #attribution p {
          margin-top: 0px !important;
        }
      }