/*COMPANY LOGOS SECTION*/

section.section.sePageSection.sePageSectionResponsive.logobar{
 padding: 10px 0px 30px;
 margin: 0px;
}

@media only screen and (min-width: 990px) {
section.section.sePageSection.sePageSectionResponsive.logobar{
 padding: 1em 0em 3em;
 margin: 0px;}
}

/*COMPANY LOGOS SECTION END*/

/*SOCIAL MEDIA LOGOS BIGGER*/
.fa.fa-facebook-square, .fa.fa-twitter-square{
font-size: 3em;
}


.fa.fa-adn, .fa.fa-bitbucket, .fa.fa-bitbucket-square, .fa.fa-dropbox, .fa.fa-flickr, .fa.fa-instagram, .fa.fa-stack-overflow{
font-size: 3em;
}

.row.footer1-8.seContentBlockFooter {
 margin: .1em;
}

section.seFooterSection.seFooterSectionResponsive.socialmedia {
 margin: .5em;
}

/*SOCIAL MEDIA LOGOS BIGGER END*/

@media only screen and (max-width: 767px) {
  footer .h3 {
    font-size: 1.5em;
  }
}

@media only screen and (max-width: 529px) {
  footer .sePage .sePageLayout h2,
  footer .sePage .sePageLayout .sePageHeader h2 a:not(.btn),
  footer .sePage .sePageLayout .sePageHeader .sePageHeaderWrapper .seHeaderActions .seHeaderActionsInner h2 a:not(.btn) {
    font-size: 25px;
    margin-top: 0.3em;
  }
}

footer .seResponsive .content-block-column .btn {
 margin-bottom: 22px;
 margin-top: auto;
 padding: .5em 2.5em;
}

.sePageLayout .sePageFooter{
background-color: #333333;
}

footer .listen-360-widget .public-review {
background: #FFFFFF;
color: #333333;
border: 1px solid #CCCCCC
}

footer .listen-360-widget h2{
color: #333333;
font-size: 0.9em;
}

@media only screen and (min-width: 450px) {
section.seFooterSection.seFooterSectionResponsive.listen360{
 padding: 1.75em 0.1em 3em 0.1em;
 background: linear-gradient(rgba(010, 010, 010, 0.04), rgba(010, 010, 010, 0.13)), url(https://www.sefiles.net/merchant/302/images/site/background_review_lines--.png) !important;
 background-size: contain !important;
 background-position: center;
 }
}

footer .listen-360-widget #reviews-link{
 text-align: center;
 color: #666666;
}

footer .divider{
border-top: 1px solid #CCCCCC;
}

.row.footer1-6.seContentBlockFooter {
 margin: 0em;
}

@media only screen and (max-width: 500px) {
.row.footer1-2.seContentBlockFooter {
 margin: 2em -1em .3em;}
}

@media only screen and (min-width: 500px) {
.row.footer1-2.seContentBlockFooter {
 margin: 2em -1em 1em;}
}

section.seFooterSection.seFooterSectionResponsive.bottom_slogan{
padding: 2em 0em;
}
*//* Add padding specifically for .logobar_light and adjust background */
.logobar_light.seFooterSection {
 background-color: rgb(243, 243, 243) !important;
}

/* Add margin within the .logo-section for visual spacing */
.logobar_light {
 margin-top: 12px;
 margin-bottom: 12px;
 overflow: hidden;
 background-color: rgb(51 51 51) !important;
}


.logobar_light .logo-container {
 display: flex;
 width: max-content;
 animation: scroll 85s linear infinite;
}

@media only screen and (max-width: 767px) {
.logobar_light .logo-container {
 display: flex;
 width: max-content;
 animation: scroll 70s linear infinite;
}
}

@media only screen and (max-width: 533px) {
.logobar_light .logo-container {
 display: flex;
 width: max-content;
 animation: scroll 60s linear infinite;
}
}

.logobar_light .logo-wrapper {
 display: flex;
 gap: 32px;
 line-height: 1em;
}

.logobar_light .logo-wrapper img {
 height: 22px;
 width: auto;
 opacity: 0.5;
 transition: opacity 0.3s ease; /* Smooth transition */
vertical-align: middle;
}

.logobar_light .logo-wrapper img:hover {
 opacity: 0.99; /* Increased opacity on hover */
}

@keyframes scroll {
 from {
 transform: translateX(0);
 }
 to {
 transform: translateX(-50%);
 }
}

.seFooterSection .container {
 width: 100%;
 max-width: 100%; /* Ensure full page width */
 padding: 0 15px; /* Optional padding for spacing */
}

footer #reviews {
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); /* Wider minimum column width */
}

footer #reviews .public-review {
 box-sizing: border-box;
 padding: 13px; /* Adjust padding as needed */
 border: 1px solid #ccc; /* Optional styling */
 background-color: #fff; /* Optional styling */
 border-radius: 5px;
}

/* General flex setup */
footer .listen-360-widget {
 display: flex;
 flex-wrap: wrap;
 gap: 1rem;
}

footer .listen-360-widget .hreview {
 flex: 1 1 250px;
min-width: 200px;
min-height: 120px; 
 box-sizing: border-box;
padding: 0 8px;
}

/* Hide reviews based on screen width */

@media only screen and (max-width: 2138px) {
footer .listen-360-widget .hreview:nth-child(n+8) {
 display: none;
 }
}

@media only screen and (max-width: 1873px) {
footer .listen-360-widget .hreview:nth-child(n+7) {
 display: none;
 }
}

@media only screen and (max-width: 1608px) {
 footer .listen-360-widget .hreview:nth-child(n+6) {
 display: none;
 }
}

@media only screen and (max-width: 1344px) {
 footer .listen-360-widget .hreview:nth-child(n+5) {
 display: none;
 }
}

@media only screen and (min-width: 815px) and (max-width: 1078px) {
 footer .listen-360-widget .hreview:nth-child(n+4) {
 display: none;
 }
}

@media only screen and (min-width: 767px) {
 footer .listen-360-widget .hreview {
 width: auto;
 height: auto;
 min-height: 135px;
 }
}

footer .listen-360-widget #reviews-link {
 display: none !important;
}
