:root{
    --heading-32px-16px:clamp(1rem, 0.6479rem + 1.5023vw, 2rem);
}
#purple-border-resource-list{
    border: 2.5px solid #6e4ae3;
}
#blue-purple{
    color: #6E4AE3;
}
div#find-consent-form li {
    color: #000;
}
div#find-consent-form-one-column {
    display: flex;
    gap: 0px;
}
.color-black-text{
    color: #000;
}
div#container-with-border {
    /*border-style: solid;*/
    padding: 20px;
    /*color: #6E4AE3;*/
    /*border-width: 2px;*/
}
div#find-consent-form-three-column {
    display: flex;
}

#find-consent-form #hero-title{
    width: 75%;
}
#consent-text-para-container{
    padding: 50px 0;
}
#consent-text-para-container p{
    color: #000;
}
#consent-text-para-container ol{
    font-family: "Gotham-Book";
    font-size: var(--body-text-20px-16px);
    line-height: 140%;
}
#consent-text-para-container ol li{
    line-height: 140%;
    list-style-type: auto;
}
#find-consent-form .margin-bottom-20{
    margin-bottom: 30px;
}



@font-face {
  font-family: "Gotham-Ultra";
  src: url('/content/dam/intelligentcontent/brands/sgtnf/uk/en/sgtnf/fonts/gotham-ultra.otf') format('otf'),
    /* Super Modern Browsers */
    url("/content/dam/intelligentcontent/brands/sgtnf/uk/en/sgtnf/fonts/gotham-ultra.otf") format("otf");
  font-style: bold;
  font-weight: bold;
}
#list-top-nav ul{
    display: flex;
    gap: 20px 10px;
    margin-top: 30px;
    margin-bottom: 35px;
}
#list-top-nav ul li a{
    color: #6E4AE3;
    font-family: "Gotham-Book";
    font-weight: 400;
    font-size: 20px;
}
#heading-32-first h2{
    font-size: var(--heading-32px-24px);
    color: #2D2D2D;
    font-family: "Gotham-Medium";
    line-height: normal;
    margin-bottom: 40px
}

#lavender-bg-radius h3{
    margin-top: 0;
    margin-bottom: 15px;
    font-size: var(--heading-28px-24px);
    line-height: 1.2;
}

#lavender-bg-radius{
    background: #FCF6FF;
    padding: 20px 30px;
    border-radius: 8px;
}
#where-to-go-page #consent-heading h2{
    font-size: var(--heading-32px-24px);
    color: #2D2D2D;
    font-family: "Gotham-Medium";   
    font-weight: 100;  
    /*margin-top: 0;*/
}
#where-to-go-page #selected-filters{
    display: none !important;
}
#where-to-go-page #grey-bg-vacation-section{
    background: #F8F9FD;
    border-radius: 8px;
    padding: 50px 40px;
    margin-top: 40px;
    /*text-align: center;*/
}
#where-to-go-page #grey-bg-vacation-section #two-white-column{
    text-align: center;
    margin-bottom: 20px;
}

#where-to-go-page #two-white-column .azcl-column-par1,
#where-to-go-page #two-white-column .azcl-column-par2{
    background: #fff;
    border: 1px solid #CCD0DF;
    padding: 30px;
    border-radius: 6px;
}
#where-to-go-page #two-white-column #white-bg-with-border h3{
    margin-top: 0;
    margin-bottom: 20px;
    color: #6E4AE3;
    font-weight: bolder;
    font-size: 50px;
}
#where-to-go-page #two-white-column #white-bg-with-border p{
    font-size: 20px;
    font-family: "Gotham-Medium";
    font-size: 20px;
    color: #2D2D2D;
    line-height: 1.4;
}
#where-to-go-page #two-white-column #white-bg-with-border a{
    color: #6E4AE3;
}
#where-to-go-page #grey-bg-vacation-section .azcl-columns--2{
    gap: 50px;
    margin-top: 50px;
}
#where-to-go-page #two-white-column h3{
    margin-top: 0;
}
#grey-heading-title h3{
    font-weight: 600;
    line-height: normal;
}
#where-to-go-page #accordion-heading .cmp-accordion__title{
    font-size: var(--heading-32px-24px);
    font-weight: 500;
    line-height: normal;
    font-family: "Gotham-Medium";
}

