*{
    padding: 0;
    margin: 0;
}

body{

    font-family: sans-serif;
}

:root {
    --main-color: #008000;
    --main-link-color: var(--main-color);
    --main-link-color-hover: #fff;
    --main-backtop-color-hover: #1dd91d;
}

.no-border {
    border: none !important;
}

#categories .card{
    border-width: 0 !important;
}

.gradient-y-overlay-lg-dark:before {
    background-image: linear-gradient(180deg,transparent 40%,hsla(0,0%,7%,.6))
}

/**************home header nav section************************/
/*.btn-outline-primary {*/
/*    color: var(--main-link-color) !important;*/bn
/*    border-color: var(--main-link-color) !important;*/
/*}*/

/*.btn-outline-primary:hover {*/
/*    color: var(--main-link-color-hover) !important;*/
/*    border-color: var(--main-link-color-hover) !important;*/
/*}*/

/*.btn-primary:hover {*/
/*    background-color: var(--main-link-color) !important;*/
/*    border-color: var(--main-link-color) !important;*/
/*}*/
.btn.btn-outline-primary {
    color: var(--main-link-color) !important;
    border-color: var(--main-link-color) !important;
}
.btn.btn-outline-primary:hover {
    background-color: var(--main-link-color) !important;
    color: var(--main-link-color-hover) !important;
    border-color: var(--main-link-color-hover) !important;
}
.btn.btn-primary {
    color: var(--main-link-color) !important;
    border-color: var(--main-link-color) !important;
    background-color: var(--main-link-color-hover) !important;
}
.btn.btn-primary:hover {
    color: var(--main-link-color-hover) !important;
    border-color: var(--main-link-color-hover) !important;
    background-color: var(--main-link-color) !important;
}

.badge.bg-primary{
    background-color: var(--main-color) !important;
}
.badge.badge-primary{
    background-color: var(--main-color) !important;
    color: var(--main-link-color-hover) !important;
}
.btn.btn-outline-success.w-75.mx-auto:hover
{
    background-color: var(--main-color) !important;
    color: var(--main-link-color-hover) !important;
}
.accordion-btn.collapsed
{
    color: black !important;
}

.tooltip .tooltip-inner {
    background-color: var(--main-color); /* change this to any color you want */
    font-size: 10px;
}
.tooltip .arrow:before {
    /*background-color: var(--main-color); !* change this to any color you want *!*/
    /*border-top-color: var(--main-color); !* change this to the same color as the tooltip background *!*/
}
.form-control.form-control-lg{
    background-color: white;
}

a {
    color: var(--main-link-color) !important;
    text-decoration: none;
    background-color: transparent;
}

.other .btn.dropdown-toggle{
    color: var(--main-link-color) !important;
}

.page-item.active .page-link {
    z-index: 1;
    color: var(--main-link-color-hover) !important;
    background-color: var(--main-color) !important;
    border-color: var(--main-color) !important;
}

.home #navigation {
    background-image: linear-gradient(to right,var(--main-color),var(--main-color)); /*linear-gradient(to right, #a517ba,#5f1782) ;*/
    padding: 0 !important;

}

.home #navigation a{
    color: white;
    font-size: 20px;
}
.home #navigation .navbar-nav .dropdown{

    position: relative;
}
.home #navigation .navbar-nav .dropdown button{
    color: white;
    font-size: 18px;
    border: none;
    margin-top:0.5rem;
    margin-bottom: 0.5rem;
}

.home #navigation .navbar-nav .dropdown .btn
{
    box-shadow: none;
}

.home #navigation .navbar-nav .dropdown a{

    color: black;

}
.home #navigation .navbar-nav .dropdown .dropdown-menu
{
    position: absolute;
    /* top:50px; */
    left: -120px;
}
@media(max-width:1024px) {

    .home  #navigation .navbar-nav .dropdown .dropdown-menu
    {
        position: absolute;
        /* top:50px; */
        left: 0;
    }

    .home  #navigation .navbar-nav .dropdown button{
        color: white;
        font-size: 18px;
        border: none;
        margin-top:0.5rem;
        margin-bottom: 0.5rem;
        margin-left: 0;
        padding-left: 0;

    }

    .home  #navigation .navbar .navbar-toggler {

        color: white;
        border-color: white;
        border-width: 1px;

        outline: none !important;
        box-shadow: none !important;
        padding: 0.5rem;
    }


}

