@font-face{
    font-family: 'Noto Sans Sinhala';
    src: url('NotoSansSinhala-Light.woff2') format('woff2'),
        url('NotoSansSinhala-Light.woff') format('woff'),
        url('NotoSansSinhala-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'MuktaMalar-Medium';
    src: url('MuktaMalar-Medium.woff2') format('woff2'),
        url('MuktaMalar-Medium.woff') format('woff'),
        url('MuktaMalar-Medium.ttf') format('truetype');
        font-weight: 300;
        font-style: normal;
        font-display: swap; 
}
:root {
    --color-01: #c4294a;
    --color-02: #c22f65;
    --color-03: #680241;
    --color-04: #A73862;
    --color-05: #FFFFFF;
    --color-06: #edeaea;
    --color-07: #333333;
    --color-08: #726d6d;
    --color-09: #f7931e;
    --color-10: #2e1f1f;
    --color-11: #231f20;
    
    --font-01:'Poppins', sans-serif;
}
body:lang(si) {
    font-family: 'Noto Sans Sinhala', 'Poppins', sans-serif;
    }
body:lang(ta) {
        font-family: 'MuktaMalar-Medium', 'Poppins', sans-serif;
        }
*{margin: 0;padding: 0;box-sizing: border-box}
.w{width: 1200px;margin: 0 auto}
.fsb{display: flex;justify-content: space-between}
.fsbc{display: flex;justify-content: space-between;align-items: center}
.fsa{display: flex;justify-content: space-around}
.fc{display: flex;justify-content:center}
#e1{position: fixed; bottom:90px; background:rgba(108,20,70,0.5); padding:5px; display:none;}
select {text-transform: capitalize}
p, li,h1, h2, h3, h4, span, a ,label,input,select{line-height:1.5}
p, li {font-size:15px;margin:0;padding:10px; }
p{line-height: 1.8; color:var(--color-11);}
a{text-decoration: none}
li{list-style:none}

p > span.si {font-size:16px;}
li > span.si {font-size:16px;}

#zys0.ta {font-size: 13px;}
#zys0.en {font-size: 20px;}

.red{color:#c4094a}
.if1 {width: 100%; height: 100vh;}

#n #u {font-family:var(--font-01);}

/* Header [[[!]]]*/
#d{align-items: center;padding: 10px 0}
#d1{width: 248px}
#i{width: 100%}
#d5{align-items: center}
.d2{align-items: center;margin-right: 40px}
.i1{width: 30px;margin-right: 10px}
.s{color:var(--color-01);display: block;font-size: 12px;font-weight: 500; font-family: 'Noto Sans Sinhala', 'Poppins', sans-serif;}
.s1{font-size: 11px; font-family: 'Noto Sans Sinhala', 'Poppins', sans-serif;}
.a4{background:transparent;border: none;color: white;padding:3px 4px; display:block; font-size: 14px;}
.a5{background:var(--color-03);border-radius: 6px}

#d3{background:var(--color-01);padding:20px 0}
#u{display: flex}
.l{display: flex;flex-direction: column;align-items: center;padding: 7px 15px 0}
.a{color:var(--color-05);text-transform: uppercase;font-weight: 400}
.s2{background:var(--color-01);width: 33px;height: 4px;border-radius: 5px}
#d4{display: flex;align-items: center}
#i2{width: 17px}
#u1{display: flex;border: 1px solid var(--color-05);padding: 5px 11px;margin-left: 17px;border-radius: 40px;align-items: center}
.l1{padding: 0 8px}
.a1{color:var(--color-05);font-size: 14px}
#l2{border-left: 1px solid var(--color-05);border-right: 1px solid var(--color-05)}
.l:hover .s2{background:var(--color-09)}
#i3{display: none;width: 36px}
/* .si{font-family: 'Abhaya Libre', serif} */
.si{font-family: 'Noto Serif Sinhala', serif}
#newspopup {
    background-color: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    justify-content: center;
    align-items: center;
    transition: opacity 0.5s;
    z-index: 1000;
}
#popupContainer {
    position: relative;
    background: white;
    padding: 25px;
    font-family: 'Poppins';
    font-size: 15px;
    border-radius: 5px;
}
.s500{    background: var(--color-02);
    margin-top: -90px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 19px;
    color: white;
    padding: 3px;
    cursor: pointer;}
#tickerContainer {
    cursor: pointer;
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    height: 3rem;
    position: relative;
    overflow: hidden;
    line-height: 3rem;
    background-color: var(--color-03);
    font-size: 16px;
    color: white;
    font-family: var(--font-01);
}
.s200{line-height: 3;margin-left: 20px;} 
.compass_news{width: 20px;border-radius: 50%;margin-bottom: -3px}
#tickerMain {
    display: flex;
    /*  hides the orginal seed for the ticker */
    top: -3rem;
    flex-wrap: nowrap;
    height: inherit;
    position: absolute;
    white-space: nowrap;
    width: max-content;
}

