.product-banner-blue{background-repeat:no-repeat;background-position:center center;background-size:cover;background-image: url(https://buybestsoft.com/assets/images/blue-bg.jpg)}
@media screen and (min-width:1250px) { .product-page .product-banner-blue .with-margins{position:relative;height:400px;} }
.product-page .product-banner-blue .banner-text{left:50px;top:105px;padding:22px 52px 22px 22px;position:absolute}
.product-page .product-banner-blue .banner-box{left:750px;top:0px;padding:22px 0px 22px 22px;position:absolute;vertical-align: middle;margin: 0 auto; }
@media screen and (max-width:1250px) { .banner-box img {display:none;} }
.product-page .product-banner-blue h2{margin:0;font-size:2.5em;font-weight:700;color:#FFFFFF}
.product-page .product-banner-blue p{margin:0;font-size:1.3em}

.page-title-main{padding:0 0 0 0;text-align:center;margin:40px 0 0 0}
.page-title-main h1{font-weight:normal;font-size:2em;margin:5px 0 0 0}


.product-list .product-related{display:block;float:left;width:290px;margin:40px 40px 0 0}
.product-list .product-related .image,.product-list .product .product-info,.product-list .product .product-link{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.product-list .product-related .image{text-decoration: none;display:table;height:290px;border:1px solid #eee;background-size:cover;color:#000}
.product-list .product-related .image .product-title{width:94%;height:30%;display:flex; background-color: rgba(0, 100, 139, 0.5); color:#fff; font-size:1.5em;vertical-align:middle;text-align:center;padding:10px}
.product-list .product-related .image:hover{text-decoration:none}
.product-list .product-related .product-info{position:relative;display:block;text-align:left;margin-top:22px}
.product-list .product-related .product-price{position:relative;display:block;font-size:2.2em;font-weight:600;color:#3d3c3c}
.product-list .product-related .product-price em{font-size:.6em;color:#666}
.product-list .product-related .product-price sup{position:relative;display:inline-block;vertical-align:top;top:3px;margin-left:1px;font-size:.52em;font-weight:600}
.product-list .product-related .product-old-price{position:relative;display:block;margin-top:6px;font-size:1.15em;color:#aaa;text-decoration:line-through}
.product-list .product-related .product-old-price sup{position:relative;display:inline-block;vertical-align:top;top:2px;margin-left:1px;font-size:.7em;text-decoration:line-through}
.product-list .product-related .about-options{position:relative;display:block;margin-top:6px;font-size:1.15em;color:#aaa}
.product-list .product-related .product-info .generic-button{position:absolute;top:0;right:0;padding-left:19px;padding-right:19px}
.product-list .product-related .product-link{position:relative;display:block;text-align:left;margin-top:8px}
.product-list .product-related .product-link a{position:relative;display:inline-block;vertical-align:top;font-size:18px;color:#009de0}
.product-list .product-related .product-link a:hover{text-decoration:none}
.product-title-related{width:94%;height:30%;display:flex; background-color: rgba(0, 100, 139, 0.5); color:#fff; font-size:1.5em;vertical-align:middle;text-align:center;padding:10px}
.about-text p{font-size:1.2em; margin: 0 8px 8px 0;}
.about-text p{font-size:1.2em; margin: 0 8px 8px 0;} .about-text h3{font-size:1.5em; margin: 0 12px 12px 0;}

.footer p {color:#ffffff;}
.footer i {color:#ffffff;}
.footer h3{color:#ffffff; font-size:1.5em; margin: 0 12px 12px 0;}

.footer-left {
float: left;
width: 48%;
margin: 0 1%;
}
.footer-right {
float: left;
width: 48%;
margin: 0 1%;
}

.totalrating img {

width: 50px;
height: 50px;
	
}

.comments .big
{
font-size: 1.5em;
}

.comments .bigb
{
font-size: 1.5em;
font-weight: 700;
	
}

.comments .checked {
  color: orange;
  font-size: 1.5em;
}

.comments .name
{
display: block;
margin-left:0px;
font-size: 1.2em;
font-weight: bold;
}

.comments .rdate
{
font-size: 0.9em;
margin-left:0px;
margin-bottom:10px;
/*font-weight: bold;*/
}

.comments .rating
{
	border:2px;
	border-style:solid;
	border-color:orange;
	padding: 20px;
    /*display: inline-block;
    line-height: 23px; */
}

.comments .review
{
font-size: 16px;
line-height: 26px;
color: #444;
display: block;
background:#fafafa;
margin-bottom:30px;
padding:10px;
margin-left:20px;
font-style:italic;
}



/* TOLL-FREE Number */

.header .toll-free {
  float: right;
  overflow: hidden;
  margin: 20px 50px 0 0;
}
.header .toll-free .caption {
  text-align: right;
  float: left;
  margin: 2px 14px 0 0;
}
.header .toll-free .number {
  height: 18px;
  float: left;
}

.clist li {
list-style-type: disc;
margin-left: 20px;
padding-left: 15px;
}

.about-text {
    display: block;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #333;
    background-color: #f9f9f9;
    padding: 20px;
    margin: 20px auto;
    max-width: 800px;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.about-text ol {
    counter-reset: list-counter;
    padding-left: 20px;
    margin-top: 20px;
}

.about-text ol li {
    position: relative;
    margin-bottom: 15px;
    padding-left: 35px;
    font-weight: 500;
    color: #555; /* Slightly lighter than main text for balance */
}

.about-text {
    display: block;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #333;
    background-color: #f9f9f9;
    padding: 20px;
    margin: 20px auto;
    max-width: 800px;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.about-text ol {
    counter-reset: list-counter;
    padding-left: 20px;
    margin-top: 20px;
    list-style: none; /* Hide default list numbering */
}

.about-text ol li {
    position: relative;
    margin-bottom: 15px;
    padding: 20px; /* Adds space inside the item */
    padding-left: 60px; /* Adjusted to give space for the circle */
    background-color: #fff; /* White background for each item */
    border-radius: 8px; /* Slight rounding for a smooth look */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Adds a subtle shadow */
}

.about-text ol li::before {
    content: counter(list-counter);
    counter-increment: list-counter;
    position: absolute;
    left: 15px; /* Position number to the left of the item */
    top: 50%;
    transform: translateY(-50%); /* Centers the number vertically */
    background-color: #007BFF; /* Accent color for the list number */
    color: white;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* Adds depth to the number */
}


.enhanced-menu {
    background-color: #000;
    line-height: 18px;
    text-align: center;
}

.enhanced-menu .menu-item {
    display: inline-block;
    padding: 14px 27px;
    height: 100%;
    font-size: 19px;
    line-height: 22px;
    color: #fff;
    cursor: pointer;
}

.enhanced-menu .menu-item:hover {
    text-decoration: none;
}

.enhanced-menu .dropdown-control {
    text-decoration: none;
    -webkit-transition: .3s background-color, .3s color;
    -moz-transition: .3s background-color, .3s color;
    -ms-transition: .3s background-color, .3s color;
    -o-transition: .3s background-color, .3s color;
    transition: .3s background-color, .3s color;
}

.enhanced-menu .dropdown-control:after {
    display: inline-block;
    margin: 1px 0 0 15px;
    font-family: "shopicons";
    content: "\e600";
    font-size: 12px;
    color: #fff;
    -webkit-transition: .3s transform;
    -moz-transition: .3s transform;
    -ms-transition: .3s transform;
    -o-transition: .3s transform;
    transition: .3s transform;
}

.enhanced-menu .dropdown-control.active {
    color: #359de0;
    background-color: #ecf0f0;
}

.enhanced-menu .dropdown-control.active:after {
    color: #9e9e9e;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.enhanced-menu .dropdown-popup {
    top: 52px;
    padding: 30px 27px 0 27px;
    background-color: #ecf0f0;
    text-align: left;
    position: absolute;
    width: auto;
}

.enhanced-menu .dropdown-popup ul {
    list-style-type: none;
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 0 0 30px 0;
}

.enhanced-menu .dropdown-popup .group-title {
    margin-bottom: 12px;
    line-height: 22px;
    font-size: 19px;
    color: #141414;
}

.enhanced-menu .dropdown-popup .group-title:hover {
       color: #359de0;
}
.enhanced-menu .dropdown-popup .group-title:after {
       content: "➔";
}

.enhanced-menu .dropdown-popup li {
    padding: 8px 0;
    display: block;
    font-size: 19px;
    line-height: 22px;
    margin-left: 13px;
    position: relative;
}

.enhanced-menu .dropdown-popup a {
    color: #000;
    text-decoration: none;
}

.enhanced-menu .dropdown-popup a:hover {
    text-decoration: underline;
}

.enhanced-menu .dropdown-popup .column {
    float: left;
    padding: 0 0 0 50px;
}

.enhanced-menu .dropdown-popup .column:first-child {
    padding: 0;
}

.enhanced-menu .dropdown-popup.shop-products {
    left: -132px;
}

/* New styles for the nested sub-menus */
.enhanced-menu .dropdown-popup .nested-menu {
    background-color: #fff;
    padding: 15px;
    border: 1px solid #ddd;
    margin-top: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    width: 250px;
}

.enhanced-menu .dropdown-popup li:hover > .nested-menu {
    display: block;
}

.enhanced-menu .dropdown-popup .nested-menu ul {
    padding: 0;
    margin: 0;
}

.enhanced-menu .dropdown-popup .nested-menu li {
    padding: 5px 10px;
    margin: 0;
    font-size: 17px;
    color: #333;
    border-bottom: 1px solid #eee;
}

.enhanced-menu .dropdown-popup .nested-menu li a {
    color: #333;
    text-decoration: none;
}

.enhanced-menu .dropdown-popup .nested-menu li a:hover {
    text-decoration: underline;
}