/************other header nav section ********************/
.other #navigation {
    /*background-image: linear-gradient(to right, #a517ba,#5f1782) ;*/
    padding: 0 !important;
    border-bottom: solid 0.06rem rgba(0,0,0,.125);

}
.other #navigation .topsearch{
    position: static!important;
    display: inline-block!important;
}

.other #navigation .topsearch .searchmenu {

    width: 100%;
    border-top: 0.1875rem solid var(--main-color); /*#5f1782;*/
    border-top-left-radius: 0;
    border-top-right-radius: 0;

}

.other #navigation .topsearch .searchmenu::before {

    content: "";
    display: block;
    height: 1.75rem;
    left: 0;
    position: absolute;
    top: -0.625rem;
    width: 100%;

}
.input-group-merge{
    border: 0.0625rem solid rgba(33,50,91,.1);
    border-radius: 0.3125rem;
    overflow: hidden;
    position: relative;
}


.other #navigation a{
    color: black;
    font-size: 20px;
}
.other #navigation .topsearch a{
    background-color: transparent;
    font-size: 20px ;
    /*outline-color: transparent;*/
    /*outline: none;*/
    border: none;
}
.topsearch a::after {
    display: none;
}
.other #navigation .navbar-nav .dropdown{

    position: relative;
}
.other #navigation .navbar-nav .dropdown button{
    color: black;
    font-size: 18px;
    border: none;
    margin-top:0.5rem;
    margin-bottom: 0.5rem;
}

.other #navigation .navbar-nav .dropdown .btn
{
    box-shadow: none;
}

.other #navigation .navbar-nav .dropdown a{

    color: black;

}
.other #navigation .navbar-nav .dropdown .dropdown-menu
{
    position: absolute;
    /* top:50px; */
    left: -120px;
}
@media(max-width:1024px) {

    .other  #navigation .navbar-nav .dropdown .dropdown-menu
    {
        position: absolute;
        /* top:50px; */
        left: 0;
    }

    .other  #navigation .navbar-nav .dropdown button{
        color: black;
        font-size: 18px;
        border: none;
        margin-top:0.5rem;
        margin-bottom: 0.5rem;
        margin-left: 0;
        padding-left: 0;

    }

    .other  #navigation .navbar .navbar-toggler {

        color: black;
        border-color: white;
        border-width: 1px;

        outline: none !important;
        box-shadow: none !important;
        padding: 0.5rem;
    }


}
.other .navbar-toggler-toggled{
    display: none;
}

.other .navbar-toggler[aria-expanded=true] .navbar-toggler-toggled
{
 display: flex;
}
.other .navbar-toggler[aria-expanded=true] .navbar-toggler-default
{
    display:none;
}

@media (min-width: 992px) {
    .topsearch {
        order: 3;
    }
}

/**************banner section************************/
#banner{
    background-image: linear-gradient(to right,var(--main-color),var(--main-color)); /*linear-gradient(to right, #a517ba,#5f1782) ;*/
    /* padding: 0 !important;
    margin: 0 !important; */
}
.banner{

    padding: 10rem 0;
    margin: 0;
}
#banner img{
    width: 100%;
}
.banner-title{

    margin-bottom: 1rem;
}

.banner .lead{

    width: 50%;
    margin-left: auto;
    margin-right: auto;
}
.searchbox {
    margin-top: 1rem;
    position: relative;

}
.searchbox:active,
.searchbox:hover,
.searchbox:visited,
.searchbox:focus,
.searchbox
{
    /* box-shadow: none; */

    width: 70%;
    /* height: 2rem; */
    margin-left: auto;
    margin-right: auto;

}
.searchbox input,
.searchbox input:active,
.searchbox input:focus{
    height: 3.5rem;
    outline: none !important;
    box-shadow: none;
    padding: 0.5rem;
    background-color: white;
}

