.accordion .accordion-item {
    margin-bottom: 20px;
}
.accordion .accordion-item {
    margin-bottom: 20px;
    background-color: transparent;
    border: 0;
}
.accordion .accordion-item .accordion-button {
    background-color: transparent;
    color: #000;
    font-weight: 600;
    border-bottom: solid 1px #ccc;
    font-size: 22px;
}
.accordion .accordion-item .accordion-button[aria-expanded="true"] {
    color: #1062fe;
}
.hosting-partner .icon {
    width: 60px;
    height: 60px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 5px 0px, rgba(0, 0, 0, 0.12) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px;
    background: rgb(250, 250, 250);
    border-radius: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    margin: 0px auto;
    grid-column: 2 / span 1;
}
.wordpress-hosting-inner{
    background-image: url(../img/wordpress-hosting-desktop-1.jpg);
    background-size: cover;
    background-position: center;
}

.toggleContainer {
   position: relative;
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   width: fit-content;
   border: 3px solid #343434;
   border-radius: 5px;
   background: #343434;
   font-weight: bold;
   color: #343434;
   cursor: pointer;
 }
 .toggleContainer::before {
   content: '';
   position: absolute;
   width: 50%;
   height: 100%;
   left: 0%;
   border-radius:5px;
   background: white;
   transition: all 0.3s;
 }
 .toggleCheckbox:checked + .toggleContainer::before {
    left: 50%;
 }
 .toggleContainer div {
   padding: 6px 25px;
   text-align: center;
   z-index: 1;
 }
 .toggleCheckbox {
   display: none;
 }
 .toggleCheckbox:checked + .toggleContainer div:first-child{
   color: white;
   transition: color 0.3s;
 }
 .toggleCheckbox:checked + .toggleContainer div:last-child{
   color: #343434;
   transition: color 0.3s;
 }
 .toggleCheckbox + .toggleContainer div:first-child{
   color: #343434;
   transition: color 0.3s;
 }
 .toggleCheckbox + .toggleContainer div:last-child{
   color: white;
   transition: color 0.3s;
 }
 .tooltip-inne{
     max-width:500px!important;
     min-width:500px!important;
     width:500px!important;

 }
  .tooltip-inne::before{
     max-width:500px!important;
     min-width:500px!important;
     width:500px!important;

 }
 
 /*.tooltip-width{
     width:500px!important;
     background-color:#000;
 }*/
 /*.custom-tooltip::before{
     width:500px!important;
 }*/