.projecttoprow {display:flex;justify-content:space-between;align-items:center;margin-bottom:0px;margin-top:0px !important; justify-content: center; width: 100%; }

#project-category-filter {
    display: flex;
    list-style: none;
    grid-column-gap: 10px;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    justify-content: center; 
    align-items: center;     
    width: 100%;    
	
}

#project-category-filter li a {
    color:#000;
    font-size: 16px;
    font-weight: 600;
	 line-height: 20px;
	background-color: white;        
    border: 2px solid #fff;        
    border-radius: 40px;          
	
    padding: 20px;                
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); 
}
#project-category-filter li a.active, #project-category-filter li a:hover {
    color:#000;
}
#project-category-filter li a.active {border: 2px solid #2C2C2C;     
	 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);}
#project-category-filter li a.filter:hover{
	background-color: #fff;
	border: 2px solid #2C2C2C;     
	 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
}
#project-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr); 
    row-gap: 20px;      /* Vertical gap */
    column-gap: 30px;   /* Horizontal gap */
	margin-bottom:80px;
}
.noreultsearchbox {text-align: center;
    margin: 50px 0px 0px;
	width: 100%;}
@media (max-width: 1024px) { 
    #project-list {
        grid-template-columns: repeat(3, 1fr); 
    }
}

@media (max-width: 768px) { 
    #project-list {
        grid-template-columns: repeat(2, 1fr); 
    }
}

