.top-gems .color-sec{background: #e0f6fe;}
.top-gems .color-sec .xrow .sect .main-d {    display: inline-block; box-shadow: 0 4px 3px #a7a7a7;    padding: 4px 0px;    border-radius: 25px;    width: 230px;
    margin: 0 6px;    line-height: 34px;}
.top-gems .color-sec .main-d:nth-child(1) {background: #d24148;}
.top-gems .color-sec .main-d:nth-child(2) {background: #2cae56;}
.top-gems .color-sec .main-d:nth-child(3) {background: #e65fa0;}
.top-gems .color-sec .main-d:nth-child(4) {background: #116dd9;}
.top-gems .color-sec .xrow .sect {    margin: 0 auto;    text-align: center;    display: block;    width: auto;    flex: none;}
.top-gems .content {  padding: 0 18px;  max-height: 0;  overflow: hidden;  transition: 0.2s ease-out;  background-color: #f1f1f1;}
.top-gems .showmoreme .more, .top-gems .showmoreme.show .dots {  display: none; transition: 0.2s ease;}
.top-gems .showmoreme.show .more {  display: inline; transition: 0.2s ease;}
.top-gems .showmoreme a {  cursor: pointer;  display: inline-block; transition: 0.2s ease;}    
.top-gems .main-to a.watch {box-shadow: 0 2px 3px #a7a7a7;    margin-bottom: 24px;    background: #0ca48d;    border: 1px solid #0ca48d;    padding: 12px 0;}
.top-gems section a.button {    background: #0ca48d;    border: 1px solid #0ca48d; box-shadow: 0 4px 3px #a7a7a7;}
.top-gems section a.button:hover {    background: #068673;    border: 1px solid #068673;}
.top-gems .main-to h2 {    float: left; padding: 0;}
.top-gems .main-d img {    float: left;    height: 35px;    width: 35px;    background: #fff;    border-radius: 40px;    padding: 3px 3px;    margin-left: 4px;}    
.top-gems .accordion-item {  background-color: #777;  color: #fff;  margin: 0.5rem 0;  border-radius: 0.4rem;  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.20);}
.top-gems .accordion-item-header {  padding: 0.5rem 3rem 0.5rem 1rem;  min-height: 3.5rem;  line-height: 1.25rem;  font-weight: 500;  display: flex;
  align-items: center;  position: relative;  cursor: pointer;    font-size: 16px;}
.top-gems .accordion-item-header::after {  content: "\002B";  font-size: 2rem;  position: absolute;  right: 1rem;}
.top-gems .accordion-item-header.active::after {  content: "\2212";}
.top-gems .accordion-item-body {  max-height: 0;  overflow: hidden;  transition: max-height 0.2s ease-out;}
.top-gems .accordion-item-body-content {  padding: 1rem;  background: #f1f1f1;    color: #000;}
.top-gems #section2 ul li {    list-style: disc;    margin-left: 19px;}    
.top-gems .height img{height: 280px; object-fit: cover;}
.main-to .right-side {    padding-left: 15px;}    
    @media (max-width: 1530px) and (min-width: 768px){
         .top-gems .main-to, .top-gems .origin, .top-gems .facts, .top-gems .properties, .top-gems .remember, .top-gems .faq {    padding: 15px 15px !important;}
        .top-gems .color-sec .xrow .sect .main-d {    width: 174px;}
           .top-gems .facts .pr-24 {    padding-right: 12px !important;}
    .top-gems .origin .pl-24, .properties .pl-24 {    padding-left: 12px !important;}    }
        @media  (max-width: 464px){     .top-gems .color-sec .sect .main-d {  width: 145px !important; margin-bottom:15px !important;} 
        .top-gems .sect a {    font-size: 14px;}
    .top-gems .sect .div4 a {    font-size: 12px;}
  .top-gems section a.button {    width: 125px;    margin: 0 auto;    display: block;}
    .top-gems .origin, .top-gems .facts, .top-gems .properties, .top-gems .remember, .top-gems .faq {    padding: 15px 15px !important;}
    .top-gems .facts .pr-24 {    padding-right: 12px !important;}
    .top-gems .origin .pl-24, .top-gems .properties .pl-24 {    padding-left: 12px !important;}
.top-gems .main-to a.watch {    font-size: 10px;    padding: 0px;    margin-top: 4px;    float: left;    margin-bottom: 16px;}
  .main-to img {    margin-bottom: 10px;}  }
@media  (max-width: 767px) and (min-width:465px){    .main-to img {    margin-bottom: 10px;}
.top-gems .main-to a.watch {    font-size: 10px;    padding: 0px;    margin-top: 4px;    float: left;    margin-bottom: 16px;}
    .top-gems .sect a {    font-size: 14px;}
    .top-gems .sect .div4 a {    font-size: 12px;}
  .top-gems section a.button {    width: 125px;    margin: 0 auto;    display: block;}
    .top-gems .origin, .top-gems .facts, .top-gems .properties, .top-gems .remember, .top-gems .faq {    padding: 15px 15px !important;}
.top-gems .color-sec .xrow .sect .main-d {    margin: 0;     margin-bottom: 15px; }
    .top-gems .facts .pr-24 {    padding-right: 12px !important;}
    .top-gems .origin .pl-24, .top-gems .properties .pl-24 {    padding-left: 12px !important;}}