.elementor-38488 .elementor-element.elementor-element-f5dcc4e{--display:flex;--padding-top:150px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-38488 .elementor-element.elementor-element-df8f244{--display:flex;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-38488 .elementor-element.elementor-element-3bd8d50 > .elementor-widget-container{margin:-10px 0px 0px 0px;}.elementor-38488 .elementor-element.elementor-element-3bd8d50{text-align:center;}.elementor-38488 .elementor-element.elementor-element-3bd8d50 .elementor-heading-title{font-family:"Futura", Sans-serif;font-size:40px;font-weight:600;text-transform:capitalize;line-height:42px;color:#000000;}body.elementor-page-38488:not(.elementor-motion-effects-element-type-background), body.elementor-page-38488 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:1024px){.elementor-38488 .elementor-element.elementor-element-3bd8d50{text-align:center;}}@media(max-width:767px){.elementor-38488 .elementor-element.elementor-element-3bd8d50 .elementor-heading-title{font-size:30px;}}/* Start custom CSS for text-editor, class: .elementor-element-491fd16 *//* Whitepaper Thumbnails Grid Layout */

.whitepapers-thumbnails-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); /* Adjust columns based on screen size */
    gap: 30px; /* Adjust the spacing between the grid items */
    margin: 0 auto;
    max-width: 1200px;
}

.whitepaper-thumbnail-item {
    padding: 0px;
    background-color: #fff; 
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.whitepaper-thumbnail-item img {
    width: 100%; /* Ensure the image fills the container */
    height: auto;
    display: block;
    margin-bottom: 15px;
}

.whitepaper-title {
    font-size: 21px;
    font-weight: 700;
    color: #000000; 	
    line-height: 23px;
    margin: 0;
}

.whitepaper-date {
    text-align: left; 
    font-size: 0.9em; 
    color: #666;
}

.whitepaper-title a {
    text-decoration: none;
    color: inherit;
    text-align: left;
}

/* Category Filter CSS */

.whitepaper-category-filter {
    margin-bottom: 20px;
    text-align: center; 
    font-size: 15px;
}

.category-button {
    display: inline-block; /* Make links inline */
    margin-right: 10px; /* Space between buttons */
}

.category-button a {
    padding: 7px 15px; /* Padding around the text */
    background-color: ; /* Button background color */
    color: #7A7A7A; /* Text color */
    border-radius: 5px; /* Rounded corners */
    text-decoration: none; /* Remove underline */
}

.category-button a:hover {
    background-color: #F27B48;
    color: #fff;  
    /* Darker background on hover */
}

/* Active button color */
.category-button a.active {
    background-color: #F27B48;
    color: #fff;
    /* Active button color */
}




.elementor-button {
    background-color: #4F527E;
    font-family: "Roboto", Sans-serif;
    font-size: 18px;
    text-transform: capitalize;
    border-style: none;
    border-radius: 20px 20px 0px 0px;
    padding: 20px 25px 15px 25px;
    right: -66px;
    width: auto;
    max-width: auto;
    top: 300px;
    z-index: 9999;
}/* End custom CSS */