/* banner */
section.banner {
    /* background-image: url("/wp-content/themes/dws/resources-hub/images/mask-group.png"); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    text-align: center;
    padding: 80px 0 65px;
    min-height: 518px; 
   /* for category page */
}
.page-template-template-resources section.banner {
    display: flex;
    align-items: center;
    padding-top: 150px;
}
.banner p{
    color: #FFF;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
}
.category-banner-heading {
    color: #FFF;
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;

}
.category-banner-subheading {
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

}
input.search-input {
    width: 100%;
    max-width: 58.4%;
    padding: 13px;
    border: none;
    border-radius: 100px;
    margin: 37px 0 20px;
}
input::placeholder {
    color: #A0A0A0;
    font-size: 16px;
    font-weight: 400;
}
.form-group.has-search {
    position: relative;
}
.search-icon img {
    position: absolute;
    right: 23.5%;
    top: 50%;
    z-index: 2;
}
/* explore section */
section.explore {
    margin-top: 17px;
}
.explore-content {
    display: inline-block;
    transition: text-decoration 0.3s ease;
    display: inline-block;
    transition: text-decoratiion 0.3s ease;
    color: #000;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-right: 8px;
}

.explore-content:hover {
    text-decoration: underline;
}
strong {
    font-weight: 700;
}
.line {
    border-bottom: 2px solid #D9D9D9;
    margin-top: 17px;
}

/* resource section */
section.resource-hubs {
    padding: 46px 0 32px;
}
.resource {
    display: flex;
    flex-wrap: wrap; 
    justify-content: space-between;
    margin-bottom: 37px;
}
.resource-hubs p {
    color: #575757;
    font-size: 17px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 28px;
}
.resource-hubs h1 {
    color: #E01212;
    font-size: 48px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 10px;
}
.hub {
    border: 1px solid #000;
    width: 566px;
    margin-bottom: 38px;
}
div.hub h3 a {
    color: #E01212;
    font-size: 24px;
    font-weight: 700;
}
.hub-content {
    padding: 26px 30px;
}
ul.sites li a {
    color: #000;
    font-size: 17px;
    font-weight: 400;
    line-height: 30px;
}
ul.sites {
    padding-left: 20px;
}
ul.sites li {
    list-style-type: disc;
}
.sites li::marker {
    color: red;
}
.row.sites-category {
    display: flex;
    flex-direction: row-reverse;
}

