/* START BUTTON */
.btnTheme { background: #EDC162; border: 1px solid #EDC162; box-shadow:none; border-radius: 5px; color: #2F2F2F;
font-size: 1.2vw; line-height: 1.6vw; font-weight: 600; padding: 0.8vw 1.6vw; text-decoration: none; 
transition: all 0.5s ease; text-transform: uppercase; position: relative; overflow: hidden; z-index: 1; }
.btnTheme:hover, .btnTheme:focus {background: #414140; border: 1px solid #E6E6E6; color: #fff; }
.btnTheme:before { background-color: #bc9e71; transition: all 0.25s ease-out; content: ""; position: absolute; 
left: 0; bottom: 0; width: 0; height: 100%; z-index: -1; }
.btnTheme:hover:before { width: 100%; }
 

.btnWhite { background: #fff; border: 1px solid #fff; box-shadow: none; border-radius: 5px; color: #0C1725; font-size: 1.2vw;
line-height: 1.6vw; font-weight: 700; padding: 0.8vw 1.6vw; text-decoration: none; transition: all 0.5s ease; text-transform: uppercase; position: relative; overflow: hidden; z-index: 1; }
.btnWhite:hover, .btnWhite:focus {  background: #243CA9; border: 1px solid #243CA9; color: #fff; }
.btnWhite:before { background-color: #bc9e71; transition: all 0.25s ease-out; content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 100%; z-index: -1; }
.btnWhite:hover:before { width: 100%; }


.btnBlue { background: #243CA9; border: 1px solid #243CA9; box-shadow:none; border-radius: 5px; color: #fff; font-size: 1.2vw;
line-height: 1.6vw; font-weight: 700; padding: 0.8vw 1.6vw; text-decoration: none; transition: all 0.5s ease; text-transform: uppercase; position: relative; overflow: hidden; z-index: 1; }
.btnBlue:hover, .btnBlue:focus { border: 1px solid #414140; color: #fff; }
.btnBlue:before , .btnBlue:after { background: #414140; color: #fff; position: absolute; content: ""; width: 50%; height: 0; visibility: hidden; opacity: 0; z-index: -1; transition: all .4s ease-in-out; }
.btnBlue:before { top: 0; left: 0; }
.btnBlue:after { bottom: 0; right: 0; }
.btnBlue:hover:before, .btnBlue:hover:after { width: 100%; height: 100%; visibility: visible; opacity: 1; }

.btnTransparent { background: transparent; border: 2px solid #9B9B9B !important; box-shadow:none; border-radius: 5px; color: #fff; font-size: 1.2vw; line-height: 1.6vw; font-weight: 700; padding: 0.8vw 1.6vw; text-decoration: none; transition: all 0.5s ease; text-transform: uppercase; position: relative; overflow: hidden; z-index: 1; }
.btnTransparent:hover, .btnTransparent:focus { border: 2px solid #9B9B9B; color: #fff; }
.btnTransparent:before { background-color: #bc9e71; transition: all 0.25s ease-out; content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 100%; z-index: -1; }
.btnTransparent:hover:before { width: 100%; }
/* END BUTTON */

/* START COMMON CSS */
.headingOther { margin: 0 0 30px; display: flex; width: 100%; justify-content: space-between;align-items: center; }
.headingOther h2 { font-size: 50px; line-height: 60px; margin: 0; text-transform: uppercase; color: #fff; font-weight: 600 !important;  position: relative; font-size: 3.4vw; line-height: 4vw; }
.btnRight {  margin-right: 10px; }
.headingOther h2 span { color: #fff; }
.headingOther p {  font-size: 18px; line-height: 24px; margin: 0 0 15px; }
.borderGrey { margin: 0 0 10px; background: #464671; height: 1px; position: relative; }
.borderGrey:before { background: #464671; content:""; position: absolute; right: -500px; top: 0; width: 500px; height: 1px; }
/* END COMMON CSS */

/* START HEADER */
header {background: #1039A3; margin: 0; min-height: 52px; width: 100%; position: relative; }
.search-results .entry-header .entry-meta{
    display:none;
}
.search-results .entry-header{
min-height: 0;
background: transparent !important;
}
.search-results .entry-header .entry-title{
    display: block !important;
}
.search-results .entry-meta .comments-link{
    display: none;
}
.search-results .page-header{
   background: transparent !important;
}
.single-post .entry-header {
        min-height: 0;
}
.single-post .entry-content header {
        min-height: 0 !important;;
        background: transparent !important;
}
.search-no-results .page-header{
    background: transparent !important;
}


.navbar-nav { margin-top: 0; padding-left: 50px; }
.navbar { background: transparent !important; padding: 0; }
.navbar-brand { height: auto; margin: 0; padding: 20px 0; }
.navbar-brand>img { width: 180px; }
.headerlogo{
    margin:0;
}
.navbar-nav li { padding: 0 25px; }
.navbar-light .navbar-nav .nav-link { color: #fff; font-size: 24px; line-height: 24px; font-weight: 500; font-weight: 700; padding: 0; 
text-decoration: none; text-transform: capitalize; cursor: pointer; }
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {  color: #EDC162;  }
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: #EDC162;text-decoration: none; }
.headerRight { margin: 0; padding: 0; display: flex; gap: 0 30px;  justify-content: end; align-items: center; }
.headerRight li { list-style-type: none;  }
.headerRight li a { cursor: pointer; margin: 0; color: #fff; font-size: 24px; line-height: 24px; font-weight: 500; font-weight: 700; text-decoration: none; padding: 0; transition: all 0.3s ease-in-out 0s; position: relative; }
.headerRight li a:hover { color: #EDC162; }
.headerRight li a img { margin: 0; }
.headerRight li a.btnTheme {padding: 12px 20px; font-size: 20px; margin-right: 30px; color: #2F2F2F;}
.headerRight li a.btnTheme:hover, .headerRight li a.btnTheme:hover{  color: #fff;}
.headerRight li .searchHeader {font-size: 28px;color: #fff;}
/* END HEADER */

/* START megaOuter */
.dropdown-content { display: none; opacity: 0; visibility: hidden; position: absolute; background: #fff; box-shadow: 0px 24px 56px 0px #A7AEBA29; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);  width: 800px; top: 63px; right: -42px; padding: 40px 30px 60px; border-radius: 0; z-index: 9;}
.dropdown-content h2 { color: #000; font-size: 18px; line-height: 24px; font-weight: 600; margin: 0 0 30px; }
.dropdown-content.active { display: block; opacity: 1; visibility: visible; }
.megaArea { margin: 0; display: flex; gap: 30px; }
.megaArea a.cross_menu { width: 18px; margin: 5px 0; }
.megaOuter { width: 100%; margin: 0; display: grid; grid-template-columns: auto auto auto;  gap: 0 10px;}
.megaInner h4 { margin: 0 0 5px; color: #000; font-weight: 400; font-size: 18px; line-height: 24px; } 
.megaInner { display: inline-block; width: 100%; }
.megaInner ul { margin: 0; padding: 0; display: flex; flex-direction: column; }
.megaInner ul li { margin: 0 0 5px;  list-style: none; width: 100%; font-size: 16px; line-height: 24px; }
.megaInner ul li:last-child { margin: 0; }
.megaInner ul li a { text-decoration: none; color: #000; font-weight: 400; font-size: 16px; line-height: 24px;}
.megaInner ul h4 a {     margin: 0 0 5px;
    color: #000;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;}
.megaInner ul li a:hover { color: #1039a3; } 
.megaInner ul h4 a:hover { color: #1039a3; } 
/* END megaOuter */


.videoModalContent { 
    top: auto!important;
    left: auto !important;
    padding: 30px 0;
}
/* START banner */ 
.banner { background: transparent; position: relative; width: 100%; overflow: hidden; } 
.bannerLeft { position: relative; padding: 0; text-align: left;width: 500px; max-width: 100%;    width: 33vw; }
.bannerLeft span { font-size: 16px;line-height: 1.2vw;  font-size: 1vw; line-height: 1.2vw; font-weight: 500; margin: 0 0 1.6vw; text-transform: capitalize; background: #EDC162; border: 1px solid #EDC162; color: #000; padding: 2px 5px; display: inline-block; border-radius: 4px; display: inline-block; }

.carousel-inner .carousel-item .bannerLeft img {
    width: 70% !important;
    max-width: 70% !important;
    height: auto;
}
.bannerLeft img { width: 320px; display: block; margin: 0 0 1.6vw !important; } 
/* .bannerLeft p { font-weight: 400; font-size: 18px; line-height: 24px; margin: 0 0 40px; color: #fff; } */

.bannerLeft p {
    font-weight: 300;
    font-size: 1.2vw;
    line-height: 1.6vw;
    margin: 0 0 3vw;
    color: #fff;
}

.bannerBtn { display: flex; justify-content: start; align-items: center; gap: 1vw; }
.bannerBtn .btn { padding: 0.8vw 1.6vw; text-transform: capitalize;     font-size: 1.2vw;
    line-height: 1.6vw;}
.banner .carousel-item .bannerImage { /* height: 722px; */ object-fit: cover; width: 100%; display: block; }
.banner .carousel-indicators { margin-bottom: 3.5vw; }
.banner .carousel-indicators [data-bs-target] { width: 18px; height: 18px; border-radius: 50%; background: #fff; border: 1px solid #fff; opacity: 1; }
.banner .carousel-indicators .active { background: #1039a3;}
.banner .carousel-caption { bottom: auto; transform: translateY(-50%); top: 50%;; right: 0; left: 0; }
.banner .carousel-control-prev { width: 44px; left: -70px; opacity: 1; display: none; }
.banner .carousel-control-next { width: 44px; right: -70px; opacity: 1; }
.banner .carousel-control-prev-icon { background-image: url("/wp-content/themes/salemmedia/images/arrowLeft.svg"); width: 44px; height: 44px; background-size: 100% 100%; }
.banner .carousel-control-next-icon { background-image: url("/wp-content/themes/salemmedia/images/arrowRight.svg"); width: 44px; height: 44px; background-size: 100% 100%; }
/* END banner */
 



/* START trendingMain */
.trendingMain { background: transparent; position: relative; padding: 80px 0 60px; overflow: hidden; width: 100%;  }
.trendingDetails { display: inline-block; width: 100%; position: relative; 
/* min-height: 180px; */
 border-radius: 6px; overflow: hidden; }
.trendingDetails a { margin: 0; }
.trendingDetails img { margin: 0; /* max-height: 380px; object-fit: cover; */ }
/* END trendingMain */

 /* .trendingDetails:hover img { filter: blur(1.5px); } */


/* START commonMain */
.commonMain { width: 100%; overflow: hidden; } 
.commonMain .owl-theme .owl-nav .owl-prev, .commonMain .owl-theme .owl-nav .owl-next { font-size: 0; background: transparent; padding: 7px 14px; position: absolute; top: calc(50% - 27px); border-radius: 3px; width: 36px; height: 36px;}
.commonMain .owl-theme .owl-nav .owl-prev {  left: -60px; }
.commonMain .owl-theme .owl-nav .owl-next {  right: -60px; }
.commonMain .owl-theme .owl-nav .owl-prev:before, .commonMain .owl-theme .owl-nav .owl-next:before {   position: absolute; 
top: 50%; left: 50%; transform: translate(-50%, -50%);}
.commonMain .owl-theme .owl-nav .owl-prev:before { content: ""; background: url("/wp-content/themes/salemmedia/images/arrowLeft.svg"); width: 42px;
 height: 42px; background-size: 100% 100%; }
.commonMain .owl-theme .owl-nav .owl-next:before { content: ""; background: url("/wp-content/themes/salemmedia/images/arrowRight.svg");
width: 42px; height: 42px; background-size: 100% 100%; }
.commonMain .owl-theme .owl-dots { margin-top: 30px !important; }
.commonMain .owl-theme .owl-dots .owl-dot span { background: #fff; border: 1px solid #fff; width: 18px; height: 18px; margin: 0 5px; border-radius: 50%; }
.commonMain .owl-theme .owl-dots .owl-dot.active span, .commonMain .owl-theme .owl-dots .owl-dot:hover span { background: #1039a3; border: 1px solid #fff; }
.commonSlideOuter {   margin: 0; padding: 12px;  border-radius: 4px; width: 100%; } 
.commonMain .owl-theme .owl-nav .owl-prev.disabled {  display: none; }
.commonMain .owl-theme .owl-nav .owl-next.disabled {  display: none; }
.commonMain .owl-theme .owl-nav .owl-next { right: -60px !important; }
.commonMain .owl-item { transition: opacity 0.3s; }
.commonMain .commonSlideOuterText .owl-theme .owl-nav .owl-prev, .commonMain .commonSlideOuterText .owl-theme .owl-nav .owl-next {  top: calc(50% - 70px);  }
.commonMain .owl-carousel .owl-item img { transition: all 0.3s ease-in-out 0s; }
.commonMain .owl-carousel .owl-item img:hover { transform: scale(1.05); }
.commonMain .owl-item { transition: opacity 0.3s ease; opacity: 0.4; }
.commonMain .owl-item.active { opacity: 1; }
.commonSlideOuter {    padding-left: 0;   } 
.commonMain .owl-stage-outer {    overflow: visible;}
.commonMain .owl-carousel .owl-item img {  transition: all 0.3s ease-in-out 0s;}
/* END commonMain */


/* START newsMain */
.newsMain { background: transparent; position: relative; padding: 40px 0 60px; overflow: hidden; width: 100%; }
.newsDetails { display: inline-block; width: 100%; position: relative; min-height: 180px; border-radius: 0; overflow: hidden;} 
.newsDetails img { margin: 0; }
.newsInner { position: absolute; bottom: 0; text-align: center; width: 100%; padding: 0 12px; }
.newsInner h4{overflow: hidden;}
.newsInner h4 a { color: #fff; font-size: 35px; line-height: 45px; margin: 0 0 10px; text-transform: uppercase; 
font-weight: 700; text-decoration: none; position: relative; z-index: 1; font-size: 0.8vw; line-height: 1.1vw;}
.newsInner:before { content: ""; width: 100%; height: 160%; position: absolute; left: 0; bottom: 0;
background: linear-gradient(0deg, #224380 0%, transparent 100%); }
/* .newsInner { display: none; } */
.newsMain .owl-item:nth-child(2) .newsInner:before { background: linear-gradient(0deg, #AD0028 0%, transparent 100%); } 
.newsMain .owl-item:nth-child(3) .newsInner:before { background: linear-gradient(0deg, #80226A 0%, transparent 100%); }
.newsMain .owl-item:nth-child(4) .newsInner:before { background: linear-gradient(0deg, #227280 0%, transparent 100%); } 
/* END newsMain */

 /* START faithMain */
.faithMain { background: transparent; position: relative; padding: 40px 0 60px; overflow: hidden; width: 100%;  }
.faithDetails { display: inline-block; width: 100%; position: relative; min-height: 180px; border-radius: 0; overflow: hidden;}
.faithDetails a { margin: 0; }
.faithDetails img { margin: 0; /* max-height: 380px; object-fit: cover; */ }
/* END faithMain */

/* START familyMain */
.familyMain { background: transparent; position: relative; padding: 40px 0 60px; overflow: hidden; width: 100%; }
.familyDetails { display: inline-block; width: 100%; position: relative; min-height: 180px; border-radius: 0;
overflow: hidden; } 
.familyDetails img { margin: 0; /* max-height: 380px; object-fit: cover; */ }
 /* END familyMain */
.latestPodcastBtn .play-btn img {
    width: 20px;
    margin-right: 10px;
}
 /* START kidsMain */
.kidsMain { background: transparent; position: relative; padding: 40px 0 60px; overflow: hidden; width: 100%;  }
.kidsDetails { display: inline-block; width: 100%; position: relative; min-height: 180px; border-radius: 0; }
.kidsDetails a { margin: 0; }
.kidsDetails img { margin: 0; /* max-height: 380px; object-fit: cover; */ }
/* END kidsMain */

/* START FOOTER */
.footer { background: #1039A3; margin: 0; width: 100%; position: relative; overflow: hidden; } 
.footerTop { padding: 60px 0 0; }
.logoFooter { display: flex; margin: 0 0 50px; width: 100%; justify-content: space-between; align-items: center; }
.logoFooter img { width: 180px; }
.footerTop h3 { color: #fff; font-weight: 600; font-size: 22px; line-height: 25px; text-transform: uppercase; 
position: relative; border-bottom: 1px solid #fff; margin: 0 0 20px; padding: 0 0 20px; }
.footerTop h4 { color: #fff; font-weight: 400; font-size: 18px; line-height: 22px; text-transform: capitalize;
position: relative; margin: 0 0 10px; }
.footerInner { margin: 0 0 30px; display: inline-block; width: 100%; }
.footerInner ul { margin: 0; padding: 0;}
.footerInner ul li { list-style-type: none; margin: 0 0 10px;   font-size: 16px; line-height: 22px; }
.footerInner h4 a {     color: #fff;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    text-transform: capitalize;
    position: relative;
    margin: 0 0 10px;}
.footerInner ul li a { color: #fff; font-size: 16px; line-height: 22px; text-transform: capitalize; text-decoration: none; position: relative; margin: 0; display: inline-block; font-weight: 400; }
.footerInner ul li a:hover, .footerInner li a:focus { color: #EDC162; transition: 0.5s; }
.footerInner h4 a:hover, .footerInner h4 a:focus { color: #EDC162; transition: 0.5s; }
.footerData { margin: 0 0 40px; }
.footerData p { margin: 0 0 30px; text-align: center; font-size: 16px; line-height: 25px; width: 100%; }
.footerData p a{ color: #fff; text-decoration: underline;}
.footerData p a:hover{ color: #fff; text-decoration: underline;}
.footerInner_4 { text-align: right; }
.footerInner_4 .btn { text-transform: capitalize; padding: 12px 20px; }
.searchFooter { font-size: 28px; color: #fff; }
/* END footer */
 
/* START newsPoliticsHeadingMain */ 
.newsPoliticsHeadingMain { background: transparent; position: relative; padding: 50px 0 0; overflow: hidden; width: 100%; }
.newsPoliticsHeadingInner { margin: 0; }
.newsPoliticsHeadingInner h2 { font-size: 60px; line-height: 70px; margin: 0 0 30px; text-transform: uppercase; color: #fff; font-weight: 600; position: relative; }

.newsPoliticsDetails a {width: 100%; background: #00182c; border: 1px solid #034c80;color: #fff; padding: 8px 12px; border-radius: 35px; text-decoration: none; font-size: 16px; text-align: center; transition: all 0.5s ease; display: inline-block;}
.newsPoliticsDetails a:hover { background: #fff; border: 1px solid #034c80; color: #034c80; }
/* END trendingSecMain */


/* START trendingSecMain */
.trendingSecMain { background: transparent; position: relative; padding: 80px 0; overflow: hidden; width: 100%; }
.trendingSecDetails { display: inline-block; width: 100%; position: relative; min-height: 180px; border-radius: 6px; 
text-align: left; }
.trendingSecDetails figure { margin: 0 0 15px; }
.trendingSecDetails img { margin: 0; width:100%; }
.trendingSecDetails h4 a { color: #fff; font-size: 28px; line-height: 35px; margin: 0; 
font-weight: 400; text-decoration: none; position: relative; z-index: 1; }
/* END trendingSecMain */


/* START topHeadlineMain */
.topHeadlineMain { background: transparent; position: relative; padding: 40px 0 60px; overflow: hidden; width: 100%; }
.topHeadlineDetails { display: inline-block; width: 100%; position: relative; min-height: 180px; border-radius: 0; 
text-align: left; }
.topHeadlineDetails figure { margin: 0 0 15px; }
.topHeadlineDetails img { margin: 0; width: 100%; border-radius: 8px; }
.topHeadlineDetails img { margin: 0; width: 100%; border-radius: 0; }
.topHeadlineDetails h4 a { color: #fff; font-size: 28px; line-height: 35px; margin: 0; 
font-weight: 400; text-decoration: none; position: relative; z-index: 1; }
/* END topHeadlineMain */


/* START topVideoMain */
.topVideoMain { background: transparent; position: relative; padding: 40px 0 60px; overflow: hidden; width: 100%;  } 
.topVideoDetails { display: inline-block; width: 100%; position: relative; min-height: 180px; border-radius: 4px; 
text-align: left; }
.topVideoDetails figure { margin: 0 0 15px; }
.topVideoDetails img { margin: 0; width: 100%; border-radius: 8px;  }
.topVideoDetails h4 a { color: #fff; font-size: 28px; line-height: 35px; margin: 0; 
font-weight: 400; text-decoration: none; position: relative; z-index: 1; }
/* END topVideoMain */


 /* START vipNewsContentMain */
.vipNewsContentMain { background: transparent; position: relative; padding: 40px 0 60px; overflow: hidden; width: 100%;  } 
.vipNewsContentDetails { display: inline-block; width: 100%; position: relative; min-height: 180px; border-radius: 4px; 
text-align: left; }
.vipNewsContentDetails figure { margin: 0 0 15px; }
.vipNewsContentDetails img { margin: 0; width:100%; }
.vipNewsContentDetails h4 a { color: #fff; font-size: 28px; line-height: 35px; margin: 0; 
font-weight: 400; text-decoration: none; position: relative; z-index: 1; }
/* END vipNewsContentMain */

/* START politicsMain */
.politicsMain { background: transparent; position: relative; padding: 40px 0 60px; overflow: hidden; width: 100%; }
.politicsMain .owl-theme .owl-nav .owl-next { right: 14%; }
.politicsDetails { display: inline-block; width: 100%; position: relative; min-height: 180px; }
.politicsDetails a { margin: 0; }
.politicsDetails img { margin: 0;  width:100%; max-height: 600px; border-radius: 8px; }
.politicsSlideOuter { width: calc(100% + 24%); }
/* END politicsMain */


/* START politicsSecMain */
.politicsSecMain { background: transparent; position: relative; padding: 80px 0 60px; overflow: hidden; width: 100%; }
.politicsSecInner { margin: 0 0 30px; display: inline-block; width: 100%; position: relative;  border-radius: 14px; }
.politicsSecInner a { margin: 0; }
.politicsSecInner img { margin: 0; max-height: 600px; border-radius: 8px; width: 100%; transition: all 0.3s ease-in-out 0s; min-height: 180px; }
.politicsSecInner img:hover { transform: scale(1.05); }
/* END politicsSecMain */


/* START politicsHeadingMain */
.politicsHeadingMain { background: transparent; position: relative; padding: 50px 0 20px; overflow: hidden; width: 100%; }
.politicsHeadingInner { margin: 0; }
.politicsHeadingInner h2 { font-size: 60px; line-height: 70px; margin: 0; text-transform: uppercase; color: #fff; font-weight: 600; position: relative; }
/* END politicsHeadingMain */


/* START latestVideoMain */
.latestVideoMain { background: transparent; position: relative; padding: 40px 0 60px; overflow: hidden; width: 100%; }
.latestVideoDetails { display: inline-block; width: 100%; position: relative; min-height: 180px; border-radius: 4px; 
text-align: left; }
.latestVideoDetails figure { margin: 0 0 15px; }
.latestVideoDetails img { margin: 0; width: 100%; border-radius: 8px; }
.latestVideoDetails h4 { color: #fff; font-size: 28px; line-height: 35px; margin: 0; 
font-weight: 400; text-decoration: none; position: relative; z-index: 1; }
.latestVideoDetails a { text-decoration: none; }
/* END latestVideoMain */

/* START podcastMain */
.podcastMain { background: transparent; position: relative; padding: 40px 0 80px; overflow: hidden; width: 100%; }
.podcastDetails { display: inline-block; width: 100%; position: relative; min-height: 180px; border-radius: 4px; 
text-align: left; }
.podcastDetails figure { margin: 0 0 15px; }
.podcastDetails img { margin: 0; width:100%; }
.podcastDetails h4 { color: #fff; font-size: 28px; line-height: 35px; margin: 0; 
font-weight: 400; text-decoration: none; position: relative; z-index: 1; }
.podcastDetails a { text-decoration: none; }
/* END podcastMain */


/* START bannerFaith */ 
.bannerFaith { background: #000;  position: relative; width: 100%; overflow: hidden; } 
/* .bannerFaithLeft { position: relative; padding: 150px 0 90px;  text-align: left;  max-width: 100%; } */
.bannerFaithLeft { position: relative; padding: 200px 0 90px;  text-align: left;  max-width: 100%; }
.bannerFaithLeft h1 { font-size: 70px; line-height: 82px; font-weight: 500; margin: 0 0 60px; text-transform: capitalize; color: #fff; }
.bannerFaithLeft small { font-size: 36px; line-height: 44px; font-weight: 400; margin: 0 0 20px; text-transform: capitalize;color: #EDC162; display: inline-block; }
.bannerFaithLeft h2 { font-weight: 400; font-size: 44px; line-height: 60px; margin: 0 0 60px; color: #fff; }
/* .bannerFaithBtn { display: flex; justify-content: start; align-items: center; gap: 20px; } */
.bannerFaithBtn { display: flex; justify-content: start; align-items: center; gap: 20px;     margin-bottom: 60px;  }
.bannerFaith .img-fluid{
           /* height: 722px; */
    object-fit: cover;
    width: 100%;
    display: block;
}
.bannerFaithBtn .btn { padding: 15px 40px; text-transform: capitalize; font-weight: 700; }
.bannerFaith .carousel-item .bannerFaithImage { height: calc(100vh - 100px); object-fit: cover; width: 100%; display: block; }
.bannerFaith .carousel-indicators { margin-bottom: 4rem; }
.bannerFaith .carousel-indicators [data-bs-target] { width: 18px; height: 18px; border-radius: 50%; background: #fff; border: 1px solid #fff; opacity: 1; }
.bannerFaith .carousel-indicators .active { background: #1039a3;}
.bannerFaith .carousel-caption { bottom: auto; transform: translateY(-50%); top: 50%;; right: 0; left: 0; }
.bannerFaith .carousel-control-prev { left: -70px; opacity: 1; display: none; }
.bannerFaith .carousel-control-next { right: -70px; opacity: 1; }
.bannerFaith .carousel-control-prev-icon { background-image: url("/wp-content/themes/salemmedia/images/arrowLeft.svg"); width: 44px; height: 44px; background-size: 100% 100%; }
.bannerFaith .carousel-control-next-icon { background-image: url("/wp-content/themes/salemmedia/images/arrowRight.svg"); width: 44px; height: 44px; background-size: 100% 100%; }
.bannerFaithRight { display: flex; justify-content: right; }
.bannerFaithRight img { width: 570px; max-width: 100%; display: block; margin: 0 0 10px; position: relative; top: 20px; }
/* END bannerFaith */


/* START faithSecMain */
.faithSecMain { background: transparent; position: relative; padding: 10px 0 60px; overflow: hidden; width: 100%;  }
.faithSecInner { margin: 0 0 30px; display: inline-block; width: 100%; position: relative; overflow: hidden; }
.faithSecInner a { margin: 0; }
.faithSecInner img { margin: 0; max-height: 600px; width: 100%; min-height: 500px; object-fit: cover; }
.faithSecInner .img:hover { transform: scale(1.05); transition: all 0.3s ease-in-out 0s; }
.faith-item { display: none; }	
.faith-item.show { display: block; }
.btnFaith .btn { width: 100%; }

/* END faithSecMain */

 




#viewMoreBtn:active, #viewMoreBtn:focus{
color: #fff;
    background-color: #243CA9;
    border-color: #243CA9;
}
#viewMoreBtn:hover{
  border: 1px solid #E6E6E6;
    color: #000;
    background-color: #E6E6E6;
}
/* END faithSecMain */

/* START faithHeadingMain */ 
.faithHeadingMain { background: transparent; position: relative; padding: 50px 0 0; overflow: hidden; width: 100%; }
.faithHeadingInner { margin: 0; }
.faithHeadingInner h2 { font-size: 60px; line-height: 70px; margin: 0 0 30px; text-transform: uppercase; color: #fff; font-weight: 700; position: relative; }
/* END faithHeadingMain */






/* START bannerFamily */ 
.bannerFamily { background: transparent; position: relative; width: 100%; overflow: hidden; } 
/* .bannerFamilyImage { width: 100%; height: calc(100vh - 100px); margin:0;  } */
.bannerFamilyImage { width: 100%; height: 720px; margin:0; object-fit: cover; }
.bannerFamilyInner { background: #1039A3; display: inline-block; padding: 12px; position: absolute; top: 45%; width: 900px; max-width: 100%; }
.bannerFamilyInner h1 { font-weight: 500; font-size: 62px; line-height: 66px; margin: 0 0 100px; color: #fff; margin: 0; }
/* END bannerFamily */





/* START trendingFamilyMain */

.trendingFamilyMain { background: transparent; position: relative; padding: 40px 0 60px; overflow: hidden; width: 100%; } 
.trendingFamilyDetails { display: inline-block; width: 100%; position: relative; min-height: 180px; border-radius: 4px; text-align: left; }
.trendingFamilyDetails figure { margin: 0 0 15px; }
.trendingFamilyDetails img { margin: 0; width:100%; }
.trendingFamilyDetails h4 a { color: #fff; font-size: 28px; line-height: 35px; margin: 0; font-weight: 400; text-decoration: none; position: relative; z-index: 1; }

/* END trendingFamilyMain */



/* START parentingMain */

.parentingMain { background: transparent; position: relative; padding: 40px 0 60px; overflow: hidden; width: 100%; } 

.parentingDetails { display: inline-block; width: 100%; position: relative; min-height: 180px; border-radius: 4px; 

text-align: left; }

.parentingDetails figure { margin: 0 0 15px; }

.parentingDetails img { margin: 0; width:100%; }

.parentingDetails h4 a { color: #fff; font-size: 28px; line-height: 35px; margin: 0; 

font-weight: 600; text-decoration: none; position: relative; z-index: 1; }

/* END parentingMain */





/* START marrigeMain */

.marrigeMain { background: transparent; position: relative; padding: 40px 0 60px; overflow: hidden; width: 100%; } 

.marrigeDetails { display: inline-block; width: 100%; position: relative; min-height: 180px; border-radius: 4px; 

text-align: left; }

.marrigeDetails figure { margin: 0 0 15px; }

.marrigeDetails img { margin: 0; width:100%; }

.marrigeDetails h4 a { color: #fff; font-size: 28px; line-height: 35px; margin: 0; 

font-weight: 400; text-decoration: none; position: relative; z-index: 1; }

/* END marrigeMain */





/* START womenMain */

.womenMain { background: transparent; position: relative; padding: 40px 0 60px; overflow: hidden; width: 100%; } 

.womenDetails { display: inline-block; width: 100%; position: relative; min-height: 180px; border-radius: 4px; 

text-align: left; }

.womenDetails figure { margin: 0 0 15px; }

.womenDetails img { margin: 0; width:100%; }

.womenDetails h4 a { color: #fff; font-size: 28px; line-height: 35px; margin: 0; 

font-weight: 400; text-decoration: none; position: relative; z-index: 1; }

/* END womenMain */

 

/* START menMain */

.menMain { background: transparent; position: relative; padding: 40px 0 60px; overflow: hidden; width: 100%; } 

.menDetails { display: inline-block; width: 100%; position: relative; min-height: 180px; border-radius: 4px; 

text-align: left; }

.menDetails figure { margin: 0 0 15px; }

.menDetails img { margin: 0; width:100%; }

.menDetails h4 a { color: #fff; font-size: 28px; line-height: 35px; margin: 0; 

font-weight: 400; text-decoration: none; position: relative; z-index: 1; }

/* END menMain */

 

/* START singleMain */

.singleMain { background: transparent; position: relative; padding: 40px 0 60px; overflow: hidden; width: 100%; } 

.singleDetails { display: inline-block; width: 100%; position: relative; min-height: 180px; border-radius: 4px; 

text-align: left; }

.singleDetails figure { margin: 0 0 15px; }

.singleDetails img { margin: 0; width:100%; }

.singleDetails h4 a { color: #fff; font-size: 28px; line-height: 35px; margin: 0; 

font-weight: 400; text-decoration: none; position: relative; z-index: 1; }

/* END singleMain */

  

/* START senierMain */

.senierMain { background: transparent; position: relative; padding: 40px 0 60px; overflow: hidden; width: 100%; } 

.senierDetails { display: inline-block; width: 100%; position: relative; min-height: 180px; border-radius: 4px; 

text-align: left; }

.senierDetails figure { margin: 0 0 15px; }

.senierDetails img { margin: 0; width:100%; }

.senierDetails h4 a { color: #fff; font-size: 28px; line-height: 35px; margin: 0; 

font-weight: 400; text-decoration: none; position: relative; z-index: 1; }

/* END senierMain */


/* START senierMain */

.spiritual-lifeMain { background: transparent; position: relative; padding: 40px 0 60px; overflow: hidden; width: 100%; } 

.spiritual-lifeDetails { display: inline-block; width: 100%; position: relative; min-height: 180px; border-radius: 4px; 

text-align: left; }

.spiritual-lifeDetails figure { margin: 0 0 15px; }

.spiritual-lifeDetails img { margin: 0; width:100%; }

.spiritual-lifeDetails h4 a { color: #fff; font-size: 28px; line-height: 35px; margin: 0; 

font-weight: 400; text-decoration: none; position: relative; z-index: 1; }

/* END senierMain */


 

/* START familyHeadingMain */ 

.familyHeadingMain { background: transparent; position: relative; padding: 50px 0 0; overflow: hidden; width: 100%; }

.familyHeadingInner { margin: 0; }

.familyHeadingInner h2 { font-size: 60px; line-height: 70px; margin: 0 0 30px; text-transform: uppercase; color: #fff; font-weight: 700; position: relative; }

.familyHeadingData { display: flex; justify-content: right; align-items: center; gap: 20px; }  

.familyHeadingData .form-group { background-color: #fff; margin: 0;	position: relative; border-radius: 4px; width: 370px; max-width: 100%;}

.familyHeadingData .input-group { margin: 0;}

.familyHeadingData .form-control {	background-color: #fff;	border-radius: 4px !important;	border: 1px solid #ededed; color: #333; font-size: 20px; height: auto; padding: 10px 15px; box-shadow: none; }

.familyHeadingData .form-control::-webkit-input-placeholder { color: #333;}

.familyHeadingData .form-control::-moz-placeholder { color: #333;}

.familyHeadingData .form-control::-ms-input-placeholder { color: #333;}

.familyHeadingData .input-group-text { padding: 0;	background-color: transparent; border: none; }

/* .familyHeadingData .btn { background: #fff;  font-size: 16px; border: none; padding: 0px 15px; border-radius: 0 4px 4px 0; box-shadow: none; } */
.familyHeadingData .btn { background: #fff;  font-size: 20px; border: none; padding: 0px 15px; border-radius: 0 4px 4px 0; box-shadow: none; }

.familyHeadingData .form-select { background-color: #fff;	border-radius: 4px !important; border: 1px solid #ededed; color: #333; font-size: 20px; height: auto; padding: 10px 15px; box-shadow: none;  }

/* END familyHeadingMain */



/* START trendingFamilyMain */
.trendingFamilyMain { background: transparent; position: relative; padding: 40px 0 60px; overflow: hidden; width: 100%; } 
.trendingFamilyDetails { display: inline-block; width: 100%; position: relative; min-height: 180px; border-radius: 4px; 
text-align: left; }
.trendingFamilyDetails figure { margin: 0 0 15px; }
.trendingFamilyDetails img { margin: 0; width:100%; }
.trendingFamilyDetails h4 a { color: #fff; font-size: 28px; line-height: 35px; margin: 0; 
font-weight: 400; text-decoration: none; position: relative; z-index: 1; }

/* END trendingFamilyMain */





/* START podcastMain */
.podcastMain { background: transparent; position: relative; padding: 40px 0 60px; overflow: hidden; width: 100%; } 
.podcastDetails { display: inline-block; width: 100%; position: relative; min-height: 180px; border-radius: 4px; 
text-align: left; }
.podcastDetails figure { margin: 0 0 15px; }
.podcastDetails img { margin: 0; width:100%; }
.podcastDetails h4 a { color: #fff; font-size: 28px; line-height: 35px; margin: 0; 
font-weight: 400; text-decoration: none; position: relative; z-index: 1; }
.podcastDetailsNoItem { min-height: auto; text-align: left; }
/* END podcastMain */



/* START recommendedMain */

.recommendedMain { background: transparent; position: relative; padding: 40px 0 60px; overflow: hidden; width: 100%; } 

.recommendedDetails { display: inline-block; width: 100%; position: relative; min-height: 180px; border-radius: 4px; 

text-align: left; }

.recommendedDetails figure { margin: 0 0 15px; }

.recommendedDetails img { margin: 0; width:100%; }

.recommendedDetails h4 a { color: #fff; font-size: 28px; line-height: 35px; margin: 0; 

font-weight: 400; text-decoration: none; position: relative; z-index: 1; }

/* END recommendedMain */



 

/* START bannerFaithMinistry */ 

.bannerFaithMinistry { background: #000;  position: relative; width: 100%; overflow: hidden; } 

.bannerFaithMinistryLeft { position: relative; padding: 100px 0 130px;  text-align: left;  max-width: 100%; }

.bannerFaithMinistryLeft h1 { font-size: 70px; line-height: 82px; font-weight: 600; margin: 0 0 60px; text-transform: capitalize; color: #fff; }

.bannerFaithMinistryLeft small { font-size: 36px; line-height: 44px; font-weight: 600; margin: 0 0 20px; 
text-transform: capitalize; color: #EDC162; display: inline-block; }

.bannerFaithMinistryLeft h2 { font-weight: 600; font-size: 50px; line-height: 60px; margin: 0 0 100px; color: #fff; }

.bannerFaithMinistryRight { width: 700px; max-width: 100%; position: absolute; bottom: 0; right: 0;}

/* END bannerFaithMinistry */





/* START faithMinistryMain */

.faithMinistryMain { background: transparent; position: relative; padding: 10px 0 80px; overflow: hidden; width: 100%;  }

.faithMinistryHead { display: flex; justify-content: right; align-items: center; gap: 20px; margin: 0 0 100px; } 

.faithMinistryHeadLeft { margin: 0; width: 100%; position: relative; display: flex; justify-content: start; 

align-items: center; gap: 20px; } 

.faithMinistryHeadLeft img { margin: 0; height: 150px; width: 150px; max-width: 100%; border-radius: 50%; }

.faithMinistryHeadLeft h3 { font-weight: 500; font-size: 48px; line-height: 60px; margin: 0; color: #fff; }

.faithMinistryHeadLeft h3 span { display: block; }

.faithMinistryHeadRight { display: flex; justify-content: start; align-items: center; gap: 20px; }

.faithMinistryHeadRight .btn { text-transform: capitalize; font-weight: 400; }

.faithMinistryList { margin: 0; }

.faithMinistryList ul { margin: 0; padding: 0; display: flex; justify-content: space-between; gap: 5px 20px; width: 100%; }

.faithMinistryList ul li { margin: 0; list-style-type: none; display: inline-block;}

.faithMinistryList ul li a { background: #fff; border: 1px solid #fff; padding: 12px 25px; border-radius: 14px; font-weight: 600;    display: inline-block; color: #0C1725; text-decoration: none; font-size: 22px; text-align: center; transition: all 0.5s ease; }

.faithMinistryList ul li a:hover { background: #1039a3; border: 1px solid #1039a3; color: #fff; }

/* END faithMinistryMain */





/* START whenLoveMain */

.whenLoveMain { background: transparent; position: relative; padding: 10px 0 60px; overflow: hidden; width: 100%;  }

.whenLoveInner h2 { font-size: 50px; line-height: 60px; margin: 0 0 10px; text-transform: capitalize;

color: #fff; font-weight: 600; }

.whenLoveInner small { font-size: 25px; line-height: 30px; margin: 0 0 30px; color: #fff; font-weight: 400; display: block; }

.whenLoveInner figure { margin: 0 0 40px; }

.whenLoveInner p { color: #fff; font-size: 25px; line-height: 35px; margin: 0; font-weight: 400; }

.whenLoveBtn { display: flex; justify-content: start; align-items: center; gap: 20px; margin: 0 0 40px;  }

.whenLoveBtn .btn { border-radius: 35px; }

.whenLoveBtn .btn img { height: 30px; margin-right: 5px; }

.whenLoveBtn .btn:hover, .whenLoveBtn .btn:focus {  background: #fff; border: 1px solid #fff; color: #000; }

/* END faithMinistryMain */

/* START podcastBannerMain */
.podcastBannerMain { background: transparent; position: relative; padding: 80px 0 40px; overflow: hidden; width: 100%;  }
.podcastBanner { display: flex; justify-content: right; gap: 35px; margin: 0; } 
.podcastBannerLeft { margin: 0; width: 430px; position: relative; } 
.podcastBannerLeft figure { margin: 0; }

.podcastBannerLeft img { margin: 0; width: 100%; max-width: 100%; }

.podcastBannerRight { margin: 0; width: calc(100% - 395px); position: relative;  } 

.podcastBannerRight h2 { font-weight: 600; font-size: 48px; line-height: 60px; margin: 0 0 20px; color: #fff; }
.podcastBannerRight h2 span { display: block; font-weight: 500; }
.podcastBannerRight small { font-size: 25px; line-height: 35px; color: #fff; margin: 0 0 10px; }

.podcastBannerRight p { font-size: 25px; line-height: 35px;  color: #fff; margin: 0 0 40px; }

.podcastBannerRight .more-text {
  display: none;
}
.podcastBannerRight p.expanded .more-text {
  display: inline;
}
.podcastBannerRight .see-more {
  color: #EDC162;
  cursor: pointer;
  font-weight: 500;
  white-space: nowrap;
}
.podcastBannerRight .see-more:hover {
  text-decoration: underline;
}
.podcastBannerRight h4 { font-weight: 600; font-size: 31px; line-height: 38px; margin: 0 0 17px; color: #fff; }
.platforms { display: flex; justify-content: start; align-items: center; gap: 40px; }
.platforms a { display: flex; justify-content: center; align-items: center; gap: 20px; text-decoration: none; }
.platforms a img { height: 83px; }
.platforms a span { font-size: 22px;  line-height: 35px;  color: #fff; margin: 0; }
/* END podcastBannerMain */



/* START pastEpisodesMain */
.pastEpisodesMain { position: relative; padding: 0px 0 40px;} 
.pastEpisodesMain .nav-tabs { background: transparent; border-bottom: 1px solid #707070; width: 100%; display: flex; gap: 0 20px; }
.pastEpisodesMain .nav-tabs .nav-item { margin: 0; width: 245px; max-width: 100%; }
.pastEpisodesMain .nav-tabs .nav-link { background: #fff; 
border: 1px solid #fff; border-bottom: none; color: #A8A8A8;   border-radius: 0; padding:  12px 40px; font-size: 20px; line-height: 24px; position: relative;color: #454545; font-weight: 400; text-align: left; border-bottom: 1px solid #707070; }
.pastEpisodesMain .nav-tabs .nav-item.show .nav-link, .pastEpisodesMain .nav-tabs .nav-link.active { background: transparent; border: 1px solid #707070; color: #fff; border-bottom: none; box-shadow: 0px 5px 0px 0px #010139;  } 
.pastEpisodesMain .nav-tabs .nav-link:hover, .pastEpisodesMain .nav-tabs .nav-link:focus  { background: transparent; border: 1px solid #707070; color: #fff; border-bottom: none; box-shadow: 0px 5px 0px 0px #010139;  } 
.pastEpisodesMain .tab-content { margin: 60px 0 0; }
.pastEpisodesOuter { margin: 0 0 50px; border-bottom: 1px solid #C1C1C1; }
.pastEpisodesInner { display: flex; justify-content: left;    align-items: center; gap: 40px; margin: 0 0 50px; }
.pastEpisodesLeft figure { margin: 0; }
.pastEpisodesLeft img { margin: 0; min-width: 175px; max-width: 100%; }
.pastEpisodesRight h3 { font-weight: 600; font-size: 30px; line-height: 40px; margin: 0 0 10px; color: #fff; }
.pastEpisodesRight p { font-weight: 600; font-size: 20px; line-height: 30px; margin: 0 0 10px; color: #fff; }
.pastEpisodesRight small { display: block; font-weight: 500; font-size: 16px; line-height: 20px; margin: 0; color: #fff; }
.pastEpisodesBtn { display: flex; justify-content: start; align-items: center; gap: 20px; margin: 0 0 40px;  }
.pastEpisodesBtn .btn {
    border-radius: 12px;
    text-transform: capitalize;
}
.pastEpisodesBtn .btn img { height: 30px; margin-right: 5px; }
.pastEpisodesBtn .btnWhite:hover, .pastEpisodesBtn .btnWhite:focus {  background: #fff; border: 1px solid #fff; color: #000; }
.pastEpisodesBtn .btnWhite:before { background-color: #f1f1f1; }
/* END pastEpisodesMain */



/* START relatedPodcastMain */
.relatedPodcastMain { background: transparent; position: relative; padding: 10px 0 60px; overflow: hidden; width: 100%;  }
.relatedPodcastInner { margin: 0 0 30px; display: inline-block; width: 100%; position: relative; min-height: 180px; 
overflow: hidden; }
.relatedPodcastInner figure { margin: 0 0 15px; }
.relatedPodcastInner img { margin: 0; max-height: 600px; width: 100%; }
.relatedPodcastInner h4 a { color: #fff; font-size: 28px; line-height: 35px; margin: 0; font-weight: 600;
text-decoration: none; position: relative; z-index: 1; }
/* END relatedPodcastMain */


/* START latestPodcastMain */
.latestPodcastMain { position: relative; padding: 60px 0 60px;}  
.latestPodcastOuter:first-child { border-top: 1px solid #464671; }
.latestPodcastOuter { margin: 0; padding: 50px 0; border-bottom: 1px solid #464671; }
.latestPodcastInner { display: flex; justify-content: left; gap: 50px; margin: 0; }
.latestPodcastLeft { margin: 0; width: 125px; }
.latestPodcastLeft figure { margin: 0; }
.latestPodcastLeft img { margin: 0; width: 100%; max-width: 100%; }
.latestPodcastRight { margin: 0; width: calc(100% - 175px); }
.latestPodcastRight h3 { font-weight: 600; font-size: 30px; line-height: 35px; margin: 0 0 10px; color: #fff; }
.latestPodcastRight p { font-weight: 400; font-size: 25px; line-height: 35px; margin: 0 0 10px; color: #fff; }
.latestPodcastRight small { display: block; font-weight: 400; font-size: 25px; line-height: 35px; margin: 0; color: #fff; }
.latestPodcastRight figure img { width: 850px; max-width: 100%; }
.latestPodcastBtn { margin: 30px 0 0; }
/* END latestPodcastMain */


/* Extra Css to save from conflit css */
.page-template-sub-page-newsandpolitics_trending .politicsSecMain .politicsSecInner, .page-template-sub-page-newsandpolitics_top-headlines .politicsSecMain .politicsSecInner, .page-template-sub-page-newsandpolitics_top-videos .politicsSecMain .politicsSecInner, .page-template-sub-page-newsandpolitics_vip-news-content .politicsSecMain .politicsSecInner{
      border-radius: 0;
}
.page-template-sub-page-newsandpolitics_trending .politicsSecMain .politicsSecInner h4, .page-template-sub-page-newsandpolitics_top-headlines .politicsSecMain .politicsSecInner h4, .page-template-sub-page-newsandpolitics_top-videos .politicsSecMain .politicsSecInner h4, .page-template-sub-page-newsandpolitics_vip-news-content .politicsSecMain .politicsSecInner h4{
    color: #fff;
    font-size: 28px;
    line-height: 35px;
    margin: 0;
    font-weight: 400;
    text-decoration: none;
    position: relative;
    z-index: 1;
    margin-top: 10px;
}
.page-template-sub-page-newsandpolitics_trending .politicsSecMain .politicsSecInner h4 a, .page-template-sub-page-newsandpolitics_top-headlines .politicsSecMain .politicsSecInner h4 a, .page-template-sub-page-newsandpolitics_top-videos .politicsSecMain .politicsSecInner h4 a, .page-template-sub-page-newsandpolitics_vip-news-content .politicsSecMain .politicsSecInner h4 a{
    color: #fff;
}
/* 
.page-template-sub-page-newsandpolitics_trending .politicsSecMain .politicsSecInner .img-fluid, .page-template-sub-page-newsandpolitics_top-headlines .politicsSecMain .politicsSecInner .img-fluid, .page-template-sub-page-newsandpolitics_top-videos .politicsSecMain .politicsSecInner .img-fluid, .page-template-sub-page-newsandpolitics_vip-news-content .politicsSecMain .politicsSecInner .img-fluid{
    height: 240px;
    object-fit:cover;
    border-radius: 0;
}
.page-template-page-news_politics .trendingSecDetails .img-fluid, .page-template-page-news_politics .topHeadlineDetails .img-fluid, .page-template-page-news_politics .vipNewsContentDetails .img-fluid, .page-template-page-news_politics .topVideoDetails .img-fluid{
     height: 240px;
    object-fit:cover;
    border-radius: 0;
}
*/
.page-template-page-kids .politicsSecInner img, .page-template-sub-page-newsandpolitics_politics .politicsSecInner img, .page-template-page-news_politics .politicsDetails img{
    border-radius: 0;
}


.page-template-homepage-api .carousel-item .container .row,.page-template-page-trending .carousel-item .container .row, .page-template-page-kids .carousel-item .container .row , .page-template-sub-page-newsandpolitics_politics .carousel-item .container .row, .page-template-sub-page-newsandpolitics_trending .carousel-item .container .row, .page-template-sub-page-newsandpolitics_top-headlines .carousel-item .container .row, .page-template-sub-page-newsandpolitics_top-videos .carousel-item .container .row, .page-template-sub-page-newsandpolitics_vip-news-content .carousel-item .container .row {
        display: unset;
}

/* Faith page */
.page-template-page-faith .carousel-item .container .row {
  display: unset;
}
.carousel-inner .carousel-item img{
margin:0;
}
.page-template-homepage-api .homepage2 {
margin-top:0 !important;
}

 .page-template-page-news_politics .owl-carousel{
    display: block;
}
 .header-search-form{
    top:93px;
 }
 .logoFooter .header-search-form {
    position: absolute;
    right: 108px;
    top: 130px;
}
.page-template-page-faith .bannerFaithRight img{
height: 551px;
    object-fit: contain;
}



/* News and politics page */
    #news-politics-trending{
        position:relative;
        z-index:5;
    }
    #news-politics-trending-logo {
    padding: 12px;
    position: absolute;
    top: 37%;
    left: -1%;
    width: 100%;
    z-index: 20;
    max-width: 90px;
    object-fit: contain;
    }

    .page-template-sub-page-newsandpolitics_vip-news-content #news-politics-trending-logo {
         top: -20px !important;
    }

    #news-politics-topheadline{
      position:relative;
    z-index:5;
    }
    #news-politics-topheadline-logo{
    padding: 12px;
    position: absolute;
    top: 37%;
    left: -1%;
    width: 100%;
    z-index: 20;
    max-width: 90px;
    object-fit: contain;
    }

    #news-politics-topvideo{
      position:relative;
    z-index:5;
    }
    #news-politics-topvideo-logo{
    padding: 12px;
    position: absolute;
    top: 37%;
    left: -1%;
    width: 100%;
    z-index: 20;
    max-width: 90px;
    object-fit: contain;
    }

    #news-politics-vipnewscontent{
    position:relative;
    z-index:5;
    }
    #news-politics-vipnewscontent-logo{
         padding: 12px;
    position: absolute;
    top: 37%;
    left: -1%;
    width: 100%;
    z-index: 20;
    max-width: 90px;
   object-fit: contain;
    }

     #news-politics-politicsdetails{
    position:relative;
    z-index:5;
    }
    #news-politics-politicsdetails-logo{
       padding: 12px;
    position: absolute;
    top: 87%;
    left: 0%;
    width: 100%;
    z-index: 20;
    max-width: 90px;
    object-fit: contain;
    }

    /* News and politics -Sub pages */
    #news-politics-subpages{
           position:relative;
    z-index:5; 
    }
    #news-politics-subpages-logo{
      padding: 12px;
    position: absolute;
    top: -106%;
    left: 0%;
    width: 100%;
    z-index: 20;
    max-width: 90px;
    object-fit: contain;
    }

    /* News and politics -Sub polotics page */
    #news-politics-politicssubpage{
           position:relative;
    z-index:5; 
    }
    #news-politics-politicssubpage-logo{
          padding: 12px;
    position: absolute;
    top: 654%;
    left: 0%;
    width: 100%;
    z-index: 20;
    max-width: 90px;
    object-fit: contain;
    }

    /* Family page */
    #family-pages{
    position:relative;
    z-index:5;
    }
    #family-page-image-logo {
    position: absolute;
    bottom: 12px;
    left: 26px;
    width: 100%;
    z-index: 20;
    max-width: 48px;
    object-fit: contain;
}
    #family-kids{
          position:relative;
    z-index:5;  
    }
    #family-kids-logo{
       padding: 12px;
    position: absolute;
    top: 87%;
    left: 0%;
    width: 100%;
    z-index: 20;
    max-width: 80px;
    object-fit: contain;
    }

    /* Family- Sub pages */
    #family-subpages{
    position:relative;
    z-index:5;
    }
    #family-subpage-image-logo {
    padding: 12px;
    position: absolute;
    top: 64%;
    left: -1%;
    width: 100%;
    z-index: 20;
    max-width: 80px;
    object-fit: contain;
    }

        /* Minstries sub pages */
    .bannerFaithMinistry .container .row{
      display: unset;
    }


    .ministries-single .bannerFaith .carousel-caption .row{
        display: flex;
        flex-wrap: wrap;
        justify-content: unset;
    }

    .ministries-single .bannerFaithMinistryRight{
            width: 100%;
            bottom: unset;
            /* padding: 100px 0 0px; */
             padding: 0px 0 0px;
    }
    .ministries-single .bannerFaithMinistry img {
    margin: 0;
    }

     .ministries-single .play-btn{
        border: 2px solid #1039A3 !important;
     }
     .ministries-single .play-btn:hover{
        border: 2px solid #bc9e71 !important;
     }

      .ministries-single .play-btn img{
        width: 15px;
            height: auto;
        margin: 0px 5px 5px 0;
      }

      .ministries-single .bannerFaithMinistryLeft{
        padding: 100px 0 0px;
      }
      .ministries-single .faithMinistryList ul li{
            margin-bottom: 16px;
      }

     .ministries-single .tab-pane .pastEpisodesOuter:last-child {
    border-bottom: unset !important; /* Use !important if theme overrides */
    }


      /* Politics single pages */
      .politics-single .banner .container .row{
      display: unset;
    }
	
	
    .closeModal { 
        top: -15px !important; 
    }	
    .audio-ui {
        background: transparent !important;
        box-shadow: none !important;width: 850px;
        max-width: 100%;
    }
    .bar {
        background: #fff !important;
    }
    



/* Move css from homepage-api.php start */
             

            .trendingDetails img {
                width: 100%;
                display: block;
                transition: transform 0.4s ease;
            }

            /* Zoom image on hover */
            .trendingDetails:hover img {
                transform: scale(1.05);
                cursor: pointer;
            }
             .commonMain .owl-carousel .owl-item img:hover {
                transform: scale(1.05);
            }

            /* Overlay */
            .trendingOverlay {
                position: absolute;
                inset: 0;
           
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                gap: 14px;
                opacity: 0;
                /* opacity: 1; */
                transition: opacity 0.3s ease;  
            }

            /* Show overlay on hover */
            .trendingDetails:hover .trendingOverlay {
                opacity: 1;
                 background: rgba(0, 0, 0, 0.55) !important;
            }

            /* PLAY button */
            /* PLAY button – no hover background change */
            .playBtn,
            .detailsBtn {
                width: 160px;              /* 🔥 same width for both */
                height: 48px;              /* same height */
                display: flex;
                align-items: center;
                justify-content: center;

                font-size: 14px;
                font-weight: 600;
                text-transform: uppercase;

                border-radius: 4px;
                box-sizing: border-box;
                background: transparent;
                    /* background: rgba(0, 0, 0, 0.55) !important; */
                border: 2px solid #fff;
                color: #fff;
                text-decoration: none;
            }

            /* PLAY button */
            .playBtn {
                background: #1e4fff;
                border: 2px solid #1e4fff;
                color: #fff;
            }

            .playBtn:hover {
                background: #BC9E71;
                border-color: #BC9E71;
                color: #fff;
            }


            /* DETAILS hover → blue background */
            .detailsBtn:hover {
                background: #0d6efd;
                border-color: #0d6efd;
                color: #fff;
            }

            .videoModal {
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: rgba(0,0,0,0.8);

                display: none;   /* ✅ default hidden */

                align-items: center;
                justify-content: center;
                z-index: 99999;
            }



            .videoModalContent {
                position: relative;
                width: 90%;
                max-width: 900px;
                background: #000;
                border-radius: 12px;
                box-shadow: 0 20px 50px rgba(0,0,0,0.6);
                top: 30%;
                left: 27%;
            }

            /* Responsive 16:9 video */
            .videoWrapper {
                position: relative;
                padding-top: 56.25%;
            }

            .videoWrapper iframe {
                position: absolute;
                inset: 0;
                width: 100%;
                height: 100%;
                border-radius: 12px;
            }

            /* Close button */
            .closeModal {
                position: absolute;
                top: -45px;
                right: 0;
                width: 40px;
                height: 40px;
                background: #fff;
                color: #000;
                border: none;
                border-radius: 50%;
                font-size: 26px;
                cursor: pointer;
                line-height: 40px;
            }

            .closeModal:hover {
                background: #007bff;
                color: #fff;
            }
/* Move css from homepage-api.php end*/


/* Move css from single-ministries.php start */
    .share-modal {
        display: none;
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.6);
        z-index: 9999;
    }

    .share-modal-content {
        background: #243647;
        width: 500px;
        margin: 10% auto;
        padding: 24px;
        border-radius: 10px;
        color: #fff;
    }

    .share-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .share-close {
        cursor: pointer;
        font-size: 22px;
    }

    .share-icons {
        display: flex;
        gap: 50px;
        margin: 20px 0;
        padding: 30px 20px;
    }

    .share-icons a {
        width: 55px;
        height: 55px;
        border-radius: 50%;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: bold;
        text-decoration: none;
    }

    .share-icons a i {
        font-size: 24px;
    }

    .share-facebook {
        background: #1877f2;
    }

    .share-twitter {
        background: #1da1f2;
    }

    .share-pinterest {
        background: #e60023;
    }

    .share-embed {
        background: #72757a;
    }

    .share-copy {
        display: flex;
        gap: 10px;
    }

    .share-copy input {
        flex: 1;
        padding: 8px;
    }

    .share-copy button {
        padding: 8px 14px;
        background: #0d6efd;
        color: #fff;
        border: none;
        cursor: pointer;
    }
    .faithMinistryList ul li{
        margin-right: 16px !important;
    }
    .faithMinistryList ul{
        display: inline !important;
    }
    .audio-ui {
        display: flex;
        align-items: center;
        gap: 14px;
        padding: 14px 20px;
        border-radius: 40px;
        background: linear-gradient(90deg, #020b3a, #041b66);
        color: #fff;
        margin-top: 20px;
    }

    /* Circle Buttons */
    .circle-btn {
        width: 46px;
        height: 46px;
        border-radius: 50%;
        background: #0db7ff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 700;
        color: #001b33;
        cursor: pointer;
        position: relative;
    }

    .circle-btn span {
        position: absolute;
        font-size: 11px;
        font-weight: 700;
    }

    .circle-btn.main {
        width: 56px;
        height: 56px;
        font-size: 20px;
    }

    /* Timeline */
    .timeline {
        display: flex;
        align-items: center;
        gap: 10px;
        flex: 1;
    }

    .timeline span {
        font-size: 12px;
        color: #c7d2ff;
        min-width: 38px;
    }

    .bar {
        flex: 1;
        height: 4px;
        background: #3a4bbf;
        border-radius: 10px;
        position: relative;
        overflow: hidden;
    }

    .bar .progress {
        height: 100%;
        width: 0%;
        background: #19c2ff;
        border-radius: 10px;
    }
    .pastEpisodesBtn .btn{
        width: 161;
        height: 58;
        angle: 0 deg;
        opacity: 0.94;
        border-radius: 14px;
        border-width: 1px;
        background: white;
    }
    .pastEpisodesBtn .share-btn img {
        /* margin: 0px !important; */
        margin: 0 2px 0 0px !important;
        height: 22px !important;
    }   

    .play-btn{
        background: #1039A3 !important;
        color: #ffffff;
        border: 2px solid #1EC3FF;
        border-radius: 30px;
    }
    .play-btn:hover{
        background: #0d2f85 !important;
        border-color: #38d3ff;
        color: #ffffff;
    }
    /* Playing state effect */
    .audio-ui.playing {
        box-shadow: 0 0 12px rgba(30,195,255,0.8);
    }

    .audio-ui .circle-btn.main {
        transition: transform 0.2s ease, box-shadow 0.2s ease;
    }

    .audio-ui.playing .circle-btn.main {
        transform: scale(1.1);
        box-shadow: 0 0 10px #1ec3ff;
    }

    .circle-btn i {
        font-size: 25px;
    }

    .circle-btn.main i {
        font-size: 22px;
    }

    .circle-btn span {
        position: absolute;
        bottom: 6px;
        right: 7px;
        font-size: 10px;
        font-weight: 700;
    }
    .ministries-single .faithMinistryList ul li a.active {
        background: #1039a3;
        border: 1px solid #1039a3;
        color: #fff;
    }
    .audioPlayer{
        padding: 30px 0px;
    }

    .pastEpisodesOuter .audioPlayer {
        display: none;
    }

    .pastEpisodesOuter .audioPlayer.show {
        display: block;
    }

    /* 🔥 Audio player visible hoy tyre button hide */
    .pastEpisodesOuter .audioPlayer.show ~ .play-btn,
    .pastEpisodesOuter .audioPlayer.show + .play-btn {
        display: none !important;
    }

    .ministries-single .faithWithoutBannerMain {
        background: transparent;
        position: relative;
        padding: 10px 0 80px;
        overflow: hidden;
        width: 100%;
    }

    .ministries-single .faithWithoutBannerHead {
        display: flex;
        justify-content: right;
        align-items: center;
        gap: 20px;
        margin: 70px 0 80px;
    }

    .ministries-single  .faithWithoutBannerHeadLeft {
        margin: 0;
        width: 100%;
        position: relative;
        display: flex;
        justify-content: start;
        align-items: center;
        gap: 60px;
    }

    .ministries-single .faithWithoutBannerHeadLeft img {
        margin: 0;
        width: 250px;
        max-width: 100%;
    }

    .ministries-single .faithWithoutBannerHeadLeft h3 {
        font-weight: 700;
        font-size: 48px;
        line-height: 60px;
        margin: 0;
        color: #fff;
    }

    .ministries-single .faithWithoutBannerHeadLeft h3 span {
        display: block;
        font-weight: 500;
    }

    .ministries-single .faithWithoutBannerHeadRight {
        display: flex;
        justify-content: start;
        align-items: center;
        gap: 20px;
    }

    .ministries-single .faithWithoutBannerHeadRight .btn {
        text-transform: capitalize;
        font-weight: 700;
        color: #2F2F2F;
    }

    .ministries-single .faithWithoutBannerList {
        margin: 0;
    }

    .ministries-single .faithWithoutBannerList ul {
        margin: 0;
        padding: 0;
        display: flex;
        justify-content: space-between;
        gap: 5px 20px;
        width: 100%;
    }

    .ministries-single .faithWithoutBannerList ul li {
        margin: 0;
        list-style-type: none;
        display: inline-block;
    }

    .ministries-single .faithWithoutBannerList ul li a {
        background: #fff;
        border: 1px solid #fff;
        padding: 12px 25px;
        border-radius: 14px;
        display: inline-block;
        color: #0C1725;
        text-decoration: none;
        font-size: 22px;
        text-align: center;
        transition: all 0.5s ease;
    }

    .ministries-single .faithWithoutBannerList ul li a:hover {
        background: #1039a3;
        border: 1px solid #1039a3;
        color: #fff;
    }
    .ministries-single .faithMinistryHeadLeft h3{
        font-weight: 900;
    }

    .ministries-single .faithMinistryHeadLeft h3 span{
        font-weight: 300;
    }

    .pastEpisodesRight p{
        font-weight: 300;
    }

/* Move css from single-ministries.php end */


/* Move css from single-politics.php start*/
        .hero-show {
        position: relative;
        padding: 90px 0;
        color: #fff;
        overflow: hidden;
        height:722px;
        /* BACKGROUND IMAGE SETTINGS */
        background-repeat: no-repeat;
        background-size: cover;
        background-position: right center;
        }

        /* DARK OVERLAY (VERY IMPORTANT) */
        .hero-show::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        }

        .hero-container {
        max-width: 1400px;
        margin: auto;
        display: flex;
        align-items: center;
        gap: 40px;
        position: relative;
        z-index: 2;
        }

        /* LEFT CONTENT */
        .hero-content {
        flex: 1;
        padding-left: 50px;
        padding-top: 20px;
        }

        .hero-content img {
        max-width: 400px;
        margin-bottom: 15px;
        }

        .badge {
        display: inline-block;
        background: #f5c451;
        color: #000;
        padding: 4px 10px;
        font-size: 13px;
        border-radius: 4px;
        margin-bottom: 15px;
        }

        .hero-desc {
        color: #cfcfe4;
        max-width: 520px;
        line-height: 1.6;
        margin-bottom: 30px;
        }

        /* BUTTONS */
        .bannerBtn {
        display: flex;
        gap: 15px;
        }

        .btnWhite {
        background: #fff;
        color: #000;
        }

        .btnBlue {
        background: #1e4fff;
        color: #fff;
        }

        /* MOBILE */
        @media (max-width: 992px) {
        .hero-container {
            flex-direction: column;
            text-align: center;
        }

        /* .bannerBtn { */
            /* justify-content: center; */
        /* } */

        .hero-show {
            background-position: center top;
        }
        }
	
/* Move css from single-politics.php end */

.commonMain .owl-carousel .owl-item img#family-page-image-logo:hover { transform: unset; }
 
/* https://salemmedia.seablaze.website/becky-long/ */
/* .page-id-1642 #main{
    background:#fff;
} */
.page-id-1642 .section-intro h3, .page-id-1642 .section-intro p {
    color: #3b3a3a;
}

/* https://salemmedia.seablaze.website/downloadable-resources/ */
.page-id-2082 #main{
    background:#fff;
}
.page-id-2082 a {
    color: #1039A3;
}
.page-id-2082 a:hover {
    color: #1039A3;
}

/* https://salemmedia.seablaze.website/eagle-financial-publications/ */
/* .page-id-2269 #main{
    background:#fff;
}
.page-id-2269 a {
    color: #1039A3;
}
.page-id-2269 a:hover {
    color: #1039A3;
}
.page-id-2269 #content .wp-block-heading, .page-id-2269 .content-area p {
    color: #000 !important;
} */

/* https://salemmedia.seablaze.website/podcasts/ */
.page-id-3170 #main{
    background:#fff;
}
.page-id-3170 .webs-apps-section.podcast-listing{
    background:#fff;
}
.page-id-3170 .entry-content p, .page-id-3170 .webs-apps-section p{
   color: #1039A3;
}
.page-id-3170  ul li p{
color:#fff !important;
}
/* https://salemmedia.seablaze.website/salem-author-services/ */
.page-id-1635 #main{
    background:#fff;
}
.page-id-1635 .one-col-intro-textarea h2, .page-id-1635 .one-col-intro-textarea h3, .page-id-1635 .one-col-intro-textarea h4, .page-id-1635 .one-col-intro-textarea h5, .page-id-1635 .one-col-intro-textarea h6{
     color: #1039A3;
}
.page-id-1635 .three-col-section-with-title h2, .page-id-1635 .three-col-section-with-title h3, .page-id-1635 .three-col-section-with-title h4, .page-id-1635 .three-col-section-with-title h5, .page-id-1635 .three-col-section-with-title h6{
     color: #1039A3;
}
.page-id-1635 .one-col-intro-textarea p, .page-id-1635 .three-col-section-with-title p{
     color: #000;
}


/* https://salemmedia.seablaze.website/salem-news-channel/ */
.page-id-3060 #main{
    background:#fff;
}
.page-id-3060 #content{
    color: #1039A3;
}
.page-id-3060 #content .entry-title, .page-id-3060 #content .wp-block-heading, .page-id-3060 #content p{
  color: #1039A3 !important;
}

.page-id-3060 #content a{
    color: #1039A3 !important;
    font-weight: 600 !important;
}

/* https://salemmedia.seablaze.website/political/ */
.page-id-5446 #main{
    background:#fff;
}
.page-id-5446 .our-clients-container-label, .page-id-5446 #content .wp-block-heading, .page-id-5446 .entry-content ul li, .page-id-5446 .entry-title  {
    color: #1039A3 !important;
}
.page-id-5446 #white-background .wp-block-heading {
    color: #fff !important;
}
.page-id-5446 .political-new h2 span, .page-id-5446 .political-new p span {
    color: #1039A3 !important;
}

/* https://salemmedia.seablaze.website/salem-web-network/ */
.page-id-1719 .content-area{
    padding-top: 0px;
}

/* https://salemmedia.seablaze.website/websites-and-apps/ */
/* .page-id-203 .webs-apps-section .webs-apps-section-heading{
 color: #1039A3 !important;
}
.page-id-203 .section-intro a{
    color: #1039A3 !important;
}
.page-id-203 .webs-apps-section p {
color: #000 !important;
} */
 .page-id-203 .webs-apps-section{
background: transparent;;
 }

/* https://salemmedia.seablaze.website/conservative-websites/ */
.page-id-1047 .webs-apps-section .webs-apps-section-heading{
 color: #1039A3 !important;
}
.page-id-1047 .section-intro a{
    color: #1039A3 !important;
}
.page-id-1047 .webs-apps-section p {
color: #000 !important;
}

/* https://salemmedia.seablaze.website/terms-of-use/ */
.wp-elements-b193b18e4cce6c323fb5f98b7097ce6b a:where(:not(.wp-element-button)){
    color:#fff !important;
}

.page-id-1029 .content-area p , .page-id-1029 .content-area p a{
color:#fff !important;
}

.theme-background{
background:linear-gradient(315deg, #00003D 81%, #00003B 45.38%, #040304 89%) !important;
color:#fff;
}

.fr-section{
background-color: unset !important;
}

.white-background{
background:#fff;
color:#3b3a3a;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
}
.white-background a{
    color:#1039A3;
}
.white-background a:hover{
    color:#1039A3;
}
.white-background span, .white-background strong, .white-background h1, .white-backgroundh2, .white-background h3, .white-background h4, .white-background h5, .white-background h6, .white-background p{
   color:#1039A3;
}

@media (max-width: 2600px) {
    .white-background{
    padding-left: 26%;
    padding-right: 26%;
    }
}
@media (max-width: 2500px) {
    .white-background{
    padding-left: 25%;
    padding-right: 25%;
    }
}
@media (max-width: 2400px) {
    .white-background{
    padding-left: 24%;
    padding-right: 24%;
    }
}
@media (max-width: 2300px) {
    .white-background{
    padding-left: 23%;
    padding-right: 23%;
    }
}
@media (max-width: 2200px) {
    .white-background{
    padding-left: 22%;
    padding-right: 22%;
    }
}
@media (max-width: 2100px) {
    .white-background{
    padding-left: 20.5%;
    padding-right: 20.5%;
    }
}
@media (max-width: 2000px) {
    .white-background{
    padding-left: 19%;
    padding-right: 19%;
    }
}
@media (max-width: 1950px) {
    .white-background{
    padding-left: 18%;
    padding-right: 18%;
    }
}
@media (max-width: 1900px) {
    .white-background{
    padding-left: 17%;
    padding-right: 17%;
    }
}
@media (max-width: 1850px) {
    .white-background{
    padding-left: 16%;
    padding-right: 16%;
    }
}
@media (max-width: 1800px) {
    .white-background{
    padding-left: 15%;
    padding-right: 15%;
    }
}
@media (max-width: 1750px) {
    .white-background{
    padding-left: 14.5%;
    padding-right: 14.5%;
    }
}
@media (max-width: 1700px) {
    .white-background{
    padding-left: 13%;
    padding-right: 13%;
    }
}
@media (max-width: 1650px) {
    .white-background{
    padding-left: 12%;
    padding-right: 12%;
    }
}
@media (max-width: 1600px) {
    .white-background{
    padding-left: 11%;
    padding-right: 11%;
    }
}
@media (max-width: 1550px) {
    .white-background{
    padding-left: 10%;
    padding-right: 10%;
    }
}
@media (max-width: 1500px) {
    .white-background{
    padding-left: 8.5%;
    padding-right: 8.5%;
    }
}
@media (max-width: 1450px) {
    .white-background{
    padding-left: 7%;
    padding-right: 7%;
    }
}
@media (max-width: 1400px) {
    .white-background{
         padding-left: 5.5%;
        padding-right: 5.5%;
    }
}
@media (max-width: 1350px) {
    .white-background{
         padding-left: 4%;
        padding-right: 4%;
    }
}
@media (max-width: 1300px) {
    .white-background{
           padding-left: 2%;
        padding-right: 2%;
    }
}