/* footer [[[!]]]] */
#ft{background: url(../img/ft-bg.webp);padding: 85px 0;background-size: cover;background-position: center}
.d7{width: 20%}
#i7{width: 225px;margin-bottom: 35px}
.d8{ display: flex;align-items: start;margin-bottom: 13px}
.i6{width: 22px;margin-right: 10px}
.s3{color:var(--color-05);font-size: 12px; line-height: 1.8}
.s4{color:var(--color-05);font-weight: 500;font-size: 20px;margin-bottom: 35px;display: block} 
.d9{display: flex;align-items: start;margin: 0 0 8px}
.i8{width: 100px;}
.d10{margin-left: 12px}
.s5{color:var(--color-01);font-size: 12px}
.p1{padding-left: 0;font-size: 12px;color:var(--color-05)}
.l2{padding: 0px 0 2px}
.a3{color:var(--color-05);font-size: 13px}
#p2{color:var(--color-05);padding-left: 1px;font-size: 13px}
#d11{display: flex}
.d12{display: flex;align-items: center;justify-content: center;background:var(--color-01);width: 16%}
.in{width: 80%;border: none;height: 30px;padding: 0 8px;font-size: 10px}
#i9{width: 25px}
#d13{border-bottom: 1px solid var(--color-05);padding-bottom: 6px}
#d14{width: max-content;margin: 0 auto}
.i10{width: 25px;margin: 0 2px}
#d15{display: flex;flex-direction: column;align-items: center;width: 80px;float: right;margin-top: -30px; cursor:pointer;}
#i11 {width: 22px}
#s6{font-size: 11px;color:var(--color-06)}
.a10{display: contents}

#termsfeed-com---nb {
    position: fixed;
    bottom: 0;
    border: 1px solid #d9d9d9;
    z-index: 99999999991;
    height: 195px;
    top: auto;
    right: 0;
    left: auto;
    width: 100%;
    box-shadow: 0 -1px 10px 0 rgba(172,171,171,.3);
}

.termsfeed-com---palette-dark .cc-nb-title {
    color: #fff;
    text-align: center;
  }

  .termsfeed-com---reset *, .termsfeed-com---reset ::before, .termsfeed-com---reset ::after {
    text-align: center;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-weight: 400;
    line-height: 1;
}

/* errors */
.ko1,.ko2,.ko0, .ok{font-family:var(--font-01)}
.ok{      color: white;
    background: #528738}
.ko1{    color:var(--color-01);padding:2px 10px;font-size:13px}
.ko2{box-shadow:0 0 1px 2px var(--color-light2)}
.ko0{padding:10px;text-align:center; color:var(--color-01)}

/* link */
.a2 ,.bt1{color:var(--color-05);background:var(--color-01);padding: 8px 20px;font-size: 13px;display: flex;width: 150px;align-items: center;border: none;justify-content: center}
.i4{width: 15px;margin-left: 11px}

/* Header Responsive [[[!]]]*/
@media screen and (max-width:1240px) {.w {width: 93%;margin: 0 3.5%}}
@media screen and (max-width:990px) {#u{display: none;position: absolute;display:none;z-index: 1000;flex-direction: column;padding: 19px 12px;  background:var(--color-01);left: -1px}#i3{display: block; }}
@media screen and (max-width:855px) {#d500 {display: none}}
@media screen and (max-width:555px) {#d5 {align-items: center;  width: 122px;flex-wrap: wrap}}
@media screen and (max-width:640px) {#d {justify-content: center}#d5 {display: none}}

/* footer Responsive [[[!]]]*/
@media screen and (max-width:1016px) {#d16{flex-wrap: wrap}.d7 {width: 47%;margin-bottom: 33px}}
@media screen and (max-width:480px) {
    .d7 {width: 100%;text-align: center}
    #i7 {width: 225px;margin-bottom: 35px}
    .d8 {margin: 0 auto 15px;width: 300px;flex-direction: column;align-items: center}
    .i6 {margin: 0 0 8px}
    .d9 {flex-direction: column;margin: 0 auto 16px;align-items: center}
    .i8 {margin: 0 0 11px; width: 35%;}
    .d10 {margin-left: 12px}
    #d13 {display: flex;flex-direction: column-reverse;align-items: center;margin: 25px 0 0}
    #d15 {float: none;margin-bottom: 28px}
    #emailInput {width: 100%;}
    #zs600 {width: 100%;text-align: center;}
    /* .zs1 {font-size: 20px; color:#c4294a} */
}

#zs600 {
	background: var(--color-01);
	color: white;
	padding: 10px 52px;
	font-size: 16px;
	border-radius: 5px;
	cursor: pointer;
	margin: 15px auto 0;
	display: block;
	width: max-content;
}

.container {
    border-radius: 5px;
    text-align: center;
}

form {
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
}

/* input{
    padding: 0.5rem 1rem 0.5rem 0.5rem;
}

select {
    padding: 0.5rem;
    font-size: 1rem;
}



button {
    background-color: #c4294a;
    color: white;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s;
    font-size: 1rem;
    width: 40px;
} */

input, select, button {
    padding: 0.5rem;
    font-size: 1rem;
    width: 100%;
}

button {
	cursor: pointer;
	transition: background-color 0.3s;
	background-color: #c4294a;
	color: white;
	border: none;
    width: 10%;
}

button:hover {
    background-color: #726d6d;
}

#message {
    margin-top: 1rem;
    font-weight: bold;
    color: white;
}

form#newsletterForm {
    display: flex;
    flex-direction: row;
    margin-top: 1rem;
}

#zf0{
    margin: 20px 0 40px;
    justify-content: center;
    flex-direction: row;
}

.zbt0{
    padding: 0;
    font-size: 1rem;
}

@media screen and (max-width:500px) {#zys0.en {font-size: 19px;} }
@media screen and (max-width:470px) {#zys0.en {font-size: 19px;} }
@media screen and (max-width:539px) {.zp {color: var(--color-05);margin-bottom: 5px;padding: 0;}}

.pdf-download:hover {
    background: var(--color-03);
}

.sub {
	background: var(--color-03);
	color: var(--color-05);
	padding: 30px;
	border-radius: 20px;
	height: 190px;
	font-family: initial;
	font-size: x-large;
	margin-left: 50px;
    margin-right: 50px;
}

#dwnldpdf {
	flex-direction: column;
	display: flex;
}