/* category-page */
.category-title {
    color: #E01212;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.highlighted-text {
    color: #E01212 !important;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

/* grey box */

.content-box {
    background-color: #F3F3F3;

  
    margin-top: 45px;
}
.content-box-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    margin-top: 56px;
}
.divider {
    color: #575757;
    opacity: 0.2;
    border-top: 2px solid #000; /* Change the color and thickness as needed */
    margin: 45px 0;
    
}
.sub-title {
    color: #575757;
    margin-top: 45px;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.child-cat a {
    color: #E01212;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.child-cat a:hover, .child-cat a:focus {
    color: #d70f0f;
    outline: none;
}
.content-box-child {
    border: 0.5px solid #575757;
    padding: 19px 16px;
    max-width: 373px;
    width: 100%;
    font-size: 15px;
}
.content-box-child h4.child-cat {
    margin: 0;
}
.location-post-title {
    color: #E01212;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    margin: 14px 2px;
}
.location-post-container {
    display: flex;
    flex-wrap: wrap;
    gap: 23px;
    margin-top: 45px;
}
.location-post {
    border: 1px solid #575757;text-align: center;
}
.location-post-container .location-post.cts_location_post {
    width: 31.333%;
}
.location-post-container .location-post.cts_location_post > a > span {
    display: block;
    line-height: 1.6;
    padding: 10px;
}
.location-post-container .location-post.cts_location_post .location-post-img{
	min-width: 100%;
}
.location-post-img {
    background: #F0F0F0;
    width: 100%;
    min-width: 239px;
    padding-top: 19px;
}

.industry_list_title {
    border: 2px solid rgb(87 87 87 / 20%);
    padding: 30px;
    margin-top: 50px;
}

.industry_list_title ul {
    margin-left: 25px;
    padding: 0;
}

.industry_list_title ul li a {
    font-size: 20px;
    text-transform: capitalize;
    font-weight: 700;
    color: #575757;
    font-family: levenim-bold;
}

.industry_list_title ul li {
    margin-bottom: 10px;
    list-style: disc;
    color: #767676;
}

.industry_list_title ul li a:hover {
    color: #e71818;
}
.location-post a,.location-post span {
    color: #e01212;
    font-weight: 700;
    font-size: 14px;
    font-family: levenim-bold;
    display: block;
    line-height: 50px;
}
.location-post a:hover span{
    color: #000;
}
.hub-content>li {
    list-style: none;
}

.hub-content .current-cat>a {
    display: none;
}

.hub-content>li>a {
    font-weight: 700;
    font-family: levenim-bold;
    color: #e12121;
    font-size: 24px;
}

.hub-content>li>ul.children>li {
    list-style: disc;
    color: #e12121;
}

.hub-content>li>ul.children>li>a {
    color: #000;
    font-size: 17px;
    line-height: 32px;
}

.hub-content>li>ul.children{
    margin-top: 15px;
}

/* .csbi_sidebar_listing.wimg.topic-sidebar>ul>li:first-child {
    display: none;
} */
.csbi_breadcrumb nav a,.csbi_breadcrumb nav span {
    font-size: 13px;
    font-family: 'levenim-regular';
    font-weight: 600;
    color: #bababa!important;
}
.csbi_breadcrumb nav a:hover{
    color: #e12121!important;
}

/* Chat GPT Form */
.chatgtp-from {
    display: flex;
    background-color: #fff;
    padding: 40px 30px;
}

.chatgtp-from input {
    height: 55px;
    margin: 0 0 20px;
    padding-left: 15px;
    width: 100%;
}

.chatgtp-from input[type="submit"] {
    background-color: #e71818;
    color: #fff;
    border: none;
    padding: 10px 15px;
    height: auto;
    width: 100%;
    margin: 0;
}

.chatgtp-from .dinput {
    padding: 0;
}

.chatgtp-from .wpcf7-spinner {
    position: absolute;
}

.chatgtp-from p {
    margin: 0;
}
.chatgtp-from span.wpcf7-not-valid-tip {
    position: absolute;
    font-size: 13px;
    margin: 0;
    bottom: 0;
}

.chatgtp-from .wpcf7 form.invalid .wpcf7-response-output, .chatgtp-from .wpcf7 form.unaccepted .wpcf7-response-output,.chatgtp-from  .wpcf7 form.payment-required .wpcf7-response-output,.chatgtp-from .wpcf7 form.sent .wpcf7-response-output {
    border: none;
    font-size: 14px;
    padding: 0;
    margin: 0;
}

.chatgtp-from input[type="submit"]:hover {
    background-color: #000;
}

h3.cgp-h3{color:#fff!important;}
.home_banner_content p.cgp-p{font-size: 18px!important;line-height: 28px!important;margin-top: 25px;}
/* Chat GPT Form */


@media(max-width: 1280px){
	
	.location-post-container .location-post.cts_location_post {
		width: 31%;
	}
	
}

@media(max-width: 1080px){
	
	.location-post-container .location-post.cts_location_post {
        width: 47%;
    }
	
}
@media(max-width: 991px){
	
	.row.clearfix.sites-category.cts_sites_category {
		flex-wrap: wrap;
		flex-direction: initial;
	}
	.row.clearfix.sites-category.cts_sites_category .csbi_col.csbi_leftcol {
		order: 2;
	}
}


@media(max-width:767px){
    .row.sites-category {
        flex-direction: column-reverse;
    }

    section.banner {
        min-height: initial;
    }

    .csbi_cnt_wrap {
        margin-top: 20px;
    }
    h3.cgp-h3 {
        font-size: 21px!important;
        margin-top: 20px;
    }

    .home_banner_wrap h1.cgp-h1 {
        font-size: 26px;
    }
}

@media(max-width: 680px){
	
	.location-post-container .location-post.cts_location_post {
        width: 100%;
    }
	
}

.resource .hub>a:hover img {transform:scale(1.02)}

.resource .hub>a {
    overflow: hidden;
    transition: .3s;
    display: block;
}