.searchbox button,
.searchbox button:active,
.searchbox button:focus,
.searchbox button:hover,
.searchbox button:visited{
    position: absolute;
    right: 0.4rem;
    top:0.4rem;

    padding: 0.3rem;
    margin-top: auto;
    margin-bottom: auto;
    font-size: 18px;

    outline: none !important;
    box-shadow: none !important;

}

.searchbox .searchbtn{
    outline: none;
    border: none;
    background-color: transparent;
    margin-right: 1rem;
    /*padding-top: auto;*/
    /*padding-bottom: auto;*/
}

/*******************home topic sections******************************/
#topic {

    margin-top: 5rem;
    margin-bottom: 5rem;

}

.topic-title{
    margin-bottom: 1rem;
}

.topic-description{
    margin-bottom: 4rem;
}

#topic .cat{
    font-weight:600 ;
    font-size: 0.8rem;
}
#topic .cat a{
    text-decoration: none;
}

#topic .card-link  span{
    /* display: block; */
    margin-right: 0.5rem;
}

#topic .card-link  i{
    /* display: block; */
    font-size: 0.7rem;
}

/************************home blog section*******************************************/
#blog{

    margin-top: 2rem;
}



#blog-header{
    margin-top: 3rem;
}

#blog-header .author-thumb{
    width: 3rem;
    border-radius: 50%;
}

#blog-header .small{
    padding: 0.5rem 0;
    margin: 0;
}

#blog-header .btn-social{
    padding: 5px 12px;
    border-radius: 50%;
    margin: 0 5px;
}

#blog-header .btn-social:hover{

    background-color: #dadada;
    border-radius: 50%;

}

.blog-body{
    margin-top: 1rem;
    line-height: 1.65;
    font-size: 1rem;
    font-weight: 400;
}

.blog-body img{
    display: block;
    margin-left: auto;
    margin-right: auto;
    clear: both;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

.blog-body ol,.blog-body ul{
    padding-left: 2rem;
}

.blog-body h2{

    margin: 3rem 0 1.8rem;
}

.blog-body h3{

    margin: 1.5rem 0 0.8rem;
    font-size: 1.5rem;
}



/*********************home categories section***************************************/

#categories{
    margin-top: 10rem;
}

#categories .card{

    transition: all 0.2s ease-in-out;
}

#categories .card:focus,#categories .card:hover {

    transform: translateY(-0.5rem);

}

/*************************home topics directories by letter****************************************/
#letter{
    margin-top: 5rem;
}

#letter .nav-letter{
    display: flex;
    background-color: var(--main-color);  /**#a517ba;*/
    padding: 1rem;
    border-radius: 5px;

}

#letter .nav-link{
    color: white !important;
    transition:all  0.5s ease-out;
    font-weight: 600;
    padding: 0.6rem 0.9rem;
}

#letter .nav-link:hover{
    background-color:var(--main-link-color-hover) !important;
    transform: translateY(-0.5rem);
    border-radius: 5px;
    color: var(--main-link-color) !important;
}

#letter .active{
    background-color:white;
    /*transform: translateY(-0.5rem);*/
    border-radius: 5px;
    color:var(--main-link-color) !important;
}

/*********************home social media section**************************************/
#social-media{
    margin-top: 10rem;
    margin-bottom: 10rem;
}

#social-media .social-icons a
{
    display: inline-block;
    transition: all 0.2s ease-in-out;
}

#social-media .social-icons a:hover
{
    transform: translateY(-0.5rem);
}

#social-media .social-icons img
{
    width: 3rem;
}

/*******************home footer section*****************************/

#footer{
    background-image: linear-gradient(to right,var(--main-color),var(--main-color)); /*linear-gradient(to right, #a517ba,#5f1782) ;*/
}

#footer  a{
    color: white !important;
    text-decoration: none;
}
#footer hr{

    height: 1rem;
    color: white;
    border-top: 1px solid white !important;
}


/*************back to top section*********************/
.backtop{

    display: block;
    position: relative;

}
.backtop i{
    position: absolute;
    right: 0.5rem;
    bottom: 2rem;
    font-size: 40px;
    color:   var(--main-backtop-color-hover);  /*rgb(151, 166, 179);*/
    opacity: 0.5;

}
/******************breadcrumb************************************/
.breadcrumb li a{
    text-decoration: none;
}


