.security {
    padding-top: 30px;
    padding-bottom: 10px;
    overflow: hidden;
}
.heading-11 h2{
    font-weight: 700;
    font-size: 36px;
    font-family: "Roboto Slab", serif;
}
.bg-section img{
    width: 100%;
    height: auto;
    aspect-ratio: auto 800 / 391;
}
.our-security {
    padding-top: 0;
    padding-bottom: 3rem;
    overflow: visible
}
.our-security.our-security-3 {
    padding-top:40px;
    padding-bottom: 15px
}
.block-left ul{
    list-style-type: disc;
}
.principles ul{
    list-style-type: disc;
}
.our-security ul li{
    font-size: 110%;
    font-family: "Roboto Slab", serif;
}
.principles span{
    font-size: 150%;
    font-weight: 600;
    font-family: "Roboto Slab", serif;
}
.commitment{
    max-width: 800px;
    display: block;
    margin:0 auto;
}



.soc-img-wrapper{
    width: 95%;
    margin: 0 auto 2rem;
}

.advisory {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: auto 1920 / 1080;
    
}
.advisory-mob {
    display: none;
}

.security ul{
    list-style: disc;
}
.our-security ul{
    list-style: disc;
}


@media (min-width: 2000px) and (max-width: 2400px) {
   .commitment {
       max-width: 1200px;
   }
   .heading-11 h2{
       font-size: 260%;
   }
   .our-security ul li {
       font-size: 150%;
   }
   .security ol li{
         font-size: 150%;
        font-weight: 700; 
   }
}

@media (min-width: 1601px) and (max-width: 1999px) {
    .heading-11 h2{
        font-size: 300%;
    }
    .our-security p{
        font-size: 130%;
    }
    .our-security ul li {
        font-size: 130%;
    }
    .principles span{
        font-size: 175%;
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    .heading-title{
        font-size: 220%;
    }
    .security h2{
        font-size: 220%;
    }
    .security h3{
        font-size: 220%;
    }
    .our-security ul li {
        font-size: 115%;
    }
}

@media (min-width: 820px) and (max-width: 1023px) {
    .heading-title{
        font-size: 220%;
    }
    .security h2{
        font-size: 220%;
    }
    .security h3{
        font-size: 220%;
    }
    .our-security ul li {
        font-size: 115%;
    }
    .heading-11 h2{
        font-size: 185%;
    }
}

@media (min-width: 768px) and (max-width: 819px) {
    .heading-title{
        font-size: 250%;
    }
    .security h2{
        font-size: 250%;
    }
    .security h3{
        font-size: 250%;
    }
    .our-security ul li {
        font-size: 115%;
    }
    .heading-11 h2{
        font-size: 185%;
    }
}

@media (min-width: 320px) and (max-width: 767px) {
    .heading-title{
        font-size: 200%;
    }
    .security h2{
        font-size: 200%;
    }
    .security h3{
        font-size: 200%;
    }
    .heading-11 h2{
        font-weight: 900;
        font-size: 175%;
    }
    
    .advisory {
        display: none;
    }
    .advisory-mob {
        display: block;
        width: 100%;
        height: auto;
        aspect-ratio: auto 2438 / 2500;
    }
    
}