/*
Theme Name:as-360-clear
Author:Bhadresh Tandel
Version:2.0
*/


/*
1.Body and Basics
2.Table CSS (all specficiations and comparisons)
3.Top navigation menu
4.Site-header and main menu
5.Search section and search box
6.Front page (Brands and product finder, Default title)
7.Product List (Product title, image, price)
8.Left Sidebar
9.Right Sidebar
10.Single Product, Timeline, Product box (all box data)
11.Single Product Score-box
12.Video Section
13.Archive Product Score-box
14.Single post and pages general data
15.Advance page CSS
16.Pro & Cons CSS
17.Rating Card
18.Compare Module (Archive)
19.Archive Navigations (Pagination)
20.Smartwatch CSS
21.Site Footer
22.Footer Widgets
23.Read More and Read Less CSS
24.Store Prices(affiliate)
25.Popular cards block scroller for single pages
26.News articles
27.Mobile CSS
*/

.lang-select-wrapper {
text-align:center;
margin-bottom:10px;  
}

/*=============FAQ Sections==============*/

.faq-section,.pro-cons-section {
border:1px solid #eee;
border-radius: 5px;
padding: 20px;
margin: 20px 0;
box-shadow: 0 4px 8px 0 rgba(0,0,0,.2);
}

.faq-title,.pc-title {
font-size:20px;
font-weight: 600;
margin-bottom: 30px;
color: #555;
}

.faq-flat-list{
max-width: 800px;
margin: 0 auto 40px;
}

