.dyn_service_title{
	text-transform:uppercase;
	    height: 40px;
		    font-size: 120% !important;
}	

.dynimgicon{
	width:60px;
}
/*.dynservrow > .elementor-col-33:nth-child(even) .dyn_serv_wrap
{ 
   background-color: #2b374b;
}
.dynservrow > .elementor-col-33:nth-child(odd) .dyn_serv_wrap
{
    background-color: #267ca3;
} */
.dynservrow > .elementor-col-33 .dyn_serv_wrap
{ 
   background-color: #ffffff;
    margin-right: 10px;
    box-shadow: -1px 0px 10px 1px rgb(0 0 0 / 18%);
}

.dynbreadcrumb span:after{
	    top: 0px !important;
}
.dynservrow
{
	margin-bottom:20px;
}
.dyntermdesc
{
	font-family: "Montserrat", Sans-serif !important;
    font-size: 14px;
    display: block;
    margin-bottom: 20px;
}
.dynservrow > .elementor-col-33:hover .dyn_serv_wrap
{
box-shadow: 3px 3px 13px rgb(0 0 0 / 75%);
}

.dyn_serv_wrap .elementor-widget-heading{
	margin-bottom:10px !important;
}
.dyn_serv_wrap
{
	    padding: 20px 20px 20px 20px !important;
}
.dyn_serv_col .dyn_service_title
{
	    color: #043960 !important;
		    margin: 0 !important;
    text-align: left;
	font-family: "Roboto Slab", Sans-serif !important;
    font-weight: 700 !important;
	height:60px;
}

.dyn_serv_col .main-service-description{
	color: #000 !important;
    text-align: left!important;
        font-family: "Montserrat", Sans-serif !important;
    font-weight: 400;
	    height: 110px;
    font-size: 14px !important;
    font-weight: 400;
}
.dyn_serv_col .elementor-widget-button
{
	text-align:left !important;
}
.dyn_serv_col .elementor-button-link
{
	    background: #c71c1c !important;
    color: #fff !important;
    font-size: 12px;
    text-transform: uppercase;
    padding: 10px 20px;
    border-radius: 0;
}

.dyn_serv_col .elementor-button-link:hover
{
	    background: #000 !important;
    color: #fff !important;
    font-size: 12px;
    text-transform: uppercase;
    padding: 10px 20px;
    border-radius: 0;
}

.dyn_serv_col .elem-img
{
	margin-bottom: 10px;
/* 	    filter: invert(1); */
}

.dyn_serv_col .elem-img i
{
           font-size: 50px;
		       margin-bottom: 10px;
    color: #fff;
}

#keyword{
    border: 1px solid #043960;
	}

@media only screen and (min-width: 600px) {
	
	.dynservrow{
	    content: "";
    display: table !important;
    clear: both;
	}
	
	

	
	.cstservicearchive .dynservrow{
		margin-left:10px;
	}
	
	#keyword{
		    width: 40% !important;
    border: 1px solid #043960;
	}
	.cstservicearchive .dynservrow .dyn_serv_col{
		margin-bottom:-1% !important;	
	}
	
	body.tax-311-types .container_alt{
		max-width:1140px !important;
	}
	
	.cstservicearchive{
		width:100% !important;
	}
	.cstservicearchive .dyn_serv_wrap
	{
		    display: flex;
	}
	
	.dyn_serv_col{
	width:33.33% !important;
	float:left;
	    margin-bottom: 1% !important;
		    height: 350px;
	}
	
	#datafetch .dynservrow:not(.dynservrowtype){
	    content: "";
    width: 33% !important;
    clear: unset !important;
	float:left !important;
	}
	
	#datafetch .dynservrow:not(.dynservrowtype) .dyn_serv_col{
	    content: "";
    width: 100% !important;
	}

	


}


#datafetch{
	display:none;
}

#keyword{
	width:100%;
}
#keyword:focus
{
	    outline: 2px solid #d03161;
    outline-style: dashed;
}


.searchheading{
	    display: block;
    clear: both;
}


/* Clearable text inputs */
.clearable{
  position: relative;
  display: inline-block;
      width: 100%;
}
.clearable input[type=text]{
  padding-right: 24px;
  width: 100%;
  box-sizing: border-box;
}
.clearable__clear{
  display: none;
  position: absolute;
  right:0; top:0;
  padding: 0 8px;
  font-style: normal;
  font-size: 1.2em;
  user-select: none;
  cursor: pointer;
}
.clearable input::-ms-clear {  /* Remove IE default X */
  display: none;
}

.popularservices > .topcontent, .popularservices > .bottomcontent{
	    display: flow-root;
}

.popularservices > .topcontent .topcontentleft{
	float:left;
}
.popularservices > .topcontent .topcontentright, .popularservices > .bottomcontent .bottomcontentright
{
	    float: right;
}
.popularservices > .topcontent .topcontentleft > span
{
	    color: #043960 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
}
.searchheading311, .middlecontent > span
{
	font-size: 18px;
    font-weight: 700 !important;
	    color: #043960 !important;
    display: block;
    margin-bottom: 10px;
}

.popularservices #keyword2{
	    font-size: 18px;
    border: 1px solid #043960;
}
.popularservices > .bottomcontent .bottomcontentright .viewbtn
{
	    color: #fff;
    background: #043960;
    padding: 10px 20px;
    font-size: 14px;
}

.popularservices > .bottomcontent .bottomcontentright .viewbtn:hover
{
	    color: #000;
    background: #2dbfcb;
    padding: 10px 20px;
    font-size: 14px;
}