/*---------------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------------*/

:root {
    --container-padding-top-large: 55px;
    --container-padding-bottom-large: 75px;
    --container-padding-tb-small: 35px;
}

@media (max-width: 430px) {
    .container-ce-what          {flex-direction: column; padding: 20px 0px 20px 0px; gap:40px;}
    .container-ce-ideal         {padding: 20px 0px 0px 0px;}
    .container-ce-created       {padding: 50px 10px 60px 10px; flex-direction:column;}
    .container-ce-benchmark     {padding: 40px 10px 40px 10px;}
    .container-ce-benchmark-container     {padding: 40px 10px 40px 10px; flex-direction:column; gap:50px;}
    .container-ce-benchmark-child {padding: 20px 10px 20px 10px; width:100%; }
    .container-ce-level         {padding: 30px 10px 30px 10px;}
    .container-ce-whydalton     {padding: 20px 0px 20px 0px;  display:none;}
    .container-ce-whydalton-header {padding-top:15px;}
    .container-ce-whydalton-narrow { display:inline; }
    .container-ce-whydalton-container-child-outer { width:95%;}
    .container-ce-whydalton-container-child-outer-noborder {width:95%;}
    .container-ce-faq           {padding: 75px 10px 20px 10px;}
    .container-ce-stopping      {padding: 20px 0px 20px 0px;}
    .container-ce-what-links        {flex-direction:column;align-items:center; gap:25px;}

}

@media (min-width:431px) {
    .container-ce-what          {flex-direction: column; padding: 40px 10px 20px 10px; gap:40px;}
    .container-ce-what-child-left   {width:100%;}
    .container-ce-what-child-right  {width:100%;}
    .container-ce-ideal         {padding: 50px 10px 20px 10px;}
    .container-ce-created       {padding: 50px 10px 60px 10px; flex-direction:column;}
    .container-ce-benchmark     {padding: 40px 10px 40px 10px;}
    .container-ce-benchmark-container     {padding: 40px 10px 40px 10px; flex-direction:column; gap:100px; align-items:center; flex-wrap:nowrap; justify-content:center;}
    .container-ce-benchmark-child {padding: 30px 30px 30px 30px; width:95%; }
    .container-ce-level         {padding: 30px 10px 30px 10px;}
    .container-ce-whydalton     {padding: 40px 100px 20px 100px; display:none; }
    .container-ce-whydalton-header {padding-top:35px;}
    .container-ce-whydalton-narrow {display:inline;}
    .container-ce-whydalton-container-child-outer { width:66%;}
    .container-ce-whydalton-container-child-outer-noborder {width:66%;}
    .container-ce-faq           {padding: 100px 20px 20px 20px;}
    .container-ce-stopping      {padding: 40px 10px 20px 10px;}
    .container-ce-what-links        {flex-direction:column;align-items:center; gap:25px;}

}

@media (min-width:900px) {
    .container-ce-benchmark-container                       {padding: 40px 10px 40px 10px; flex-direction:column; gap:100px; align-items:center; flex-wrap:nowrap; justify-content:center;}
    .container-ce-benchmark-child                           {padding: 30px 30px 30px 30px; width:95%; min-height:750px;}
    .container-ce-whydalton                                 {padding: 40px 100px 20px 100px;  display:none; }
    .container-ce-whydalton-narrow                          {display:inline;}
    .container-ce-whydalton-container-child-outer           { width:66%;}
    .container-ce-whydalton-container-child-outer-noborder  {width:66%;}
    .container-ce-faq                                       {padding: 100px 20px 20px 20px;}
    .container-ce-what-links        {flex-direction:row; justify-content:center; gap:100px; padding: 20px 0px 0px 0px;}

}

@media (min-width:1000px) {
    .container-ce-what                                      {flex-direction:row; padding: var(--container-padding-top-large) 10px var(--container-padding-bottom-large) 10px;}
    .container-ce-what-child-left                           {width:66%;}
    .container-ce-what-child-right                          {width:33%;}
    .container-ce-ideal                                     {padding: var(--container-padding-top-large) 10px var(--container-padding-bottom-large) 10px;}
    .container-ce-created                                   {padding: var(--container-padding-top-large) 10px var(--container-padding-bottom-large) 10px; flex-direction:row;}
    .container-ce-benchmark                                 {padding: var(--container-padding-top-large) 10px var(--container-padding-bottom-large) 10px; }
    .container-ce-benchmark-container                       {flex-direction:row; gap:100px; align-items:center; flex-wrap:nowrap; justify-content:center;}
    .container-ce-benchmark-child                           {padding: 30px 30px 30px 30px; width:40%; min-height:850px;}
    .container-ce-level                                     {padding: var(--container-padding-top-large) 10px var(--container-padding-bottom-large) 10px;}
    .container-ce-whydalton-outer                           {padding: var(--container-padding-top-large) 10px var(--container-padding-bottom-large) 10px;}
    .container-ce-whydalton-header                          {}
    .container-ce-whydalton                                 {display:inline;}
    .container-ce-whydalton-container-child-outer           {width:33%;}
    .container-ce-whydalton-container-child-outer-noborder  {width:33%;}
    .container-ce-whydalton-narrow                          {display:none;}
    .container-ce-faq                                       {padding: 20px 10px var(--container-padding-bottom-large) 10px; }
    .container-ce-stopping                                  {padding: var(--container-padding-top-large) 10px var(--container-padding-bottom-large) 10px; }
    .container-ce-what-links        {flex-direction:row; justify-content:center; gap:100px; padding: 20px 0px 0px 0px;}
}

