.detail_row {
    padding: 10px;
    margin: 5px;
}

.detail_card.row {
    padding: 13px 10%;
}

.detail_card.row {
    padding: 13px 34px;
    margin: 0px 30px;
}
.detail_card div{
    display: grid;
}

.detail_card div label {
    font-size: small;
}

.detail_card span {
    color: #000000e6;
    font-size: large;
    font-weight: 400;
}

.message_body {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    background: #eee;
    padding: 15px;
}
.sender_value span{
    color: #28c;
    font-weight: 500;
}

.created_at  {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    background: #eee;
    padding: 15px;
}

.sender_value {
    background: #e8e8e8;
    padding: 15px;

}

.card_m {
    border-radius: 13px;
    padding: 23px 25px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    /*width: 290px;*/
    margin: 12px;
    background-color: white;
}
.btn-view{
    background-color: #04AA6D; /* Green */
    border: none;
    color: white;
    padding: 16px 84px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    margin: 4px 2px;
    transition-duration: 0.4s;
    cursor: pointer;
}

.btn2{
    padding : 14px 2px;
}
.btn1 {
    background-color: white; 
    color: #04AA6D; 
    border: 2px solid #04AA6D;
    border-radius: 8px;
  }
  
.btn1:hover {
    background-color: #04AA6D;
    color: white;
}

.dd{
    border-radius: 13px;

}

main#top {
    background-color: aliceblue;
}

section .dds div, .dds a  , .dds h3{
    color: white;
}

.dds {
    background-color: #0a2640;
    /* color: white !important; */
}
.navbar-brand{
    font-weight: 700;
    font-family: cursive;
}

/**/

.pagination {
    display: block;
    font-size: 22px;
    padding: 21px 0px;
}

.pagination span {
    padding: 14px;
}

.country{
    color:#a5a5a5;
    text-transform: capitalize ;
}

.section_info{
    background-color: #103c64;
}

.sidelist{
    border-radius: 12px;
    background-color: white;
    padding: 15px 6px;
}

.sidedetail span img  {
    width: 47px;
    border-radius: 10px;

}

.sidedetail  {
    display: block;
    text-align: justify;


}

span.phone{
  text-align: right;  
}

.detail_h1 {
    text-transform: capitalize;
} 

.formu{
    padding: 25px 0;
}

div#accordionExample {
    padding: 20px 0;
}

.notactived {
    /* border: 1px solid; */
    /* position: absolute; */
    padding: 4px;
    background: #ce2323;
    color: white;
    border-radius: 20px;
    /* left: 125px; */
    width: 82px;
    margin: 0 0 12px 0;
}

.actived {
    /* border: 1px solid; */
    /* position: absolute; */
    padding: 4px;
    background: green;
    color: white;
    border-radius: 20px;
    /* left: 125px; */
    width: 82px;
    margin: 0 0 12px 0;
}


.display_servcies {
    display: flex;
    flex-wrap: wrap;
}


.services_social {
    border: 1px solid greenyellow;
    border-radius: 18px;
    -webkit-border-radius: 18px;

    text-align: center;
    background: white;
    padding: 12px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);

    font-size: 22px;
    font-weight: 600;
    margin:10px
}


.services_social1 {
    border: 1px solid greenyellow;
    border-radius: 18px;
    -webkit-border-radius: 18px;

    text-align: center;
    background: white;
    padding: 7px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);

    font-size: 15px;
    font-weight: 400;
    margin:5px
}


.vpn-list {
    list-style: none;
    padding: 0;
}

.vpn-item {
    border: 1px solid #ccc;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 12px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    background: #fff;
}

.vpn-item .vpn-info {
    flex: 1;
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.vpn-item img {
    width: 150px;
    height: auto;
}

.vpn-item h2 {
    margin: 0 0 5px 0;
}

.vpn-item p {
    margin-bottom: 10px;
}

.vpn-item ul {
    padding-left: 0;
    margin: 0;
}

.vpn-item ul li {
    list-style: none;
    position: relative;
    padding-left: 26px;
    margin-bottom: 6px;
}

.vpn-item ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 16px;
    height: 16px;
    background-image: url('https://www.top10vpn.com/static/images/ppc/tick.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.vpn-item .btn {
    display: inline-block;
    padding: 10px 20px;
    background-color: #27ae60;
    color: white;
    text-decoration: none;
    border-radius: 5px;
    margin-top: 10px;
}

.vpn-score {
    font-weight: bold;
    font-size: 1.1em;
    margin-bottom: 5px;
}

.stars {
    color: #f1c40f;
    font-size: 18px;
    line-height: 1;
}

/* Custom style for h2 elements inside the accordion */
.accordion-header h2 {
    font-size: 28px;  /* Increase font size for the question headers */
    font-weight: bold; /* Make it bold */
    margin-bottom: 10px; /* Add space below the headers */
}

.accordion-item {
    background-color: #f0f8ff;
    border: 1px solid;
    border-radius: 2px;
    margin: 20px 0;
}


@media screen and (max-width: 550px) {
    .detail_card {
        padding: 0px !important;
        margin: 0px !important;
        margin-bottom: 28px !important;
        background-color: #eeeeee;
    }

    .mobile-img{
        display:none
    }
  }