main#maincontent
{   
    .autoship-information {
        max-width: 1024px;
        width: 90%;
        margin: 0 auto;
        line-height: 1.8rem;
    
        ul, ol {
            padding: revert-layer !important;
        }
        h1{
            background: #eee;
            padding: 0.25em;
        }
        h1, 
        h2{
            text-align: center;
            color: #000 !important;
        }
        .regular-text{
            text-align: justify;
        }
        .col-info{
            margin-top: 2em;
            border: 1px solid cornflowerblue;
            text-align: center;
            padding: 1em;
            height: 30em;
        }
        .col-row-img{
            display: grid;
            place-items: center;
        }
        .col-info-img{
            width: 12em;
        }
        .col-info-title{
            color: cornflowerblue;
            font-weight: 600;
            margin-top: 1em;
            margin-bottom: 1em;
        }
        .col-info-text{
            text-align: justify;
            line-height: 1.8;
        }
        .col-setup-title-left{
            text-align: left;
            margin-bottom: 1em;
            font-weight: 600;
            color: #000 !important;
        }
        .col-setup-title-right{
            text-align: right;
            margin-bottom: 1em;
            font-weight: 600;
            color: #000 !important;
        }
        .align-self-center .checkout{
            margin-top: 8.5em !important;
        } 
        .col-setup-title-letf {
            text-align: left !important;
            margin-bottom: 1em;
            font-weight: 600;
            color: #000 !important;
        }
        .col-setup-img{
            border: 2px solid cornflowerblue;
            padding: 10px;
            cursor: pointer;
        }
        .col-setup-text{
            text-align: justify;
            line-height: 1.8;
        }
        .col-setup-separator{
            margin-top: 2em;
            margin-bottom: 2em;
        }
        .col-p-separator{
            margin-bottom: 2em;
        }
        .col-h2-separator{
            margin-bottom: 2em;
            margin-top: 2em;
            font-weight: 600;
        }
        
        .modal {
            display: none;
            position: fixed;
            z-index: 1000;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.8);
            justify-content: center;
            align-items: center;
        }
        .modal-content {
            max-width: 90%;
            max-height: 80%;
        }
        
        .close-text {
            color: white;
            font-size: 18px;
            font-family: Arial, sans-serif;
        }
        
        .close-icon {
            color: white;
            font-size: 28px;
            font-weight: bold;
        }
        
        .close-container:hover .close-text,
        .close-container:hover .close-icon {
            opacity: 0.8;
        }
        .close-icon {
            font-size: 2em;
        }
        .close-container {
            display: flex;
            flex-direction: row;
            position: absolute;
            right: 2em;
            cursor: pointer;
            gap: 1em;
            top: 1em;
            color: #fff;
            font-weight: bold;
        }       
        
    }
}
@media (max-width: 765px){
    main#maincontent{   
        .autoship-information {
            h1{
                margin-bottom: 1em;
            }
        }
    }
    main#maincontent{   
        .autoship-information {
            .close-container {
                top: 3.5em;
            }
        }
    }
}
@media only screen and (max-width: 630px) {
    main#maincontent{   
        .autoship-information { 
            .col-setup-title-right {
                text-align: left !important;
            }
        }
    }
    main#maincontent{   
        .autoship-information {
            .col-setup-title-left {
                margin-top: 1em !important;
            }
        }
    }
    main#maincontent{   
        .autoship-information {
            .col-setup-title-right{
                margin-top: 1em !important;
            }
        }
    }
}