/*---------------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------------*/

.container-ce-what {
    display: flex;
}

.container-ce-what-child {
    align-content:center;
}

.container-ce-what-child-left {
}
.container-ce-what-child-right {
    text-align:center;
}

.container-ce-what-links {
    display: flex;
    font-size: 1.175em;
}

.container-ce-what-links-child {
}

.container-ce-ideal {
    
}

.container-ce-created {
    display:flex;
    gap:25px;
}

.container-ce-benchmark {
}

.container-ce-benchmark-container {
    display:flex;
}

.container-ce-benchmark-child {
    background-color: rgb(230,231,232);
    border: hidden;
    border-radius: 5px;
}

.container-ce-level {
    text-align:center;
}

.container-ce-whydalton {
}

.container-ce-whydalton-header {
}

.container-ce-whydalton-container {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
}

.container-ce-whydalton-container-child-outer {
    border-bottom: 2px solid rgba(107, 109, 103, 1);
    padding: 0px 20px 0px 20px;
}

.container-ce-whydalton-container-child-outer-noborder {
    padding: 0px 20px 0px 20px;
}

.container-ce-whydalton-container-child-outer-noborder-top {
    padding: 0px 20px 0px 20px;
    width: 33%;
    height:90px;
}

.container-ce-whydalton-container-child-left, .container-ce-whydalton-container-child-middle, .container-ce-whydalton-container-child-right {
    height:60px;
    padding: 10px 10px 10px 10px;
    vertical-align:middle;
}

.container-ce-whydalton-container-child-left {
    background-color: white;
}
.container-ce-whydalton-container-child-middle {
    background-color: rgb(208,236,240);
    text-align: center;
}
.container-ce-whydalton-container-child-right {
    background-color: rgb(230,231,232);
    text-align: center;
}

.container-ce-whydalton-narrow-container {
    display:flex;
    flex-direction: column;
    align-items:center;
    width:100%;
}

.container-ce-faq {
}
.container-ce-faq-container {
    display: flex;
    flex-direction: column;
}

.container-ce-faq-child-grey {
    background-color: rgb(230,231,232);
    border: 1px solid black;
    padding: 10px 10px 0px 10px;
}

.container-ce-faq-child-blue {
    background-color: rgb(208,236,240);
    padding: 10px 10px 0px 20px;
}
.container-ce-faq-child-white {
    background-color: white;
    height:20px;
}

.container-ce-stopping {
}

.image-tick-smaller {
    height:auto;
    padding-right:10px;
    width:40px;
}

.image-ceicon-smaller {
    height: auto;
    width: 75px;
}

.tables-text {
    padding: 0px 0px 0px 0px;
}

.collapsible {
    cursor: pointer;
    width: 100%;
    text-align: left;
    outline: none;
    background-color: rgb(230,231,232);
    border: 1px solid black;
    padding: 10px 10px 0px 10px;
}

.active, .collapsible:hover {
    background-color: #ccc;
}



.faq_content {
    background-color: rgb(208,236,240);
    padding: 10px 10px 0px 20px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.table-prices {
    border: 1px solid black;
    border-radius: 5px;
    border-collapse: separate !important;
    border-spacing:0px;
    width: 100%;
}

.table-prices-td {
    color: var(--colour-normaltext);
    font-family: CustomFontSourceSans3Medium;
    font-size: 1.125em;
    padding: 2px 5px 2px 15px;
    width: 50%;
}

.table-prices-tr-emphasis {
    background-color: rgba(177, 224, 230, 1);
}

.table-prices-tr-emphasis-first-cell {
    border-radius: 5px 0px 0px 5px;
}

.table-prices-tr-emphasis-last-cell {
    border-radius: 0 5px 5px 0;
}