@import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,500,500i,600,700,800,900|Poppins:200,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900');
@import url('https://fonts.googleapis.com/css2?family=Bungee&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bungee&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bungee&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');

/*Theme Name:Professional ThemeAuthor:Pradeep SaranCurrent Maintainer: Mheinke*/html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}



/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}




/*Clear Floated Elements*/
.clear {clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clear:after {clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0;}
* html .clear {height:1%;}

/*Style HTML Tags*/
a {color:#fdcf01;text-decoration:none; font-weight:bold }
a:hover {transition: all 0.3s; text-decoration: underline;}
a.readmore{ padding:2px 10px; color:#000; background-color:#EAEAEA; border-radius:2px; text-transform:uppercase }
.red{ color:#e11313}
.knowmore{ float:rigt; padding-top:30px; }
h1 {font-weight:bold;font-size: 38pt; }
h2 {font-weight:300;font-size:18pt; }
h3 { font-weight: 300;font-size: 20px; color:#FFFFFF; }
h4 {font-style: normal;color: #222;font-size: 20px; }
h2 {font-weight: 300;font-style: normal;color:#c21717;font-size: 20px;}
h6 {font-weight: 300;font-style: normal;color: #343e47;font-size: 12px;}
p{margin-bottom:20px; margin-top:0px; line-height: 1.6;font-family: "Nunito", serif;font-size: 14pt;}
#gallerypage img{ margin:12px; box-shadow: 0px 1px 4px 4px #777;}
#gallerypage img:hover{box-shadow: 0px 1px 2px 2px #ccc; transition: 0.7s;}
#views-aggregator-datatable table{  text-align:right}
#views-aggregator-datatable td,#views-aggregator-datatable th{ text-align:right; font-size:14px; padding:2px 2px;}
#views-aggregator-datatable td.views-field-nothing, #views-aggregator-datatable th.views-field-nothing, #views-aggregator-datatable th.views-field-field-client, #views-aggregator-datatable td.views-field-field-client{ text-align:left}
#views-aggregator-datatable .form-item .description{ display:none}
.description{ display:none}
body { font-family: Roboto; line-height:26px;font-weight:300;font-style: normal;font-size:16px;margin:0px; color:#242426;}

#volunteer .col{width:22%; text-align:left; float:left; padding:0; margin:0}
#edit-field-date-value-wrapper input{ max-width:200px }
#edit-field-date-value-min-wrapper label, #edit-field-date-value-max-wrapper label { float:left; margin-right:10px; width:72px}
table {border-collapse:collapse;border-spacing:0;margin-bottom: 12px;width: 100%;}
tbody{ border-top: 1px solid #fff;}
th, tr, td {vertical-align:top;}
.aboutblock { background-color:#ffcb02; padding:10px;}
.aboutblock h2 { padding-bottom:10px;}
.sticky-header th, .sticky-table th {border-bottom: 3px solid #ccc;padding-right: 1em;text-align: left;}
table {border:none }
tr.odd{ background-color:#FFF}
tr.even{}
th {padding: 2px 4px;border-right: 1px solid #ccc;color:#333; background-color:#ffcb02; text-align:center}
td {color:#000;padding:4px; }
td h2{ padding-top:0}
code {background: #d8d8d8;text-shadow: 1px 1px #fff;border: 1px solid #bbbbbb;display: block;padding: 7px;margin: 2px 0;border-radius: 7px;}
mark {background-color:#fdfc9b;font-style:italic;font-weight:bold;}
del {text-decoration: line-through;}
hr {border:none;border-top:#EEE 1px solid;}
dt {font-weight:bold;margin-bottom:24px;}
dd {margin-left:30px;margin-bottom:24px;}
ul ul {list-style-type:square;margin-bottom:0;}
ul ul ul {list-style-type:circle;}
ol {list-style-type:decimal;margin-left:30px;margin-bottom:24px;}
ol ol {list-style: upper-alpha;margin-bottom:0}
ol ol ol {list-style: lower-roman;}
ol ol ol ol {list-style: lower-alpha;}
abbr,acronym {border-bottom:#999 1px dotted;cursor:help;}
hblockquote, q {quotes:none;border: 1px solid #bbbbbb;background: #d8d8d8 ;padding: 10px 2px 2px 47px;text-shadow: 1px 1px #fff;margin: 2px 0;border-radius: 7px;}
table.cols-4 td{ max-width:20%; padding:1% 1%; margin:0px;}
.cols-6 tr td {width: 22%;text-align: center;}




#block-block-12 .cols-10 tr td { padding-right: 50px;}

#block-block-12 .cols-4 tr td { padding-right: 50px;}

#block-block-12 .cols-5 tr td { padding-right: 50px;}

blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
img {max-width:100%;height:auto; }
video {display:block;}
audio {max-width:100%;}


.content ul {margin-bottom: 12px;list-style: none;list-style-type: none;padding: 0;max-width: 1200px; margin: 0 auto;}

.content ul li {margin-bottom: 10px;text-align: left;line-height: 1;padding-top: 3px;background: url(images/solid1.png) left top no-repeat;padding-left: 25px;}










/*Theme Design, Layout and Typography*/
.sugarbar{width:100%;top:-100%;left: 0;position:fixed;z-index:100;background-color:#ffcb02;transition: all 0.2s;box-shadow: 0 2px 2px rgba(0,0,0,.3);  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}
.sugarbar a{color: #4a4a4a;}
.sugarclose{float: right;cursor: pointer;}
.sugarbar #head .headerleft{ color:#000; font-size:23px; width:40%}
.sugarbar #head .headerright{ width:20%; }
#header1 { max-width:100%; height:55px; margin-top:30px;}
.sugarbar #header1 ul li { float:right; padding-left:20px; margin:10px 25px 5px 0px; color:#4a4a4a; font-weight:normal;}
.sugarbar #header1 { background-color:#FFCB05}
#bodyright{ position:fixed; top:60%; right:0; width:75px; background-color:#1f2124; z-index:999999; min-height:30% }
#header { width:100%;  line-height:1.2; min-height:100px;clear:both;  padding-bottom:2px; left:0; right:0; position:fixed; z-index:999  }
#head { width:100%;  height:60px; background-color:#021c42 ; margin:0 auto }

#head .inner_head{ font-weight:normal; padding:0; color: rgba(255, 255, 255, 0.5); }
#head .right_head{ font-weight:normal; padding:0; color: rgba(255, 255, 255, 0.5); }
#head .col a {color:rgba(255, 255, 255);font-weight: normal;font-size: 13px;vertical-align: middle;}
#head .col a:hover{color: #323232;}
#head .col .fa {color: rgba(255, 255, 255);font-size: 10px;margin-right: 5px;cursor: pointer;}
a#text_resize_increase{color: rgba(255, 255, 255);background-color: #c21717;}
#header .blockview {width: 80%; margin:0 auto; font-size:11px; padding:0;display: flex;justify-content: center;flex-wrap: wrap;background-color: #021c42;align-items: center;}
#header .blockview h2{ font-weight: bold; font-size:13px; margin:5px 0;}
#header .blockview .coll {width: 18%; display: flex; }
#header .blockview .coll .title {margin: 30px 10px;font-weight: bold;}
#header .blockview .coll .title h4 {font-size: 15px;color: #c21717;border-bottom: 2px solid #c21717;text-align: center;}
#header .blockview .coll .title h5 {font-size: 13px;color: #c21717;}

#header .blockview .coll img{ width:55px; padding: 5px 0; }
#header .blockview .colr{  width: 72%;}
ul.nice-menu li {background: none !important;}

#main-menu ul { float:none;list-style:none;margin:0 auto; text-transform: capitalize;}
#main-menu li {float:left;margin:0; border:none; font-weight:300; padding: 0px 15px;  	}


#main-menu ul li .nolink{padding: 5px 12px 5px 24px;}
#main-menu .nolink {display:block; color:#FFFFFF; text-align:left;text-decoration:none; font-weight:600; cursor:pointer;font-size: 12pt;}

#main-menu a {display:block; color:#ffffff; text-align:left;text-decoration:none; cursor:pointer;font-size: 14px;font-weight: 600;}
#main-menu .nolink::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -5px; /* Adjust based on the font size */
  width: 0;
  height: 3px; /* Thickness of the underline */
  background-color: #653d99;
  transform: translateX(-50%);
  transition: width 0.2s ease;
}

#main-menu .nolink:hover::after { width: 80%;margin: 0 auto;}
#main-menu li > a.active {}
#main-menu li ul {  background: #021c42;  border:none; margin-top:20px;padding: 8px;transition: 0.3s;}
#main-menu li ul ul { margin-top:0px; overflow:hidden;  }
#main-menu li li {width: 250px;}
#main-menu li ul li {float:left;padding: 0.7em 0.9em;margin:0; }
#main-menu li ul li:hover {float:left; }
#main-menu li li a {margin:0; text-align:left;font-size: 12pt;  }
#main-menu li li first-child > a {border-top:none; text-align:left;margin-top: 15px;}
#main-menu li li a:hover {color:#ffffff;}
#main-menu li:hover > ul, #main-menu li li:hover > ul, #main-menu li li li:hover > ul {display:block;}
#main-menu .nav-toggle {}
#main-menu ul li.leaf, #main-menu ul li.expanded, #main-menu ul li.collapsed {list-style:none;}
#main-menu ul.menu li {margin: 0;}
#main-menu li.expanded, #main-menu li.collapsed, #main-menu li.leaf {margin: 0;padding: 0;}
.drop-down-toggle {position:absolute;top:7px;right:16px;width:20px;height:20px;border-radius:12px;background:#333;background:-moz-linear-gradient(#333,#444);background:-webkit-linear-gradient(#333,#444);background:-o-linear-gradient(#333,#444);background:-ms-linear-gradient(#333,#444);background:linear-gradient(#333,#444);border:#aaa 3px solid;}
.drop-down-arrow {display:block;width:0;height:0;margin:8px 0 0 2px;border-top:2px solid #aaa;border-left:transparent 2px solid;border-right:transparent 2px solid;}







.subscription-button-widget .item-label {height: 120px;}

.don{background-color: #fff;width: 80%;text-align: center;margin: 0 auto;height: auto;padding: 20px 5px;}
.donatepage{margin: 0 auto;font-family:"Nunito", serif;padding: 30px 0;font-size: 18px;width: auto;}









#bg{ display:none; position: fixed; z-index:10; top:0%;left: 0%;width: 100%; height:100%; background-color: black; overflow:hidden}


#gallerypage ul li{ background:none; margin:0; padding:0  }
.member{ text-align:center; font-size:11pt; font-weight:normal;transition: 0.5s;border: 1px solid #f2f2f2;;min-height: 425px;width: 250px;max-width: 250px;}
.member:hover {transform: translateY(-15px); box-shadow: 3px 3px 0 0 #f2f2f2;}
.member img{max-width:250px; height:200px;  text-align:center;width: 250px;}
.member img:hover {	opacity: 1;transition:1s;}
.member h6 a{ font-size:15pt; color: #021c42;font-family: "Bungee", sans-serif;}

.member h6 {font-size: 15pt;margin-top: 10px;text-align: left;margin-left: 40px;}
.member h2 { font-size:20pt;}
.member h3{font-size:15pt; color:#021c42;margin: 0 auto;font-family: "Bungee", sans-serif;padding-bottom: 40px;border-bottom: 1px solid #E7E2E3;width: 80%;margin: 0 auto;text-align: left;padding-top: 15px;}
.member h3 a {color: #021c42;}
.member h3 a:hover {text-decoration: none;}
.member h3 p{padding:10px 0}
.member h4 {font-size: 14pt;text-align: left;color: #1a1a1a;opacity: 0.7;padding:20px 0 15px 0;width: 80%;margin: 0 auto;font-family: "Nunito", serif;}
.node-type-member .col {display: none;}
.node-type-programme .col {display: none;}
.node-type-campaigns .col {display: none;}
.node-type-news .col {display: none;}
.node-type-getinvolved  .col {display: none;}
.node-type-resource .col {display: none;}


.node-type-getinvolved  .page-title {display: none;}




.page-node-120 h4 {display: none;}
.page-node-120 .fa-minus {display: none;}
.page-node-120 .col2 h3 {padding-bottom: 30px;}

.page-node-312 .page-title {display: none;}
.page-node-312 .out h1 {padding-top: 70px;}
.page-node-312 .out h2 {font-size: 56pt;color: #f1f1f1;}
.page-node-312 .memo{width: 80%;margin: 0 auto;}
.page-node-312 .memopic {width: 30%;margin: 0 auto;}
.page-node-312 .memo img {width: 350px;text-align: center;}
.page-node-312 .memotxt {width: 80%;margin: 0 auto;padding: 50px 0;}
.page-node-312 .memotxt p{margin-bottom: 1.6em;color: #1a1a1a;text-align: left;}



.meta{
display: none;}


.news{ text-align:center; font-size:11pt; font-weight:normal;transition: 0.5s;border: 1px solid #d3d7d9; min-height: 450px;background-color: #FFFFFF;width: 265px;max-width: 265px;}


.news:hover {transform: translateY(-15px);}
.news img{width:250px; height:200px;  text-align:center;border-radius: 5px;max-width: 250px;}
.news img:hover {	opacity: 1;transition:1s;}
.news h6 a{ font-size:15pt; color: #021c42;font-family: "Bungee", sans-serif;}

.news h6 {font-size: 15pt;margin-top: 10px;text-align: left;margin-left: 40px;}
.news h2 { font-size:20pt;}
.news h3{font-size:15pt; color:#021c42;font-family: "Bungee", sans-serif;padding-bottom: 50px;border-bottom: 1px solid #E7E2E3;width: 80%;margin: 0 auto;text-align: left;}
.news h3 a {color: #021c42;max-height: 50px;overflow-y: hidden;}
.news h3 a:hover {text-decoration: none;}
.news h3 p{padding:10px 0}
.news h4 {font-size: 14pt;text-align: left;color: #1a1a1a;opacity: 0.8;padding:20px 0 15px 0;width: 80%;margin: 0 auto;font-family: "Nunito", serif;}
.news h5 a{font-size: 14pt;text-align:left;color: #1a1a1a;font-family: "Nunito", serif;transition: 0.3;}
.news h5 a:hover{color: #653d99;}
.news h5 {font-size: 14pt;text-align:left;width: 80%;margin: 0 auto;}
.news:hover h1 {opacity: 1;visibility: visible;background-color: #653d99;transform: translateY(-15px);padding: 10px 15px;}


.pagenews{margin: 0 auto;}

.pagenews .quote{padding-left: 20px;font-style: italic;border-left:3px solid #4B4F58;opacity: 0.7;width: 80%;margin: 0 auto;}

.pagenews .quote h3 {font-size: 14pt;text-align: left;line-height: 1.6;}


.pagenews .body{width: 100%;margin: 0 auto;}

.pagenews .orgstory {width: 80%;color: #f2f2f2;display: flex;justify-content: space-evenly;margin: 0 auto;padding: 30px 0;}
.pagenews .orgstory .field-items {display:flex;justify-content: space-around;align-items: start;flex-wrap: wrap;}

.pagenews .orgstory .field-items img{width: 300px;height: auto;padding: 15px 0;}
.pagenews .cut {margin: 0 auto;width: 80%;padding: 50px 0;}
.pagenews .link {background-color: #653d99;padding: 15px 20px;width: 180px;border-radius: 10px;font-family: "Bungee", sans-serif;}
.pagenews .link a{color: #ffffff !important;font-size: 12pt;}
.pagenews .link:hover {transform: scale(1.1);transition: .3s ease-in-out;}

.pageprog {margin: 0 auto;}

.pageprog .orgstory {padding: 50px 0;}




.text img{height: 220px;width: 250px;padding: 0;object-fit: cover;}


.pageprog .swiper-button-next, .swiper-button-prev {color: #000 !important;background-color: #eee;padding: 25px;border-radius: 20px;height: 25px;opacity: .7;}






.policyengagement{ text-align:center; font-size:11pt; font-weight:normal;transition: 0.5s;border: 1px solid #d3d7d9; min-height: 540px;background-color: #FFFFFF;width: 265px;max-width: 265px;}



.policyengagement  .cols-3 td{width: 30%;}
.policyengagement:hover {transform: translateY(-15px);}
.policyengagement  img{ width: 265px;height: 200px;text-align: center;border-radius: 5px;max-width: 265px;}
.policyengagement  img:hover {	opacity: 1;transition:1s;}
.policyengagement  h6 a{ font-size:15pt; color: #021c42;font-family: "Bungee", sans-serif;}

.policyengagement  h6 {font-size: 15pt;margin-top: 10px;text-align: left;margin-left: 40px;}
.policyengagement  h2 { font-size:20pt;}
.policyengagement  h3{font-size:14pt; color:#021c42;font-family: "Bungee", sans-serif;border-bottom: 1px solid #E7E2E3;width: 80%;margin: 0 auto;text-align: left;padding: 50px 0;}
.policyengagement  h3 a {color: #021c42;}
.policyengagement  h3 a:hover {text-decoration: none;}
.policyengagement  h3 p{padding:10px 0}
.policyengagement  h4 {font-size: 14pt;text-align: left;color: #1a1a1a;padding:20px 0 15px 0;width: 80%;margin: 0 auto;font-family: "Nunito", serif;min-height: 30px;}
.policyengagement  h5 a{font-size: 14pt;text-align:left;color: #1a1a1a;font-family: "Nunito", serif;transition: 0.3;}
.policyengagement  h5 a:hover{color: #de3e56;}
.policyengagement  h5 {font-size: 14pt;text-align:left;width: 80%;margin: 0 auto;padding-top: 30px;}
.policyengagement:hover h1 {opacity: 1;visibility: visible;background-color: #f6a298;transform: translateY(-15px);padding: 10px 15px;text-align: left;cursor: pointer;}
.policyengagement:hover h5 a {color: #de3e56;}

















.campaigns{ text-align:center; font-size:11pt; font-weight:normal;transition: 0.5s;border: 1px solid #d3d7d9; min-height: 540px;background-color: #FFFFFF;width: 265px;max-width: 265px;}



.programme{ text-align:center; font-size:11pt; font-weight:normal;transition: 0.5s;border: 1px solid #d3d7d9; min-height: 540px;background-color: #FFFFFF;width: 265px;max-width: 265px;border-radius: 5px;}

.programme .cols-3 td{width: 30%;}
.programme:hover {transform: translateY(-15px);box-shadow: 3px 3px 0 0 #f2f2f2;border-radius: 5px;}
.programme img{width:265px; height:200px;  text-align:center;border-radius: 5px;max-width: 265px;}
.programme img:hover {	opacity: 1;transition:1s;}
.programme h6 a{ font-size:15pt; color: #021c42;font-family: "Bungee", sans-serif;}

.programme h6 {font-size: 15pt;margin-top: 10px;text-align: left;margin-left: 40px;}
.programme h2 { font-size:20pt;}
.programme h3{font-size:15pt; color:#021c42;font-family: "Bungee", sans-serif;padding:30px 0;border-bottom: 1px solid #E7E2E3;width: 80%;margin: 0 auto;text-align: left;}
.programme h3 a {color: #021c42;max-height: 50px;overflow-y: hidden;}
.programme h3 a:hover {text-decoration: none;}
.programme h3 p{padding:10px 0}
.programme h4 {font-size: 14pt;text-align: left;color: #1a1a1a;opacity: 0.8;padding:20px 0 15px 0;width: 80%;margin: 0 auto;font-family: "Nunito", serif;min-height: 80px;}
.programme:hover h1 {opacity: 1;visibility: visible;background-color: #c21717;transform: translateY(-15px);padding: 10px 15px;}

.programme:hover h4 a{color: #c21717 ;}



#bannerprogramme{ color: #fff;background: #021c42;width: 100%;margin: 0 auto;}

#bannerprogramme .page-title h1{display: none;}
#bannerprogramme h2{color: #653d99;width: 70%;margin: 0 auto;padding-top: 100px;text-transform: uppercase;}
#bannerprogramme h2 a {color: #653d99;font-size: 14pt;}

#bannerprogramme .content{ color:#fff;  margin:0 auto; min-height:410px;border: 1px solid #021c42;}



#bannerprogramme .teaser {display: flex;justify-content: space-between;width: 70%;margin: 0 auto;align-items: start;}
#bannerprogramme .teaser .fa-solid {color: #653d99;font-size: 22pt;}
#bannerprogramme .teaser h4 a{font-size: 14pt;color: #ffffff;margin-left: 10px;}
#bannerprogramme .teaser .col1{height:175px;}
#bannerprogramme .teaser .col1 img{height:250px; padding:0px; vertical-align:middle; border-radius:0;max-width: 375px;width: auto;}

#bannerprogramme .teaser .col2{ width:70%;}
#bannerprogramme .teaser .col2 h3{color: #fff;font-size:  2.9rem !important;font-family: "Bungee", sans-serif;width: 60%;}

#bannerprogramme .details h4{color:#000; font-size:18px; padding-bottom:10px; font-weight:normal  }
#bannerprogramme .details h6 a{color:#96215f; font-size:24px; padding-bottom:10px; font-weight:normal  }
#bannerprogramme .details .field-label{ width:15%; float:left; font-weight:bold; }
#bannerprogramme .details .field-items{ width:100%; float:right;}
#bannerprogramme .content .colr{ float:right; width:20%; padding:30px 0}
#bannerprogramme .colr .row{ padding: 3px 5%; margin-bottom:15px; background:#f8ad16; float:right; border-radius:10px; width:90%; color:#000; font-size:22px;   }
#bannerprogramme .colr h2{ color:#96215f; font-size:20px; float: left;}

#block-views-programrelated-block{width: 70%;margin: 0 auto;}
#block-views-programrelated-block

.campaigns{ text-align:center; font-size:11pt; font-weight:normal;transition: 0.5s;border: 1px solid #d3d7d9; min-height: 500px;background-color: #ffffff;width: 265px;max-width: 265px;border-radius: 5px;}

.campaigns .cols-3 td{width: 30%;}
.campaigns:hover {transform: translateY(-15px);}
.campaigns img{ width: 265px;height: 200px;text-align: center;border-radius: 5px;max-width: 265px;}
.campaigns img:hover {	opacity: 1;transition:1s;}
.campaigns h6 a{ font-size:15pt; color: #021c42;font-family: "Bungee", sans-serif;}

.campaigns h6 {font-size: 15pt;margin-top: 10px;text-align: left;margin-left: 40px;}
.campaigns h2 { font-size:20pt;}
.campaigns h3{font-size:14pt; color:#021c42;font-family: "Bungee", sans-serif;border-bottom: 1px solid #E7E2E3;width: 80%;margin: 0 auto;text-align: left;padding: 50px 0;}
.campaigns h3 a {color: #021c42;}
.campaigns h3 a:hover {text-decoration: none;}
.campaigns h3 p{padding:10px 0}
.campaigns h4 {font-size: 14pt;text-align: left;color: #1a1a1a;padding:20px 0 15px 0;width: 80%;margin: 0 auto;font-family: "Nunito", serif;min-height: 30px;}
.campaigns h5 a{font-size: 14pt;text-align:left;color: #1a1a1a;font-family: "Nunito", serif;transition: 0.3;}
.campaigns h5 a:hover{color: #de3e56;}
.campaigns h5 {font-size: 14pt;text-align:left;width: 80%;margin: 0 auto;padding-top: 30px;}
.campaigns:hover h1 {opacity: 1;visibility: visible;background-color: #de3e56;transform: translateY(-15px);padding: 10px 15px;text-align: left;cursor: pointer;}
.campaigns:hover h5 a {color: #de3e56;}



.pagecamp{margin: 0 auto;padding-bottom: 100px;}
.pagecamp .body {font-size: 14px;width: 100%;margin: 0 auto;}
.pagecamp .body p {line-height: 1.6;}
.pagecamp .body h3 {font-size: 15px;}
.pagecamp .orgstory {width: 100%;margin: 0 auto;padding: 30px 0;}



#bannercampaigns{ color: #fff;background: #021c42;width: 100%;margin: 0 auto;}

#bannercampaigns .page-title h1{display: none;}
#bannercampaigns h2{color: #de3e56;margin: 0 auto;padding-top: 100px;text-transform: uppercase;width: 70%;}
#bannercampaigns h2 a {color: #de3e56;font-size: 14pt;}

#bannercampaigns .content{ color:#fff; width: 100%; margin:0 auto; min-height:410px;border: 1px solid #021c42;}


#bannercampaigns .teaser {display: flex;justify-content: space-between;margin: 0 auto;width: 70%;align-items: start;}
#bannercampaigns .teaser .fa-solid {color: #de3e56;font-size: 14pt;direction: rtl;}
#bannercampaigns .teaser h4 {font-size: 12pt;}
#bannercampaigns .teaser .col1{height:175px;line-height: 175px;}
#bannercampaigns .teaser .col1 img{height: 250px; padding:0px; vertical-align:middle; border-radius:0;max-width: 375px;width: auto;}

#bannercampaigns .teaser .col2{ width:70%;}
#bannercampaigns .teaser .col2 h3{color: #fff;font-size:  2.9rem !important;font-family: "Bungee", sans-serif;width: 52%;}

#bannercampaigns .details h4{color:#000; font-size:18px; padding-bottom:10px; font-weight:normal  }
#bannercampaigns .details h6 a{color:#96215f; font-size:24px; padding-bottom:10px; font-weight:normal  }
#bannercampaigns .details .field-label{ width:15%; float:left; font-weight:bold; }
#bannercampaigns .details .field-items{ width:100%; float:right;}
#bannercampaigns .content .colr{ float:right; width:20%; padding:30px 0}
#bannercampaigns .colr .row{ padding: 3px 5%; margin-bottom:15px; background:#f8ad16; float:right; border-radius:10px; width:90%; color:#000; font-size:22px;   }
#bannercampaigns .colr h2{ color:#96215f; font-size:20px; float: left;}


.pagecamp .video {width: 100%;margin: 0 auto;text-align: center;}
.pagecamp .video h2{font-size: 16px;text-align: center;}







.Resource{ text-align:center; font-size:11pt; font-weight:normal;transition: 0.5s;border: 1px solid #d3d7d9; min-height: 500px;background-color: #FFFFFF;width: 265px;max-width: 265px;}

.Resource .cols-3 td{width: 30%;}
.Resource:hover {transform: translateY(-15px);}
.Resource img{width:265px; height:200px;  text-align:center;border-radius: 5px;max-width: 265px;}
.Resource img:hover {	opacity: 1;transition:1s;}
.Resource h6 a{ font-size:15pt; color: #021c42;font-family: "Bungee", sans-serif;}

.Resource h6 {font-size: 15pt;margin-top: 10px;text-align: left;margin-left: 40px;}
.Resource h2 { font-size:20pt;}
.Resource h3{font-size:15pt; color:#021c42;font-family: "Bungee", sans-serif;padding-bottom: 50px;border-bottom: 1px solid #E7E2E3;width: 80%;margin: 0 auto;text-align: left;padding-top: 50px;}
.Resource h3 a {color: #021c42;}
.Resource h3 a:hover {text-decoration: none;}
.Resource h3 p{padding:10px 0}
.Resource h4 {font-size: 14pt;text-align: left;color: #1a1a1a;padding:20px 0 15px 0;width: 80%;margin: 0 auto;font-family: "Nunito", serif;}
.Resource h5 a{font-size: 14pt;text-align:left;color: #1a1a1a;font-family: "Nunito", serif;transition: 0.3;}
.Resource h5 a:hover{color: #96215f;}
.Resource h5 {font-size: 14pt;text-align:left;width: 80%;margin: 0 auto;}



.pagenews .orgstory a{color: #ffffff;}
.pagenews .orgstory .org{padding: 50px 0;}
.pagenews .orgstory .org h3 {font-size: 14pt;}
.pagenews .orgstory .org img{width: 150px;height: auto;padding-left: 30px;}
.pagenews a{color: #fdcf01 !important;}

.intro {height: 100px;width: 250px;box-sizing: border-box;position: absolute;top: 150px;}
.intro h1 {font-size: 12pt;opacity: 0;color: #ffffff;transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);}



.intro h1 .tax-decor {position: absolute;right: -15px;height: 100% !important;width: auto;top: 0;}



.Resource:hover h1 {opacity: 1;visibility: visible;background-color: #021c42;transform: translateY(-15px);padding: 10px 15px;}

.you {display: flex;justify-content: space-around;align-items: baseline;padding: 50px 0;}
.you h2 {font-size: 16pt;color: #021c42;font-family: "Nunito", serif;text-align: center;font-weight: 500;}

#bannerresource{ color: #fff;background: #021c42;width: 100%;margin: 0 auto;}

#bannerresource .page-title h1{display: none;}
#bannerresource h2{color: #fdcf01;width: 70%;margin: 0 auto;padding-top: 100px;text-transform: uppercase;font-size: 14pt;}
#bannerresource h2 a {color: #fdcf01;font-size: 14pt;}

#bannerresource .content{ color:#fff;  margin:0 auto; min-height:410px;border: 1px solid #021c42;}




#bannerresource .teaser {display: flex;justify-content: space-between;width: 70%;margin: 0 auto;align-items: start;}
#bannerresource .teaser .fa-solid {color: #653d99;font-size: 22pt;padding-right: 10px;}
#bannerresource .teaser .fa-calendar-days{color: #ffffff;font-size: 22pt;padding-right: 10px;}
#bannerresource .teaser h4 {font-size: 14pt;}
#bannerresource .teaser .col1{height:175px; line-height:175px;}
#bannerresource .teaser .col1 img{height:250px; padding:0px; vertical-align:middle; border-radius:0; width: auto;max-width: 375px;}

#bannerresource .teaser .col2{ width:75%;}
#bannerresource .teaser .col2 h3{color: #fff;font-size:  2.9rem !important;font-family: "Bungee", sans-serif;width: 52%;}

#bannerresource .details h4{color:#000; font-size:18px; padding-bottom:10px; font-weight:normal  }
#bannerresource .details h6 a{color:#96215f; font-size:24px; padding-bottom:10px; font-weight:normal  }
#bannerresource .details .field-label{ width:15%; float:left; font-weight:bold; }
#bannerresource .details .field-items{ width:100%; float:right;}
#bannerresource .content .colr{ float:right; width:20%; padding:30px 0}
#bannerresource .colr .row{ padding: 3px 5%; margin-bottom:15px; background:#f8ad16; float:right; border-radius:10px; width:90%; color:#000; font-size:22px;   }
#bannerresource .colr h2{ color:#96215f; font-size:20px; float: left;}


#block-views-publicationreport-block {background: #021c42;color: #fff;padding: 50px 0;}
#block-views-publicationreport-block a {color: #fff;}

.publicationreport {display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;width: 70%;margin: 0 auto;}
.publicationreport h2 {font-size: 18pt;}
.publicationreport h3 {font-size: 16pt;}
.publicationreport .coll {width: 40%;}
.publicationreport .colr{width: 60%;display: flex;flex-direction: column;}

.getinvolved{ text-align:center; font-size:11pt; font-weight:normal;transition: 0.5s;border: 1px solid #f2f2f2; min-height: 500px;background-color: #FFFFFF;}


.getinvolved:hover {transform: translateY(-15px);}
.getinvolved img{width:265px; height:200px;  text-align:center;border-radius: 5px;max-width: 265px;}
.getinvolved img:hover {	opacity: 1;transition:1s;}
.getinvolved h6 a{ font-size:15pt; color: #653d99;font-family: "Bungee", sans-serif;}

.getinvolved h6 {font-size: 15pt;margin-top: 10px;text-align: left;margin-left: 40px;}
.getinvolved h2 { font-size:20pt;}
.getinvolved h3{font-size:15pt; color:#021c42;font-family: "Bungee", sans-serif;border-bottom: 1px solid #E7E2E3;width: 80%;margin: 0 auto;text-align: left;padding: 15px 0;min-height: 90px;}
.getinvolved h3 a {color: #021c42;}
.getinvolved h3 a:hover {text-decoration: none;}
.getinvolved h3 p{padding:10px 0}
.getinvolved h4 {font-size: 14pt;text-align: left;color: #1a1a1a;padding:10px 0 5px 0;width: 80%;margin: 0 auto;font-family: "Nunito", serif;min-height: 70px;}
.getinvolved h5 a{font-size: 14pt;text-align:left;color: #1a1a1a;font-family: "Nunito", serif;transition: 0.3;}
.getinvolved h5 a:hover{color: #653d99;}
.getinvolved h5 {font-size: 14pt;text-align:left;width: 80%;margin: 0 auto;padding-top: 15px;}

.getinvolved:hover h1 {opacity: 1;visibility: visible;background-color: #653d99;transform: translateY(-15px);padding: 10px 15px;}
.getinvolved:hover h5 a{color: #653d99;}

#bannerget{ color: #fff;background: #021c42;width: 100%;margin: 0 auto;}

#bannerget .page-title h1{display: none;}
#bannerget h2{color: #653d99;margin: 0 auto;padding-top: 100px;text-transform: uppercase;font-size: 14pt;width: 80%;}
#bannerget h2 a {color: #653d99;font-size: 14pt;}

#bannerget .content{ color:#fff; width: 100%; margin:0 auto; min-height:410px;border: 1px solid #021c42;}




#bannerget .teaser {display: flex;justify-content: start;margin: 0 auto;width: 80%;}
#bannerget .teaser .fa-solid {color: #653d99;font-size: 22pt;padding-right: 10px;}
#bannerget .teaser .fa-calendar-days{color: #ffffff;font-size: 22pt;padding-right: 10px;}
#bannerget .teaser h4 {font-size: 14pt;}
#bannerget .teaser .col1{}
#bannerget .teaser .col1 a {color: #fff;font-size: 18pt;font-family: "Bungee", sans-serif;background-color: #653d99;padding: 5px 10px;}
#bannerget .teaser .col1 img{height:250px; padding:0px; vertical-align:middle; border-radius:0; margin-top: 200px;margin-right: 200px;width: auto;}

#bannerget .teaser .col2{ width:75%;}
#bannerget .teaser .col2 h3{color: #fff;font-size: 24pt;font-family: "Bungee", sans-serif;width: 60%;}

#bannerget .details h4{color:#000; font-size:18px; padding-bottom:10px; font-weight:normal  }
#bannerget .details h6 a{color:#96215f; font-size:24px; padding-bottom:10px; font-weight:normal  }
#bannerget .details .field-label{ width:15%; float:left; font-weight:bold; }
#bannerget .details .field-items{ width:100%; float:right;}
#bannerget .content .colr{ float:right; width:20%; padding:30px 0}
#bannerget .colr .row{ padding: 3px 5%; margin-bottom:15px; background:#f8ad16; float:right; border-radius:10px; width:90%; color:#000; font-size:22px;   }
#bannerget .colr h2{ color:#96215f; font-size:20px; float: left;}

.pageget span.date-display-single{font-size: 18px !important; }

.pageget{display: flex;padding:15px 0px;margin: 0 auto;justify-content: space-around;}

.pageget .body {width: 100%;}

.pageget .body ul li {padding-left: 20px;padding-top: 0;}
.pageget .body li {font-family: "Nunito", serif;line-height: 1.6;font-size: 14pt;}

.pageget .quote {width: 25%;border-left:3px solid #e4e4e4;padding-left: 20px;height: 400px;}
.pageget .quote h3{font-family: "Nunito", serif;line-height: 1.6;font-size: 14pt;}


.acc {padding: 50px  0;}
.access {background-color: #fdcf01;padding: 5px 10px;border: 1px solid #fdcf01;max-width: 14%;display: inline-block;text-align: center; box-shadow: 3px 3px 0 0 #1a1a1a30;}
.access a {color: #ffffff !important;font-size: 14pt;font-family: "Bungee", sans-serif;transition: 0.2s ease-in-out;}
.access:hover {transform: scale(1.05, 1.05);}







.owl-carousel {width: 80% !important;margin: 0 auto;}


  .owl-nav button {
	position: absolute;
	top: 30%;
	background-color: #000;
	color: #fff;
	margin: 0;
	transition: all 0.3s ease-in-out;
  }
  .owl-nav button.owl-prev {
	left: 0;
  }
  .owl-nav button.owl-next {
	right: 0;
  }
  
  .owl-dots {
	text-align: center;
	padding-top: 15px;
  }
  .owl-dots button.owl-dot {
	width: 15px;
	height: 15px;
	border-radius: 50%;
	display: inline-block;
	background: #ccc;
	margin: 0 3px;
  }
  .owl-dots button.owl-dot.active {
	background-color: #000;
  }
  .owl-dots button.owl-dot:focus {
	outline: none;
  }
  .owl-nav button {
	  position: absolute;
	  top: 30%;
	  transform: translateY(-50%);
	  background: rgba(255, 255, 255, 0.38) !important;
  }

  .owl-nav button:focus {
	  outline: none;
  }
   .owl-item {
	height: 600px !important; /* Adjust this value as needed */
	display: flex;
  }
  .item {text-align: left;
	height: 400px;
	  width: 100%;
  }








#banner{ width:100%;margin:0 auto; clear:both; margin-bottom:30px;   }
#container {width: 100% !important;margin: 0 auto;}
#content {width: 100%;margin: 0 auto;}

ul {margin-bottom:12px; list-style:none; list-style-type:none; padding:0; }
ul li {margin-top:10px; text-align:left; line-height:1.3; padding-top:20px;  padding-left:12px; font-weight:400}
.coll:hover, .colc:hover, .colr:hover{ transition: 0.7s;}
.col1l:hover, .col1c:hover, .col1r:hover, .col2l:hover, .col2c:hover, .col2r:hover{ opacity:0.2; cursor:pointer; transition: 0.3s;}


.cols-4 tr {display: flex;justify-content: space-between;flex-wrap: wrap;}
.cols-3 tr {display: flex;justify-content: space-between;flex-wrap: wrap;}
.cols-3 tr td {width: 24%;text-align: center;}



/* ######### CSS for Shade Tabs. Remove if not using ######### */

.counterytabcontent { border:2px solid #c21717; padding:10px 10px; width:96% }
.shadetabs{ padding: 6px 0;margin-left: 0; margin-top: 1px;margin-bottom:2px;font: bold 12px Verdana;list-style-type: none; clear:left; }
.shadetabs li{ display:inline-flex;text-align:center;margin-right:2px; background:none; padding-left:0;transition: 0.5s ease-in-out}
.shadetabs li a{text-decoration: none;position: relative;z-index: 1;padding: 7px 30px;color: #fff;background:#c21717;font-size: 18px;font-weight:normal;margin: 0 ;border-radius: 10px 10px 0 0; border-bottom:2px #c21717 solid  ; }
.shadetabs li a:visited{color:rgba(255, 255, 255);}
.shadetabs li a:hover{ background-color:#ffffff;color:#c21717; border:2px #c21717 solid ; }
.shadetabs li a.selected{ position: relative;top: 1px; border:2px #c21717 solid ;padding: 15px 35px 7px 35px;color: #c21717;background: transparent;transform: scale(1.1);}

.shadetabs li a.selected:hover{background-color:#c21717;text-decoration: none;color:#777;}




  
 

 
  
  @keyframes imageHoverEffect {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0.3;
    }
  }
  
  
#bannerorg{  margin-top:0px;color: #fff;background: #021c42;}
#bannerorg .node{ padding:0; border:none; background:none; box-shadow:none; text-align:left }
#bannerorg .content{ color:#fff; width: 100%; margin:0 auto; min-height:410px;border: 1px solid #021c42;}
#bannerorg .content .coll{ width:70%; margin: 0 auto;}
#bannerorg h2{color: #653d99;margin: 0 auto;padding-top: 100px;text-transform: uppercase;}
#bannerorg h2 a {color: #653d99;font-size: 14pt;}
#bannerorg .dep{font-weight: 700;font-size: 12pt;width: 45%;}
#bannerorg .teaser {display: flex;justify-content: space-between;flex-direction: row-reverse;align-items: start;}
#bannerorg .teaser .col1{ text-align:center; }
#bannerorg .teaser .col1 img{ padding:0px; vertical-align:middle; display:inline; border-radius:0; }
#bannerorg .teaser .col2 img{ height:35px; width:50px;}
#bannerorg .teaser .col2{float:right; width:70%;}
#bannerorg .teaser .col2 h3{color: #fff;font-size: 24pt;font-family: "Bungee", sans-serif;width: 60%;margin: 0;}
#bannerorg .details{ margin-bottom:3px;}
#bannerorg .details h4{color:#000; font-size:18px; padding-bottom:10px; font-weight:normal  }
#bannerorg .details h6 a{color:#96215f; font-size:24px; padding-bottom:10px; font-weight:normal  }
#bannerorg .details .field-label{ width:15%; float:left; font-weight:bold; }
#bannerorg .details .field-items{ width:100%; float:right;}
#bannerorg .content .colr{ float:right; width:20%; padding:30px 0}
#bannerorg .colr .row{ padding: 3px 5%; margin-bottom:15px; background:#f8ad16; float:right; border-radius:10px; width:90%; color:#000; font-size:22px;   }
#bannerorg .colr h2{ color:#96215f; font-size:20px; }








.node-type-member .page-title {display: none;}

.node-type-campaigns .page-title {display: none;}

.node-type-programme .page-title {display: none;}

.node-type-news .page-title {display: none;}

.node-type-resource .page-title {display: none;}

#bannernews{ color: #fff;background: #021c42;width: 100%;margin: 0 auto;}

#bannernews .page-title h1{display: none;}
#bannernews h2{color: #653d99;margin: 0 auto;padding-top: 100px;text-transform: uppercase;width: 70%;font-size: 14pt;}
#bannernews h2 a {color: #653d99;font-size: 14pt;}

#bannernews .content{ color:#fff;  margin:0 auto; min-height:410px;border: 1px solid #021c42;}


#bannernews .teaser {display: flex;justify-content: space-between;width: 70%;margin: 0 auto;align-items: start;}
#bannernews .teaser .fa-solid {color: #653d99;font-size: 22pt;}
#bannernews .teaser h4 {font-size: 14pt;}
#bannernews .teaser .col1{height:175px; line-height:175px;width: 22%;}
#bannernews .teaser .col1 img{height:250px; padding:0px; vertical-align:middle; border-radius:0;max-width: 375px;width: auto;}

#bannernews .teaser .col2{ width:75%;}
#bannernews .teaser .col2 h3{color: #fff;font-size: 24pt;font-family: "Bungee", sans-serif;width: 52%;}

#bannernews .details h4{color:#000; font-size:18px; padding-bottom:10px; font-weight:normal  }
#bannernews .details h6 a{color:#96215f; font-size:24px; padding-bottom:10px; font-weight:normal  }
#bannernews .details .field-label{ width:15%; float:left; font-weight:bold; }
#bannernews .details .field-items{ width:100%; float:right;}
#bannernews .content .colr{ float:right; width:20%; padding:30px 0}
#bannernews .colr .row{ padding: 3px 5%; margin-bottom:15px; background:#f8ad16; float:right; border-radius:10px; width:90%; color:#000; font-size:22px;   }
#bannernews .colr h2{ color:#96215f; font-size:20px; float: left;}



.pagenews .body p{font-family: "Nunito", serif;font-size: 12pt;text-align: left;color: #1a1a1a;line-height: 1.6;margin: 0 auto;text-align: justify;}





















.glossymenu{padding:0;width:100%; margin:0 auto; border:none}
.glossymenu img{  }
.glossymenu h2{ margin:0;}
.glossymenu .rtejustify {padding:0;}
.glossymenu .rtejustify p {padding: 10px;}
.glossymenu a.menuitem{display: block;position: relative;width: auto;padding: 20px 10px;text-decoration: none;  color: #000000;text-transform: uppercase;border-top: 1px solid #cfcfcf;border-bottom: 1px solid #cfcfcf;font-size: 16px;float: none;opacity: 1;}
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{}
.glossymenu a.menuitem .statusicon{position: absolute;right: 5px;border: none;}
.glossymenu a.menuitem:hover{background-color: #f8ad1642;opacity: .7;}
.glossymenu div.submenu{ 
/*DIV that contains each sub menu*/
background: white;}
.glossymenu div.submenu ul{ 
/*UL of each sub menu*/
list-style-type: none;margin: 0;padding: 0;}
.glossymenu div.submenu ul li{}
.glossymenu div.submenu ul li a{}
.glossymenu div.submenu ul li a:hover{}



  
  
  

.donate{background-color: #fff;width: 10%;text-align: center;margin: 0 auto;height: auto;padding: 20px 5px;}
.donate a {color: #021c42;text-align: center;font-size: 12pt;font-family: "Bungee", sans-serif;}


.page-node-113 .page-title{display: none;}
.page-node-131 .page-title{display: none;}
.page-node-123 .page-title{display: none;}
.page-node-115 .page-title{display: none;}
.page-node-161 .page-title{display: none;}
.page-node-143 .page-title{display: none;}
.page-node-153 .page-title{display: none;}
.page-node-154 .page-title{display: none;}
.page-node-250 .page-title{display: none;}

.page-node-19 {width: 80;}


.page-node-113 {width: 100%;margin: 0 auto;line-height: 1.6;}

.page-node-113 #container {max-width: 100% !important;}

.page-node-113 .column{display: flex;justify-content: space-between;align-items: center;margin: 0 auto;width: 70%}
.page-node-113 .column .col1{width: 100%;padding: 25px;}
.page-node-113 .column .col1 img{height: 350px;width: 100%;}
.page-node-113 .column .col2 {width: 100%;text-align: justify;font-weight: 300;font-family: Helvetica, sans-serif;font-size: 14pt;}


.page-node-113 .coltext{display: flex;justify-content: space-between;align-items: baseline;margin: 0 auto;flex-wrap: wrap;width: 70%}
.page-node-113 .coltext h2{font-size: 16pt;text-align: left;color: #1a1a1a;font-weight: 700;padding-bottom: 25px;}
.page-node-113 .coltext1 {width: 30%;font-size: 14pt;font-weight: 300;text-align: left;word-spacing: 2px;}



.page-node-113 .swipe #container {width: 100% !important;}

.page-node-113 .swipe {background-color: #021c42;width: 100% !important;padding: 50px;color: #f2f2f2;}

.page-node-113 .swipe h2 {font-size: 14pt;color: #f2f2f2;text-transform: capitalize;font-weight: 700;}

.page-node-113 .swiper-wrapper {background-color: #021c42;
 
  height: 100%;
}
.page-node-113 .main-teaser {
  position: relative;
  
}

.page-node-113 .main-teaser__slide-item {
  display: flex;

  justify-content: center;
  position: relative;transition: 0.5s;padding-bottom: 50px;width: 18% !important;
}



.page-node-113 .main-teaser__headline-wrapper {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 12px;
  position: absolute;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.page-node-113 .main-teaser__headline {
  margin: 0;
  padding: 0 6px;
  z-index: 10;
}

.page-node-113 .main-teaser__headline-text {
  font-size: 18px;
  line-height: 42px;

  background-color: #021c42;
  box-shadow: 0 0 0 6px #021c42;
  color: white;
  font-weight: 700;
  text-transform: uppercase;
}

/* scrollbar */

.page-node-113 .swiper-scrollbar.swiper-scrollbar-horizontal {
  background-color: #021c42;
  border-radius: 0.375rem;
  height: 10px;
  left: 0;
  margin-top: 32px;
  width: 100%;bottom: 0;
}

.page-node-113 .swiper-scrollbar-drag {background: #EAEAEA !important;}

.page-node-113 .text {color: #fff;padding: 50px 0;}

.page-node-113 .text p {max-width: 90%;text-align: center;display: flex;min-height: 280px;flex-wrap: wrap;font-size: 12pt;line-height: 1.3;}

.page-node-113  .text .cent{width: 80%;margin: 0 auto;}
.page-node-113  .text h2{background: #653d99;border: 1px solid #653d99;border-radius: 80px;text-align: center;padding: 10px 15px;width: 60%;min-height: 30px;margin: 0 auto;}


/*.page-node-113  .text h2::after{position: absolute;
    content: "";
    background-color: #de3e56;
    background-color: #653d99;
    height: 2px;
    width: 300px;
    left:24%;
    top:50%;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;}
    */

.page-node-113  .guide{display: flex;justify-content: space-between;align-items: center;width: 80%;margin: 0 auto;padding: 30px;}

.page-node-113  .guide ul li { background: url(images/fblack.png) left top no-repeat ;padding-left: 20px;padding-top: 0;line-height: 1.6;word-spacing: 2px;}


.page-node-113  .guide1 {width: 60%;font-size: 14pt;margin: 0 auto;}

.page-node-113  .guide1 h2 {padding-bottom: 30px;text-align: left;}

.page-node-113  .guide2 {width: 30%;}

.page-node-113  .guide2 img {width: 300px;height: auto;}


.page-node-113 .history{margin: 0 auto;padding: 25px;width: 70%;}

.page-node-113 .history h2{font-weight: 700;color: #1a1a1a;padding-bottom: 20px;}

.page-node-113 .history p{line-height: 1.6;font-size: 14pt;text-align: left;word-spacing: 2px;}






.page-node-122 .coltext{display: flex;justify-content: space-between;padding: 50px 0;margin: 0 auto;flex-wrap: wrap;}




.page-node-122 .coltext h2{font-size: 18pt;color: #021c42;font-family: "Bungee", sans-serif;}

.page-node-122 .coltext1 h3 a{font-family: "Nunito", serif;color: #021c42;font-size: 14pt;font-weight: 600;}

.page-node-122 .coltext1 h3 a:hover {color: #653d99;}

.page-node-122 .col{padding-bottom: 100px;}



.page-node-122 .content ul li {background: url(images/symboll.png) left top no-repeat;margin-bottom: 10px;text-align: left;line-height: 1;padding-top: 0px;padding-left: 25px;}


.page-node-144 .btn {padding: 30px 0 !important;}
.page-node-144 .btn a {background-color: #653d99;color: #fff;border: 1px solid #fff;border-radius: 10px;padding: 15px 10px;font-family: "Bungee", sans-serif;font-size: 14pt;width: 150px;}
.page-node-144 .btn:hover {transform: scale(1.1);transition: .3s ease-in-out;}
.page-node-144 .btn:hover a{list-style: none;text-decoration: none;}



.page-node-318 #event {text-align: center;padding: 30px 0;font-family: "Nunito", serif;}
.page-node-318 #event h2 {font-family: "Bungee", sans-serif;text-transform: uppercase;}
.page-node-318 .button {display: flex;justify-content: space-between;flex-wrap: wrap;align-content: center;padding: 30px 0;}
.page-node-318 .btn {padding: 30px 0;}
.page-node-318 .btn a {background-color: #653d99;color: #fff;border: 1px solid #fff;border-radius: 10px;padding: 15px 10px;font-family: "Bungee", sans-serif;font-size: 14pt;width: 150px;}

.page-node-318 .btn:hover {transform: scale(1.1);transition: .3s ease-in-out;}

.page-node-318 .btn:hover a{list-style: none;text-decoration: none;}






#block-views-block-block .content{margin: 0 auto;padding: 50px 0;}

#block-views-block-block h2{text-align: left;margin: 0 auto;padding: 50px 0;}

#block-views-block-block-1 .content{margin: 0 auto;padding: 50px 0;}

#block-views-block-block-1 h7{width: 100%;text-align: center;margin: 0 auto;}
#block-views-block-block-1 h2{text-align: left;margin: 0 auto;}
#block-views-block-block-1 .member .field-name-field-department {display: none;}


#block-views-block-block-2 .content{margin: 0 auto;padding: 50px 0;}

#block-views-block-block-2 h7{width: 100%;text-align: left;margin: 0 auto;}
#block-views-block-block-2 h2{text-align: left;margin: 0 auto;}
#block-views-block-block-2 .member h4 {display: none;}

#block-views-news-block .content{margin: 0 auto;padding: 50px 0;width: 70%;}



#block-views-programme-block .content{margin: 0 auto;padding: 50px 0;}

#block-views-programme-block h2{width: 100%;text-align: center;margin: 0 auto;}


#block-block-12 .view-content{width: 100%;overflow-y: hidden;overflow-x: visible;min-height:650px;}
#block-block-12 .node-teaser{text-align:center;display:inline-block;max-height:425px;width:265px;max-width:265px;margin-right: 30px;float: left;}




#block-views-resource-block-1 .content{margin: 0 auto;padding: 50px 0;}

#block-views-resource-block-1 h2{width: 100%;text-align: center;margin: 0 auto;}



#block-views-programrelated-block .content{margin: 0 auto;padding: 50px 0;}

#block-views-programrelated-block h2{text-align: left;margin: 0 auto;}

#block-views-campaigns-block .content{margin: 0 auto;padding: 50px 0;}

#block-views-campaigns-block h2{width: 100%;text-align: left;margin: 0 auto;}



#block-views-getinvolved-block .content{margin: 0 auto;padding: 50px 0;}

#block-views-getinvolved-block h2{width: 100%;text-align: center;margin: 0 auto;}


#block-views-resourcerelated-block .content{margin: 0 auto;padding: 50px 0;width: 80%;}
#block-views-resourcerelated-block h2{width: 100%;text-align: left;margin: 0 auto;padding: 25px 0;}

#block-views-resourcerelated-block .cols-3 tr td {width: 21%;}


.pageprog .video {width: 100%;margin: 0 auto;text-align: center;}
.pageprog .video h2{font-size: 16px;text-align: center;}

.body .button {display: flex;flex-wrap: wrap;justify-content: space-around;}
.body .button .iframe{width: 40%;}



.pagemember .body h3 {font-size: 18px;font-family: "Nunito", serif;line-height: 1.6;margin: 0 auto;}


#country1{display: none;}

.page-node-153 .policy {min-height: 500px;margin: 0 auto;padding: 50px;}


.page-node-153 .net{display: flex;flex-wrap: wrap;justify-content: space-between;}
.page-node-153 .net1 {width: 20%;}
.page-node-153 .net2 {font-size: 14pt;line-height: 1.6;padding-left: 10px;width: 80%;}

.column {position: relative;}
.col {position: relative;}
.out h1{color: #fff;font-size: 35pt;text-align: center;font-family: "Bungee", sans-serif;padding-top: 70px;width: 500px;margin: 0 auto;}
.out h2 {color: #f8ad16;font-size: 36px;text-align: center;font-family: "Bungee", sans-serif;font-weight: 800;text-transform: uppercase;}
.out{background-color: #021c42;height:400px;width: auto;}

.cover_sd {position: absolute;top:65%;left: 0;width: 100%;overflow: hidden;line-height: 0;margin: 20px 0;}


.page-node-313 .out h1 {width: 800px !important;}



#block-block-2{ width:100% !important;  background: #021c42; padding: 50px 0;}
#block-block-2 .collu {position: relative;display: block;}
.svg{position: absolute;bottom: 0;left: 0;width: 100%;height: 400px;margin-top: -65px;}

.not-front .svg{display: none;}




#block-block-2 h2 { color:#f7f7f7;margin-bottom: 20px;}
#block-block-2 .content{  margin:0 auto;width: 100%;height: auto;}


#block-block-2 ul li { list-style:none;display: inline; padding-right: 10px;}

#block-block-2 .content .fcol{ display: flex;justify-content: space-between;align-items: center;margin: 0 auto;width: 80%;}

.webform-client-form-257 .webform-component-textfield{float: left;width: 35%;margin: 0;}
.webform-client-form-257 .webform-component-textfield input{width: 300px;height: 40px;border: 1px solid #653d99;background-color: #021c42;color: #ffffff;}

.webform-client-form-257 .webform-submit {background-color: #021c42;color: #fff;height:auto;width: 10%;font-family: "Bungee", sans-serif;font-size: 15pt;}

.webform-client-form-257 .webform-submit:hover {transition: 0.3s; transform: scale(1.1);  box-shadow: 0 0 0 6px #021c42;}


#block-block-2 .fcol1 {width: 70%;}
#block-block-2 .fcol2 {width: 30%;}

#block-block-2 .link {padding-bottom: 30px;text-transform: uppercase;}
#block-block-2 a {text-decoration: none;color: #ffffff;font-size: 12pt;position: relative;display: inline-block;font-weight: 300;}
#block-block-2 a:hover{color: #653d99;}
#block-block-2 .link  a::after {content: '';position: absolute;left: 50%;bottom: -5px; /* Adjust based on the font size */width: 0;height: 3px;background-color: #653d99;transform: translateX(-50%);transition: width 0.2s ease;}
#block-block-2 .link  a:hover::after {width: 100%;}





#block-block-3 {width:100%; margin:0px auto;background-color:#ffffff}
#block-block-3 .content {width: 70% !important;margin: 0 auto;}

#block-block-3 .swiper-wrapper {width: 100%;margin: 0 auto;height: 100%;}

#block-block-3 .main-teaser {position: relative;width: 100%;}

#block-block-3 .main-teaser__slide-item {display: flex;flex-direction: column;justify-content: center;position: relative;transition: 0.5s;padding-bottom: 10px;}
#block-block-3 .main-teaser__slide-item:hover {transform: translateY(-15px);}


#block-block-3 .main-teaser__headline-wrapper { align-items: center;display: flex;justify-content: center;padding: 12px;position: absolute;height: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);}

#block-block-3 .main-teaser__headline {margin: 0;padding: 0 6px;z-index: 10;}

#block-block-3 .main-teaser__headline-text {font-size: 18px; line-height: 42px;background-color: #021c42; box-shadow: 0 0 0 6px #021c42; color: white; font-weight: 700;text-transform: uppercase;}

/* scrollbar */

#block-block-3 .swiper-scrollbar.swiper-scrollbar-horizontal {background-color: #021c42;border-radius: 0.375rem;height: 10px;left: 0;margin-top: 32px;width: 100%;bottom: 0;}

.swiper-scrollbar-drag {background: #d3d7d9 !important;}

#block-block-3 .box {width: 280px;height: 470px;border:1px solid #021c42 ;background-color: #fff;text-align: center;text-decoration: none;transition: .5s;}



#block-block-3 .box .pic img{width: 280px;height: 200px;background-size: cover;}
#block-block-3 .box h2 {font-size: 14pt;color: #021c42;text-decoration: none;font-family: "Bungee", sans-serif;text-transform: uppercase;line-height: 1.6;font-weight: 400;margin-bottom: 20px;padding: 20px 0;}
#block-block-3 .box h3{font-size: 14pt;color: #021c42;text-decoration: none;}
#block-block-3 .box h4{font-size: 14pt;color: #021c42;text-decoration: none;}

#block-block-3 .box .intro {height: 100px;width: 280px;box-sizing: border-box;position: absolute;color: #f2f2f2;bottom: 180px;}
#block-block-3 .box .intro h1 {font-size: 12pt;opacity: 0;transition: 0.5s;}


#block-block-3 .box:hover h1 {opacity: 1;visibility: visible;background-color: #021c42;transform: translateY(-15px);padding: 10px 15px;}









#block-block-4 {background-color:rgba(255, 255, 255); padding: 0;width: 100%; margin-top: 75px;line-height: 1.8;}
#block-block-4 .content{margin:0px auto;}
#block-block-4 .content p{font-size: 32px;font-weight: 600;color: #c21717;text-align: center;}
#block-block-4 table{ margin:0px}
#block-block-4 td{ margin-bottom:0px }
#block-block-4 tr{ border-bottom:0px}
#block-block-4 .content ul  {background-color:#c21717;}
#block-block-4 .content ul li { margin:0 auto; padding:0;background-color: #ffffff;}
#block-block-4 h3{ font-size:32px; color:#c21717; text-align:center; width:320px; margin:-30px auto 0px auto; padding-bottom:25px;    }
#block-block-4 h4{text-align: center;color: #c21717;}
#block-block-4 .cols-3 tr {display: flex;flex-wrap: wrap;justify-content: space-between;text-align: center;}
#block-block-4 .cols-3 tr td {width: 100%;padding: 0;}

#block-block-6 .content{width: 90%; margin:0 auto;height: 550px;padding-top: 30px;}
#block-block-6 .fcol{ display: flex;justify-content: space-between;flex-wrap: wrap; max-width: 90%;margin: 0 auto;}

#block-block-6 .fcoll .fa {top: 40px;position: relative;font-size: 35px;right: 50px;color: #c21717;}


.homepagegallery img{width: 100%;transition: 0.5s all ease-in-out;}
.homepagegallery img:hover{transform: scale(1.5);}


#block-block-7 { width:100%;background-color:#021c42;padding: 30px 0;}
#block-block-7 .content{ width:80%; margin:0 auto;vertical-align: bottom;}
#block-block-7 .foot {display: flex;justify-content: space-around;width: 100%;align-items: baseline;}
#block-block-7 .foot .fa-brands {font-size: 20pt;color: #FFFFFF;padding-left: 15px;}
#block-block-7 .foot .fa-brands:hover {color: #653d99;transition: 0.3s;}
#block-block-7 .logo {width: 30%;margin: 0 auto;}
#block-block-7 .logo2 {width: 30%;margin: 0 auto;}
#block-block-7 .logo3 {width: 40%;margin: 0 auto;}
#block-block-7 .logo img { width: 250px;height: auto;}
#block-block-7 .logo2 img { width: 140px;height: auto;margin: 0 auto;}
#block-block-7 .logo3{display: flex;justify-content: end;margin: 0 auto;padding-bottom: 80px;}

#block-block-7 .logo4{display: flex;justify-content:center;align-items: center;padding: 20px 0;width: 100%;margin: 0 auto;border-top: 1px solid #007BFF;}
#block-block-7 .logo4 a{color: #ffffff;text-decoration: none;}
#block-block-7 .logo4 a:hover{color: #653d99;transition: 0.3s;}
#block-block-7 .logo4 .icon{padding: 0 20px;font-size: 13pt;border-left: 1px solid #FFF;}
#block-block-7 .logo4 .icon1{padding: 0 20px;font-size: 13pt;}




#block-views-screenshot-block { text-align:center}
#block-views-screenshot-block .view-content table td{ padding:0; text-align:center; width:33.3333%; padding-bottom:40px; }
#block-views-screenshot-block .view-content table td img{ border:1px solid #f1f1f1; padding:10px; background-color:#444; max-height:222px; min-height:222px    }
.more-link{width: 70px; font: 10px/10px Arial;color: #9b9b9b;text-transform: uppercase;padding: 9px 0 8px;text-align: center; background: #e9e9e9; float:right}
.download{ text-align:center; font-size:16px; background-color:#2ea2d6; border-radius: 10px; line-height:2 }
.content-sidebar-wrap {float:left;width:100%;}
#sidebar-first {float: left;}
#sidebar-second {float: right;}
#sidebar-first a , #sidebar-second a{ color:#777}
#sidebar-first ul, #sidebar-second  ul  { margin:0; }
#sidebar-first ul li, #sidebar-second ul li{ list-style-type:none; list-style:none; margin:20px 0px; padding:0px 12px;  }


#block-block-8 {width: 100%;margin: 0 auto;}
#block-block-8 .ind {padding: 50px 0;}
#block-block-8 .industry{display: flex;justify-content: space-between;flex-wrap: wrap;}
#block-block-8 a{color:#c21717;font-size: 15px;}
#block-block-8 a:hover {color: rgba(0,0,0);opacity: .8;}
#block-block-8 h2 {color: #fff;font-size: 22px;font-weight: 600;background-color: #c21717;text-align: center;}
#block-block-8 .content{width: 90%;margin: 0 auto;}
#block-block-8 .left1 {width: 50%;height: 350px;box-shadow: 0 0 40px rgba(0, 0, 0, 0.05);border: 1px solid #c21717;overflow: hidden;}

#block-block-8 .left1 .view-news  {background-image: none;border-image: none;}
#block-block-8 .left1 li{color: #c21717;padding-bottom: 10px;font-weight: bold;}
#block-block-8 .left2 .col {width: 45%;max-height: 350px;border: 1px solid #c21717;}
#block-block-8 .left2 {width: 45%;max-height: 350px !important;display: flex;justify-content: space-between;flex-wrap: wrap;}
#block-block-8 h3 {text-align: center;}
#block-block-8 h3 a{color: rgba(255, 255, 255);background-color: #c21717;padding: 8px 14px;font-size: 12px;border-radius: 5px;}
#block-block-8 h3 a:hover{color: #f1f1f1;background-color: #1a1a1a}


#block-block-8 .image-container {border-radius: 5px; position: relative;overflow: hidden;background-size: contain; }
#block-block-8 .image-container img { width: 100%; height: 350px;transition: opacity 0.5s ease-in-out;}
#block-block-8 .overlay { position: absolute;top: 0; left: 0; width: 100%; height: auto; background-color: #c21717; opacity: 1;transition: opacity 0.5s ease-in-out; pointer-events: none; }

#block-block-8 .hover-link {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: #c21717;color: white;padding: 10px 10px;text-decoration: none;opacity: 0;
visibility: visible;transition: opacity 0.5s ease-in-out, }

#block-block-8 marquee{min-height: 250px;}
#block-block-8 .image-container:hover img {animation: imageHoverEffect 0.5s forwards; }

#block-block-8 .image-container:hover .overlay {opacity: .3; }
#block-block-8 .image-container:hover .hover-link { opacity: 1; visibility: visible;top: 50%;font-size: 24px;}



#block-block-9 { margin:0px auto; background:#ffcb02;}
#block-block-9 .content { max-width:1132px; margin:0 auto;}
#block-block-9 .content a { color:#000}
#block-block-9 table {border-collapse:inherit; margin-bottom:0px; }s













#block-block-11 { max-width:100%; padding: 25px;font-size: 15px;}
#block-block-11 .fa {font-size: 13pt;color: #c21717;line-height: normal;margin: 5px 10px;}
.counterytabcontent .cols-3 tr{display: flex;justify-content:space-between;flex-wrap: wrap;}
.counterytabcontent .cols-3 td{max-width: 33%;padding: 0;margin: 0;background-color: #fff;}













#block-block-13 .leftlink { position:fixed;left: 0; top:65%; z-index:9999; background-color:#c21717;height: auto;width: 55px;text-align: center;}

#block-block-13 .leftlink .icons1{ clear: both;}

#block-block-13 .leftlink .icons2{ clear: both; }

#block-block-13 .leftlink .icons3{ clear: both;}

#block-block-13 .leftlink a{color:#fff;font-size: 20px ;}
#block-block-13 .leftlink .fa {font-size: 20px;}


.views-exposed-form .views-exposed-widget .form-submit{ margin-top:23px;}
.article img{ padding-right:12px; height:92px }
.article h3{ line-height:1.1}
.article h3 a{ color:#000; font-size:11pt; font-weight:401; line-height:1.1 }



#block-block-14 {width: 80%;background: #FFFFFF;padding: 50px 0;margin: 0 auto;}
#block-block-14 .content{margin: 0 auto;}
#block-block-14 .flex {width: 100%;margin: 0 auto;}

#block-block-14 .col {display: flex;justify-content: space-between;overflow: hidden;}
#block-block-14 .col img{height: 485px;border-radius: 20px;display: block;}

#block-block-14 .col1 {width: 50%;}
#block-block-14 .col2 {display: flex;flex-direction: column;width: 50%;justify-content: space-between;padding: 0 0 0 20px;} 
#block-block-14 .col2 img{width: 100%;height: 230px;margin: 0 auto;object-fit: cover;}

#block-block-14 .coll{overflow: hidden;position: relative;border-radius: 20px;}
#block-block-14 .coll span {position: absolute;
  bottom: -10%;background: linear-gradient(160deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.6) 100%);
left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 20px;
    width: 100%;
text-align: right;
  border-radius: 5px;line-height: 2.4rem;padding: 25px;
  font-weight: 800;
}

#block-block-14 .coll img{transition: all 0.7s;}
#block-block-14 .coll img:hover{transform: scale(1.2);}

#block-block-14 .text {width: 100%;margin: 0 auto;padding-top: 50px;}
#block-block-14 .text span {color: #653d99;}
#block-block-14 .text h1{font-size: 34pt;font-family: "Bungee", sans-serif;line-height: 2.2;width: 100%;}
.sideimg {width: 100% !important;}
.sideimg img{float: right;}
#block-block-14 .textlink{z-index: 99;position: relative;}
#block-block-14 .get {width: 100%;margin: 0 auto;text-align: left;font-size: 24pt;font-family: "nunito", sans-serif;line-height: 2.2;}
#block-block-14 .get a {color: #021c42;}


#block-block-14 .arrow {width: 80%;margin: 0 auto;
  font-size: 50px; /* Adjust size */
  color: #653d99; /* Arrow color */
  animation: blink 1s infinite; /* Animation duration and infinite loop */
}

@keyframes blink {
  0%, 100% {
    opacity: 1; /* Fully visible */
  }
  50% {
    opacity: 0; /* Invisible at mid-animation */
  }
}




#our_work_sd {
  position: absolute;
  top: -170px;
  width: 100%;
  right: 0;
  min-width: 1280px;
  transform: translateY(-47%);
  overflow: hidden;
}

#our_work_sd .shape-fill {
  fill: #FFFFFF;
}




#block-block-15 {background-color: #333333;color: #e0e0e0;height: 0px;z-index: 9999999;}
#block-block-15 .fa  {font-size: 40px;border-radius: 25px;}




#block-block-18 { width: 100%;margin: 0 auto;height: 700px;background: #021c42;}
#block-block-18 .content {width: 100%;}
#block-block-18 .home {width: 30%;margin: 00px auto;padding: 100px 0;} 

#block-block-18 .video {width: 450px;height: auto;padding-bottom: 30px;}
#block-block-18 .work {background-color: #fff;width: 30%;text-align: center;margin: 0 auto;height: auto;padding: 10px 5px;}
#block-block-18 .work a {color: #021c42;text-align: center;font-size: 12pt;font-family: "Bungee", sans-serif;}
#block-block-18 .image{padding-bottom: 25px;}
#block-block-18 .load{position: relative;}


#header_sd {
  position: absolute;
  bottom: -20px;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
  transform: rotate(180deg);
}
#header_sd svg {
  position: relative;
  display: block;
  width: calc(300% + 1.5px);
  height: 120px;
  bottom: 2px;
  left: -10px;
}

#header_sd .shape-fill {
  fill: #FFFFFF;
}


















#node-47 .fa-address-card{display: none;}

#node-71 .fa-phone-square{display: none;}
#node-71 .fa-envelope{display: none;}


#node-70 .fa-phone-square{display: none;}
#node-70 .fa-envelope{display: none;}



#block-block-19 {font-family: Arial, Helvetica, sans-serif; margin: 0 auto;}

#block-block-19 img{width: 100%;height: 80vh;}

#block-block-19 h1{font-family:"Bungee", sans-serif;font-size: 24pt;color: #021c42;text-align: center;padding: 20px 0;}
#block-block-19 h2 {position: absolute;bottom: 35%;right: 10%;font-size: 28pt;color: #021c42;font-weight: 600;}

#block-block-19 .slider {
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  width: 100%;

  }

#block-block-19 .wrap {
  margin: 0 auto;
  padding: 100px 0;
  font-family: Arial, Helvetica, sans-serif;
  width: 100%;
 
 }

#block-block-19 .slide-content {
  margin: 0;
  padding: 0;
  font-family: "Bungee", sans-serif;
  width: 100%;
 
 
}

#block-block-19 .wrap {
  position: relative;
}

#block-block-19 .slide {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#block-block-19 .slide1 {
  background-color: #ffffff;
}
#block-block-19 .slide2 {
  background-color: #ffffff;
}
#block-block-19 .slide3 {
  background-color: #ffffff;
}

#block-block-19 .slide-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}


#block-block-19 .slide-content span {
  font-size: 5rem;
  color: #fff;
}


#block-block-19 .arrow {
  cursor: pointer;color: #021c42;
  position: absolute;
  top: 50%;
  margin-top: -35px;
  width: 0;
  height: 0;
  border-style: solid;
}

 #arrowleft {
  border-width: 30px 40px 30px 0;
  border-color: transparent #021c42 transparent transparent;
  left: 0;
  margin-left: 30px;color: #021c42;
}

#arrowright {
  border-width: 30px 0 30px 40px;
  border-color: transparent transparent transparent #021c42;
 
  right: 0;
  margin-right: 30px;color: #021c42;
}




#block-block-19 .text-mask {
  font-size: 300pt;  font-family: "Bungee", sans-serif;
  font-weight: 700;
  color: transparent;
  background-image: url(images/Choice.png);
  background-size: cover;
  background-position: center;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;max-height: 80vh;}

  #block-block-19 p{line-height: 1.6;font-size: 12pt;font-family: "Nunito", serif;text-align: justify;padding: 50px 0;font-weight: 400;}


  #block-block-19 .text-mask3 {
    font-size: 300pt;  font-family: "Bungee", sans-serif;
    font-weight: 700;
    color: transparent;
    background-image: url(images/tap.png);
    background-size: cover;
    background-position: center;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;max-height: 80vh;}



    #block-block-19 .text-mask2 {
      font-size: 300pt;  font-family: "Bungee", sans-serif;
      font-weight: 700;
      color: transparent;
      background-image: url(images/BPDelhi.png);
      background-size: cover;
      background-position: center;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;max-height: 80vh;}



     

      #block-block-19 .text-mask4 {
        font-size: 300pt;  font-family: "Bungee", sans-serif;
        font-weight: 700;
        color: transparent;
        background-image: url(images/Ln3.jpg);
        background-size: cover;
        background-position: center;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;max-height: 80vh;}


       


        #block-block-19 .text-mask5 {
          font-size: 300pt;  font-family: "Bungee", sans-serif;
          font-weight: 700;
          color: transparent;
          background-image: url(images/Featured1.png);
          background-size: cover;
          background-position: center;
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;max-height: 80vh;}
  


          

          #block-block-19 .text-mask6 {
            font-size: 300pt;  font-family: "Bungee", sans-serif;
            font-weight: 700;
            color: transparent;
            background-image: url(images/CovidResponse.jpg);
            background-size: cover;
            background-position: center;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;max-height: 80vh;}


#block-block-19 .slide6  h2{bottom: 20%;}
#block-block-19 .slide9 h2{bottom: 20%;}
#block-block-19 .text-mask7 {font-size: 300pt;  font-family: "Bungee", sans-serif;
              font-weight: 700;
              color: transparent;
              background-image: url(images/MMP.png);
              background-size: cover;
              background-position: center;
              -webkit-background-clip: text;
              -webkit-text-fill-color: transparent;max-height: 80vh;}
  


             



                #block-block-19 .text-mask8 {
                  font-size: 300pt;  font-family: "Bungee", sans-serif;
                  font-weight: 700;
                  color: transparent;
                  background-image: url(images/Featured.png
                  );
                  background-size: cover;
                  background-position: center;
                  -webkit-background-clip: text;
                  -webkit-text-fill-color: transparent;max-height: 80vh;}

                  
#block-block-19 .text-mask9 {
                    font-size: 300pt;  font-family: "Bungee", sans-serif;
                    font-weight: 700;
                    color: transparent;
                    background-image: url(images/LnQ.jpg);
                    background-size: cover;
                    background-position: center;
                    -webkit-background-clip: text;
                    -webkit-text-fill-color: transparent;}
  
#block-block-20 {margin: 0 auto;padding: 25px 0 100px 0;}
#block-block-20 .btm {display: flex;justify-content: space-between;align-items: baseline;padding-bottom: 100px;}
#block-block-20 .btm img {width: 200px;height: auto;}


.focus p{width: 80%;margin: 0 auto;line-height: 1.6;word-spacing: 1px;font-weight: 400;padding: 50px 0;font-size: 14pt;font-family: "Nunito", serif;color: #1a1a1a;}



#block-block-21 {  margin: 0;font-family: Arial, Helvetica, sans-serif; width: 100%;background-color: #021c42;padding-top: 170px;position: relative;}

#block-block-21 .load {position: relative;}
#block-block-21 img{width: 100%;height: 80vh;}

#block-block-21 h1{font-family:"Bungee", sans-serif;font-size: 24pt;color: #ffffff;text-align: left;margin: 0 auto;width: 80%;}
#block-block-21 h2 {position: absolute;bottom: 5%;right: 5%;font-size: 28pt;color: #ffffff;font-weight: 600;text-align: right;}

#block-block-21 .slider {margin: 0; padding: 0;font-family: Arial, Helvetica, sans-serif;width: 100%;}

#block-block-21 .wrap {font-family: Arial, Helvetica, sans-serif;margin: 0 auto;width: 80%;position: relative;}

#block-block-21 .slide-content {margin: 0;padding: 0;font-family: Arial, Helvetica, sans-serif;width: 100%;}



#block-block-21 .slide {background-size: cover;background-position: center;background-repeat: no-repeat;}


#block-block-21 .slide-content {display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;}


#block-block-21 .slide-content span {font-size: 5rem;color: #fff;}


#block-block-21 .arrow {cursor: pointer;color: #ffffff;position: absolute;top: 50%;margin-top: -35px;width: 0;height: 0;border-style: solid;}

#arrow-left {border-width: 30px 40px 30px 0;border-color: transparent #ffffff transparent transparent; left: 0;color: #ffffff;}

#arrow-right {border-width: 30px 0 30px 40px;border-color: transparent transparent transparent #ffffff;right: 0;color: #ffffff}

#block-block-21 .text-mask {font-size: 300pt;  font-family: "Bungee", sans-serif;font-weight: 700;color: transparent;background-image: url(images/Choice.png);background-size: cover;background-position: center; -webkit-background-clip: text;-webkit-text-fill-color: transparent; max-height: 80vh;}

#block-block-21 p{line-height: 1.6;font-size: 12pt;font-family: "Nunito", serif;text-align: left;padding: 50px 0;font-weight: 400;}


#block-block-21 .text-mask3 {font-size: 300pt;  font-family: "Bungee", sans-serif;font-weight: 700;color: transparent;background-image: url(images/tap.png);background-size: cover;background-position: center;-webkit-background-clip: text;-webkit-text-fill-color: transparent;max-height: 80vh;}



#block-block-21 .text-mask2 {font-size: 300pt;  font-family: "Bungee", sans-serif;font-weight: 700;color: transparent;background-image: url(images/BPDelhi.png);background-size: cover;background-position: center;-webkit-background-clip: text;-webkit-text-fill-color: transparent;max-height: 80vh;}

#block-block-21 .text-mask4 {font-size: 300pt;  font-family: "Bungee", sans-serif;font-weight: 700;color: transparent;background-image: url(images/Ln3.jpg);background-size: cover;background-position: center;-webkit-background-clip: text;-webkit-text-fill-color: transparent;max-height: 80vh;}
        
#block-block-21 .text-mask5 {font-size: 300pt;  font-family: "Bungee", sans-serif;font-weight: 700;color: transparent;background-image: url(images/Featured1.png);;background-size: cover;background-position: center;-webkit-background-clip: text;-webkit-text-fill-color: transparent;max-height: 80vh;}

#block-block-21 .text-mask6{font-size: 300pt;  font-family: "Bungee", sans-serif;font-weight: 700;color: transparent;background-image: url(images/cr.png);background-size: cover;background-position: center;-webkit-background-clip: text;-webkit-text-fill-color: transparent;max-height: 80vh;}


           
#block-block-21 .text-mask7 {font-size: 300pt;  font-family: "Bungee", sans-serif;
              font-weight: 700;
              color: transparent;
              background-image: url(images/MMP.png);
              background-size: cover;
              background-position: center;
              -webkit-background-clip: text;
              -webkit-text-fill-color: transparent;max-height: 80vh;}
  


              #block-block-21 .text-mask7 {
                font-size: 300pt;  font-family: "Bungee", sans-serif;
                font-weight: 700;
                color: transparent;
                background-image: url(images/MMP.png);
                background-size: cover;
                background-position: center;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;max-height: 80vh;}



                #block-block-21 .text-mask8 {
                  font-size: 300pt;  font-family: "Bungee", sans-serif;
                  font-weight: 700;
                  color: transparent;
                  background-image: url(images/Featured.png
                  );
                  background-size: cover;
                  background-position: center;
                  -webkit-background-clip: text;
                  -webkit-text-fill-color: transparent;max-height: 80vh;}

                  
                  #block-block-21 .text-mask9 {
                    font-size: 300pt;  font-family: "Bungee", sans-serif;
                    font-weight: 700;
                    color: transparent;
                    background-image: url(images/LnQ.jpg);
                    background-size: cover;
                    background-position: center;
                    -webkit-background-clip: text;
                    -webkit-text-fill-color: transparent;max-height: 80vh;}



                    #block-block-21 .content ul{display: none;}






#scrollToTop {bottom: 80px;}

.scroll-btn {position: fixed;top: 90%;right: 20px; background-color: #021c42;color: #ffffff;border: none;cursor: pointer;z-index: 1002;opacity: 1;height: 40px;width: 40px;}

#bg{ display:none; position: fixed; z-index:10; top:0%;left: 0%;width: 100%; height:100%; background-color: black; overflow:hidden}

 .pop-up-div h2 { font-size:26pt; text-transform:capitalize;  line-height:1; font-weight:bold; color:#000;  padding-bottom:5px; padding-top:45px; }
.pop-up-div{display:none;padding:10px; position:fixed; top:200px; left:0; right:0;z-index:99999;border:20px solid #fff; width:1032px; background-color:#c21717; height:300px; text-align:left; overflow-y:auto; }
.pop-up-div img{ width:175px; height:auto; float:left; margin-right:30px; }
.pop-up-div .col{ float:left }
.pop-up-div a{ color:#000 ;font-size: 22px; padding: 5px 10px;background-color: #fff;}
.pop-up-div .body{ width:100%; clear:both; padding-top:0px;}
.pop-up-div .contentbg{padding:10px; color:#000; font-size:11pt; font-weight:401 }
.member .pop-up-div h3{font-size:26pt; color:#FFF; }

.btn_close img{ width:35px; height:35px; position:fixed;}
.pop-up-div marquee{ padding-top:0px; text-align:center; max-height:50px;}
.btn_close a {background-color: #c21717;}

.btn_close {float: right;margin: 0px 0px 0px 0px;z-index: 999999;position: absolute;top: 0px;right: 0px;width: 35px;height: 35px;}

.webform-client-form-257 
.webform-client-form-257 .form-item label{color: #fff;}

.webform-client-form-257 .form-text {border: 1px solid #653d99}


#block-block-10 { background-color: #021c42; margin: 0;padding: 0;font-family: Arial, Helvetica, sans-serif; width: 100%;}

#block-block-10 img{width: 100%;height: 80vh;}

#block-block-10 h1{font-family:"Bungee", sans-serif;font-size: 24pt;color: #FFFFFF;text-align: center;padding: 20px 0;}


#block-block-10 .slider {
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  width: 100%;

  }

#block-block-10 .wrap {
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  width: 100%;
 
 }

#block-block-10 .slide-content {
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  width: 100%;
 
 
}

#block-block-10 .wrap {
  position: relative;
}

#block-block-10 .slide {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#block-block-10 .slide1 {
  background-color: #021c42;
}
#block-block-10 .slide2 {
  background-color: #021c42;
}
#block-block-10 .slide3 {
  background-color: #021c42;
}

#block-block-10 .slide-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}


#block-block-10 .slide-content span {
  font-size: 5rem;
  color: #fff;
}


#block-block-10 .arrow {
  cursor: pointer;
  position: absolute;
  top: 50%;
  margin-top: -35px;
  width: 0;
  height: 0;
  border-style: solid;
}

#block-block-10 .arrow-left {
  border-width: 30px 40px 30px 0;
  border-color: transparent #fff transparent transparent;
  left: 0;
  margin-left: 30px;
}

#block-block-10 .arrow-right {
  border-width: 30px 0 30px 40px;
  border-color: transparent transparent transparent #fff;
  right: 0;
  margin-right: 30px;
}




#block-block-10 .text-mask {
  font-size: 300pt;  font-family: "Bungee", sans-serif;
  font-weight: 700;
  color: transparent;
  background-image: url(images/Choice.png);
  background-size: cover;
  background-position: center;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;height: 80vh;}




  .text-mask3 {
    font-size: 300pt;  font-family: "Bungee", sans-serif;
    font-weight: 500;
    color: transparent;
    background-image: url(images/mascul.png);
    background-size: cover;
    background-position: center;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}



    .text-mask2 {
      font-size: 300pt;  font-family: "Bungee", sans-serif;
      font-weight: 500;
      color: transparent;
      background-image: url(images/Featured.png);
      background-size: cover;
      background-position: center;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;}


.page-node-321 {margin: 0 auto;padding: 25px 0 100px 0;}
.page-node-321 .don{width: 80%;margin: 0 auto;text-align: left;}

.page-node-321 .btm {display: flex;justify-content: space-between;align-items: baseline;padding-bottom: 100px;flex-wrap: wrap;}
.page-node-321 .btm1 a img {width: 200px;height: auto;}




.high-contrast, .high-contrast #header , .high-contrast a, .high-contrast #main-menu .nolink, .high-contrast .marquee-content , .high-contrast h2 , .high-contrast .slidercontent, .high-contrast .fa, .high-contrast #block-block-4, .high-contrast #head, .high-contrast h3, .high-contrast h4, .high-contrast h5 , .high-contrast .accessibility-toggle , .high-contrast button, .high-contrast td , .high-contrast li, .high-contrast #block , .high-contrast .page-title , .high-contrast .pop-up-div, .high-contrast button , .high-contrast .text , .high-contrast .About{background-color: #000 !important;color: #0074db !important}



.negative-contrast, .negative-contrast #header , .negative-contrast #main-menu a , .negative-contrast a, .negative-contrast #main-menu .nolink, .negative-contrast .marquee-content , .negative-contrast h2 , .negative-contrast .slidercontent, .negative-contrast .fa, .negative-contrast #block-block-4, .negative-contrast #head, .negative-contrast h3, .negative-contrast h4, .negative-contrast h5 , .negative-contrast .accessibility-toggle , .negative-contrast button, .negative-contrast td  , .negative-contrast .page-title , .negative-contrast .pop-up-div ,.negative-contrast , .negative-contrast .About, .negative-contrast li{background-color: #333333 !important;color: yellow !important;}

 .grayscale #header , .grayscale #main-menu a , .grayscale a, .grayscale #main-menu .nolink, .grayscale .marquee-content , .grayscale h2 , .grayscale .slidercontent, .grayscale.fa, .grayscale #block-block-4, .grayscale #head, .grayscale h3,.grayscale h4, .grayscale h5 , .grayscale .accessibility-toggle , .grayscale button, .grayscale td , .grayscale li  , .grayscale .page-title, .grayscale .pop-up-div, .grayscale .About{
  filter: grayscale(100%);
}


.larger-text, .larger-text #header , .larger-text #main-menu a , .larger-text a, .larger-text #main-menu .nolink, .larger-text .marquee-content , .larger-text h2 , .larger-text .slidercontent, .larger-text .fa, .larger-text #block-block-4, .larger-text #head, .larger-text h3, .larger-text h4, .larger-text h5 , .larger-text .accessibility-toggle , .larger-text td , .larger-text li,  .larger-text #block-block-8 a, .larger-text li a,  .larger-text .marquee-content,  .larger-text .About{font-size: 120%;}

.smaller-text, .smaller-text #header , .smaller-text #main-menu a , .smaller-text a, .smaller-text #main-menu .nolink, .smaller-text .marquee-content , .smaller-text h2 , .smaller-text .slidercontent, .smaller-text .fa, .smaller-text #block-block-4, .smaller-text #head, .smaller-text h3, .smaller-text h4, .smaller-text h5 , .smaller-text .accessibility-toggle , .smaller-text td , .smaller-text li,  .smaller-text .About{
  font-size: 80%;
}


.link-underline a {
  text-decoration: underline;
}

.readable-font {
  font-family: 'Verdana', sans-serif;
}



  /* Side window styles */































.fade-in {
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

.fade-in.visible {
  opacity: 1;
}









/* 3 columns */
body.two-sidebars .content-sidebar-wrap {width:78%;}
body.two-sidebars #content {width:72%; }
body.two-sidebars #sidebar-first {width: 20%;}
body.two-sidebars #sidebar-second {width: 19%;}

/* 2 columns: sidebar-first */
body.sidebar-first .content-sidebar-wrap {width:100%;}
body.sidebar-first #content {width: 77%; float:right}
body.sidebar-first #sidebar-first {width:20%; margin-top:30px;}

/* 2 columns: sidebar-second */
body.sidebar-second .content-sidebar-wrap {width: 80%;}
body.sidebar-second #content {width: 100%;}
body.sidebar-second #sidebar-second {width: 19%;}
#post-content {padding: 0;}
.breadcrumb {margin:0 20px;padding-top:20px;margin-bottom:10px;border-bottom:#eee 1px solid;}
#head, #content, #sidebar-second, #sidebar-first {margin-top: 0px;}
.node {margin:10px 0; padding:10px 0}
.node h2.title {color: #c04621;font-size: 28pt; margin-bottom:10px; text-transform:uppercase; margin-top:23px; line-height:1.2; font-weight:normal ; }
.page-title {color: #021c42;font-size: 25pt; margin-bottom:10px; text-transform:uppercase; margin-top:25px; line-height:35px; font-weight:normal ; margin-left: 0;width:90%;}
.node h2.title a{color: #c21717;}
.block {width: 100%;}

.block > h2{ height:40px; margin-bottom:20px; font-size:22pt; font-weight:401; padding-top:0px; line-height:1; text-align:left; color: #021c42; }
#sidebar-first .block > h2,#sidebar-second .block > h2,#head .block > h2,#foot .block > h2 {color:#000;}
#footer-area .block > h2 {color:#ddd;}
#footer-area ul.menu li a.active{color:#ddd;}
.submitted {background: #dfdddd;padding: 4px 9px;border-radius: 4px;color: #383838;text-shadow: 1px 1px #fff;clear: both;display: block;margin-bottom: 2px;}
.links {color: #000;margin-top: 10px;font-size: 14px;}
ul.links {margin:0;}
.links li a {background-color: #E7E2E3;color: #100100;padding: 4px 2px;border-radius: 4px;text-shadow: 1px 1px #fff;font-weight: normal;}
.links li a:hover {background-color: #D7D2D3;color: #100101;}

/*-------------------------------------------*
/* Fix CKEditor style
/*-------------------------------------------*/
table.cke_editor {background: transparent;border: 0;}
table.cke_editor td {background: transparent;padding: 0;border: 0;}

/*-------------------------------------------*
/* Poll, Buttons, Form
/*-------------------------------------------*/
.poll .vote-form .choices .title {font-size: 14px;font-weight: normal;line-height: 2;}
.poll .vote-form .choices {margin: 0;}
.form-submit{cursor: pointer;}
input.form-checkbox, input.form-radio {vertical-align: baseline;}
.form-text {padding: 4px 2px;}

/*-------------------------------------------*
/* Menus and item lists
/*-------------------------------------------*/
.item-list ul {margin: 0;padding: 0 0 0 1.2382em; }
.item-list ul li {margin: 2px 0px;padding: 2px 0px;}
ul.menu li {margin: 0;padding: 0;}
ul.inline {clear: both;}
ul.inline li {margin: 0;padding: 0;}

/*-------------------------------------------*
/* Admin Tabs
/*-------------------------------------------*/
.tabs-wrapper {margin: 0 0 2px 0;}
ul.primary {border: none;margin: 0;padding: 0;}
ul.primary li a {background: none;border: none;display: block;float: left;line-height: 1.2382em;margin: 0;padding: 0 1em;border-radius: 4px 4px 0 0;margin-right: 2px;}
ul.primary li a:hover, ul.primary li a.active {background: #666;border: none;color: #fff;}
ul.primary li a:hover {background: #888;text-decoration: none;}
ul.secondary {background: #666;border-bottom: none;clear: both;margin: 0;padding: 0;}
ul.secondary li {border-right: none;}
ul.secondary li a, ul.secondary li a:link {border: none;color: #ccc;display: block;float: left;line-height: 1.2382em;padding: 0 1em;}
ul.secondary li a:hover, ul.secondary li a.active {background: #888;color: #fff;text-decoration: none;}
ul.secondary a.active {border-bottom: none;}

/*-------------------------------------------*
/* Tabs and Tags
/*-------------------------------------------*/
.field-name-field-tags {margin: 0 0 10px 0;}
.field-name-field-tags a{display: inline-block;background: url(images/tag.png) no-repeat;padding: 0px 8px 0 16px;height: 22px;text-shadow: 1px 1px #fff;border-radius: 2px;font-size: 12px;}
.field-name-field-tags a:hover{}
.field-name-field-tags .field-item {margin: 0 1em 0 0;}
.field-name-field-tags div {display: inline;}
#content-container .field-label{}
#content-container .field-items .field-item{ float:left}


/*-------------------------------------------*
/* Profile
/*-------------------------------------------*/
.profile {margin: 1.2382em 0;}
.profile dd {margin-bottom: 1.2382em;}
.profile h3 {border: none;}
.profile dt {margin-bottom: 0;}
.password-parent {width: 36em;}

/*-------------------------------------------*
/* Navigation
/*-------------------------------------------*/
.item-list .pager {}
.item-list .pager li {background: #cfcfcf;border-radius: 3px;margin-right: 4px;text-shadow: 1px 1px #fff;}

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

/* Images */
img { outline: 0; }
img.scale-with-grid { max-width: 100%; height: auto; }

/* -------------- Form Elements   ------------- */
fieldset { background: #ffffff; border: 1px solid #cccccc; margin-top: 10px; margin-bottom: 32px;padding: 0 0 10px; position: relative; top: 12px; 
/* Offsets the negative margin of legends */
-khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.fieldset-wrapper { margin-top: 22px; }
.node-form .vertical-tabs .fieldset-wrapper { margin-top: 0; }
.filter-wrapper { top: 0; padding: 1em 0 0.2em;-khtml-border-radius-topright: 0; -khtml-border-radius-topleft: 0; -moz-border-radius-topright: 0; -moz-border-radius-topleft: 0;-webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; }
.filter-help a { font-size: 0.827em; padding: 2px 20px 0; }
.filter-wrapper .form-item label { margin-right: 10px; }
.filter-wrapper .form-item { padding: 0 0 0.2em 0.2em; }
.filter-guidelines { padding: 0 1.2em 0 0.2em; }
fieldset.collapsed { background: transparent; -khtml-border-radius: 0; -moz-border-radius: 0;  -webkit-border-radius: 0; border-radius: 0; }
fieldset legend { background: #dbdbdb; border: 1px solid #ccc; border-bottom: none; display: block; height: 2em;left: -1px; line-height: 2; padding: 0; position: absolute; text-indent: 10px; text-shadow: 0 1px 0 #fff; top: -12px; width: 100%;-khtml-border-radius-topleft: 4px; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px;-khtml-border-radius-topright: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
fieldset.collapsed legend { -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
fieldset .fieldset-wrapper { padding: 0 10px; }
fieldset .fieldset-description { margin-top: 2px; margin-bottom: 1em; line-height: 1.4; font-style: italic; }
input { margin: 2px 0; padding: 4px; }
input, textarea {  font-size: 0.929em; }
textarea { line-height: 1.2; }
textarea.form-textarea, select.form-select { padding: 4px; }
input.form-text, textarea.form-textarea, select.form-select { border: 1px solid #ccc; }
.password-suggestions ul li { margin-left: 1.2em; }
.form-item { margin-bottom: 1em;}
.form-item label { font-size: 0.929em; }
.form-type-radio label, .form-type-checkbox label { margin-left: 4px; }
.form-type-radio .description, .form-type-checkbox .description { margin-left: 2px; }


/* Form Buttons */

/* IE10 */

/* Webkit (Safari/Chrome 10) */


filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E3E3E3');border: 1px solid #dbdbdb;-moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;-moz-box-shadow: inset 0 1px 0 0 white; -webkit-box-shadow: inset 0 1px 0 0 white; -o-box-shadow: inset 0 1px 0 0 white; box-shadow: inset 0 1px 0 0 white;color: #333333; text-shadow: 0 1px 0 white; position: relative; font-weight:bold; padding: 2px 1em 7px 1em; }
button:hover,input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover {
/* IE10 */
background-image: -ms-linear-gradient(top, #DBDBDB 0%, #F2F2F2 100%);
/* Mozilla Firefox */
background-image: -moz-linear-gradient(top, #DBDBDB 0%, #F2F2F2 100%);
/* Opera */
background-image: -o-linear-gradient(top, #DBDBDB 0%, #F2F2F2 100%);
/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #DBDBDB), color-stop(1, #F2F2F2));
/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(top, #DBDBDB 0%, #F2F2F2 100%);
/* Proposed W3C Markup */
background-image: linear-gradient(top, #DBDBDB 0%, #F2F2F2 100%);
/* IE6-9 */
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#DBDBDB', endColorstr='#F2F2F2');-moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;-moz-box-shadow: inset 0 1px 0 0 white;-webkit-box-shadow: inset 0 1px 0 0 white;-o-box-shadow: inset 0 1px 0 0 white;box-shadow: inset 0 1px 0 0 white;cursor: pointer; }
#block-search-form { padding-bottom: 7px; }
#block-search-form .content { margin-top: 0; }
#search-form input#edit-keys,#block-search-form .form-item-search-block-form input { float: left; font-size: 1em; height: 1.143em; margin-right: 2px; width: 9em; }
#search-block-form input.form-submit,#search-form input.form-submit { margin-left: 0; margin-right: 0; height: 28px; width: 34px; padding: 0; cursor: pointer;text-indent: -9999px; border-color: #e4e4e4 #d2d2d2 #b4b4b4; background: url(images/search.png) no-repeat center top; overflow: hidden; }
#search-block-form input.form-submit:hover,#search-block-form input.form-submit:focus,#search-form input.form-submit:hover,#search-form input.form-submit:focus { background-position: center bottom; }
#search-form .form-item-keys label { display: block; }
ol.search-results { padding-left: 0; }
.search-results li { border-bottom: 1px solid #d3d7d9; padding-bottom: 0.4282em; margin-bottom: 0.2em; }
.search-results li:last-child { border-bottom: none; padding-bottom: none; margin-bottom: 1em; }
.search-results .search-snippet-info { padding-left: 0; }



#block-block-12 h5{font-family: "Bungee", sans-serif;font-weight: 500;font-size: 24pt;padding: 50px 0;}
#block-block-12 .programme .cols-3 td{width: 100%;}

#block-block-12 {width:100% !important;height:auto;color: #021c42;background-color: #021c42;padding-bottom: 50px;}

#block-block-12 .content{width: 80%;
    margin: 0 auto;}

#block-block-12 .tab-container {
width: 100%;
  margin: auto;
  
  border-radius: 5px;
  background: #021c42;color: #ffffff;
  padding: 50px 0 100px 0;
}

#block-block-12 .tabs {
  display: flex;
  justify-content: space-between;
  border: 1px solid #ffffff;
}

#block-block-12 .tab {
  background: #021c42;
  border: 1px solid #ffffff;
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  transition: color 0.3s, border-color 0.3s;
  color: #ffffff;
width: 25%;}

#block-block-12 .tab ::before {transform: scale(1);content: "";
  position: absolute;
  width: 22px;
  height: 2px;
  background-color: transparent;
  margin-top: auto;
  margin-bottom: auto;
  top: 0;
  bottom: 0;
  transform: scalex(0);
  transform-origin: 50%;
  transition-duration: 0.8s;
}


#block-block-12 .tab.active {  background: #ffffff;
  font-weight: bold;
  color: #021c42;

}

#block-block-12 .tab-content {
  margin-top: 50px;
}

#block-block-12 .tab-panel {
  display: none;
}

#block-block-12 .tab-panel.active {
  display: block;
}

#block-block-12 .swiper-slide {width: 100% !important;}
#block-block-12 .swiper-wrapper {
  width: 100%;
  height: 100%;
}

#block-block-12 .main-teaser {
  position: relative;
  width: 100%;
}

#block-block-12 .main-teaser__slide-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;transition: 0.5s;padding-bottom: 10px;
}
#block-block-12 .main-teaser__slide-item:hover {transform: translateY(-15px);}


#block-block-12 .main-teaser__headline-wrapper {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 12px;
  position: absolute;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#block-block-12 .main-teaser__headline {
  margin: 0;
  padding: 0 6px;
  z-index: 10;
}

#block-block-12 .main-teaser__headline-text {
  font-size: 18px;
  line-height: 42px;

  background-color: #021c42;
  box-shadow: 0 0 0 6px #021c42;
  color: white;
  font-weight: 700;
  text-transform: uppercase;
}

/* scrollbar */

#block-block-12 .swiper-scrollbar.swiper-scrollbar-horizontal {
  background-color: #021c42;
  border-radius: 0.375rem;
  height: 10px;
  left: 0;
  margin-top: 32px;
  width: 100%;bottom: 0;
}



.page-node-358 .link {padding: 20px 0;background-color: transparent !important;transform: none !important;width: 100%;}
.page-node-358 .link a{color: #021c42 !important;padding: 10px 15px;transition: 0.3s;border: 1px solid #021c42;font-style:  "Nunito", serif !important;font-size: 14pt;}
.page-node-358 .link a:hover{color: #fdcf01 !important;border: 1px solid #fdcf01;padding: 10px 15px;text-decoration: none;}

.page-node-358 .link .fa-solid {margin-right: 10px;}










.swiper-scrollbar-drag {background: #d3d7d9 !important;}

#block-block-12 .box {width: 280px;height: 470px;border:1px solid #021c42 ;background-color: #F2F2F2;text-align: center;text-decoration: none;transition: .5s;}



#block-block-12 .box .pic img{width: 280px;height: 200px;background-size: cover;}
#block-block-12 .box h2 {font-size: 14pt;color: #021c42;text-decoration: none;font-family: "Bungee", sans-serif;text-transform: uppercase;line-height: 1.6;font-weight: 400;margin-bottom: 20px;padding: 20px 0;}
#block-block-12 .box h3{font-size: 14pt;color: #021c42;text-decoration: none;}
#block-block-12 .box h4{font-size: 14pt;color: #021c42;text-decoration: none;}

#block-block-12 .box .intro {height: 100px;width: 280px;box-sizing: border-box;position: absolute;color: #f2f2f2;bottom: 180px;}
#block-block-12 .box .intro h1 {font-size: 12pt;opacity: 0;transition: 0.5s;}


#block-block-12 .box:hover h1 {opacity: 1;visibility: visible;background-color: #021c42;transform: translateY(-15px);padding: 10px 15px;}


#our_work_sd_2 {
  position: absolute;
  bottom: -60px;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
}


#our_work_sd_2 svg {
    position: relative;
    width: 100%;
    min-width: 1280px;
    height: 120px;
    bottom: -2px;
}

#block-block-22 .tabs {display:flex;justify-content:space-between;border: 1px solid #ffffff}
#block-block-12 .load{position: relative;}
#block-block-12 .work {background-color: #fff;width: 10%;text-align:center;height: auto;padding: 10px 5px;float: right;}
#block-block-12 .work a {color: #021c42;text-align: center;font-size: 12pt;font-family: "Bungee", sans-serif;}


#block-block-22 {width:100% !important;height: auto;color: #000;background-color: #f9f9f9;}

#block-block-22 .content{margin: 0 auto;}

#block-block-22 .tab-container {width: 100%;margin: auto;border-radius: 5px;background: #f9f9f9;color: #000;padding: 50px 0;}



#block-block-22 .tab {background: #ffffff;border: 1px solid #ffffff;
padding: 10px 20px;font-size: 16px;cursor: pointer;
transition: color 0.3s, border-color 0.3s;color: #000;width: 25%;}

#block-block-22 .tab.active {  background: #ffffff;
  
  color: #000;padding: 10px 20px;
border: 1px solid #fdcf01;
}

#block-block-22 .tab-content {width: 100%;
  
}

#block-block-22 .tab-panel {
  display: none;
}

#block-block-22 .tab-panel.active {
  display: block;
}


#block-block-22 .flex {display: flex;justify-content: space-between;align-items: start;padding-top: 50px;}
#block-block-22 .flex .flexvdo{width: 100%;}
#block-block-22 .flex .flexvdo img {width: 250px ;height: auto;}
#block-block-22 .flex .flextxt {font-size: 14pt;font-family:"Nunito", serif;text-align:left;padding-left:50px;}
#block-block-22 .flex .flextxt a {color: #fdcf01;}
#block-block-22 .aud {padding-top: 30px;font-size: 12pt;font-family:"Nunito", serif;}
#block-block-22 .col {display: flex;justify-content: space-between;padding: 50px 0;align-items: baseline;}
#block-block-22 .col .coll {width: 40%;}
#block-block-22 .link {width: 30%;float: right;padding: 20px 0;}
#block-block-22 .link a{color: #021c42;padding: 10px 15px;transition: 0.3s;}
#block-block-22 .link a:hover{color: #fdcf01;border: 1px solid #fdcf01;padding: 10px 15px;text-decoration: none;}
#block-block-22 .start {font-size: 14pt;font-family:"Nunito", serif;width: 100%;margin: 0 auto;text-align: left;}



#block-block-23 {width:100% !important;height: auto;color: #000;background-color: #f9f9f9;}

#block-block-23 .content{
  
    margin: 0 auto;}

#block-block-23 .tab-container {
width: 100%;
  margin: auto;
  
  border-radius: 5px;
  background: #f9f9f9;color: #000;
  padding: 50px 0;
}

#block-block-23 .tabs {
  display: flex;
  justify-content: space-between;
  border: 1px solid #ffffff;
}

#block-block-23 .tab {
  background: #ffffff;
  border: 1px solid #ffffff;
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  transition: color 0.3s, border-color 0.3s;
  color: #000;
  width: 25%;}

#block-block-23 .tab.active {  background: #ffffff;
  
  color: #000;padding: 10px 20px;
border: 1px solid #fdcf01;
}


#block-block-23 .tab-panel {
  display: none;
}

#block-block-23 .tab-panel.active {
  display: block;
}


#block-block-23 .flex {display: flex;justify-content: space-between;align-items: start;padding-top: 50px;}
#block-block-23 .flex2 {display: flex;justify-content: space-between;align-items: start;padding-top: 50px;}

#block-block-23 .flex2 .flexvdo{width: 30%;text-align: center;}
#block-block-23 .flex .flexvdo{width: 30%;text-align: center;}
#block-block-23 .flex .flexvdo a{color: #fdcf01;text-align: center;margin-top: 20px;font-size: 14pt;font-family:"Nunito", serif;}
#block-block-23 .flex2 .flexvdo a{color: #fdcf01;text-align: center;font-size: 14pt;font-family:"Nunito", serif;display: inline-block;}
#block-block-23 .flex .flexvdo img {width: 350px ;height: auto;max-width: 350px;}
#block-block-23 .flex2 .flexvdo img {width: 350px ;height: auto;max-width: 350px;}
#block-block-23 .flex .flextxt {font-size: 14pt;font-family:"Nunito", serif;text-align:left;padding-left:50px;}
#block-block-23 .flex .flextxt a {color: #fdcf01;}
#block-block-23 .aud {padding-top: 30px;font-size: 12pt;font-family:"Nunito", serif;}
#block-block-23 .col {display: flex;justify-content: space-between;padding: 50px 0;align-items: baseline;}
#block-block-23 .col .coll {width: 40%;}
#block-block-23 .link {width: 30%;float: right;padding: 20px 0;}
#block-block-23 .link a{color: #021c42;padding: 10px 15px;transition: 0.3s;}
#block-block-23 .link a:hover{color: #fdcf01;border: 1px solid #fdcf01;padding: 10px 15px;text-decoration: none;}
#block-block-23 .start {padding: 30px 0px;font-size: 14pt;font-family:"Nunito", serif;width: 100%;margin: 0 auto;text-align: left;}




#block-block-24 {margin: 0 auto;padding-bottom: 100px;width: 70%;}
#block-block-24 h2{padding: 90px 0;}

#block-block-24 .member{width: 250px;height: 350px;border: 1px solid #f2f2f2;}

#block-block-24 .member h2 {text-transform: uppercase;font-family: "Bungee", sans-serif;font-size: 14pt;text-align: left;padding: 20px;}


#block-block-26 .slider {
  width: 100%;
  overflow: hidden;
  position: relative;
}

#block-block-26 .slides {
  display: flex;
  transition: transform 0.5s ease-in-out;
  width: 300%; /* Adjust according to the number of images */
}

#block-block-26 .slides img {
  width: 100vw;
  height: auto;
}

#block-block-26 .buttons {
  position: absolute;
  top: 50%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%);
}

#block-block-26 .buttons button {
  background: rgba(0,0,0,0.5);
  color: white;
  border: none;
  padding: 10px;
  cursor: pointer;
}




.accordion #container{width: 100% !important;}

.accordion {
      width: 100%;
      margin: 20px auto;
      border: 1px solid #ddd;
      border-radius: 5px;
    }
    .accordion-item {
      border-bottom: 1px solid #ddd;
    }
    .accordion-header {
      background: #f4f4f4;
      padding: 10px;
      cursor: pointer;
      font-weight: bold;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .accordion-header::after {
      content: "+";
      font-size: 18px;
      transition: transform 0.3s;
    }
    .accordion-header.active::after {
      content: "-";
    }
    .accordion-content {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease, padding 0.3s ease;
      padding: 0 10px;
    }
    .accordion-content.open {
      max-height: 950px; /* adjust as needed */
      padding: 10px;
    }



.pageprog .link {margin: 15px 0;}
.pageprog .link a{color: #021c42;padding: 10px 15px;transition: 0.3s;border: 1px solid #021c42;}
.pageprog .link a:hover{color: #fdcf01;border: 1px solid #fdcf01;padding: 10px 15px;text-decoration: none;}  











.webform-client-form-313 {margin: 0 auto;background-color: #f9f9f9;padding: 50px;margin-top: 0;}

.webform-client-form-313 .webform-component-textfield{float: left;width: 50%;}

.webform-client-form-313 .webform-component-textfield input{width: 400px;height: 40px;border: 1px solid #653d99;}



.webform-client-form-313 .webform-component-select{float: left;width: 52%;margin: 0;}

.webform-client-form-313 select.form-select {border: 1px solid #653d99;width: 400px;height: 40px;}

.webform-client-form-313 .webform-component-markup{width: 90%;}

.webform-client-form-313 .webform-component-file{padding: 10px 0;}

.webform-client-form-313 .webform-component-file input[type=submit]{border: 1px solid #653d99;height: 35px;width: 10%;}

.webform-client-form-313 .webform-component--disability-status{width: 100%;float: none;}

.webform-client-form-313 .webform-submit {background-color: #653d99;color: #fff;height: 40px;width: 10%;font-family: "Bungee", sans-serif;}

.webform-client-form-313 .webform-submit:hover {transition: 0.3s; transform: scale(1.1);}


.webform-client-form-313 {margin: 0 auto;background-color: #f9f9f9;padding: 50px;margin-top: 0;}

.webform-client-form-313 .webform-component-textfield{float: left;width: 50%;}

.webform-client-form-313 .webform-component-textfield input{width: 400px;height: 40px;border: 1px solid #653d99;}



.webform-client-form-349 .webform-component-select{float: left;width: 52%;margin: 0;}

.webform-client-form-349 select.form-select {border: 1px solid #653d99;width: 400px;height: 40px;}

.webform-client-form-349 .webform-component-markup{width: 90%;}

.webform-client-form-349 .webform-component-file{padding: 10px 0;}

.webform-client-form-349 .webform-component-file input[type=submit]{border: 1px solid #653d99;height: 35px;width: 10%;}

.webform-client-form-349 .webform-component--disability-status{width: 100%;float: none;}

.webform-client-form-349 .webform-submit {background-color: #653d99;color: #fff;height: 40px;width: 10%;font-family: "Bungee", sans-serif;}

.webform-client-form-349 .webform-submit:hover {transition: 0.3s; transform: scale(1.1);}







.page-node-314 .node-webform{margin: 0 auto;background-color: #f9f9f9;display: flex;}

.page-node-314 .node-webform .form-textarea-wrapper textarea {width: 60% !important;}

.webform-client-form-314 {display: flex;}



.webform-client-form-257 .form-item label {color: #ffffff !important;}













/*#footer {clear:both; width:100%; margin:0; padding: 10px 0px; background-color:#29282e; color:#fff}
#footer .block{ max-width:1132px; margin:0 auto; margin-bottom:0;}
*/
@media screen and (max-width: 1122px) {.wrapper {max-width:1024px;}
}





@media screen and (max-width: 960px) {.content-sidebar-wrap,#content,#sidebar-first,#sidebar-second {float:none; max-width:960px;}
body{ margin:0 auto; width:100%; }
#sidebar-first  {clear:both; text-align:center;}
body.sidebar-first #sidebar-first { width:100%}
body.sidebar-first #content {width:100%;}
#post-content {  float:none}
p{ margin:10px 0}
#block-block-16 .coll a.readmore { padding:10px;} 
.content {width: 100%;}
thead{ display:none;}
.not-front #container{max-width: 80% !important;}
.responsive-menus.responsified .responsive-menus-simple li a{ text-align:center; }

#sidebar-first  {display:none; clear:both;}


#banner {margin-bottom: 0;}

.Resource, .programme, .member, .campaigns{max-width: 100% !important;width: 100%;}

.Resource img ,.member img {width: 100%;height: 310px;max-width: 100%;}

#block-views-campaigns-block h2{text-align: center;}
 
.intro{width: 80%;}

.intro h1 .tax-decor {right: -1px !important}


.shadetabs li{ margin:20px 0; width:100%; clear:both; float:none}

.counterytabcontent{ margin:10px 0px; padding:0}


#header, #block-block-16 .content, #block-block-16 .content .coll, #block-block-16 .content .colr, #block-block-10 .content .col, #block-block-10 .content .coll, #block-block-10 .content,  td, #block-block-2 .content .fcoll, #block-block-2 .content .fcolc, #block-block-2 .content .fcolr, #header .blockview .col1, #header .blockview, #container, #block-block-16 .coll .readmore, #block-block-9 .content,#header .logo,#header span { width:100% ; max-width:100%; clear:both; float:none; margin:0 auto; text-align:center; padding:0; height:auto}


#volunteer .col{width:20%; float:left }

table.cols-4 td {max-width: 100%;}
#slider img{padding: 0;height: 200px;margin-top: 10px;}
#head{text-align: left;}
#head .col{display: flex;flex-direction: row;width: 100%;}
#head .col .fa-external-link-square{display: none;}
#head .main_head {width: 80%;}

.publicationreport {width: 80%;justify-content: center;}

.publicationreport .colr {width: 80%;}


.publicationreport h2 , .publicationreport h3{font-size: 15pt;text-align: center;}

.pageprog {margin-top: 75px;}
.pageprog .body p {text-align: justify;}

#block-views-resourcerelated-block h2 {text-align: center;}
#block-views-resourcerelated-block .cols-3 tr td {width: 100%;}
#block-views-resource-block-1 h2 {text-align: center !important;}
.out {height: 250px;}
.out h1 {padding-top: 60px;font-size: 18pt;width: 280px !important;}

.mean-container .mean-bar{background: none !important;padding: 0 !important;}
.mean-container .mean-nav {color: #FFFFFF !important;background-color: #021c42 !important;}

.cols-3 tr td {width: 90%;}

.donate {width: 40%;padding: 10px 5px;}


.cover_sd {top: 80%;margin: 20px 0;}


#block-block-2{padding: 30px 0;}

#block-block-7 {padding: 0;}
#block-block-7 .foot {flex-wrap: wrap;}
#block-block-7 .logo{width: 100%;padding-top: 20px;}
#block-block-7 .logo img{width: auto;}
#block-block-7 .logo2{width: 50%;padding-top: 20px;}
#block-block-7 .logo3 {width: 100%;padding: 20px 0;justify-content: center;}
#block-block-7 .logo4 .icon1{padding: 0 10px;}

#header_sd svg {height: 50px};
.svg {height: 100px;}
#block-block-14 {width: 90%;}
#block-block-14 .col{flex-wrap: wrap;}
#block-block-14 .col1 {width: 100%;}
#block-block-14 .col2 {width: 100%;padding: 0;}
#block-block-14 .col img{height: 250px;padding-bottom: 20px;}
#block-block-14 .coll {padding-bottom: 20px;}

#block-block-18 {height: auto;}
#block-block-18 .work{width: 50%;margin: 0 auto;}
#block-block-18 .video{width: 250px}
#block-block-18 .home {width: 60%;margin: 0 auto;}
#block-block-14 .content {width: 100%;}
#block-block-14 .text {padding-top: 0;}
#block-block-14 .text h1 {width: 100%;line-height: 1.2;font-size: 20pt;}
#header .blockview .coll img {height: 35px;z-index: 999;}
#header .blockview {flex-wrap: nowrap;padding-top: 10px;width: 70%;margin: 0 auto;}

#block-block-12 h5 {padding: 20px 0;}
#block-block-12 .tabs {flex-wrap: wrap;}
#block-block-12 .tab{width: 50%;}

#block-block-12 .cols-4 tr {flex-wrap: nowrap !important;}


#block-block-12 .work {width: 100%;}


#block-block-21 .wrap {width: 90%;}
#block-block-21 .text-mask, #block-block-21 .text-mask3,    #block-block-21 .text-mask2,    #block-block-21 .text-mask4,    #block-block-21 .text-mask5,    #block-block-21 .text-mask6,    #block-block-21 .text-mask7,    #block-block-21 .text-mask8,    #block-block-21 .text-mask9 {height: 40vh;font-size: 130pt;}
#block-block-21 h2 {font-size: 24pt;}





#block-block-8 .industry {display: block;}
#block-block-8 .ind {padding: 0;}

#block-block-8 .left1{width: 100%;padding-bottom: 20px;}
#block-block-8 .left2 {width: 100%;padding-top: 20px;height: 320px;}
#block-block-8 marquee {min-height: 270px;}
#block-block-8 h3 a {padding: 3px 5px;}

#block-block-2 .content .fcol{flex-wrap: wrap;flex-direction: column;}
#block-block-2 h2 {width: 100%;margin: 0 auto;}
#block-block-2 ul.menu {text-align: center;}
#block-block-2 .fcol1 {width: 100%;}
#block-block-2 .fcol2 {width: 100%;}
#block-block-2 h2 {font-size: 16pt;text-align: center;}
.webform-client-form-257 .webform-component-textfield{float: none;}
.webform-client-form-257 .webform-component-textfield input {height: 30px;}
.webform-client-form-257 .webform-submit {width: 12%;font-size: 12pt;padding: 0;}
#block-block-2 .link {padding-bottom: 15px;}
#block-block-2 {padding: 20px 0 10px 0;}


#block-block-4 h3 {padding-bottom: 0;}
#block-block-4 h4 {font-size: 18px;}
#block-block-4 .cols-3 td {width: 100%;padding: 0;}

.pagemember .body {text-align: justify;margin-top: 75px;}
#bannerorg .teaser {flex-direction: column-reverse;}
#bannerorg .teaser .col2 {width: 100%;}
#bannerorg .teaser .col2 h3 {width: 100%;}
#bannerorg .dep {width: 100%;}
.pagenews .body {margin-top: 75px;}
.pagenews .body p{text-align: justify;}
.pagenews iframe {width: 100% !important;}

.programme img{width: 100%;max-width: 100%;height: 310px;}
#bannerprogramme .teaser {flex-wrap: wrap;width: 90%;margin: 0 auto;justify-content: center;}
#bannerprogramme .teaser .col1 img {margin-top: 60px;height: 200px;width: auto;max-width: 275px;}

#bannerprogramme .teaser .col2 h3 {width: 100%;font-size: 22pt;}

#bannerprogramme .teaser .col2 {
  width: 90%;
}

.body .button .iframe {padding-bottom: 20px;}

.access {max-width: 100%;}


#bannerget .teaser {flex-direction: column;}
#bannerget .teaser .col2{width: 100%;}
#bannerget .teaser .col1 {padding-top: 15px;}
#bannerget .teaser .col2 h3 {width: 100%;font-size: 22pt;}

.pageget {flex-wrap: wrap;flex-direction: column-reverse;}
.pageget .body {text-align: justify;}
.pageget .quote {width: 100%;border-left:none;padding-left: 0;height: auto;margin-top: 0;text-align: justify;}






.page-node-113 .column {width: 100%;}
.page-node-113 .column .col1 {padding: 0;}


.page-node-113 .column .col2 p {font-size: 10pt;}
.page-node-113 .coltext {width: 100%;}
.page-node-113 .history {width: 100%;}

.page-node-113 .swipe {padding: 10px;}

.page-node-113 .text {padding-top: 25px;line-height: 1.3;}
.swiper-slide {flex-shrink: 1 !important;}
.pageprog .swiper-slide {flex-shrink: 0 !important;}



.page-node-113 .coltext1 {width: 100%;}
.page-node-113 .main-teaser__slide-item {width: 100% !important;}
.page-node-113 .text h2 {width: 100%;}
.page-node-113 .swipe h2 {padding: 0;}
.page-node-113 .guide {flex-direction: column-reverse;}
.page-node-113 .guide1 {width: 100%;} 
.page-node-113 .guide2 {width: 100%;} 

.page-node-318 #event h2 {font-size: 20pt;}

.page-node-318 .btn {width: 100%;}

.page-node-153 .policy {padding: 50px 0;}
#bannerresource .teaser {width: 80%;flex-wrap: wrap;justify-content: center;}
#bannerresource .teaser .col1 img {margin-top: 60px;height: 200px;width: auto;max-width: 275px;}
#bannerresource .teaser .col2 {width: 90%;}
#bannerresource .teaser .col2 h3 {width: 100%;font-size: 22pt;}



#bannercampaigns .teaser .col1 img {margin-top: 60px;height: 200px;width: auto;max-width: 275px;}
#bannercampaigns .teaser {width: 100%;flex-wrap: wrap;justify-content: center;}





#block-block-11 {display: grid;padding: 15px;}
#block-block-11 .mem {flex-direction: column;}
.shadetabs li {width: 40%;margin: 0;}


#bannernews h2 {padding-top: 50px;}

#bannernews .teaser .col1 img {margin-top: 60px;height: 200px;width: auto;max-width: 275px;}

#bannernews .teaser {flex-wrap: wrap;justify-content: center;}

#bannernews .teaser .col2 {width: 90%;margin: 0 auto;}
#bannernews .teaser .col2 h3 {width: 100%;font-size: 22pt;}
#bannernews .teaser .col1 {width: 90%;margin: 0 auto;}
.pagenews .link {width: 40%;margin: 0 auto;padding: 5px 15px;}
.page-node-122 .coltext1{width: 100%;}
.page-node-122 .coltext1 h2{text-align: left;}

#block-block-22 .start {text-align: justify;}
#block-block-22 .tab {width: 100%;}
#block-block-22 .tabs {flex-wrap: wrap;}
#block-block-22 .flex{flex-wrap: wrap;}
#block-block-22 .aud {text-align: justify;}
#block-block-22 .flex .flextxt{text-align: justify;padding-left: 0;}

.you {flex-wrap: wrap;}

#block-block-23 {text-align: justify;}
#block-block-23 .flex {flex-wrap: wrap}
#block-block-23 .flex .flexvdo img {width:100%;}
#block-block-23 .flex2 .flexvdo img {width:100%;}

#block-block-23 .tabs {flex-wrap: wrap;}
#block-block-23 .tab {width: 100%;}
#block-block-23 .link {width: 100%;float: none;}
#block-block-23 .start {text-align: justify;}
#block-block-23 .flex2{flex-wrap: wrap}



.page-title {margin-top: 170px;line-height: 25px;width: 100%;}

#our_work_sd{min-width: 640px;}
#block-block-14 .arrow {width: 30%;margin: 0;}
#block-block-14 .get{font-size: 18pt;}




#block-block-19 .text-mask {font-size: 150pt;height: 35vh;}


.page-node-358 .link {width: 100% !important;font-size: 16pt;}

.page-node-358 .link a {font-size: 9pt !important;}

.webform-client-form-257 .webform-component-textfield input {width: 250px !important;}


.counterytabcontent .cols-3 td{max-width: 80%;margin: 0 auto;}

.fp-iframe {height: 250px !important;}



}
@media screen and (max-width: 640px) {#site-title,#site-description {float:none;margin:0;line-height:1.62em;}
}
@media screen and (max-width: 440px) { input.form-text, select.form-select {width: 93%;}
textarea.form-textarea {width: 100%}
}