.subscribe {
	padding:50px 0;
	background: rgb(255,211,2);
	background: -moz-linear-gradient(211deg, rgba(255,211,2,1) 0%, rgba(6,76,127,1) 100%);
	background: -webkit-linear-gradient(211deg, rgba(255,211,2,1) 0%, rgba(6,76,127,1) 100%);
	background: linear-gradient(211deg, rgba(255,211,2,1) 0%, rgba(6,76,127,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffd302",endColorstr="#064c7f",GradientType=1);	
}
.subscribe h6 {
	font-size: 30px;
	color: #fff;
	margin-bottom: 5px;
}
.subscribe p {
	color: #fff;
}

.subscribe .form-control {
	height: auto;
	padding: 15px 13px;
	font-size: 16px;
	border: none;
	border-radius: 5px;
	margin-right: 1px;
	border-right: 1px solid #ddd;
}
.subscribe .btn {
	background: #056cb8;
	padding: 15px 20px;
	color: #fff;
	border: none;
	text-transform: uppercase;
	font-weight: 600;
	border-radius:0 5px 5px 0;
	width: 100%;
}
.subscribe .btn:hover{background: #000; color: #fff;}
#subscribe_newsletter_form{margin-top: 8px;}


.elemental{
    font-size:14px;
    font-weight:normal;
    line-height:1.5;
    font-family:"Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color:#252525
}
.elemental h1,.elemental h2,.elemental h3,.elemental h4,.elemental h5,.elemental h6,.elemental p,.elemental span,.elemental strong,.elemental table,.elemental tr,.elemental td,.elemental th,.elemental ol,.elemental ul,.elemental li,.elemental blockquote,.elemental figure,.elemental div{
    color:inherit;
    font-weight:inherit;
    font-family:inherit;
    line-height:inherit
}
.elemental h1,.elemental h2,.elemental h3,.elemental h4,.elemental h5,.elemental h6{
    margin:0;
    padding:0
}
.elemental p{
    margin:0.2em 0;
    padding:0
}
.elemental a{
    text-decoration:none
}
.elemental ul,.elemental ol{
    margin:0;
    padding:0;
    margin-left:1em
}
.elemental td,.elemental th{
    padding:3px
}
.elemental p br:only-child{
    display:block;
    height:6px;
    content:"";
    margin:0;
    font-size:10%
}
.elemental .break-word{
    word-break:break-word
}
.elemental .cover-letter .cl-section{
    margin:25px auto
}
.elemental .no-padd-left{
    padding-left:0
}
.elemental .no-padd-right{
    padding-right:0
}
.elemental .section-header{
    word-break:break-word
}
.elemental .item{
    *zoom:1
}
.elemental .item:before,.elemental .item:after{
    display:table;
    content:"";
    line-height:0
}
.elemental .item:after{
    clear:both
}
.elemental .item>.row>div{
    word-break:break-word
}
.elemental .objective ul,.elemental .objective ol,.elemental .description ul,.elemental .description ol,.elemental .cl-description ul,.elemental .cl-description ol{
    margin-left:1.5em
}
.elemental .cl-description p{
    margin:0.6em 0
}
.elemental h1{
    font-size:1.8em
}
.elemental h2{
    font-size:1.6em
}
.elemental h2.section-header{
    font-size:1em
}
.elemental h3{
    font-size:1.2em
}
.elemental h4{
    font-size:1.1em
}
.elemental h5{
    font-size:1em
}
.elemental h6{
    font-size:0.8em
}
.elemental .date{
    font-size:0.9em
}
.elemental .contact{
    font-size:0.95em
}
.elemental .objective,.elemental .description{
    font-size:0.95em
}
.elemental h1,.elemental h2,.elemental h3,.elemental h4,.elemental h5,.elemental h6,.elemental strong,.elemental b{
    font-weight:bold
}
.elemental h1,.elemental h2,.elemental h3,.elemental h4,.elemental h5,.elemental h6{
    color:#252525
}
.elemental .about-section{
    padding-top:0.5em
}
.elemental .about-section.photo-resume .name{
    margin-top:0.5em
}
.elemental .about-section .name h1,.elemental .about-section .name h6{
    margin:0;
    color:#ffffff;
    text-shadow:0 1px 2px #00284f
}
.elemental .about-section .name h1{
    font-size:1.8em
}
.elemental .about-section .name .subheader{
    font-size:1em;
    color:#ececec;
    font-style:italic;
    padding:0.1em 0
}
.elemental .about-section .personal-details{
    padding:1em;
    margin-bottom:0;
    background:#056cb8;
}
.elemental .about-section .contact{
    border:none;
    width:100%
}
.elemental .about-section .contact tr .label-container{
    vertical-align:top;
    border-right:0.25em solid transparent;
    min-width:80px;
    max-width:200px
}
.elemental .about-section .contact tr .label-container span{
    display:inline-block
}
.elemental .about-section .contact tr th,.elemental .about-section .contact tr td{
    border:none;
    padding:1px 0
}
.elemental .about-section .contact{
    display:block;
    color:#dfdfdf;
    margin-top:0.5em;
    border-collapse:separate;
    border-spacing:2px
}
.elemental .about-section .contact a{
    color:inherit
}
.elemental .about-section .contact tr .label-container{
    min-width:100px;
    vertical-align:top;
    min-width:85px
}
.elemental .about-section .contact tr .label-container span{
    padding:2px 4px;
    font-weight:bold;
    background:rgba(255,255,255,0.1);
    display:inline-block;
    width:100%;
    color:#ffffff
}
.elemental .about-section.photo-resume .photo{
    z-index:2;
    position:relative
}
.elemental .about-section.photo-resume .photo img{
    display:inline-block;
    min-width:180px;
    border:2px solid #fff;
    -webkit-box-shadow:10px 0 30px #001326;
    box-shadow:10px 0 30px #001326
}
.elemental .column-container{
    overflow:hidden
}
.elemental .one-fourth{
    display:table-cell;
    width:300px;
    vertical-align:top;
    padding:10px;
    padding-top:20px;
    background:#ececec
}
.elemental .three-fourth{
    display:table-cell;
    padding:10px;
    padding-top:20px;
    vertical-align:top
}
.elemental .resume-content-section{
    margin-top:0
}
.elemental .resume-content-section .section{
    padding-bottom:1em;
	padding-top: 0;
}

.elemental .profileskills li .skillbox{padding: 5px 10px;}
.elemental .profileskills li .skillbox span{margin-top: 0;}



.elemental .resume-content-section .section .section-header{
    margin:0;
    padding:0;
    font-weight:bold;
    font-style:normal;
    text-transform:uppercase;
    padding:5px 5px 3px 5px;
    letter-spacing:0.6px;
    background:#dfdfdf;
    color:#181818
}
.elemental .resume-content-section .section .item{
    padding:0.8em 0;
    border-bottom:1px dashed #dfdfdf
}
.elemental .resume-content-section .section .item:last-child{
    border-bottom:none
}
.elemental .resume-content-section .section .date{
    font-style:italic;
    margin-top:0.5em;
    color:#585858
}
.elemental .resume-content-section .section .language-list h3,.elemental .resume-content-section .section .language-list h4{
    display:inline
}
.elemental .resume-content-section .section h1,.elemental .resume-content-section .section h2,.elemental .resume-content-section .section h3,.elemental .resume-content-section .section h4{
    margin:0;
    padding:0;
    line-height:1.2
}
.elemental .resume-content-section .section h3{
    font-weight:700
}
.elemental .resume-content-section .section h4{
    font-weight:normal;
    color:#585858;
    margin:0.4em 0
}
.elemental .resume-content-section .three-fourth .section .date{
    text-align:right
}
.elemental .resume-content-section .one-fourth .section .date{
    text-align:left;
    margin-bottom:0.5em
}
.elemental .resume-content-section .one-fourth .section .section-header{
    background:lightgray
}
@media (max-width: 767px){
    .elemental.html .about-section .col-sm-7,.elemental.html .about-section .col-sm-5{
        width:100%
    }
    .elemental.html .resume-content-section .section .item .date{
        text-align:left
    }	
}
.elemental.cover-letter-container .about-section .personal-details .name{
    margin-top:0
}
.elemental.cover-letter-container .cl-section{
    padding:0 0.5em
}

 .listpgWraper .container .col-md-9.col-sm-8 {
     background-color: white;
     border-radius: 5px;
}
 .resume-content-section.photo-resume .column-container .one-fourth {
     background: white;
}
 .resume-content-section.photo-resume .column-container .three-fourth {
     border-right: 1px solid lightgray;
}
.resume-content-section.photo-resume .section-header.section-header-about {
    margin-bottom: 10px !important;
}




.kanban-board {
	display: flex;
	gap: 20px;
  }
  
.column {
	border-radius: 5px;
	padding:20px;
	width: 25%;
	height: 800px;
	background-color: #f8f8f8;
	overflow: hidden;
	overflow-y: auto;
}
::-webkit-scrollbar {
    width: 8px;
}
 
::-webkit-scrollbar-track {
    background-color: #ebebeb;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #6d6d6d; 
}


  
.task {
	background-color: #fff;
	border-radius: 3px;
	padding:15px;
	margin-bottom: 15px;
	cursor: grab;
	transition: transform 0.3s ease; 
  }




  #rejected .task{background-color: #fff4f6;}
  #shortlist .task{background-color: #fffaef;}
  #hired .task{background-color: #f4fff4;}


#applied{
    background-color: #d7dff1;
}
#rejected {
    background-color: #f1d7dc;
}

#shortlist {
    background-color: #f7edd9;
}

