.page-title{
        color:#3399CC;font-size:2.5rem;margin-bottom:45px; 
}
.header{
    margin-bottom:20px;
}
.service-list{
   position:relative;list-style-type:circle;margin-left:45px;
}

.service-list li{
   font-size:28px;margin:20px 0;color:black;font-weight:bold;font-family:Arial, Helvetica, sans-serif;
    cursor:pointer; 
}

.service-list li:hover .service-list-item {            
     color: #2b6ff9;background-color: #ebe8e8;padding: 5px;border-radius: 5px;transition:0.2s ease-in-out
}
.service-list li >.service-list-item.active{
     color: #fca70d;background-color: #ebe8e8;padding: 5px;border-radius: 5px;
 }

.service-list .service-list-item{
    text-decoration:none; color:#3366CC;
}
.title{
    font-size:4rem;font-weight: bold;text-align:center;color:white;
}
.title:nth-child(2){
    color:rgb(242, 154, 46);
}
.sections{
    position:relative;overflow:hidden;
}
.specific-section{
    position:absolute;top:0;left:0;bottom:0;right:0;visibility:hidden;opacity:0;
    padding-left:20px;overflow:hidden;
 } 

.specific-section img{
  width:100%;height:400px;object-fit:contain;
}
.specific-section-active{
   visibility:visible !important; opacity:1;transition:0.4s ease-in-out;overflow:auto; 
}
.sections:has(.specific-section-active) {
  min-height:750px; 
}
.specific-section .column-title{
    font-size:2rem;color:white;text-align:initial; letter-spacing:1px;
}
.specific-section ul{
    margin:0;padding:0; color:white;margin-left:10px
}
.specific-section ul li{
    list-style-type:none;margin:25px 0;font-size:1.5rem;
}
.specific-section .img-container{
    display:none; 
}
.specific-section .checkmark-css{
 margin-right:14px;
}
.column-title{
    margin:initial; 
    margin-top:40px;
    margin-bottom:40px;  
   
    text-align: initial;
    letter-spacing: 1px;
}
@media screen and (min-width:500px) {
    
    .specific-section{
         flex-direction:row; 
    }
     .specific-section img{
        height:500px;
    } 
    .specific-section .img-container{
        align-self:flex-end;
    }
}
@media screen and (min-width:1000px) {
  
.columns{
    flex-direction: row;
}
#right-column{
    overflow:visible;
}
.specific-section{
 display:flex;flex-direction:row; justify-content:space-around;flex-wrap:wrap;
}
.sections{
    height:100% !important;
}
.columns #left-column{
    justify-content: flex-start;
}
.column-title{
    margin-top:initial
}
.specific-section .column-title{
    font-size:2.5rem;
}
}