/*****************aspects section***************************/
#aspect-list{

    margin-top: 5rem;
}

#aspect-list .card{

    transition: all 0.2s ease-in-out;
}

#aspect-list .card:hover{

    transform:translateY(-0.5rem);
}

/********************blog index page****************************************/
#blog-index{

    margin-top: 5rem;
}

#blog-index .author-thumb{
    border-radius: 50%;
    width: 2.52rem;

}

#blog-index p{
    margin-top: auto;
    margin-bottom: auto;
    color: #6c757d!important;
}


/***********************brands list**************************************************/

#brand-list{
    margin-top: 5rem;
}


#brand-list .avatar{

    width: 4rem;
}

#brand-list .card{

    transition: all 0.2s ease-in-out;

}

#brand-list .card:hover{

    transform: translateY(-0.5rem)

}

#brand-list .card-text{

   margin-left: 1rem;

}

/***************************brand page*******************************************************/
.page-header .navbar-nav{

    width: 100%;
    border-bottom: 1px solid rgb(201, 199, 199);
}
.underline{
    border-bottom:  0.05rem dashed gray;
    color: inherit;

}
.underline:hover{
    text-decoration: none;
}

#top-products{
    margin-top: 5rem;
}

#top-products .card{
    position: relative;
}

#top-products .card .card-product-category{
    /* display: inline-block; */
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top:1rem;
}

#top-products .card .card-product-category .badge{

    padding: 0.35rem;
}

#product-analysis a{
    display: block;
    margin-bottom: 1rem;
}

.card-img-thumb{

    width: 4rem;

}

#faq{
    margin-top: 5rem;
}

#faq-list{
    margin-top: 2rem;
}

#faq-list a{
    text-decoration: none;
}

#faq-list .accordion-item{
    margin-bottom: 1rem;

    padding: 1rem 0;
    border-bottom: 1px solid rgb(165, 163, 163);


}
#faq-list .accordion-item:last-child{
    margin-bottom: 1rem;

    padding: 1rem 0;
    border-bottom: none;


}
#faq-list .accordion-btn{
    display: block;
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

#faq-list .accordion-btn {
    color: black;
}

#faq-list .accordion-btn:not(.collapsed) {
    color: var(--main-link-color);
}
#faq-list .accordion-btn:not(.collapsed):after {
    content: '-';
    display: inline-block;
    justify-items: end;

}

#faq-list .accordion-btn:after {
    content: '+';
    float: right;

}

#faq-list .according-body ol {

    padding-left: 2rem;

}

#faq-list .according-body ol li {

    margin-bottom: 2rem;

}

#faq-list .according-body p {

    line-height: 2rem;

}

#related-brands{
    margin-top: 5rem;
}

#related-brands .avatar{
    width: 2rem;
}

#related-brands .card{

    transition: all 0.2s ease-in-out;
    text-decoration: none;

}

#related-brands .card:hover{

   transform: translateY(-0.5rem);

}


/************category index********************/

#category-index{

    margin-top: 5rem;
}
#category-index .card-title{

    text-decoration: none;
    font-weight: 600;
}

#category-index .nav-link{

    font-size: 0.7rem;
    color:#6c757d;
    padding-bottom: 0.1rem;
}

#category-index li
{
    display: flex;
    padding-left: 0;
}
#category-index li:before{

    padding: 0.5rem 0;
    content: '>';
    font-size: 0.7rem;
    color:#6c757d;
    padding-bottom: 0.1rem;
}

/*************category sub**************************/

#category-sub{

    margin-top: 2rem;
}
#navbarNavSide{
    border-radius: 10px;
    border: 1px solid rgb(203, 208, 212);


}

#navbarNavSide a{

    color: #6c757d;

}
.nav-item-p i{
    padding-right: 0.5rem;
}

.nav-item-s a{
    padding-left: 2rem;
}

#navbarNavSide .list-unstyled {

    font-size: 0.8rem;
    padding: 0.5rem;
}
#navbarNavSide li{

   margin-bottom: 0.1rem;


    }
#navbarNavSide li:hover{

background-color: #dadada;
opacity: 100%;
border-radius: 0.5rem;


}

