.callout {
    margin-top: 32px;
    margin-bottom: 32px;
}
/**checklist-callout-template**/
.callout.checklist-callout-template {
    padding: 92px;
    border-radius: 16px;
    background-image: url('https://www.nutshell.com/wp-content/themes/nutshell/assets/img/blocks/general/callouts/nutshell-vector.svg');
    background-repeat: no-repeat;
    background-size: auto;
    background-position: bottom right;
    margin-bottom: 40px;
}

.callout.checklist-callout-template .callout-container .callout-content {
    display: flex;
    gap: 40px;
    flex-direction: column;
}

.callout.checklist-callout-template .callout-container .callout-content ul {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0px!important;
    list-style-image: url('https://www.nutshell.com/wp-content/themes/nutshell/assets/img/blocks/general/callouts/checkmark-purple.svg');
    margin-left: 30px;
}
.callout.checklist-callout-template .callout-container .callout-content ul ul {
    display: block!important;
    flex: 1 0 calc(50% - 40px);
    margin-left: 0px;
}
.callout.checklist-callout-template .callout-container .callout-content ul ul:first-child {
    padding-right: 40px;
}
.callout.checklist-callout-template .callout-container .callout-content ul ul:last-child {
    padding-left: 40px;
}
.callout.checklist-callout-template .callout-container .callout-content ul li {
    width: 100%!important;
}

.callout.checklist-callout-template .callout-container .callout-content li,
.callout.checklist-callout-template .callout-container .callout-content a,
.callout.checklist-callout-template .callout-container .callout-content  p {
    color: var(--text-primary, #0D0F33);
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px; /* 125% */
    
}
.callout.checklist-callout-template.dark-blue-theme {
    background-color: var(--Colors-Dark-Blue, #61B2DE);

}

.callout.checklist-callout-template.medium-blue-theme {
    background-color: var(--Colors-Purple, #D9EDF7);
}
.callout.checklist-callout-template.medium-blue-theme {
    background-image: url('https://www.nutshell.com/wp-content/themes/nutshell/assets/img/blocks/general/callouts/nutshell-vector-light.svg');

}

.callout.checklist-callout-template.purple-theme {
    background-color: var(--Colors-Purple, #524FB8);
}
.callout.checklist-callout-template.purple-theme .callout-container .callout-content ul {

    list-style-image: url('https://www.nutshell.com/wp-content/themes/nutshell/assets/img/blocks/general/callouts/checkmark-blue.svg');
}
.callout.checklist-callout-template.purple-theme .callout-container .callout-content  * {
    color: white;
}

@media screen and (max-width: 991px) {
    .callout.checklist-callout-template .callout-container .callout-content ul {
        flex-direction: column;
    }
    .callout.checklist-callout-template .callout-container .callout-content ul ul {
        width: 100%;
        flex: 1 0 100%;

    }
    .callout.checklist-callout-template,
    .callout.checklist-callout-template.medium-blue-theme {
        background-image: none;
    }
}

@media screen and (max-width: 991px) {
    .callout.checklist-callout-template {
        padding: 48px;
    }
}
@media screen and (max-width: 700px) {
    .callout.checklist-callout-template {
        padding: 32px;
        
    }
    .callout.checklist-callout-template .callout-container .callout-content li, .callout.checklist-callout-template .callout-container .callout-content a, .callout.checklist-callout-template .callout-container .callout-content p {
        font-size: 18px;
        line-height: 24px;
    }
}

/**process-callout-template**/
.callout.process-callout-template {
    padding: 92px;
    background-color: #D9EDF7;
    border-radius: 16px;
    background-image: url('https://www.nutshell.com/wp-content/themes/nutshell/assets/img/blocks/general/column-content-with-icon/top_cloud.svg'),
                         url('https://www.nutshell.com/wp-content/uploads/2022/12/nutshell-logo-300x46.png'),
                        url('https://www.nutshell.com/wp-content/themes/nutshell/assets/img/blocks/general/column-content-with-icon/bottom_cloud.svg');
    background-repeat: no-repeat;
    background-position: top 30px  right -100px, bottom 30px right 50px, bottom 0px left ;
    background-size: 305px auto, 148px auto, 200px auto;
}
.callout.process-callout-template .callout-content__heading {
    text-align: center;
    margin-bottom: 32px;
}
.callout.process-callout-template .callout-content__cards {
    display: flex;
    align-items: flex-start;
    gap: 32px;
    justify-content: center;
    
}
.callout.process-callout-template .callout-content__cards .head {
    text-align: center;
}

@media screen and (max-width: 991px) {
    .callout.process-callout-template .callout-content__cards {
        flex-wrap: wrap;
    }
    .callout.process-callout-template .callout-content__cards .callout-content__card {
        width: 100%;
    }
}
@media screen and (max-width: 600px) {
    .callout.process-callout-template {
        padding: 24px;
        padding-bottom: 72px;
        background-position: top 30px  right -100px, bottom 30px center, bottom 0px left ;

    }
    .callout {
        padding: 24px;
    }
    
}
.callout.textbox-callout-template .callout-container {
    display: inline-flex;
    border-radius: 16px;
    background: #F7FAFC;
    padding: 24px 40px 24px 24px;
} 
.callout.textbox-callout-template {
    margin-bottom: 40px;
}

.callout.textbox-callout-template.navy-blue-theme .callout-container {
    background: #0D0F33;
    padding: 40px 48px;
    color: white;

}
.callout.textbox-callout-template.navy-blue-theme .callout-container * {
    color: white;
}

.callout a:not(.button,.btn,.btn-link) {
    font-size: 18px;
    font-style: normal;
    color: #222;
    text-decoration: underline;
    text-decoration-color: #FE5800;
    text-underline-offset: 5px;
    text-decoration-thickness: 1.5px;
}
.callout a:not(.button,.btn,.btn-link):hover {
    color: #222;
    text-decoration-color: #524FB8;
}