/* For mobile devices */
@media (max-width: 480px) { 
    #project-list {
        grid-template-columns: 1fr;
    }
}
.datalists .project-item {
    margin-bottom: 10px; 
    padding-bottom: 5px; 
	background-color: white;        
    border: 2px solid #fff;        
    border-radius: 40px;          
    padding: 20px;                
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);  position:relative
    
}
.datalists .project-item:hover{  border: 2px solid #7500E3;     }
.datalists .project-item h5{font-size:22px;margin:15px 0px;line-height:37px;margin-top:15px !important;}
.datalists .project-item h5 a { color: #1B2032;}
.datalists .project-item:hover .readnews:after {margin-left: 17px;}
.datalists .project-item:hover .integrationthumb img{opacity:.5}


.datalists .integrationthumb{
	margin-bottom:10px;
}
.captionwrap {padding-top:20px}
 

.datalists .newscats { margin:0px !important;padding:0px !important;  padding-bottom:8px !important;padding-top:4px !important;}
.datalists .newscatbg div{
border:none;
	      font-size: 12px;
    font-weight: 700;
    line-height: 12px;
    letter-spacing: 0.20em;
    text-align: left;
	color: #676879;
	text-transform: uppercase; 
margin:0px !important;padding:0px !important;
	padding-bottom:8px !important;padding-top:4px !important;
}

.newsload {text-align: center;}
.datatoprow .newsload button {
   color: #fff  ;
    background: #7500E3  ;
    border: 2px solid #7500E3  ;
    font-size: 16px;
    font-weight: 600;
    min-width: 175px;
    box-shadow: none;
	line-height:30px;
	
	padding-left:60px !important;

padding-right:60px !important;
}
.blogsec .newsload button { margin-top:5px !Important; border:none}
.newsload button:hover {
   color: #fff !important;
    background: #000 !important;
    
    
}
.blogsec .newsload button { margin-top:5px !Important; border:none}
.reqquotemain .wpcf7 form .wpcf7-response-output{clear:both;color:red;}
.reqquote label{color:#fff;
font-size: 16px;
font-style: normal;
font-weight:700;
	line-height:30px;
    display: block; 
    margin-bottom:10px !important}
.consubmit button{
	width: 100%;
    padding: 20px;height:60px;
}
.reqquotemain .consubmit button{
	width: 100%;
   height:60px;background-color:  #FFD500  !important;color:#2C2C2C!important;border:2px solid !important;
	border-color:#FFD500  !important;
}
.reqquotemain .consubmit button:hover{
background-color: #1D0254 !important;color:#fff !important;
	border:3px solid !important;
	border-color: #FFD500  !important;
	cursor:pointer;
}
.reqquotemain .privacy{
color: #fff !important;
font-size: 12px !important;
font-weight:bold !important;
line-height: 18px !important;
text-decoration-line: underline !important;
}
.reqquotemain .privacy a:hover{
color: #fff !important;
font-size: 12px !important;
font-weight:bold !important;
line-height: 18px !important;
text-decoration-line: none !important;
}
.privacy_policy{
color: #fff;
font-size: 12px;
font-weight:normal !important;
line-height: 18px;
font-weight:none !important;
	
}

/* Style the checkbox */


.reqquotemain.privacycheckbox1{padding-top:10px;padding-bottom:10px}

.reqquotemain .telph p{margin-bottom:0px !important;}

.reqquotemain .wpcf7-form input[type="text"],
.reqquotemain .wpcf7-form input[type="email"],
.reqquotemain .wpcf7-form input[type="url"]
{
	border-radius:100px !important;
    padding: 10px !important; 
    border:2px solid #F6F6F6 !important; 
	height:60px !important; 
	width:100% !important; 
}

 .reqquotemain .iti input[type=text] {
    padding: 10px 50px 10px 62px !important;
}
.reqquotemain .wpcf7-form textarea {
	border-radius:40px !important;
    padding: 20px !important; 
    border: 2px solid #F6F6F6 !important; 
	height:125px  ;   
	width:100%  !important; 
}
.dswcf7_country_sel{margin-bottom:30px !important}

.reqquotemain .wpcf7-telephone_input{padding-left:150x !important;    }

.reqquote.telph input::placeholder {
   
}
.reqquotemain input[type=tel] {

background: #FFF;  padding: 25px 16px;


}



.iti {
    position: relative;
    display: block;
}

.column-half,.column-third{
	float: left;
	position: relative;
	width:100%;
	 
}
.iti__country-list{padding:0px !important;margin:0px !important; }

.privacy_policy_text{color:#fff;font-family: Poppins;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-left:-10px;
position: absolute;
    left:40px;
    top: 0px;
}

.privacy_policy {
   color: var(--ASK-BOSCO-Dark-Grey, #2C2C2C);
font-family: Poppins;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.privacy_policy a {
 color: var(--ASK-BOSCO-Dark-Grey, #2C2C2C);
font-family: Poppins;
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-decoration-line: underline;
}

.animated-icon-box  {
    display: flex;
    align-items: center;
    transition: all 0.6s ease;
}

.animated-icon-box:hover .elementor-icon {
    transform: translateX(8px);
    transition: transform 0.6s ease;
    cursor:pointer;
}
.animated-icon-box:hover .elementor-icon-box-title{
    transform: translateX(-8px); 
    transition: transform 0.6s ease;
    cursor:pointer;
}
.formcall-text a {
   color:  #FFD500;
    text-decoration: none; 
    font-weight: bold; 
    font-size: 16px; 
    transition: color 0.3s;
}

.formcall-text a:hover {
    color:  #FFD500;
    text-decoration: none; 
}

@media only screen and (min-width:1300px) {  
	#project-list{display:flex;flex-wrap:wrap}
	.datalists .project-item {width:23%}
}

@media only screen and (min-width:768px) and (max-width:990px) { 
	#project-category-filter{padding-left: 0px;}
	#project-category-filter li a {padding:13px 17px}
}
@media only screen and (min-width:360px) and (max-width:400px) { 

#project-category-filter li a {

    font-size: 12px !important;
 padding:1px 2px           

}
}

@media only screen and (min-width:325px) and (max-width:360px) { 

#project-category-filter li a {

    font-size: 10px !important;
 padding:1px 2px           

}
}

@media only screen and (min-width:300px) and (max-width:325px) { 

#project-category-filter li a {

    font-size: 9px !important;
 padding:1px 2px           

}
}
@media only screen and  (max-width:300px) { 

#project-category-filter li a {

    font-size: 6px !important;
 padding:1px 2px           

}
}