#navbarNavSide .active{

    background-color: #dadada;
    opacity: 100%;
    border-radius: 0.5rem;


    }
#category-sub .card{

    transition: all 0.2s ease-in-out;


}
#category-sub .card:hover{

    transform:translateY(-0.5rem);

}
#category-sub .card a{

   text-decoration: none;


}

#category-sub .card-title{

    font-size: 1rem;


}

/*#category-sub .card .col{*/

/*    flex:1 0 0%;*/


/*}*/

#category-sub .card-img-thumb{

    padding: 0.3rem 0;
    border-radius: 1rem;
    display: inline-block;
    height: 4rem;
     width: 4rem;

}


/***********product page**********************/
#product-head{
    margin-top: 3rem;
}

#product-head .author-thumb{
    width: 3rem;
    border-radius: 50%;
}

#product-head .small{
    padding: 0.5rem 0;
    margin: 0;
}

#product-head .btn-social{
    padding: 5px 12px;
    border-radius: 50%;
    margin: 0 5px;
}

#product-head .btn-social:hover{

    background-color: #dadada;
    border-radius: 50%;

}

#quick-pick{
    margin-top: 0.1rem;
}

#quick-pick a{
    text-decoration: none;
    color: #6c757d;
}

#quick-pick .pick-header .card-img-thumb{


        width: 10rem;
        max-height: 20rem;
        position: relative;
    margin: auto 0;
    display: block;

}

#quick-pick .pick-header
{
    position: relative;
    margin:  auto 0 !important;

    /*height: 12rem !important;*/
}


#quick-pick .left-flag{

    /* width: 10rem; */
    width: 3rem;
    text-align: center;
    font-size: 0.7rem;
    font-weight: 600;
    position: absolute;
    left: 1rem;
    top: 1rem;
}

#quick-pick .score-blage {
    position: relative;
}

#quick-pick .score-blage img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}



#quick-pick .score{

    left: 50%;

    transform: translate(-50%,-50%);
    top:35%;
    position: absolute;
    color: white;
    font-size: 1.5rem;
    font-weight: 600;
}

@media(max-width:768px) {

    #quick-pick .score-blage{
        display:none;
    }
    .sm-hide{
        display: none;
    }

    #quick-pick .card{

        display: flex;
        flex-direction: row;
        justify-content: space-around;

    }

    #quick-pick .pick-header
    {
        position: relative;
        height: auto;
    }

    #quick-pick .pick-header .card-img-thumb{

        width: 5rem;
        margin: 10px 25px !important;
        max-height: 10rem;
        top:1rem;


    }

    /* #quick-pick .btn{
        display: block !important;
    } */

    #quick-pick .left-flag{

        /* width: 10rem; */
        width: 3rem;
        text-align: center;
        font-size: 0.7rem;
        font-weight: 600;
        position: absolute;
        left: 1rem;
        top: 0.1rem;
    }

}


#table-contents {
    margin-top: 2rem;
}

#table-contents .card{
    padding: 2rem;
}

#table-contents .card .summary-list{
    list-style: none;
}
#table-contents .card .summary-list .list-item a{
    /* text-decoration: none; */
    color: #6c757d;
}

/*.show-collapse[aria-expanded=false] .show-collapse-default {*/
/*    display: inline-block;*/
/*}*/

/*.show-collapse[aria-expanded=true] .show-collapse-default {*/
/*    display:none;*/
/*}*/

/*.show-collapse[aria-expanded=false] .show-collapse-active {*/
/*    display: none;*/
/*}*/

/*.show-collapse[aria-expanded=true] .show-collapse-active {*/
/*    display:inline-block;*/
/*}*/

.show-collapse[aria-expanded="true"] .show-collapse-default,
.show-collapse[aria-expanded="false"] .show-collapse-active {
    display: none;
}

.show-collapse[aria-expanded="true"] .show-collapse-active,
.show-collapse[aria-expanded="false"] .show-collapse-default {
    display: inline;
}
.show-collapse:hover
{
    text-decoration: none;
}


/*************************product carousel images*****************************/
[id^="myCarousel"] {
    position: relative;
}


