div#sgtnf-three-col-section .azcl-column-par1 {
    border: 1px solid transparent;
    border-radius: 8px;
    background: linear-gradient(to right, #FFFFFF, #FFFFFF), linear-gradient(90deg, #F995F8 3.3%, #7F71F9 53.07%, #626FF6 102.84%, #5E99F8 152.61%, #74EBF5 253.81%);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    margin-bottom: 72px;
    margin-top: 72px;
}
div#resource-list-description p {
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    padding: 23px;
    font-family: "Kanit", sans-serif;
    font-weight: 400;
    font-style: normal;
}
#resources-title .sub-section h2 {
    font-family: "Kanit", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: clamp(25px, 2.75vw, 30px);
    line-height: 1.3;
    letter-spacing: 0px;
    color: #00215F;
    padding-bottom: 0px;
    padding-top: 22px;
    text-align: center;
}
.new-page-gbno.body-copy a {
    text-decoration: underline;
    /* color: red; */
    font-size: 18px;
    line-height: normal;
    font-family: "Kanit", sans-serif;
    color: #00215F;
}

a#resource-list-button {
    padding: 8px 16px;
    background: #556aff;
    border-style: solid;
    color: #fff;
    /* border-bottom: 11px; */
    /* border-color: blanchedalmond; */
    border-radius: 4px;
    margin-bottom: 43px;
    font-size: 16px;
    line-height: 24px;
}
span.arrow {
    font-size: 19px;
    font-family: "Kanit", sans-serif;
}
div#sgtnf-three-col-section .button {
    display: flex;
    align-items: center;
    justify-content: center;
}
#resources-page .banner-wrapper .banner-content .banner-txt {
    font-family: "Kanit", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: clamp(14px, 2.75vw, 16px);
    line-height: 1.3;
    letter-spacing: 0px;
    color: #FFFFFF;
    padding-top: 56px;
} 

img.grad-line {
    display: block;
}
#video-title-resources h3.cmp-title__text.cmp-title__text--h3 {
    font-weight: 700;
    font-size: 22px;
    line-height: 100%;
    padding-top: 40px;
    padding-bottom: 24px;
}
div#video-holder {
    max-width: 76%;
    margin: auto;
}
div#video-con {
    /* max-width: 1128px; */
    /* margin: auto; */
    max-width: 1160px;
    margin: auto;
    width: 93%;
}
#referal-section h3.cmp-title__text.cmp-title__text--h3 {
    text-align: center;
    max-width: 91%;
    margin: auto;
    font-size: 35px;
    line-height: 41px;
    padding-bottom: 40px;
    padding-top: 74px;
    color: #fff;
    font-weight: 700;
    width: 1255px;
}

/*div#referal-section {*/
/*    background: linear-gradient(to bottom, #000000 0%, #1a1a1a 3%, #dcdcdc 74%);*/
/*    box-shadow: rgba(0, 0, 0, 0.90) 0px -60px 23px -38px inset;*/
/*}*/
div#referal-section {
    background: url(/content/dam/intelligentcontent/unbranded/seethepattrns-uk/gb/en/images/about-attr/bg-image-1.png);
    box-shadow: rgba(0, 0, 0, 0.90) 0px -60px 23px -38px inset;
    background-size: cover;
    background-repeat: no-repeat;
}
p.white-button a {
    font-size: 16px;
    line-height: 23.92px;
    color: #00215F;
    font-weight: 600;
    background: #ffffff;
    font-family: 'Kanit';
    padding: 10px 30px;
    border-radius: 25px;
    background: linear-gradient(to right, #FFFFFF, #FFFFFF), linear-gradient(90deg, #F995F8 3.3%, #7F71F9 53.07%, #626FF6 102.84%, #5E99F8 152.61%, #74EBF5 253.81%);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    border: 1.5px solid transparent;
    width: 292px;
    text-align: center;
}

p.white-button {
    text-align:center;
    padding-bottom:246px;
}

@media only screen and (max-width: 767px){
    span.arrow {
    font-size: 16px;
    font-family: "Kanit", sans-serif;
}
    .new-page-gbno.body-copy a {
    text-decoration: underline;
    /* color: red; */
    font-size: 16px;
    line-height: normal;
    font-family: "Kanit", sans-serif;
    color: #00215F;
}

    div#sgtnf-three-col-section .azcl-column-par1 {
    border: 1px solid transparent;
    border-radius: 8px;
    background: linear-gradient(to right, #FFFFFF, #FFFFFF), linear-gradient(90deg, #F995F8 3.3%, #7F71F9 53.07%, #626FF6 102.84%, #5E99F8 152.61%, #74EBF5 253.81%);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    margin-bottom: 10px;
    margin-top: 51px;
}
    div#resource-list-description p {
    font-size: 16px;
    line-height: normal;
    text-align: center;
    padding: 23px;
    font-family: "Kanit", sans-serif;
    font-weight: 400;
    font-style: normal;
}
    #resources-page .banner-wrapper .banner-content .banner-txt {
    padding-top: 113px;
}
    img.grad-line {
    padding-top: 16px;
}
#referal-section h3.cmp-title__text.cmp-title__text--h3 {
    text-align: center;
    max-width: 91%;
    margin: auto;
    font-size: 24px;
    line-height: 30px;
    padding-bottom: 40px;
    padding-top: 74px;
    color: #fff;
    font-weight: 700;
}
#video-title-resources h3.cmp-title__text.cmp-title__text--h3 {
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    padding-top: 40px;
    padding-bottom: 24px;
    max-width: 90%;
    margin: auto;
}
}