#where-to-go-page #accordion-heading .cmp-accordion__title a{
    color: #6E4AE3;
}
#where-to-go-page #accordion-heading{
    padding-top: 40px;
}
#where-to-go-page #accordion-heading .cmp-accordion__button--expanded .cmp-accordion__icon::before{
    background: url(/content/dam/intelligentcontent/brands/sgtnf/uk/en/sgtnf/eligibility/up-arrow-circle.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
    display: block;
    content: '';
}
#where-to-go-page #accordion-heading .cmp-accordion__icon::before{
    background: url(/content/dam/intelligentcontent/brands/sgtnf/uk/en/sgtnf/eligibility/down-arrow-circle.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
    display: block;
    content: '';
}
#where-to-go-page #hero-banner-fullwidth div#hero-title{
	min-width: 55%; 
}
#where-to-go-page #new-eligibility #fifty-fifty-col.azcl-columns__base{
	margin: 50px auto 50px;
}
#sgtnf-3col{
	grid-template-columns: auto auto auto auto;
    margin-top: 20px;
}
#sgtnf-3col .azcl-column-par1,
#sgtnf-3col .azcl-column-par2,
#sgtnf-3col .azcl-column-par3,
#sgtnf-3col .azcl-column-par4{
	background-color: #F8F9FD;
	padding:30px;
	border-radius: 8px;
}
#sgtnf-3col .title h3{
	margin: 0 0 15px 0;
	padding-bottom: 12px;
	border-bottom: 1px solid #CCD0DF;
	color: #2D2D2D;
	font-family: "Gotham-Medium";
    font-size: var(--heading-28px-20px);
    line-height: 120%;
    letter-spacing: -1px;
}
#sgtnf-3col  .secondary-button{
	width: 100%;
    display: flex;
    justify-content: space-between;
}
.font-20{
	letter-spacing: -0.5px;
	font-family: "Gotham-Medium";
    font-weight: 500;
    margin-bottom: 12px; 
}
.purple-color{
	color: #BE6BED;
}
/*#sgtnf-3col p:not(.purple-color){
	font-size: 18px;
}*/
.centerpane-text {
    padding: 50px 0 60px;
    max-width: 880px;
    margin: 0 auto;
    text-align: center;
}
#more-info-sec5{
	background: #6E4AE3;
    padding: 50px 0 1px;
}
#more-info-sec5 #read-faq-sec h3{
	color: #fff;
} 
#more-info-sec5 #read-faq-sec a.secondary-button{
	background-color: #fff;
	color: #6E4AE3;
}
#more-info-sec5 #gb-code p {
    font-family: "Gotham-Medium";
    font-weight: 500;
    color: #2D2D2D;
    font-size: var(--body-text-16px-14px);
    padding-top: 20px;
    color: #fff;
    border-top: 1px solid #5134AD;
}
@media screen and  (max-width: 767px){
    div#find-consent-form-three-column {
    display: flex;
    flex-direction: column;
    gap: 0px;
}
    #mob-padding-more-heading{
        padding: 5px;
    }
    #text-center-mobile{
        text-align: center;
    }
    #list-top-nav ul{
    flex-wrap: wrap;
    justify-content: center;
}
#list-top-nav ul li a{
    font-size: 14px;
}
#heading-32-first h2{
    text-align: center;
}
#where-to-go-page #consent-heading h2{
    text-align: center;
}
    #where-to-go-page #accordion-heading .cmp-accordion__icon::before,
    #where-to-go-page #accordion-heading .cmp-accordion__button--expanded .cmp-accordion__icon::before{
        width: 25px;
        height: 25px;
    }
    #mobile-design-white-bg-border{
    background: #fff;
    border: 1px solid #CCD0DF;
    padding: 25px;
    border-radius: 6px;
    }
    #where-to-go-page #two-white-column .azcl-column-par1, #where-to-go-page #two-white-column .azcl-column-par2{
        border: none;
        padding: 0;
        border-radius: 0px;
    }
    #where-to-go-page #grey-bg-vacation-section{
        padding: 30px 20px;
    }
    #where-to-go-page #two-white-column .azcl-column-par2{
        border-top: 1px solid #CCD0DF;
        padding-top: 30px;
    }
    #where-to-go-page #new-eligibility #fifty-fifty-col.azcl-columns__base{
    	margin: 40px auto 30px;
    }
	#sgtnf-3col {
	    grid-template-columns: auto;
	}
	#where-to-go-page #hero-banner-fullwidth div#hero-title {
	    min-width: 80%;
	}
	#where-to-go-page #new-eligibility #col-title-h3 h3,
	#where-to-go-page #new-eligibility #fifty-fifty-col p{
		text-align: center;
	}
	#where-to-go-page #new-eligibility #col-title-h3 h3{
		margin: 30px 0 20px; 
	}
	#where-to-go-page #new-eligibility p.width-control{
		margin-bottom: 40px;
		padding: 0 5px;
	}
	#sgtnf-3col .azcl-column-par1,
	#sgtnf-3col .azcl-column-par2,
	#sgtnf-3col .azcl-column-par3{
		padding:30px 15px;
	}
	#more-info-sec5 {
	    padding: 0px 0 1px;
	}
	#more-info-sec5 #read-faq-sec{
		padding:40px 0 30px
	}
}
@media only screen and (min-width: 768px) and (max-width:991px) {
    
	#where-to-go-page #hero-banner-fullwidth .cmp-container__backgroundImage--enabled{
		min-height: 450px !important
	}
	#sgtnf-3col {
	    grid-template-columns: auto auto;
	}
	.centerpane-text {
	    padding: 40px 0 40px;
	    max-width: 600px;
	}
}