* {
     box-sizing: border-box;
     margin: 0;
     padding: 0;
 }

 body {

     font-size: 14px;
     font-family: "Nunito", sans-serif;

     p {
         font-size: 16px;
         color: #6d6d6d;
         margin: 0 0 25px;
         line-height: 30px;
     }

     h4 {
         font-size: 20px;
     }
 }

 .container {
     width: 100%;
     padding-right: 15px;
     padding-left: 15px;
     margin-right: auto;
     margin-left: auto;
 }

 @media (min-width: 576px) {
     .container {
         max-width: 540px;
     }
 }

 @media (min-width: 768px) {
     .container {
         max-width: 720px;
     }
 }

 @media (min-width: 992px) {
     .container {
         max-width: 960px;
     }
 }

 @media (min-width: 1200px) {
     .container {
         max-width: 1140px;
     }
 }

 @media (min-width: 576px) {
     .container {
         max-width: 540px;
     }
 }

 @media (min-width: 768px) {
     .container {
         max-width: 720px;
     }
 }

 @media (min-width: 992px) {
     .container {
         max-width: 960px;
     }
 }

 @media (min-width: 1200px) {
     .container {
         max-width: 1140px;
     }
 }

 .btnprimary {
     position: relative;
     background-color: #9d0917;
     z-index: 1;
     text-transform: uppercase;
     color: #fff;
     font-size: 14px;
     font-weight: 800;
     border: none;
     border-radius: 5px;
     overflow: hidden;
     padding: 13px 20px;
     display: inline-block;
     transition: all .5s ease-in-out;
 }

 .btnprimary::before {
     content: "";
     position: absolute;
     z-index: -1;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #231f20;
     -webkit-transform: scaleX(0);
     transform: scaleX(0);
     -webkit-transform-origin: 0 50%;
     transform-origin: 0 50%;
     transition-property: transform;
     transition-duration: .3s;
     transition-timing-function: ease-out;
 }



 .btnprimary:hover::before {
     transform: scaleX(1);
 }

 .btnprimary:hover {
     color: #fff;
 }

 .btnprimary:focus {
     box-shadow: none;
 }

 .heading span {
     display: block;
     font-weight: 800;
     color: #9d0917;
     text-transform: uppercase;
     margin: 0 0 15px;
 }

 .heading h1 {
     font-size: 36px;
     color: #1b1d21;
     margin: 0 0 30px;
     font-weight: 800;
 }


 /*  */
 h1,
 h2,
 h3,
 h4,
 h5 {
     font-family: "Montserrat", sans-serif;
     line-height: 1.2;
 }

 h2 {
     font-size: 28px;
 }

 .d-flex {
     display: flex;

 }

 .flex-wrap {
     flex-wrap: wrap;
 }

 .row-gap-1 {
     row-gap: 1rem;
 }

 .column-gap-1 {
     column-gap: 1rem;
 }

 .justify-center {
     justify-content: center;
 }

 .align-center {
     align-items: center;
 }

 .text-center {
     text-align: center;
 }

 .w-100 {
     width: 100%;
 }

 .mb-1 {
     margin-bottom: 1rem;
 }

 .mb-2 {
     margin-bottom: 2rem;
 }

 .row {
     display: flex;
     flex-wrap: wrap;
     row-gap: 1rem;
     margin-left: -0.9375rem;
     margin-right: -0.9375rem;
 }

 .col-6 {
     width: 50%;
     flex: 0 0 auto;
     padding-left: 0.9375rem;
     padding-right: 0.9375rem;
 }

 .col-12 {
     width: 100%;
     flex: 0 0 auto;
     padding-left: 0.9375rem;
     padding-right: 0.9375rem;
 }

 .col-lg-8 {
     width: 100%;
     padding-left: 0.9375rem;
     padding-right: 0.9375rem;

     @media (min-width: 992px) {
         width: 66.666%;
         flex: 0 0 auto;
     }

 }

 .col-md-6 {
     width: 100%;
     padding-left: 0.9375rem;
     padding-right: 0.9375rem;

     @media (min-width: 768px) {
         width: 50%;
         flex: 0 0 auto;
     }
 }

 .col-lg-3 {
     width: 100%;
     padding-left: 0.9375rem;
     padding-right: 0.9375rem;

     @media (min-width: 992px) {
         width: 25%;
         flex: 0 0 auto;
     }
 }


 .btn {
     cursor: pointer;
 }

 a {
     text-decoration: none;
 }

 .mt-2 {
     margin-top: 2rem;
 }

 .us-left {
     width: 100%;
     flex: 0 0 auto;


     @media (min-width: 992px) {
         padding-right: 2rem;
         width: 56.5%;
     }
 }


 .us-right {
     width: 100%;
     flex: 0 0 auto;


     @media (min-width: 992px) {
         padding-left: 2rem;
         width: 43.5%;
     }

 }

 .object-fit {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .img-fluid {
     max-width: 100%;
     height: auto;
 }

 .upgrade-form-wrap {
     margin-top: 2rem;
     padding: 2rem;
     border-radius: 6px;
     border: 1px solid #e7e7e7;
     background-color: #f8f8f8;
     border-radius: 6px;
 }

 .upgrade-form-wrap {
     label {
         display: block;
         margin-bottom: 0.5rem;
         font-size: 1rem;
     }

     .form-control {
         border: 1px solid #babbbb;
         width: 100%;
         padding: 1.375rem .75rem;
         border-radius: .25rem;
         font-size: 1rem;
         font-weight: 400;

         &:focus {
             outline: none;
         }

         &::placeholder {
             font-style: italic;
         }
     }


 }

 .btnprimary {
     padding: 19px 20px;
 }

 .agree-text {
     margin: 0;

     a {
         color: #9d0917;

         &:hover {
             color: #231f20;
         }
     }
 }

 .idm-section,
 .organisations-section {
     padding-top: 3rem;
     padding-bottom: 3rem;
 }

 .sdacc-block {
     margin-bottom: 1rem;
     border: 1px solid rgba(33, 58, 123, 0.12);
     border-radius: 6px;

     &.active {
         .question {

             &:after {
                 transform: rotate(180deg);

             }

             h4 {
                 color: #9d0917;
             }

         }
     }

     .question {
         position: relative;
         cursor: pointer;
         display: flex;
         align-items: center;
         justify-content: space-between;
         padding: 0.5rem 1.25rem;

         &:after {
             content: "";
             width: 1.5rem;
             height: 1.5rem;
             flex: 0 0 auto;
             background-image: url(../images/acc-down.svg);
             background-repeat: no-repeat;
             background-position: center;
             background-size: 1rem;
             border-radius: 50%;
             margin-left: 2rem;
             background-color: #9d0917;
         }

         h4 {
             margin: 0;
         }
     }

     .answer {
         display: none;
         padding: 0 1rem;
         border-radius: 6px;

         @media(min-width:992px) {
             padding: 0 1.5rem 1.5rem;
         }

         p {

             margin: 0;
             margin-bottom: 0.75rem;


             &:last-child {
                 margin-bottom: 0;
             }
         }
     }
 }

 .text-carmine {
     color: #9d0917;
 }

 .download-btn {
     display: inline-flex;
     align-items: center;
     column-gap: 0.75rem;

     span {
         width: 20px;
         height: 20px;
         background-color: #fff;
         border-radius: 50%;
         display: flex;
         align-items: center;
         justify-content: center;

         img {
             width: 15px;
         }
     }
 }

 .ebookbox {
     border-radius: 6px;
     padding: 1.5rem;
     box-shadow: 0px 0px 10px rgba(157, 9, 23, 0.3);

     @media(min-width:992px) {
         padding: 3rem 3.5rem;
     }

     .list {
         list-style: none;
         margin: 0;
         padding: 0;

         li {
             column-gap: 0.75rem;
             position: relative;
             padding-left: 26px;
             margin-bottom: 0.75rem;

             &:last-child {
                 margin-bottom: 0;
             }

             &:before {
                 content: "";
                 position: absolute;
                 left: 0;
                 top: 0;
                 width: 16px;
                 height: 16px;
                 background-color: #9d0917;
                 background-image: url(../images/check-icon.svg);
                 background-repeat: no-repeat;
                 border-radius: 3px;
                 background-position: center;
                 background-size: 10px;


             }
         }
     }

     h2,
     h4 {
         margin-bottom: 1rem;
     }
 }



 .free-copy-section {
     background-color: #f8f8f8;
     padding: 43px 0px;
 }

 .organisationsbox {
     display: flex;
     flex-direction: column;
     justify-content: space-between;

     .imgbox {
         height: 150px;

     }

     p {
         text-align: center;
         margin-top: 0.5rem;
         margin-bottom: 0;
         font-size: 1rem;
         color: #6d6d6d;


     }
 }

 .agree-checkbox {
     padding-top: 0.5rem;
 }

 .logo-top {
     width: 150px;
     margin: auto;
 }