.faq-box {
border: 1px solid #eee;
border-radius: 6px;
padding: 16px 20px;
margin-bottom: 20px;
box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.faq-box .question {
font-weight: 600;
color: #222;
margin-bottom: 10px;
font-size: 18px;
 }

.faq-box .answer {
font-size: 16px;
color: #555;
line-height: 1.6;
}


/* ======================= Pinterest Pin CSS =================*/

.pin {
font-family: "Montserrat", sans-serif;  
background: #000;
padding: 10px;
width:740px;
height:1110px;
margin-bottom: 20px;  
}

.pin-title {
text-align: center;
text-transform: capitalize;
color: #fff;
margin-bottom:50px; 
color: #ff914d; 
font-weight: 700;
}

.pin-image {
width:300px;
height:300px; 
overflow: hidden;
border:1px solid #fff;
padding:20px; 
}



.pin-details {
  margin-top: 50px;
}

.pin-details ul li {
 font-size:26px;
 color: #fff; 
 list-style:disc;
 text-align: left;
 margin-left:190px;
 line-height:2.3;
}

.pin-price {
border-radius:5px;
padding: 10px;
margin-top: 20px;
font-size:26px;
color: #fff;
display: inline-block;
color: #ff914d;
font-weight:700;  
}

.as-credit { 
font-size:22px;
color: #fff;
margin-top: 30px;
 }





/*====================Read More less function================*/

.overview {
float: left;
width: 100%;
background: #f2f2f2;
padding: 10px 20px;
border-radius: 5px;
margin-bottom: 10px;  
}


.extra {
display: none;
margin-top: 10px;
}

input[type="checkbox"] {
  display: block;
  appearance: none;
}
.read-more {
  float: right;
  position: relative;
  color: #555;
  cursor: pointer;
}
.read-more:before {
  content: "Read More";
}
input[type="checkbox"]:checked ~ label:before {
  content: "Collaps";
}

.extra:has(~ input[type="checkbox"]:checked) {
  display: block;
}


/*====================Accordion===================*/

.accordion {
  margin-bottom: 24px;
  padding:10px 0;
}

.accordion-container {
  width:100%;
  max-width: 1240px;
  margin: 0 auto;
  border: 3px solid #e0e0e0;
  border-radius: 5px;
  overflow: hidden;
}


.accordion-item {
  width: 100%;
}

.accordion-trigger {
  width: 100%;
  display: block;
  background-color: rgb(250, 250, 250);
  color: rgb(0, 0, 0);
  padding: 24px;
  font-size: 20px;
  font-weight: 500;
  font-family: 'Inter', sans-serif;
  text-align: left;
  border: none;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  cursor: pointer;
}

.accordion-icon {
  transition: transform 0.5s;
}


.accordion-item[open] .accordion-icon {
  transform: rotate(45deg);
}

.accordion-item:not(:first-of-type) .accordion-trigger {
  border-top: 3px solid #eaeaea;
}

.link-section {
float:left;
width:100%;
border:1px solid #ddd;  
}

.link-title {
margin:0;
padding:10px;
border-bottom:1px solid #ddd;  
}

.widget-link {
margin:10px;
line-height:1.9;  
}

.widget-link a {
font-weight:600;
color:#005c80;  
}

.front-section  {
float: left;
width: 100%;  
background: #edf1ff;
margin-bottom: 20px;
padding:20px 10px;
border-radius: 5px;  
}

.section-title {
font-size:22px;
font-weight: 700;
color: #444;
margin-bottom: 20px;

}

.features {
display: inline-block;
border: 1px solid #0065c5;
background: #fff;
padding:10px;
border-radius: 5px;
margin:5px;
color: #0065c5;
text-align: center;
font-weight: 700;  
}

.features:hover {
background: #0065c5;
color: #fff; 
}


.product-section  {
float: left;
width: 100%;  
background: #f2f2f2;
padding: 10px;
margin: 20px 0;
border-radius: 5px;  
}

.img-thumb img {
width:80px;
float: left;
margin-right: 5px;  
}

.cards-blocks {
  background: #fff;
  border-radius:10px;
  overflow: hidden;
  position: relative;
  display: inline-block;
  margin: 0px 5px 0 0;
  padding: 5px;
  width:35%;
  height: 110px;
  border: solid 1px #eee;  
}

.cards-blocks:hover {
border-color: red blue red blue;  
}

.card-titles, .card-prices {
  color: #333;
  font-size: 18px;
  white-space: initial;
  font-weight: 600;
}

.card-prices {
color: green;  
}

.section-title a {
float: right;
font-size: 16px;
border: 1px solid #000;
border-color:blue red blue red;
padding: 5px;  
color: #555;
border-radius: 5px;
margin-top:-5px;    
}

/*===============Store CSS===================*/

.basic-box h1 {
font-size: 24px;  
}

.deal-price{
font-size: 32px;
font-weight: 900;
color: green;  
}

.off-price{
font-size: 24px;
text-decoration: line-through!important;
opacity: 0.5;  
}

.store-btn {
background: #fb641b!important;
border: 1px solid #fb641b!important;
display: block;
width: 50%;
font-size: 26px;
font-weight: 900;
margin: 10px 0;  
}

.store-description  {
float: left;
width: 100%;
padding: 10px;  
border: 1px solid #eee;
margin-top: 20px;
}

.store-description li {
list-style: disc;  
margin: 10px 20px;
line-height: 1.7;
}

.store-product {
float: left;
width: 22.5%;
border: 1px solid #eee;
height:320px;
margin:10px 5px;
position: relative;  
}

.store-deal-price {
 font-size: 18px;
 font-weight: 600;
 color: green;
 margin: 5px;
}

.store-off-price {
font-size: 16px;
color: #999;
text-decoration: line-through!important;  
}

.store {
float: left;
width: 100%;
position: absolute;
bottom: 0; 
padding: 5px; 
}

.store span {
float: left;
}

.store a {
float: right;
background: #f2f2f2;
padding: 0 5px;
border:1px solid #ddd;
border-radius: 3px;
color: #333;
text-transform: uppercase;
}


/*==============Instagram============*/

.insta-thumbnail {
float: left;
width: 100%;
background: #000;
margin-top: 20px;
padding: 10px;

}

.it-title {
font-size: 22px;  
display: inline-block; 
padding: 10px;
border-radius: 5px;
font-weight:900; 
color:orange;
}

.it-img {
width: 200px;
}


.vs {
background:#fff;
color: #000;
padding:15px;
border-radius:50%;
width: 50px;
font-weight: 600;
display: inline-block;
margin: 10px;  
}

.insta-table {
background: #000;  
}

.insta-td {color: #fff;}

.insta-head {
background: #333!important;
text-transform: uppercase; 
font-weight: 600; 
}

.bk-comparison {margin-bottom: 20px;}

.img-stand {
background: #fff;  
position: sticky;
top:0;
z-index:999;  
border:1px solid #ddd;
float: left;
width: 100%;
margin-bottom: 10px;
}

.img-stand img {
width:100px;  
}

.img-1,.img-2 {
float: left;
width:50%;
text-align: center;  
}

.img-2{
border-left: 1px solid #ddd;  
}

.ts {
display:block;
font-weight: 600;
}

.ts a {color: #333!important;}

.ps {color:#d30000;}

.bk-comparison h3 {
float: left;
width: 100%;  
background:#555;
font-size:14px!important;
padding: 2px 10px;
color: #fff;
font-weight: 600;
margin: 0;  
text-align: center;
}

.bk-comp-table {
margin: 0;  
border-radius: 0;
box-shadow:0 0 0 0;  
}

.bk-comp-table 
tbody tr:nth-child(even) {
background-color:#fff;
border:1px solid #eee;  
}

.bk-comp-table tr {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  grid-template-rows: auto auto;
  align-items: stretch;
  height: auto;
}

.bk-comp-table td.heading {
  grid-area: 1 / 1 / 1 / 5;
  background:#f2f2f2;
  color: #777;
  padding: 3px 10px;
}

.bk-comp-table td:first-child, .sm-comp-table td:last-child {
  border-right: 0;
}

.bk-comp-table td {
  padding:2px;
  border-right: 1px solid #eee;
  border-bottom: 0;
  text-align: center;
  font-size: 13px;
  line-height: 1.4;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  white-space: pre-wrap;
  word-break: break-word;
}



.text-read {
font-family:poppins, sans-serif;
font-weight:400;  
}

.text-read li {
background:bisque;
padding:5px 10px;
border-radius:5px;  
}

.author-box {
float:left;  
border: 1px solid #eee;
box-shadow: 0 3px 8px rgba(0,0,0,.1);
border-radius:10px;
padding: 10px;  
margin-bottom: 20px;
}

.author-avatar {
float: left;
margin-right: 10px;
height:100px;
}

.of-link {color:#d30000!important; font-weight:700;}

.tb-list {width: 37%;}


.assu-btn {
background:#fff;
color:#333;
border:1px solid #999;
text-transform:uppercase;
}

.assu-btn:hover {
background:#f2f2f2!important; 
color:#333!important;
border:1px solid #999;    
}


.price-note {
float: left;
width: 100%;  
border: 1px solid #ddd;
border-top: none;
text-align: center;
margin-bottom:20px; 
padding:10px 0 0 0; 
}

.footer-menu {
background:#fff;
border-top: 1px solid #f2f2f2;
position: fixed;
padding-top:5px;  
bottom: 0;
width: 100%;
z-index:999;
display: none;  
}

.footer-menu ul li {
font-size: 14px;
float: left;
width: 25%;
padding: 5px; 
text-align: center;
text-transform: uppercase;

}

.footer-menu span {display: block}

.footer-menu ul li a {color: #333;}

.menu-icon {
color: #333; 
float: right; 
}

.explore-icon {
color: #666;
font-weight: 600;
margin-top:0;  
}

.wrapper{
position:sticky;
z-index: 999;
top:0;
width: 100%;
display: none;
}


.fsize {font-size: 10px!important; vertical-align: middle;}

.content{
display: flex;
align-items: center;
}
.content .links{
text-transform: uppercase;  
margin-left: 80px;
display: flex;
}

.content .links li{
list-style: none;
line-height: 70px;
margin-top: 10px;
border-bottom: 1px solid #333;
}

.content .links li:first-of-type {border-bottom: none;}

.content .links li a,
.content .links li label{
color: #fff;
font-size: 14px;
font-weight: 500;
padding: 9px 17px;
border-radius:3px;
transition: all 0.2s ease;
}
.content .links li label{
display: none;
}
.content .links li a:hover,
.content .links li label:hover{
 background: #111;
}

.wrapper input[type="checkbox"]{
  display: none;
}

.content .links{
display: block;
position: fixed;
background: #14181f;
height: 100%;
width: 100%;
top: 0px;
left: -100%;
margin-left: 0;
max-width: 350px;
overflow-y: auto;
padding-bottom: 100px;
transition: all 0.2s ease;
  }
#show-menu:checked ~ .content .links{left: 0%;width:80%;}

.close-menu {display: flow-root;}

.content .links li{margin: 15px 5px;}

.content .links li a,
.content .links li label{
line-height: 20px;
font-size:16px;
display: block;
padding: 8px 18px;
cursor: pointer;
}

.mg-badge {
background:deeppink;
color: #fff;
font-size:14px;
font-weight:700;
text-transform:uppercase;
padding: 0 2px;
position: absolute;
top: 0;
left:0;
border-radius: 10px;
border-top-left-radius: 0;
}

.email-box {
border:10px solid #eee;
padding:25px;
margin-bottom:20px;
}

.compare-btn {
background: #da0000;
color: #fff!important;
padding: 2px 8px;
border-radius: 4px;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
}



.compare-search-result {
background:#fff;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
width: 45%;
display: block;
position: absolute;
font-size: 14px;
z-index: 1;
}

.compare-search-result img {width: 30px; height:30px;}

.compare-search-result h4 {
font-size: 14px;
color:#333;
border-bottom:0.4px solid #f4f4f4;
padding: 10px;    
}


.compare-search-result h4:hover {background: #eee;}

.cmp-list {font-size:18px; line-height:1.9;}


blockquote {
background: #555;
border-left: 8px solid #d50000;
font-size: 16px;
font-weight: 600;
color: #fff;    
}

blockquote a {
color: #fff;
text-decoration: underline!important;
}

blockquote a:hover {color: #ff0000;}

.featured-box {
overflow: hidden;
position: relative;
display: inline-block;
padding: 5px 3px;
text-align: left;
width: 70%;
max-width:300px;
box-sizing: initial;
}

.f-card-section {
background: #fff;
border-radius: 4px;
border: solid 1px #eee;
width: 100%;
padding:5px 10px;
display: flex;

}

.f-heading {
padding:5px 0;
line-height: 1.8;
font-weight: 600;    
}

.flex-detail {
display: flex;
align-items: center;
margin:5px 0;
border-bottom: 1px solid #eee;
}

.flex-detail:last-of-type {border-bottom: none;}

.flex-detail img {width:41px; height: 41px;}

.f-title a {color: #333;}

.f-price {margin-left: 10px; color: #d3000; font-weight: 700}

.f-link {color: #d30000; font-weight:700;}

.faq{
font-size:17px;    
text-transform:capitalize;    
}

.follow-box {
 margin-bottom: 5px;   
}

.follow-box li {
display:inline-block;
}

.follow-box li img{
width:30px;    
}

.follow-box li span {
color: #333; 
padding:0 5px;

}

.specs-list-heading {
float:left;
width:100%;  
}
  


/*=====Mobile header=======*/


.site-name {
float: left;
width: auto;
border: 1px solid #fff;
border-radius: 3px;
text-align: center;
margin-top: 10px;
margin-left: 10px;
padding: 3px 5px;
font-weight: 700;
text-transform: uppercase;
}

.site-name img {
 width: 10px;
 float: right; 
}

.site-name a {color:#fff;}


.mob-search {
width:65%;
margin-top: -1px;
float: right;
padding:5px 5px;  
}

.mobile-header input {padding: 5px!important;}

.mobile-header button {
background:#333!important;
height:35px!important;
width:37px!important;
}


/*======Mobile header menu========*/

.mobile-header {display: none; height:50px!important;}

.flex {
display: flex;
align-items: center;
}

.mob-menu {
float: left;  
width: 100%;
position: relative;
border-bottom: 1px solid #eee;
margin-top:55px;
display: none;
}

.mob-menu ul {
width: 100%;
margin: 0;
padding: 0;
display: flex;
white-space: nowrap;
flex-wrap: nowrap;
overflow: scroll;
}

.mob-menu li {
position: relative;
margin: 7px 7px;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
}

.mob-menu li a {color: #333;}

.hr-links {
background:#d30000;
color:#fff!important;
padding:2px 5px;
border-radius: 5px;  
}

.mob-menu ul::-webkit-scrollbar {display: none;}



/*======News articles======*/

.page-title{
font-family:Rubik, sens-serif;
font-size: 28px;
font-weight:bold;
line-height:1.6;  
text-transform: capitalize;  
}

.post-thumbnail {
margin-bottom: 15px;  
}

.news-details {
font-family:rubik, sens-serif;
color:#555;
font-weight:400;  
}

.news-details ul li {
list-style:disc;
margin:0 30px;  
}



.news-container {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: 16px;
  padding: 16px;
}

.news-container::-webkit-scrollbar {
  height: 6px;
}
.news-container::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px;
}

.news-card {
  flex: 0 0 220px; /* Smaller width */
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
  scroll-snap-align: start;
  transition: transform 0.3s ease;
}

.news-card:hover {
  transform: translateY(-4px);
}

.news-card a {
  text-decoration: none;
  color: inherit;
  display: block;
}

.news-image img {
  width: 100%;
  height: 130px; /* Smaller image */
  object-fit: cover;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.news-content {
  padding: 10px;
}

.news-title {
  font-size: 15px;
  margin: 0 0 6px;
  font-weight: 600;
  line-height: 1.3;
}

.news-meta {
  font-size: 12px;
  color: #666;
}



.web-thumb {
float: left;
width:46%;
border: 1px solid #eee;
margin: 10px 10px;
background: #fafafa;
padding: 10px;
}

.web-thumb img {width:250px; height:250px}

.web-thumb h2 {
font-size: 16px;
line-height: 1.4; 
padding:0 10px;
height:60px;
border-top:1px solid #ddd; 
padding-top: 10px; 
}


body{
font-family:Rajdhani, sans-serif;
font-size: 16px;
margin: 0;
padding: 0;
font-weight: 500;
}

*{
list-style: none;
text-decoration: none!important;
padding: 0;
}

img{max-width: 100%; height: auto;}

h1,h2,h3,h4,h5,h6 {text-transform: uppercase; font-weight: 600;}

h2,h3 {font-size:18px; line-height:1.6;}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea{
color: #666; 
border: 1px solid #000; 
border-radius: 5px;
display: block; 
box-sizing:border-box; 
width:100%; 
padding:7px 10px; 
margin-bottom:5px;
font-weight: 500;
}

textarea {
height: 50px;
}



.badge {
background:#333;  
}


/*==================Table CSS ====================*/

.specifications {
float: left;
width: 100%;
height: 400px;
border: 1px solid #ddd;
margin-bottom: 10px;
overflow-y: scroll;
padding: 10px;  
}

table a {color:#555;}

#specs-list {margin-bottom: 20px; border: 5px solid #eee;}

table {
width:100%;
font-weight:500;
background: #fafafa;
}

.single-features { margin-bottom: 2px; background: #fff; border-top: 0;}

th {padding:0 7px; border:5px solid #fff;}

td{border-bottom: 5px solid #fff; width: 50%; padding:5px;}

.comp-head {
background: #f2f2f2;
text-align: center;
font-weight:600;
text-transform: uppercase;    
}

.comp-detail{text-align: center;border-right: 1px solid #ddd;}

.comp-img {width: 70%; margin: 0 auto;}

.pd-head{
background: #eee;  
color: #333; 
padding:3px; 
font-weight:700;
border-bottom: 5px solid #eee;
text-transform: uppercase; 
}

.btn {margin-bottom: 5px; font-weight:600;}

/*===================Top Navigation menu=====================*/

.top-nav {
float: left;
position:fixed;
z-index:9;
width: 100%;
background: #005c80;
margin-bottom: 10px;
height: 45px
}

.top-nav ul {margin: 0; padding: 0; line-height: 1;}

.top-nav li {
float: left;
padding: 15px 10px;
font-size: 14px;
text-transform:uppercase;
font-weight:700;
}

.top-nav li a{color:#fff;}

.top-nav li:hover{background:#333F49;}



/*================Site header and main menu==============*/

.site-header {
background: #FFF;
border: 1px solid #FFF;
height: 110px;
float:left;
margin-top:55px;
}

.ads-banner {margin-top:55px;}

.ads-margin {
float: left;
width: 100%;
margin-top: 10px;
}

.ads {margin-bottom:10px;}

.navbar-brand > img { margin-top: -12px; width: 300px; }

.main-nav {float: left; width: 100%; background: #333F49;}

.main-nav ul { margin: 0; padding: 0; line-height: 1;}

.main-nav li {
float: left;
padding: 13px 15px;
border-right: 1px solid #888;
font-size: 14px;
position: relative;
text-transform:uppercase;
font-weight:700;
}

.main-nav li a {
color: #f2f2f2;
}

.main-nav li:hover{background:#005c80;}



/*================Search Section and Search Box===========*/


.search-section {
float: left;
width: 100%;
background:#d6d8da;
height: 55px;
margin-bottom:10px;
margin-top: 1px;
padding: 1px;
}


.header-search-form {
position: relative; 
padding:1px; 
display: inline-block; 
width: 100%;
margin-top: 2px;
}

.header-search-form input {
padding:10px;
border: 1px solid #f1f1f1; 
width:100%; 
color: #333;
}

.header-search-form button {
text-transform: uppercase;
position: absolute; right: 0;
top:1px; 
border: 0; 
color: #fff; 
background: #005c80; 
height: 44px; 
width: 65px; 
text-align: center;
font-weight: 700;
}


/* ============= Front Page (Brand, Phone Finder, Default Title) =============*/

.default-title {
font-size: 18px;
font-weight: 600;
line-height: 34px;
padding-bottom: 5px;
width: 100%;
float: left;
margin: 0px 0 22px 0;
text-transform: uppercase;
position: relative;
border-bottom:1px solid #ddd;
}

.default-title a {
float: right;
font-size: 14px;
font-weight:700;
letter-spacing: .5px;
color: #d30000;
}

.default-title:after {
content: '';
position: absolute;
left: 0;
bottom: -2px;
width:100px;
border-bottom: 2px solid #d30000;
}

.brand-title {
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
margin: 10px 0;
text-align: center;  
}

.swiper-wrapper {display: flex;overflow: auto; }

.swiper-wrapper::-webkit-scrollbar {display: none;}

.swiper-wrapper a {
 margin:10px 5px; 
}

.ctext {
display: block;
color: #333;
text-align: center;
font-size: 14px;
font-weight:600;  
text-transform: uppercase;  
}


.vtext {
display: block;
color: #333;
text-align: center;
font-size: 14px;
text-transform: uppercase;
padding:3px;  
}

.card {border: 1px solid #ddd; border-radius: 3px; padding: 0 2px;}

.filter-card {background: #fafafa;}

.card-img {width:100px; height: 50px; }

/*================== Product List (Title, Images, Price) ====================*/

.assu-product{
list-style: none;
width:23.5%;
height:230px;
float: left;
margin-bottom:15px;
margin-left: 6px;
padding:0px 0;
position: relative;
text-align: center;
border: 1px solid #f1f1f1;
box-shadow: 0 1px 7px 0 hsla(0,0%,56.9%,.15);
}

.assu-product img{
display:inline-block; 
margin:0 0 0px;
width:130px;
height:130px; 
}


.loop-title{
font-size:14px;
text-transform:uppercase;
display: table;
width:100%;
height: 50px;
padding:5px;
font-weight: 600;
color: #555;
border-bottom: 1px solid #ddd;
}

.loop-title p { display: table-cell; vertical-align: middle; }

.price-amount{
padding: 5px 8px;
color:#da0000;
text-decoration:none;
font-weight: 700;
}

.price-box {
display: inline-block;
color:red;
padding:0 5px;
font-weight:600;
}

.product-thumbnail{
width:200px;
height:200px;
border: 1px solid #f1f1f1;
margin: 10px;
}


/*=============== Left Sidebar ==================*/

.widget-item2 {
border: 1px solid #E9EFF3;
margin-bottom: 5px;
background: #E9EFF3;
margin-top: 10px;
}

.widget-title2 {
font-size: 1em;
border-bottom: 2px solid #005c80;
text-transform: uppercase;
font-weight: 700;
color: #333F49;
padding: 0 20px 10px 5px;
}

.widget-item2 ul {margin: 0;padding: 0;}

.widget-item2 li {
list-style: none;
line-height: 1.7;
font-size: 17px;
padding: 10px 20px 10px;
border-bottom: 1px solid #ddd;
}

.widget-item2 li:last-of-type{border-bottom: none;}

.widget-item2 ul li a {color: #444;}

.widget-item2 li a:hover{color:#005c80;}

/* ==== Mobile Review CSS ==== */

.checked {
color: #fcd505;  
}

.fa-star,.fa-star-half-stroke {font-size: 12px!important;}

.review-card {
float: left;
width: 23%;
display: inline-block;  
padding:5px 10px;
margin:20px 5px;  
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
border-radius: 3px;  
}

.review-card h2 {
margin: 0;
font-size: 15px;  
}


.numbers {
float: right;
position: relative;
top:-20px;  
}

.review-meta {
float: left;
width: 100%;  
padding:10px;
border:1px solid #eee;
background: #f2f2f2;
}

.review-meta span {margin:0 5px; }

.self-review {float: right;}

/*================= Right Sidebar ================*/

.widget {margin-bottom:20px;}

.widget-item {
width:100%;
float:left;
margin-top: 8px;
border:1px solid #005c80;
}

.widget-title {
font-size: 1em;
border-bottom: 1px solid #ddd;
text-transform: uppercase;
font-weight: 700;
color: #fff;
padding: 10px 10px;
background: #005c80;
}

.widget-item ul { margin: 0 0!important; padding: 0;}

.widget-item li {
line-height: 1.6;
height: auto;
list-style: none;
font-size: 17px;
border-bottom: 1px solid #ddd;
padding:10px 10px;
}

.widget-item li:last-of-type { border-bottom: none;}

.widget-item ul li a {color: #444;}

.cat-item{
font-size: 15px!important;    
margin:5px 6px;
line-height: 2!important;
float: left;  
width:29%!important;
background: #f2f2f2;
text-align: center;
border-bottom:none!important;
padding: 0 !important;
}

.cat-item a {padding:1px 8px; color:#333; }

.widget-item li a:hover{color:#005c80;}

.single-list-group {margin:10px 10px; }

.single-widget-item {
border: 1px solid #005c80;  
float:left;  
width: 100%;
margin-bottom: 10px;
}

.small-list {
border:1px solid #f2f2f2;
float: left;  
width:28.5%;
margin:5px;
font-weight: 600;
}

.small-list li {height: 130px;}

.small-title{
font-size: 12px;
text-align: center;  
}

.small-list a {color: #555;}


/*============ Single Product (Timeline, Product-box, all box data ) ==============*/

.timeline {
font-size: 13px;
padding: 5px;
border-top: 1px dotted #ddd;
border-bottom: 1px dotted #ddd;
margin-bottom: 10px;    
}

.timeline a {color: #d30000; font-weight: 700;}

.product-box{
width: 100%;
float: left;
border:1px solid #eee;
border-radius: 5px;
}

.sp-head-title{
float: left;  
width: 100%;
padding: 10px;
background: #eee;
margin-bottom: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

.sp-head-title h1 {
font-size: 18px;
font-weight: 600;
margin-top: 5px;
}

.comp-btn {
background: #d00;
float: right;
margin-top: -30px;
border-radius: 3px;
padding: 5px;
font-size: 12px;
font-weight: 700;
color: #fff!important;
text-transform: uppercase;
}

.img-box {
float: left;
width: 30%;
padding: 10px;
border-right: 1px solid #eee; 
}

.img-box img {width: 200px; display: block;}


.btn-custom {
border-radius: 2px;
background: #555; 
font-weight:700;
text-transform: uppercase;
border:1px solid #555; 
}

.basic-box {
padding: 10px;
float: left;
width:70%;
border-bottom: 1px solid #eee;  

}

.box-price{
color: #d30000;
font-weight:700;
padding-right: 5px;  
}

.sp-hits {float: right;}

.main-key-section {
 float:left;
 width:70%;
 padding: 10px;
 display: grid;
}

.info-greed {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}



.d-flex {display: flex;   margin-bottom: 20px;}

.icon {
  width: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #a6a6a6;
  background: #c4c4c454;
  border-radius: 35px;
  font-size: 27px;
  height: 48px;
  padding: 7px;
}

body .fa {font-size: ;}


.text span:nth-child(1) {
  color: #333;
  font-size: 14px;
  display: block;
}

.text span:nth-child(2) {
  color: #555;
  font-size: 12px;
  font-weight:700;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.wise-specs {
padding:15px 0;
float: left;
width: 100%;
background:#eee;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}

.fa-bag-shopping,.fa-envelope,.fa-link {font-size: 18px;}

.wise-specs ul {
display: flex;
margin: 0;
padding: 0;
white-space: nowrap;
flex-wrap: nowrap;
}

.wise-specs ul li {
margin-right:10px;
font-weight: 700; 

}

.wise-specs ul li a {
  padding:15px 10px;
  text-transform: uppercase;
  color: #555;
  text-align: center;
}


.wise-specs ul li a:hover {
  background: #dd0000;
  color: #fff;
}

.product-box-list{
width: 100%;
float: left;
border: 1px solid #ddd;
margin:5px 0 20px 0;    
}

.images-title {
float:left; 
width:100%;  
}

.comment-section {
padding: 0 10px;  
}

.comment-section {
float: left;
width: 100%;  
}

.comment-section h3 {display: none;}


.btn-buy{ border-radius: 0; text-transform: uppercase; color:#fff;}

.comment-note {

text-align:center;

}

.comment-note {
background: #f8f9fa;
float: left;
width: 100%;
padding:5px;
border:1px solid #eee;
border-radius:3px;  
font-weight:700;
text-align: center;
margin-top: 10px;
}

/*==============Comment Section=============*/



.comment-form-author,.comment-form-email {
display: inline-block;  
}

.comment-form-cookies-consent,.comment-notes {display: none;}


.comments h3 {
font-size: 18px;
text-align: center;
color: #333;
font-weight: 600;  
}

.comment-body {
box-shadow: 0 1px 7px 0 hsla(0,0%,56.9%,.15);
padding: 10px; 
margin: 20px 0; 
}

.avatar{
border-radius: 100px; 
}

cite.fn a, cite.fn {
font-style: normal;
font-size: 16px;
font-weight: 600;
color: #555;  
}

.comment-meta,.comment-form-url {display: none;}

.comments p {
line-height: 2;
margin: 20px;  
}

.reply a {
float: right;
margin-top: -20px;
color: #555;
font-weight: 600;  
}

.children {
margin-left: 2em;  
}

.submit {
background: #dd0000;
border:1px solid #dd0000;
border-radius: 5px;
padding:5px;
color: #fff;
font-weight: 600;
text-transform: uppercase;
margin:10px 0;  
}

/*================== Single Product Score-box ===============*/

.single-score {
background: #E43917;
font-weight: 600;
width:50px;
text-align: center;
}

.single-score span.single {
font-size:16px;
color: #FFF;
padding: 2px 0;
display: block;
line-height:20px;
}

.single-score span.single-text{
background: #000;
display: block;
color: #FFF;
font-weight: 700;
padding:2px 0;
text-transform: uppercase;
font-size: 9px;
}



/*===================Video Sections =====================*/

.video-section {
float: left;
width: 100%;
background:#f8f9fa;
padding: 20px; 
margin-bottom:20px;   
}


.video-heading h4 {
border-bottom: 1px solid #ccc;
padding-bottom:10px;
margin-bottom: 10px;
text-transform: capitalize;
font-size: 18px;

}


/*================Archive Product Score Box ================*/

.overall-score-all {
background: #E43917;
top: 11px;
left: 8px;
font-weight: 600;
position: absolute;
width:50px;
text-align: center;
}

.overall-score-all span.overall-all {
font-size:16px;
color: #FFF;
padding: 2px 0;
display: block;
line-height:20px;
}

.overall-score-all span.overall-text-all {
background: #000;
display: block;
color: #FFF;
font-weight: 700;
padding:2px 0;
text-transform: uppercase;
font-size: 9px;
}

/*=============== Single Post & Page (General Data CSS) ==============*/


h1.entry-title {
font-size: 24px;
font-weight: 600;    
line-height: 1.225;
margin-top:15px;
text-transform:uppercase;
border-bottom: 1px solid #eee;
padding-bottom: 10px;
}

.entry-content {
float: left;
width: 100%;
margin-top:20px;  
}

.compare-text {
margin-bottom:20px;
line-height:1.9;  
}

.entry-content h2,.entry-contents h2 {font-size:18px; margin-bottom:10px; line-height:1.7;}

.entry-content h3 {font-size: 18px; line-height:1.7;}

.entry-content p,.entry-contents p {line-height:1.9; margin-bottom:20px; }

.entry-content li {
line-height:1.9;
margin-bottom:10px;
}

.entry-content a {
color: #d30000;
font-weight: 600;  
}

#breadcrumbs {
font-size:14px;    
text-transform: uppercase;
}

#breadcrumbs a {color: #d30000; font-weight: 700;}

.price-list{
color:#000!important;
text-decoration:underline!important;
padding:5px 5px;
font-weight: 700;
}


.prices-list {
font-size: 14px;
background: #f2f2f2;
color: #222;
padding: 5px;
border-radius: 5px;
font-weight: 600;    
}

.category-title {font-size: 18px; margin:25px 0;}

.compare-product {width:48%;float: left;padding: 10px;}

.compare-title {font-size: 16px;font-weight: 500;}

.compare-title a {color: #0066c0;}

.info-specs {
float: left;
width: 100%;
border: 1px solid #ddd;
padding: 25px;    
margin-bottom:10px;
border-radius: 3px;
}



/*============= Advance Pages CSS ================*/

.advanced-heading {
width: 100%;
float: left;
display: flex;
background: #f3f3f3;
align-items: center;
margin-bottom: 20px;
}

.advanced-heading span {
width: 49px;
float: left;
text-align: center;
height: 45px;
font-size: 26px;
color: #fff;
background: #ff3934;
font-weight: 600;
line-height: 47px;
margin-right: 14px;
}

.advanced-heading h3 {
float: left;
color: #000;
margin: 0;
width: auto;
line-height: 32px;
text-transform: capitalize;
font-size:24px;
}


/*==================== Pro and Cons CSS ===============*/


.pc-heading {
float: left;
width: 100%; 
font-size: 22px;
font-weight: 600; 
margin:10px;
}

.pc-container {
float: left;
width: 100%;
margin-bottom: 20px;
}

.fa-thumbs-up,.fa-thumbs-down {float: right;}

.pro-container {
background:#e6fdee;
float: left;
width: 49%;
padding:10px;
}

.pro-container span {
font-size: 18px;
font-weight: 600;
color: green;  
}

.pro-container ul li,.cons-container ul li {
line-height: 1.9;
list-style: disc;
margin: 0 15px;  
}

.cons-container {
background: #fdefef;
float: left;
width: 49%;
padding:10px;  
}

.pro-container,.cons-container {
height: 150px;  
}

.cons-container span {
font-size: 18px;
font-weight: 600;
color:red;  
}

/* ================== Reting card ================== */

.rating-card {
float: left;
width: 100%;
padding: 20px 20px 0;
margin-bottom: 20px;
border: 1px solid #e8e9ea;
background: #f8f9fa;
}

.rating-card h2 {font-size: 18px;text-align: center;}

.rating-card p {text-align: center;}

.yellow-rating{background:#ffd700!important;}
.green-rating{background: #47b92e!important;}
.red-rating{background: #f83f37!important;}

.review-rating {
width:100%;
float: left;
background: #171717;
padding: 1rem;
margin-bottom: 10px;
}

.rating-heading {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #ccc;
padding-bottom: 0.5 rem;
}

.rating-heading  {color:#fff;text-transform: capitalize;font-size: 18px;}

.score-assured {width: 100%;float: left;padding: 0 10px;}

.score-assured ul {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.score-assured ul li {width: 45%;float: left;margin: 1.5rem 0;}

.score-assured ul li span {color:#fff;margin: 0 0 6px;text-transform: capitalize;}

.score-assured ul li p {float: right;font-weight: 700;}

.numeric-number {
float: right;
width: auto;
font-size: 3.25rem;
font-weight: 700;
}

.progress {height:8px;}

/*=====News Sidebar=====*/

.news-item {
border-bottom: 1px solid #eee;
margin-bottom: 10px;
width: 100%;
clear: none;
overflow: hidden;
position: relative;
background: #fff;
padding: 0px 10px 0;
float: none;
}

.news-item:last-of-type {
border-bottom: none;  
}

.left-thumb,.left-thumb-compare {
width: 100px;
margin:1px 5px 1px -5px;
position: relative;
overflow: hidden;
float: left;
}

.news-item h4 {
font-size: 13px;
color: #555;  
line-height: 1.5;
}

.news-meta {
float: right; 
font-size: 12px; 
}




/*================= Compare Module (archive)  =====================*/

.compare-phone {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #ffffff;
  padding: 8px 12px;
  border: 1px solid #ddd;
  border-radius: 10px;
  height: 70px;
  width:290px; 
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  float: left;
  margin:10px 5px;
}

.box-1, .box-2 {
  display: flex;
  align-items: center;
  gap: 6px;
  flex: 1;
  font-size: 14px;
  font-weight: 600;
  color: #333;
}

.box-1 img, .box-2 img {
  width: 60px;
  object-fit: cover;
  border-radius: 6px;
}

.vss {
  font-size: 14px;
  font-weight: bold;
  color: #555;
}


/*================== Archive Navigations (Pagination) ==============*/

.archive-nav {
float: left;
width: 100%;
margin-top:20px;
border-top: 2px solid #ddd;
text-align: center;
position: relative;
color: #777;
}

.archive-nav li { display: inline-block;margin-top: -2px; }

.archive-nav a {
border-top: 2px solid transparent;
color: #777;
display: inline-block;
font-size:14px;
font-weight: 700;
letter-spacing: 1px;
padding: 15px 10px 10px;
text-decoration: none;
text-transform: uppercase;
}

.archive-nav-older,
.archive-nav-newer {position: absolute;top: 0;}

.archive-nav-newer { left: 0; }
.archive-nav-older { right: 0; }

.archive-nav .active a { color: #444;border-top-color: #444; }

.archive-nav a:hover { border-top-color: currentColor; color: #0093C2;}

.archive-nav li + li { margin-left: 10px; }
    
.archive-nav { margin-top: 40px; }
    
.archive-nav .number { display: none; }
    
.archive-nav .archive-nav-older,
.archive-nav .archive-nav-newer {position: static;}

.archive-nav .archive-nav-newer { float: left; }    
.archive-nav .archive-nav-older { float: right; }


/*=========== Smartwatches CSS =============*/

img.img-icon {width: 20px; margin-bottom: 2px;}

.smart-specs {padding: 10px;}

.smart-specs li {
list-style: none;
font-size: 16px;
margin:10px 5px;
line-height:1.6;
white-space: nowrap; 
overflow: hidden; 
}

.smart-bar {background: #eee!important;height: 0;}


/*================== Site Footer ===================*/

.site-footer {background: #222;color: #fff;padding: 10px 0;}

.site-footer span {
font-size:14px;
color: #959595;
text-transform: uppercase;
font-weight:600;
}

.footer-customer-service {background:#f2f2f2;padding:10px 0;}

.footer-customer-service h3 {font-size:22px;color:#333;}

/*============Footer Widgets=============*/

.footer-widgets {
padding: 10px;
background: #222;
border-bottom: 1px solid #484a4d;
border-top: 5px solid #0aaee1;
margin-bottom: 20px;
}

.footer-widgets, .widget, .widget-item {width: 100%;float: left;}

.footer-widget-area {float: left;width: 25%;box-sizing: border-box;}

.widget-title1 {
color: #f2f2f2;
font-size: 15px;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
margin: 15px 0 10px 38px;
}

.widget-item1 li {
font-weight:600;
font-size:16px;
list-style: none;
padding: 10px 40px;
line-height: 1.6;
white-space:nowrap;
overflow:hidden;
}

.widget-item1 li a {color: #959595;}




/*==================Store Prices=======================*/

.all-prices {float: left; width: 100%; margin-top: 20px;}

a.aff-box {
font-size:16px;
color:#d40000;
font-weight:700;  
}

a.aff-box img {width:100px; margin:5px  10px;}


table.aff-table {background: #fff;}

td.ram-box {width: 30%;}

td.next-box,td.ram-box {border:1px solid #eee; text-align: center; padding: 10px;}

.go-to {
background: #d40000;
display: inline-block;
padding: 0 3px;
text-transform: uppercase;
color: #fff;
border-radius: 5px;
}




/*=====================Popular Cards block scroller for Single Pages====================*/

.crd-scroll::-webkit-scrollbar {
display: none;
}

.crd-scroll {
white-space: nowrap;
overflow: scroll;
overflow-y: hidden;
clear: both;
}

.cards-block {
overflow: hidden;
position: relative;
display: inline-block;
margin: 0px 5px 0 0;
padding: 5px;
text-align: left;
width:20%;
height:150px;
border-radius: 4px;
box-shadow: 0 2px 2px 0 rgb(0 0 0 / 4%);
border: solid 1px #eee;
}

.card-title,.card-price {
color: #333;
text-align: center;
font-size: 13px;
white-space:initial;
font-weight:600;  
}

.card-price {color:#d30000;}


/*========== Responsive Mobile & Tablet CSS  ==========*/

@media (max-width:480px) {
.ads-banner,.widget-item2,.main-nav{display: none;}
.assu-product,.store-product{width:45%; margin: 1px 7px 20px 7px;}
h1.entry-title{font-size: 18px;}
.footer-widget-area{width:100%;}
.widget-item1 li {margin-left:-30px!important;}
.widget-title1{margin-left:10px;}
.navbar-brand{padding:10px 0;}
.site-header{height: 95px; width:100%;}
.search-section,.site-main{float: left; width: 100%;}
.search-section{margin-bottom: 1px;}
.right-sidebar{float: left; width:100%;}
#secondary{margin-top:2px;}
.compare-product {width: 48%; height: auto;}
.overall-score-all{left:15px;}
.key-specs li{font-size:14px; margin: 5px 5px;}
.compare-product {width:100%;}
.compare-card-module {width: 100%; margin: 10px 0;}
.btn-compare-module {top: 60px; left: 49%;}
.web-thumb {width: 100%; margin:10px auto;}
.cards-block {width: 28%;}
.desk-header{display: none;}
.mobile-header,.mob-menu, .footer-menu,.wrapper {display: block;}
.releted-news {width:46%; height:155px;}
.img-box,.basic-box,.main-key-section{width: 100%;}
.small-list {width: 30%;}
.small-list li {height: 145px;}
 .review-card {width: 100%; margin: 10px 0px;}
 .img-thumb img {width: 70px;}
.cards-blocks {width: 42%; height: 90px;}
.card-titles,.card-prices {font-size: 15px;} 
.comment-form-author,.comment-form-email {
  display: block;
  line-height: 1.9!important;
  margin-bottom: 0!important;
}
  
.compare-phone {width: 100%; margin-left:0}  
  
}

@media (max-width:360px) {
.img-thumb img {width:65px;}  
.cards-blocks {width:48%; height: 85px;}
.card-titles,.card-prices {font-size: 13px;}
.section-title {font-size: 18px;}
.compare-phone {width: 100%; margin-left:0}  
}