#hired {
    background-color: #d0efd0;
}
  
  .task.dragging {
	opacity: 0.4;
	border: 3px dotted #ccc;
  }
  
  .column h2 {
	margin: 0;
	font-size: 18px;
	margin-bottom: 20px;
  }
  
  .column:hover {
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  }
  
  .column:hover .task {
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }

.task h3{font-size: 18px;}
.move-btn{border: none; padding: 5px 8px; font-size: 14px; font-weight: 600; margin-top: 10px; color: #666;}
.profbtn{margin-top: 10px; background:#056cb8; color: #fff; font-size: 14px; padding: 5px 10px; border-radius: 3px;}
.profbtn:hover{background: #044473;}

.location, .minsalary{line-height: 18px;}
.location i, .minsalary i{color:#056cb8;}
.jobskrbtnact{border-top: 1px solid #eee; margin-top: 15px;}
.select2-container{z-index: 100000;}


  /* Additional styles for Dragula library */
  .gu-mirror {
	position: fixed;
	margin: 0;
	z-index: 10000;
	opacity: 0.8;
	padding: 15px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 5px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  }
  
  .gu-hide {
	display: none !important;
  }

  /* Responsive styles */
@media (max-width: 600px) {
	.kanban-board {
	  flex-direction: column; /* Stack columns vertically on small screens */
	}
  
	.column {
	  width: 100%; /* Take up full width on small screens */
	}
  }