.feature-collections h1{
		color: #000;

font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: uppercase;


border-top: 1px solid #DADADA;

border-bottom: 1px solid #DADADA;

padding: 10px 32px;

	}
.feature-collections a{
	display: block;
	
}
.feature-collections a img{
	
   width: 100%;
   margin-bottom: 12px;

}
.feature-collections a p{
color: var(--Color-Secondary, #468847);
text-align: center;

font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;

}	
.box-image.gump{
  background-image: url('/jspui/image/glam/icon/0/gump.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  aspect-ratio: 1; /* or 4 / 3, etc., depending on your image */
  width: 100%;
}
.box-image.kump{
  background-image: url('/jspui/image/glam/icon/0/kump.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  aspect-ratio: 1; /* or 4 / 3, etc., depending on your image */
  width: 100%;
}
.box-image.tue{
  background-image: url('/jspui/image/glam/icon/0/tue.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  aspect-ratio: 1; /* or 4 / 3, etc., depending on your image */
  width: 100%;
}
.box-image.uvg{
  background-image: url('/jspui/image/glam/icon/0/uvg.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  aspect-ratio: 1; /* or 4 / 3, etc., depending on your image */
  width: 100%;
}
.recent-submisstions-container img.item-recent{
		width: 100%;
    		height: 308px;
    		object-fit: cover;
	}
	.recent-submisstions-container .item-title{
		color: var(--Color-black, #000);
		text-align: center;

		font-size: var(--typography-Size-H2, 16px);
		font-style: normal;
		font-weight: 600;
		line-height: normal;
		
		
		display: -webkit-box;
		-webkit-line-clamp: 2; /* Limit to 2 lines */
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis; /* Adds "..." if text is cut off */
    
		word-break: break-word; /* Ensures long words break */
	}
	.recent-submisstions-container .recent-heading{
		color: #959595;
		
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		margin: 10px 32px;
	}
	.recent-submisstions-container .box{
		padding: 18px 24px;
		background: #FFBC05;
		text-align: center;
		min-height: 80px;
	}
	.wrap-btn-explore{
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 20px 0;
	}
	.wrap-btn-explore .line{width: 100%; height: 1px; background: #ccc;}
	.wrap-btn-explore button.select-explore{
		border: 1px solid #DADADA;
    padding: 10px 32px;
    background: #FFF;
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    position: relative;
    min-width: 308px;
	outline: none;
	}
	.wrap-btn-explore button.select-explore:forcus{
		border:0;
	}
	.wrap-btn-explore button.select-explore::after{
		content: "\f078";
    display: inline-block;
    font-size: 12px;
    color: #333;
    
    font-family: "FontAwesome";
	position: absolute;
	top: 50%;
	right: 50px;
	transform: translate(0,-50%);
	}
	.wrap-btn-explore button.select-explore.show::after{
		content: "\f077";
	}
	.recent-submisstions-container{display: none; transition: 0.3s}
	.recent-submisstions-container.show{display: block;}

.carouselCustom .carousel-indicators{
    position: absolute;
    width: fit-content;
    left: 50%;
    /* top: 50%; */
    transform: translate(-50%, 0);
    margin: 0;
    height: fit-content;
    bottom: 34px;
}
.carouselCustom .carousel-indicators li {
    background: #fff;
    width: 12px;
    height: 12px;
    border: 0;
    margin: 0 7px;
}
.carouselCustom .carousel-indicators li.active {
    background: linear-gradient(180deg, #FFC72F 0%, #DBAF00 100%);
    width: 12px;
    height: 12px;
    border: 0;
}
.carouselCustom .carousel-control.left, .carouselCustom .carousel-control.right{
  display: none !important;
}
.banner_glam{
	position: relative;
	z-index: 1;
}
.banner_glam .banner_attach{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 1000;
	display: flex;
        flex-direction: column;
        align-items: center;
}

.tab-search{margin-bottom: 32px;border: 1px solid var(--Color-Grey, #CCC);}
	.tab-search .tab-content{padding: 48px;border: 0;}

	.tab-search .nav-pills>li.active>a,.tab-search .nav-pills>li.active>a:hover,.tab-search .nav-pills>li.active>a:focus {
    		color: var(--Color-black, #000);
    background: var(--Linear-Yellow, linear-gradient(180deg, #FFC72F 0%, #DBAF00 100%));
    padding: 10px 32px;
    border-radius: 0;
    text-transform: uppercase;
    font-size: var(--typography-Size-H2, 16px);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
	}
.tab-search .nav-pills>li>a,.tab-search .nav-pills>li>a:hover,.tab-search .nav-pills>li>a:focus {
    		color: #fff;
    background: var(--linear, linear-gradient(180deg, #428BCA 0%, #424A5D 100%));
    padding: 10px 32px;
    border-radius: 0;
    text-transform: uppercase;
    font-size: var(--typography-Size-H2, 16px);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
	}
.tab-search .nav-pills>li+li{margin-left: 0;}




	.search-content h3{
   color: #000;


font-size: var(--typography-Size-H2, 16px);
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: uppercase;
margin-bottom: 24px;
  }
 
  .search-for .addfield {
   border-radius: 4px;
    background: #C93131;
    cursor: pointer;
    padding: 6px 12px;
    color: #fff;
    display: block;
    font-size: 15px;
    text-align: center;
    margin-bottom: 15px;
}
 
 
  .search-for .form-inline .form-group{
    margin-right: 18px;
  }
  .search-for .form-inline .form-group label{
    display: block;
    
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #000000;
  }
  .search-for .form-inline .icon-remove *{
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
  }

  .search-for .form-inline .form-control{
   color: var(--neutral-black, #222);

font-size: var(--typography-Size-Body, 14px);
font-style: normal;
font-weight: 400;
line-height: normal;
  }
  .search-forappend .form-inline{
    margin-top: 18px;
  }

  .addsearch-group{
    
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #1265B2;
    margin-top: 18px;
    margin-left: 18px;
    display: inline-flex;
    cursor: pointer;
  }
  .addsearch-group svg{
    margin-right: 10px;
    margin-top: -2px;
  }
  .icon-remove{
    cursor: pointer;
  }
  .search-content .btn-reset-adv{
 	width: 100%;
	color: var(--Color-black, #000);
background: #fff;
font-size: var(--typography-Size-Body, 14px);
font-style: normal;
font-weight: 400;
line-height: normal;


border-radius: 4px;
border: 1px solid var(--Color-3rd, #004077);
padding: 12px;
outline: none;
  }

.search-content .btn-search-adv{
width: 100%;
border-radius: 4px;
border: 1px solid var(--Color-3rd, #004077);
background: var(--Color-Primary, #428BCA);
padding: 12px;	

color: var(--Color-White, #FFF);

font-size: var(--typography-Size-Body, 14px);
font-style: normal;
font-weight: 400;
line-height: normal;
outline: none;
}






  @media (max-width: 1599.98px) {
	  .banner_glam .banner_attach {
		  top: 40%;
	  }
.box-image.gump{
  background-image: url('/jspui/image/glam/icon/25/gump.png');
  

  
}
.box-image.kump{
  background-image: url('/jspui/image/glam/icon/25/kump.png');
 
}
.box-image.tue{
  background-image: url('/jspui/image/glam/icon/25/tue.png');
 
}
.box-image.uvg{
  background-image: url('/jspui/image/glam/icon/25/uvg.png');
 
}
  }
  @media (max-width: 1199.98px) {
	  .banner_glam .banner_attach{
		  display: none !important;
	  }

.box-image.gump{
  background-image: url('/jspui/image/glam/icon/25/gump.png');
  

  
}
.box-image.kump{
  background-image: url('/jspui/image/glam/icon/25/kump.png');
 
}
.box-image.tue{
  background-image: url('/jspui/image/glam/icon/25/tue.png');
 
}
.box-image.uvg{
  background-image: url('/jspui/image/glam/icon/25/uvg.png');
 
}

  }
  @media (max-width: 991.98px) {
	  .shp-margin{
		  padding-left: 15px !important;
		  padding-right: 15px !important;
	  }
  .search-content .btn-search-adv{margin-top: 15px;}


.box-image.gump{
  background-image: url('/jspui/image/glam/icon/50/gump.png');
  

  
}
.box-image.kump{
  background-image: url('/jspui/image/glam/icon/50/kump.png');
 
}
.box-image.tue{
  background-image: url('/jspui/image/glam/icon/50/tue.png');
 
}
.box-image.uvg{
  background-image: url('/jspui/image/glam/icon/50/uvg.png');
 
}



  }
  @media (max-width: 767.98px) {
.box-image.gump{
  background-image: url('/jspui/image/glam/icon/50/gump.png');
  

  
}
.box-image.kump{
  background-image: url('/jspui/image/glam/icon/50/kump.png');
 
}
.box-image.tue{
  background-image: url('/jspui/image/glam/icon/50/tue.png');
 
}
.box-image.uvg{
  background-image: url('/jspui/image/glam/icon/50/uvg.png');
 
}	  
  }
  @media (max-width: 575.98px) {
    .banner_glam .banner_attach{display: none;}
	.carouselCustom .carousel-indicators{display: none;}

	.carouselCustom .carousel-control.left, .carouselCustom .carousel-control.right {
		display: unset !important;
	}
	 .carouselCustom .carousel-inner>.item>img,.carouselCustom .carousel-inner>.item>a>img{
		height: 200px;
		object-fit:cover;
	}
	.wrap-btn-explore .line{display: none;}
	.tab-search .nav-pills>li{float: none;}

	.recent-submisstions-container img.item-recent{
		width: 100%;
		height: 220px;
		object-fit: cover;
	}
.recent-submisstions-container .box{
	margin-bottom: 15px;
}
.box-image.gump{
  background-image: url('/jspui/image/glam/icon/75/gump.png');
  

  
}
.box-image.kump{
  background-image: url('/jspui/image/glam/icon/75/kump.png');
 
}
.box-image.tue{
  background-image: url('/jspui/image/glam/icon/75/tue.png');
 
}
.box-image.uvg{
  background-image: url('/jspui/image/glam/icon/75/uvg.png');
 
}
.carouselCustom .carousel-control .glyphicon-chevron-right{
	right: 50%;
	left: unset;
}
  }