[id^="myCarousel"] .carousel-inner{

    position: relative;

    /*left: 50%;*/
    /*transform: translateX(-50%);*/
    /*width: 50% !important;*/
    /*height: 25rem !important;*/

}

[id^="myCarousel"] .carousel-inner img{

    position: relative;
    /*left: 50%;*/
    /*transform: translateX(-50%);*/
    /*width: 50% !important;*/
    height: 18rem !important;

}

@media(max-width:1024px) {


    [id^="myCarousel"] .carousel-inner img{

        position: relative;
        /*left: 50%;*/
        /*transform: translateX(-50%);*/
        /*width: 100% !important;*/
        /*height: 15rem !important;*/

    }
}

[id^="myCarousel"] .carousel-indicators
{
    position:  relative !important;
    margin-top: 2rem;
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap ;
    height: 80px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}


[id^="myCarousel"] .carousel-indicators li{

    height: auto !important;
    text-indent: 0 !important;
    width: auto !important;
    opacity: 100% !important;
    transition: opacity 0.4s ease !important;

}
[id^="myCarousel"] .carousel-indicators li img{

 width: auto !important;
    height: 4rem !important;
}
[id^="myCarousel"] .carousel-item {

    transition: transform 0.4s ease !important;
}
.carousel-control-next,.carousel-control-prev
{

    background-color: #0b2e13;
    opacity: 0.1;
    border-radius: 5px;
    border: solid 1px white;
    /*padding: 0;*/
    /*margin: 0;*/
    /*color: #0b2e13 !important;*/
    width:34px !important ;
    height: 34px !important;
    margin: auto 0;
}

#product-list .card .score {

    position: relative;

}

#product-list .card .score .rating{
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
    top: 36%;
    color: white;
    font-weight: 600;

}

#product-list .feature{
    display: flex;
}


@media(max-width:1024px) {

    .sm-hide{

        display: none;

    }
    .sm-flex-column td{
        display: block;
    }

    .sm-flex-column td[data-label]:before {
        content: attr(data-label);
        float: left;
        text-transform: uppercase;
        font-weight: 700;
    }
    .sm-flex-column td[data-label] > span {
        float: right;
    }

    .table td, .table th {
        padding: 2rem;
        vertical-align: top;
        margin-bottom: 2rem;
    }

}


.sidebar-block a{
   font-size: 0.8rem;
    color: #6c757d;
}

.sidebar-block a:hover{
    text-decoration: none;
}

/**************topic list index**************************/

#topiclist{

    margin: 5rem 0;
}


#topiclist .card a{

   color:black ;
}

#topiclist .card a:hover{

    text-decoration: none;
 }

 #topiclist .card{

    transition: all 0.2s ease-in-out;
 }

 #topiclist .card:hover{

    transform: translateY(-0.5rem);
 }


#topiclist .card .col .card-title{

    font-size: 0.7rem;
}

/*********pages*******************/

#page {
    margin-top: 2rem;
    padding: 1rem;
}

#page .page-body{
    line-height: 1.65;

}

#page ol, #page ul{

    padding-left: 1rem;
}

#page h2{

    margin: 3rem 0 1.8rem;
}

#page h3{

    margin: 1.5rem 0 0.8rem;
}

/***************seller page****************************/

#seller{
    margin: 2rem 0 2rem;
}

.card-box, .da-card {
    background-color: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 28px rgba(0,0,0,.08);
    box-shadow: 0 0 28px rgba(0,0,0,.08);
    overflow-x: auto;
}

.pb-20{
    padding-bottom: 20px;
}

@media only screen and (max-width: 600px) {
    .dataTables_paginate {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .dataTables_paginate .pagination {
        flex: 1 0 auto;
        display: flex;
        justify-content: center;
    }

    .dataTables_paginate .page-item {
        flex: 1 0 auto;
    }
}
.seller-product-image-outbox {
    padding: 0.5rem 0.5rem 0;
}
.seller-product-image-innerbox {
    padding-top: 100%;
    position: relative;
}
.seller-product-image-innerbox img {
    bottom: 0;
    left: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

/**********************topic buying guide************************************/
.guide ol , .guide ul {
    padding-left:2rem !important;
}