/* Minification failed. Returning unminified contents.
(73,1): run-time error CSS1019: Unexpected token, found '}'
(166,1): run-time error CSS1019: Unexpected token, found '@import'
(166,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap')'
(168,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(169,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(170,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(171,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(172,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(173,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(174,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(185,17): run-time error CSS1039: Token not allowed after unary operator: '-darkgrey'
(209,17): run-time error CSS1039: Token not allowed after unary operator: '-darkgrey'
(232,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(308,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(309,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(346,21): run-time error CSS1039: Token not allowed after unary operator: '-black'
(347,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(379,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(458,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(673,26): run-time error CSS1039: Token not allowed after unary operator: '-black'
(714,34): run-time error CSS1039: Token not allowed after unary operator: '-green'
(724,17): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(758,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(775,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(782,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(783,17): run-time error CSS1039: Token not allowed after unary operator: '-text'
(837,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(852,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(868,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(873,76): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(880,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(896,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(904,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(920,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(925,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(931,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(975,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1041,26): run-time error CSS1039: Token not allowed after unary operator: '-text'
(1052,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1079,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1086,17): run-time error CSS1039: Token not allowed after unary operator: '-text'
(1100,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1128,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1129,16): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1137,19): run-time error CSS1039: Token not allowed after unary operator: '-text'
(1141,16): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1169,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1208,17): run-time error CSS1039: Token not allowed after unary operator: '-text'
(1222,22): run-time error CSS1039: Token not allowed after unary operator: '-text'
(1232,34): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1236,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1243,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1251,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1305,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1306,22): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1341,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1358,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1372,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1373,22): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1506,22): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1531,32): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1607,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1617,17): run-time error CSS1039: Token not allowed after unary operator: '-darkgrey'
(1634,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1656,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1857,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1882,16): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1887,35): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1929,22): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1944,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1962,22): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1985,17): run-time error CSS1039: Token not allowed after unary operator: '-darkgrey'
(1990,17): run-time error CSS1039: Token not allowed after unary operator: '-darkgrey'
(1997,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(2019,22): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(2048,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(2067,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(2068,22): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(2299,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(2318,22): run-time error CSS1039: Token not allowed after unary operator: '-white'
(2365,25): run-time error CSS1046: Expect comma, found '251'
(2365,32): run-time error CSS1046: Expect comma, found ')'
(2426,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(2538,21): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(2780,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(2954,3): run-time error CSS1019: Unexpected token, found '@keyframes'
(2955,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3016,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(3017,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(3019,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(3030,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(3037,32): run-time error CSS1039: Token not allowed after unary operator: '-white'
(3050,17): run-time error CSS1039: Token not allowed after unary operator: '-text'
(3099,37): run-time error CSS1030: Expected identifier, found '.'
(3099,42): run-time error CSS1031: Expected selector, found ')'
(3099,42): run-time error CSS1025: Expected comma or open brace, found ')'
(3208,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(3229,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(3283,35): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(3284,17): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(3286,35): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(3307,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(3308,22): run-time error CSS1039: Token not allowed after unary operator: '-white'
(3314,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(3316,22): run-time error CSS1039: Token not allowed after unary operator: '-white'
(3394,21): run-time error CSS1039: Token not allowed after unary operator: '-white'
(3470,22): run-time error CSS1039: Token not allowed after unary operator: '-white'
(3474,17): run-time error CSS1039: Token not allowed after unary operator: '-darkgrey'
(3477,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(3495,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(3510,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(3523,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(3532,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(3545,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(3632,22): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(3646,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(3653,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(3672,39): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(3712,22): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(3719,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(3839,22): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(3847,22): run-time error CSS1039: Token not allowed after unary operator: '-grey'
(3851,22): run-time error CSS1039: Token not allowed after unary operator: '-blue'
 */
body .sm-blue a, body .sm-blue a:hover, body .sm-blue a:focus, body .sm-blue a:active
{
  text-shadow: none;
}

/*TABLE WIDGET container*/
#html_content{
    display:grid;
}
/*---------*/

.sdt_box_item img
{
  display: inline-block;
}



.ms-slide .ms-caption
{
 /* background-color: #000000;
  font-size:20px;*/
}



/* START CSS */

img
{
  display: block;
}
*
{
  font-family: sans-serif;
}

body, html
{
  padding:0; margin:0;
  width:100vw;
  overflow-x: hidden;
}


body.home header #logo a {
    pointer-events: none;
}


.nosize
{
  font-size:0;
  opacity: 0;
  position: fixed;
  left:-99999px;
  top:-9999px;
}




.contained-width, .full-width
{
  display: block;
}


body.no-inside-menu #leftMenu
{
  display: none!important;
}
}


/* MOBILE MENU */

#nav-icon {
  width: 40px;
  height: 30px;
  position: relative;
  margin: 0px auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon span {
  display: block;
  position: absolute;
  height: 5px;
  width: 100%;
  background: #000000;
  border-radius: 0px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}


#nav-icon span:nth-child(1) {
  top: 0px;
}

#nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {
  top: 12px;
}

#nav-icon span:nth-child(4) {
  top: 24px;
}

#nav-icon.open span:nth-child(1) {
  top: 15px;
  width: 0%;
  left: 50%;
}

#nav-icon.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}















@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
:root {
    --primary: #193F6B;
    --text: #F9FAFB;
    --white: #fff;
    --darkgrey: #333333;
    --black: #000;
    --blue: #193e6a;
    --yellow: #ffc728;
}

.event-menu-header
{
    display: none;
}
body, * {  
    font-family: "Roboto", sans-serif;
}
h1, h2, h3 {
    color: var(--darkgrey);
    font-weight: 600;
    line-height: normal !important;
}
h1
{
	font-size:40px;
}

h2
{
	font-size:36px;
    margin: 0 0 10px !important;
}
.accordion-section-content h2:after{
    content:none!important;
}
h3 {
    font-size: 18px;
    margin: 30px 0 10px !important;
}

p, li, ol, a {
    font-weight: normal;
    color: var(--darkgrey);
    font-size: 16px!important;
    line-height:24px;
    /*direction: rtl;*/
}


strong, b{
    font-weight:bold!important;
}
a
{
	text-decoration: underline;
}
ol {
  list-style: none;
  counter-reset: counter;
}
ol li {
  counter-increment: counter;
}
ol li::before {
  content: counter(counter) ". ";
  color: var(--primary);
  font-weight: bold;
}

div.display-table .display-table-row
{display: none!important;}

.open_new_tab
{
    margin-top:0!important;
    margin-bottom:30px!important;
    border-bottom:0px!important;
}
#singleitem .socialmedia-links
{
    display: none;
}
.mt-20 {
    margin-top: 20px;
}
.mt-30 {
    margin-top: 30px;
}
.mt-40 {
    margin-top: 40px;
}
.mt-50 {
    margin-top: 50px;
}
.mb-20 {
    margin-bottom: 20px;
}
.mb-30 {
    margin-bottom: 30px;
}
.mb-40 {
    margin-bottom: 40px;
}
.mb-50 {
    margin-bottom: 50px;
}
.container-inner {
    max-width: 85%;
    max-width: 1080px;
    width: 100%;
    margin: 0 auto;
}
@media (max-width: 768px) {
    .container-inner {
        max-width: 1080px;
        width: 92%;
        padding-left: 4%;
        padding-right: 4%;
        margin: 0 auto;
    }
    #singleitem {
        max-width: 1080px;
        width: 92% !important;
        padding-left: 4%;
        padding-right: 4%;
        margin: 0 auto;
    }
    #singleitem img {
        width: 100%;
        height: auto;
    }
}
.eforms-wrapper input[type="text"], .eforms-wrapper select, .eforms-wrapper textarea, 
input[type="text"], input[type="password"], select, textarea {
    padding: 10px 15px !important;
    font-size: 16px !important;
}
input[type="submit"] {
    border-radius: 8px !important;
    transition: 0.5s;
    cursor: pointer;
    color: var(--white) !important;
    background-color: var(--primary) !important;
    text-decoration: none;
    padding: 8px 33px !important;
    border: 2px solid transparent;
    font-size: 18px;
}
table.admin_bodytext_white input[type="text"],
table.admin_bodytext_white select,
table.admin_bodytext_white textarea{
    padding:0!important;
}
#logo
{
  width:200px;
}
#logo, .textSize, .searchPanel
{
  display: inline-block;
}
.textSize, 
.searchPanel {
    width: 99%!important;
}
.contained-width
{
  max-width: 1200px;
  margin:0 auto;
}
.full-width
{
  max-width:none;
  width:100vw;
}
.contentArea {
    padding-top: 70px;
}
.header-alert {
    background:var(--black); 
    color: var(--white); 
    width:100%; 
    padding:15px;
}

/* .searchPanel
{
  border:3px solid var(--black);
} */

.textSize
{
      padding: 7px 0 0 15px;
}
fieldset{
    border:0;
}
#spGrow , #spShrink  {
 width: 18px;
 height: 25px;
 display: block;
 text-align: center;
}
#spShrink {
    position: relative;
    top: -4px;
}
#spGrow a , #spShrink  a{
   text-decoration: none;
   font-weight: 600;
   }
#spGrow a{
    color: var(--primary);
    font-size: 16px;
  
}
#spShrink  a{
    color: #263338;
    font-size: 20px;
   
}

.view-all-events
{
    width:40%;
    text-align: right;
    background:url(/images/line.png) repeat-x center center;
}

.view-all-events a
{
    text-decoration: none;
    background: #fff;
    padding-left:10px;
}
.gridhomecontent {
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    grid-column-gap:40px;
}
.gridhomecontent div {
    position: relative;
    padding-right: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
}
.gridhomecontent > div:after {
    content: '';
    width: 1px;
    background-color: #2B6DB9;
    position: absolute;
    right: 0;
    z-index: 5;
    height: 50%;
    top: 25%;
}
.gridhomecontent > div .innerContWrap img {
    width: 70%;
}
.gridhomecontent > div:last-child:after {
    display: none !important;
}
.gridhomecontent div p {
    text-align: center;
}
.gridlastthird, .gridfirstthird, .gridfifty {
    display: grid;
    grid-column-gap: 80px;
}
.prefooter.gridfifty {
    grid-column-gap: 40px;
}
.gridlastthird img, .gridfirstthird img {
    width: 100%;
    height: auto;
    border-radius: 40px;
    overflow: hidden;
}
.gridfifty {
    grid-template-columns: 1fr 1fr;
}
.gridfirstthird {
    grid-template-columns: 2fr 3fr;
}
.gridlastthird {
    grid-template-columns: 1fr 1fr;
}
.footer-content {
    justify-items: center;
    background-color: var(--white);
    color:#000;
    display: flex;
    padding: 25px 0;
    justify-content: space-between;
    position: relative;
/*    margin-top: 120px;*/
}
    .footer-content p, .footer-content a, .footer-content h2 {
        color: #000;
    }
.footer-content span.strong,
.footer-content h3{
    font-weight:bold;
    text-transform:uppercase;
}
#mainContentHome {
    margin-top: 110px;
}
body.logged-in #mainContentHome {
    margin-top: 0px;
}


/* #mainContentHome > div {
    background-color: var(--white);
    padding: 10px;
} */
#insideContent, #breadcrumbs, #leftMenu
{
  padding:10px;
}
#breadcrumbs h1 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
#breadcrumbs p {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

#insideBanner img
{
  width:100%;
  height: auto;
}


#mobileMenu
{
    display: none;
}
.no-inside-menu #mainContentInside
{
  grid-template-columns: 1fr;
}

.no-inside-menu #leftMenu
{
  display: none;
}

/*Glossary*/
#servicesGlossary h2 {
    display: inline-block;
}

#servicesGlossary h2.inactive {
    color: Silver;
}
/*Breaking News */
#Breaking-New-0{
    display: flex;
    justify-content: space-between;
}
.div_cell.image_news{
    transition: .35s;
    position: relative;
    overflow: hidden;
}
.mobile-button-search{
    cursor: pointer;
    display: none;
   width: 28px;
   height: 28px;
   background-repeat: no-repeat;
   background-size: cover;
   background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.4716 24.1714L15.7898 17.4801C15.1932 17.958 14.5071 18.3364 13.7315 18.6152C12.956 18.894 12.1307 19.0334 11.2557 19.0334C9.08807 19.0334 7.25375 18.2818 5.75273 16.7787C4.25091 15.2747 3.5 13.4374 3.5 11.2667C3.5 9.09602 4.25091 7.25869 5.75273 5.75474C7.25375 4.25158 9.08807 3.5 11.2557 3.5C13.4233 3.5 15.258 4.25158 16.7598 5.75474C18.2609 7.25869 19.0114 9.09602 19.0114 11.2667C19.0114 12.143 18.8722 12.9694 18.5937 13.7461C18.3153 14.5228 17.9375 15.2098 17.4602 15.8073L24.1719 22.5284C24.3906 22.7475 24.5 23.0164 24.5 23.335C24.5 23.6536 24.3807 23.9324 24.142 24.1714C23.9233 24.3905 23.6449 24.5 23.3068 24.5C22.9688 24.5 22.6903 24.3905 22.4716 24.1714ZM11.2557 16.6437C12.7472 16.6437 14.0151 16.1211 15.0595 15.076C16.1032 14.0301 16.625 12.7603 16.625 11.2667C16.625 9.77312 16.1032 8.50336 15.0595 7.45744C14.0151 6.41232 12.7472 5.88976 11.2557 5.88976C9.7642 5.88976 8.49625 6.41232 7.45182 7.45744C6.40818 8.50336 5.88636 9.77312 5.88636 11.2667C5.88636 12.7603 6.40818 14.0301 7.45182 15.076C8.49625 16.1211 9.7642 16.6437 11.2557 16.6437Z' fill='%233C5E6B'/%3E%3C/svg%3E%0A");
}

iframe
{
    width:100%!important;
}
.supra-header .header-phone,
.supra-header .header-email {
    display: block;
}
.supra-header .btn-donate-light {
    display:none;
} 
@media (max-width: 767px) {
    .inside-banner .banner-inner {
        display: grid;
        grid-template-columns: 1fr;
    } 
    .inside-banner .banner-inner>div:first-child
    {
        order: 2;
    }
    .inside-banner .banner-inner>div:last-child
    {
        order: 1;
    }
    .inside-banner #inside_banner {
        margin-top: 100px;
        padding-bottom: 0!important;
    }

    .inside-banner .insider-content.insider-wrap
    {
        padding-top:20px!important;
        position: relative;top:-50px;
        border-radius: 20px;
        background: #fff;
    }

    .inside-banner .img-banner-inner img
    {
        border-radius: 0;
    }

    body.inside-banner .desc-banner-inner
    {
        border-radius: 0!important;
/*        -webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;*/
    }
    img
    {
        max-width: 100vw!important;
        height: auto!important;
    }

    body.inside-banner #inside_banner img
    {
            width: 100%!important;
    top: -30px;
    position: relative;
    max-width: 1100px;
    padding-bottom:0!important;

    }

    .inside-banner .img-banner-inner img
    {
        border-radius: 0;
    }

    .desc-banner-inner 
    {
        width:100vw;
    }

    .desc-banner-inner .contained-width.rowSub
    {
        width:auto!important;
    }


    

    .desc-banner-inner .innerContWrap
    {
       padding:0!important;
    }
    .desc-banner-inner h1
    {
        margin-bottom: 5px!important;
    }

    

    form[action="./newsroom"] .section-desc-title
    {
        width:100%!important;
    }
    #mainContentHome {
        display: block;
    }
    #utility {
        display: none;
    }

    #mobileMenu {
        display: block;
    }

    .header-alert {
        display: none;
    }

    #mainMenu {
        display: none;
        height: calc(100vh - 73px);
        background: var(--black);
    }

    .supra-header .header-phone,
    .supra-header .header-email {
        display: none;
    }
    .supra-header .btn-donate-light {
        margin-left: auto;
        margin-right: auto;
        display:flex;
        font-size:18px!important;
    } 
    #mainContentInside {
        grid-template-columns: 1fr;
    }

    #leftMenu {
        /*display: none;*/
        order: 2;
    }

}

/*.ms-slide-layers,
.ms-layer.ms-caption,
.banCapBox {
    height: auto !important;
    overflow: visible !important;
    position: relative !important;*/ /* forces reflow */
    /*display: block !important;*/ /* just in case */
/*}*/
.ms-nav-next, .ms-nav-prev {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}
/*#region Left Menu */

#leftMenu .sm-blue.nav {
    list-style-type: none;
    border-left: 10px solid var(--green);
    border-radius: 0;
    -webkit-box-shadow: initial;
    -moz-box-shadow: initial;
    box-shadow: initial;
    margin-top: 0px;
}

#leftMenu .sm-blue a.current, #leftMenu .sm-blue a.current:hover {
    font-weight: 600 !important;
    color: var(--blue) !important;
}
    #leftMenu .sm-blue a, #leftMenu .sm-blue a:hover, #leftMenu .sm-blue a:focus, #leftMenu .sm-blue a:active {
        background: transparent !important;
        color: #333;
        font-weight: 400;
        display: block;
        font-size: 17px !important;
    }

    #leftMenu .sm-blue ul ul {
        background: transparent;
    }

    #leftMenu ul li ul {
        display: none;
    }

    #leftMenu ul li a.current.has-submenu + ul {
        display: block;
        margin-top: 10px;
    }
    #leftMenu ul li a.has-submenu + ul {
        padding-left: 20px !important;
    }
    #leftMenu #dropWrap li a.current.has-submenu .sub-arrow {
        /*transform: rotate( 90deg) !important;*/
    }
    .nav.navbar-nav.dropdownMenu >li > ul >li:last-child > a, 
    .nav.navbar-nav.dropdownMenu >li > ul >li>ul>li:last-child > a {
        text-align: left !important;
    }

.sm-blue ul {
    background-color: var(--primary) !important;
}
/*#endregion */
/* Header */
#bannerContent {
    position: relative;
    top: 132px;
}

.main-header {
    position: fixed;
    width: 100%;
    z-index: 99999999999999;
    /*box-shadow: 0px 5px 8px rgba(43, 87, 105, 0.06);
    
    border-radius: 0px 0px 20px 20px;*/
    top: 0;
    background-color: var(--white);
    backdrop-filter: blur(5px);
    padding-bottom: 10px;
    
}
.supra-header,
.supra-header a{
    background-color: var(--primary);
    color: var(--text);
    text-decoration:none;
}
.supra-header > div{
    display:flex;
    column-gap:30px;
    padding:10px 0;
}
header .contained-width {
    max-width: 85%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 100%;
}
.menu-horizontal .sm-blue>li:not(:last-child) {
   /*margin-right: 50px;*/
   border-color: transparent;
}
.menu-horizontal .sm-blue a span.sub-arrow {
    display: none;
}
.header-container {
    padding-top: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.header-right {
   position: absolute;
   top: -5px;
   right: 0;

}
.header-left #logo {
    width: 100%;
}
#mainMenu {
    max-width: 100%;
   
   
}
.mainmenu  .navbar-nav {
    display: flex;
    background: transparent !important;
    box-shadow: none !important;
    align-items: center;
    width: 100%;
    max-width: 100%;
    justify-content: flex-end;
}
.mainmenu .navbar-nav li a {
    background: transparent !important;
    color: var(--primary) !important;
    font-family: "Roboto", sans-serif;
    border-bottom: 2px solid transparent;
    border-radius: 0 !important;
    transition: 0.3s ease;
}
.mainmenu .navbar-nav >li a:hover {
    color: #657d86 !important;
    transition: 0.3s ease;
}
.mainmenu.menu-horizontal .navbar-nav > li:last-child a {
    background: url(../Images/btn-donate.png) no-repeat left bottom !important;
    background-color:black!important;
    width: 200px;
    height: 55px;
    color: var(--white) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover !important;
    border: none !important;
    border-radius: 17px !important;
}
.mainmenu .navbar-nav ul li a {
    font-size: 18px !important;
}
.mainmenu.menu-horizontal .navbar-nav > li:last-child a:hover {
    background: url(../Images/btn-donate-hover.png) no-repeat left bottom !important;
    background-size: cover !important;
    width: 200px;
    height: 55px;
    color: var(--white) !important;
    border: none !important;
    border-radius: 17px !important;
}
.secondaryMenuTop {
    background: url(../Images/dropdown-bg.png) no-repeat right bottom var(--primary) !important;
}
.btn-more-dark {
    background: url(../Images/btn-more-dark.png) no-repeat left bottom !important;
    background-color:#000!important;
    width: 200px;
    height: 55px;
    color: var(--white) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover !important;
    border: none !important;
    border-radius: 17px !important;
    text-decoration: none;
    font-weight: 600;
    transition: all ease-in 0.3s;
}
.btn-more-dark:hover {
    background: url(../Images/btn-more-hover-dark.png) no-repeat left bottom !important;
    background-size: cover !important;
    width: 200px;
    height: 55px;
    color: var(--white) !important;
    border: none !important;
    border-radius: 17px !important;
}
a span.back-blue.button {
    background: url(../Images/btn-more-dark.png) no-repeat left bottom !important;
    width: 200px;
    height: 55px;
    color: var(--white) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover !important;
    border: none !important;
    border-radius: 17px !important;
    text-decoration: none;
    font-weight: 600;
    transition: all ease-in 0.3s;
}
a:hover span.back-blue.button {
    background: url(../Images/btn-more-hover-dark.png) no-repeat left bottom !important;
    background-size: cover !important;
    width: 200px;
    height: 55px;
    color: var(--white) !important;
    border: none !important;
    border-radius: 17px !important;
}
.header-right .utility .searchPanel {
    border: 1px solid var(--primary) !important;
}
#utility {
    display: flex;
    align-items: center;
    gap: 0 20px;
    border: 2px solid var(--primary);
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
}
#utility input::placeholder{
    display: none  !important;
}
#utility .textSize{
   display: flex;
   align-items: center;
   min-width: 100px;
   max-width: 100%;
 
}
#utility .searchPanel{
   width: 160px;
}
#utility .searchPanel >div div.row{
    display: flex;
    justify-content: space-between;
}
#utility .searchPanel >div div.row >div:nth-of-type(2){
    order: -2;
}

#utility .searchPanel button{
    background: none;
    outline: 0;
    border: none;
    height: 15px;
    width: 15px;
    position: absolute;
    left: 10px;
    top: 15px;
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.4716 21.1714L12.7898 14.4801C12.1932 14.958 11.5071 15.3364 10.7315 15.6152C9.95597 15.894 9.13068 16.0334 8.25568 16.0334C6.08807 16.0334 4.25375 15.2818 2.75273 13.7787C1.25091 12.2747 0.5 10.4374 0.5 8.26671C0.5 6.09602 1.25091 4.25869 2.75273 2.75474C4.25375 1.25158 6.08807 0.5 8.25568 0.5C10.4233 0.5 12.258 1.25158 13.7598 2.75474C15.2609 4.25869 16.0114 6.09602 16.0114 8.26671C16.0114 9.14296 15.8722 9.96942 15.5937 10.7461C15.3153 11.5228 14.9375 12.2098 14.4602 12.8073L21.1719 19.5284C21.3906 19.7475 21.5 20.0164 21.5 20.335C21.5 20.6536 21.3807 20.9324 21.142 21.1714C20.9233 21.3905 20.6449 21.5 20.3068 21.5C19.9688 21.5 19.6903 21.3905 19.4716 21.1714ZM8.25568 13.6437C9.74716 13.6437 11.0151 13.1211 12.0595 12.076C13.1032 11.0301 13.625 9.76031 13.625 8.26671C13.625 6.77312 13.1032 5.50336 12.0595 4.45744C11.0151 3.41232 9.74716 2.88976 8.25568 2.88976C6.7642 2.88976 5.49625 3.41232 4.45182 4.45744C3.40818 5.50336 2.88636 6.77312 2.88636 8.26671C2.88636 9.76031 3.40818 11.0301 4.45182 12.076C5.49625 13.1211 6.7642 13.6437 8.25568 13.6437Z' fill='%233C5E6B'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
#utility .searchPanel button i{
    display: none;
}
.textSize >span:first-of-type{
    color: var(--primary);
    font-size: 14px;
    font-weight: 700 !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: capitalize;
}
.header-right .textSize {
    padding: 0;
    order: 2;
}
.searchPanel input, .textSize span {
    font-family: "Roboto", sans-serif !important;
    outline: none;
    font-weight: 400 !important;
    background: transparent;
}
.searchPanel input{
    padding-left: 20px !important;
    height: auto  !important;
}
.mob-items {
    display: none;
}
.mob-logo {
    display: none;
}
body.home header #logo a {
    pointer-events: initial;
}
/* Banner */
#banner .master-slider img{
    margin-top: 0  !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover  !important;
    object-position: center;
    }
.ms-slide-bgcont::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(179.42deg, rgba(3, 74, 103, 0.09) 66.69%, rgba(2, 59, 82, 0.9) 99.17%)
}
.banCapBox h1,
.banCapBox h2 {
    font-family: "Roboto", sans-serif;
    font-size: 55px;
    font-weight: 600;
    color: #F5FBFD;
    text-shadow: none;
    width: 600px;
    max-width: 100%;
    position: relative;
    margin-bottom: 55px !important;
}
    .banCapBox h1:after,
    .banCapBox h2:after {
        content: '';
        position: absolute;
        width: 70px;
        bottom: -28px;
        left: 0;
        height: 6px;
        background: var(--text);
    }
.banCapBox p{
    font-size:22px!important;
}
.banCapBox {
    position: relative;
   /* margin-left:50px;
    margin-top:60px;*/
}
.ms-skin-default .ms-bullet{
    border: 1px solid var(--white) !important;
}
#banner .ms-view.ms-basic-view, #banner .ms-slide {
    height: 620px !important;
}
#banner .ms-slide .ms-slide-layers {
    left: 0 !important;
    position: static  !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
#banner .ms-bullets.ms-dir-h {
    left: 50% !important;
    right: 0;
    transform: translate(-50%, 0px);
}
/* Quick Links */
.quickWrapper {
    padding: 2rem 0 0;
}
.quickWrapper a {
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    line-height: 29px;
}
.content-desc .quickWrapper h2 {
    color: var(--white) !important;
}
.content-desc .quickWrapper h2:after {
    display: none !important;
}
/* Home Intro Section */
.homeIntroSection h2,.homejointeam h1 {
    color: var(--text);
    font-weight: 600 !important;
    margin: 20px 0 0px !important;
    font-size: 28px;
    font-family: "Roboto", sans-serif;
    padding: 10px 0;
}
.banCapBox h2 {
    font-family: "Roboto", sans-serif;
}
.btn-donate-light {
    background: url(../Images/btn-donate-light.png) no-repeat;
    background-color:#FFFFFF!important;
    background-size: cover;
    color: var(--primary) !important;
    border:  none;
    width: 200px !important;
    height: 55px !important;
    display: flex;
    border-radius: 17px;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    transition: all ease-in 0.3s;
}
.btn-donate-light:hover {
    background: url(../Images/btn-donate-light-hover.png) no-repeat;
    background-size: cover;
    border:  none;
}
#pastingspan1 ,.homejointeam p{
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    color: #263338;
    font-weight: 400;
    line-height: 1.45;
    width: 650px;
    max-width: 100%;
}
.homeIntroSection {
    background-color: var(--primary)!important;
    color:var(--white);
    padding: 80px 0 0 !important;
}
.homeIntroSection h2, 
.homeIntroSection h3, 
.homeIntroSection h4, 
.homeIntroSection h5,
.homeIntroSection h6 {
    columns: var(--text);
}
.homeIntroSection p, 
.homeIntroSection {
    color:var(--white) !important;
}
.homeIntroSection .intro{
    position: absolute;
}
.homeIntroSection .contained-width .gridlastthird,.homeIntroSection #widget_content_1,.homeIntroSection .outterContWrap.slick {
    height: 100%;
}
.homeIntroSection .outterContWrap.slick,.homejointeam .innerContWrap{
    display: flex;
    flex-direction: column;
    height: 100%;

}
.homeIntroSection .gridlastthird img {
    border-radius: 20px 0px 0px 20px;
}
/* News */
#homeNewsWrap #homeContentInner {
    max-width: 100%;
}
.home-news-desc {
    padding: 14px 0 !important;
}
#UpcomingEvents1_UpcomingEvents_0, .section-primary {
    margin-bottom: 60px !important;
}
#UpcomingEvents1_UpcomingEvents_0 .div_cell.home-news-desc {
    background-color: var(--primary);
    z-index: 1000;
    position: relative;
    border-radius: 25px;
    padding: 45px 25px 75px !important;
    margin-top: 67px;
    margin-bottom: 30px;
    margin-left: -90px;
    display: flex;
    align-items: center;
}
#UpcomingEvents1_UpcomingEvents_0 .div_cell.home-news-desc, .section-involved .div_cell.home-news-desc {
    position: relative;
}
#UpcomingEvents1_UpcomingEvents_0 .div_cell.home-news-desc::before, 
.section-involved .div_cell.home-news-desc::before   {
    content: '';
    height: 1px;
    background-color: #193F6B;
    position: absolute;
    top: -58px;
    width: 55%;
    z-index: 1000;
    right: 173px;
}
.relative {
    position: relative;
}
.section-involved .div_cell.home-news-desc::before {
    top: 26px !important;
    left: 0;
    width: 68%;
}
.div_cell.home-news-desc .news-month {
    padding-bottom: 10px;
}
#UpcomingEvents1_UpcomingEvents_0 .home-news-desc h3 {
    font-size: 32px;
    font-weight: 600 !important;
    color: var(--text);
    font-family: "Roboto", sans-serif;
    margin-bottom: 25px !important;
}
.news-title-date h3 {
    position: relative;
}
.news-title-date h3:after {
    content: '';
    position: absolute;
    width: 28px;
    bottom: -4px;
    left: 0;
    height: 1px;
    background: var(--text);
}
#UpcomingEvents1_UpcomingEvents_0 .news-title-date{
    width: 100px;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    margin-right: 30px;
    padding-right: 30px;
    border-right: 1px solid var(--white);
}
#UpcomingEvents1_UpcomingEvents_0  .div_cell.home-news-desc .news-month {
    font-size: 25px !important;
    color: var(--white) !important;
    font-weight: 300 !important;
    font-family: "Roboto", sans-serif;
    margin-bottom:10px;
}
#UpcomingEvents1_UpcomingEvents_0  .div_cell.home-news-desc .news-time {
    font-size: 74px !important;
    color: var(--white) !important;
    font-weight: 700 !important;
    font-family: "Roboto", sans-serif;
    line-height: 40px;
}
#UpcomingEvents1_UpcomingEvents_0 .home-news-desc .short_text {
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    color: var(--white);
    margin-top: 0 !important;
    font-weight: 400;
}
@media (min-width: 991px) {
    #UpcomingEvents1_UpcomingEvents_0  .event-details-btn {
        position: absolute;
        bottom: 4px;
        z-index: 1001;
        right: 50px;
    }
}
@media (max-width: 991px) {
    #UpcomingEvents1_UpcomingEvents_0  .event-details-btn {
        display: flex;
        justify-content: space-around;
        margin-top: 40px;
    }
    #UpcomingEvents1_UpcomingEvents_0, .section-primary {
        padding-bottom: 50px;
    }
}

body .slick-prev, body .slick-next,
body .slick-prev:hover, body .slick-next:hover, 
body .slick-prev:focus, body .slick-next:focus, 
body .slick-prev:visited, body .slick-next:visited {
    height: 63px;
    width: 63px;
    background: url('/images/arrow-slick-next-hover.png') no-repeat;
    background-size: contain;
    z-index: 2;
    display: block !important;
    opacity: 1 !important;
}
body .slick-prev, body .slick-next {
    height: 63px;
    width: 63px;
    background: url('/images/arrow-slick-next.png') no-repeat;
    background-size: contain;
    z-index: 2;
    display: block !important;
    opacity: 1 !important;
}
body .slick-prev {
    top: calc(50% - 25px) !important;
}
.newsWrap.breaking-news .viewAll.button {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    border-radius: 7px;
    padding: 6px 25px;
    transition: 0.3s ease;
    cursor: pointer;
    color: var(--white);
    background: var(--primary);
    text-decoration: none;
    display: table;
    margin:auto;
}
.newsWrap.breaking-news .viewAll.button:hover {
    transition: 0.3s ease;
    background: #29434d;
}
#homeNewsWrap {
    padding: 0 !important;
}
.section-involved .home-news-desc {
    margin-left: 50px;
    font-size: 18px;
    padding-top: 70px !important;
}
.section-involved .home-news-desc p {
    font-size: 18px;
    margin-bottom: 30px;
}
.section-involved .news-time {
    margin-bottom: 30px;
}
.section-desc {
    width: 100%;
    max-width: 60%;
}
.section-desc p {
    font-size: 18px !important;
}
.btn-arrow-dark {
    background: url(../Images/btn-donate.png) no-repeat left bottom !important;
    width: 200px;
    height: 55px;
    color: var(--white) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover !important;
    border: none !important;
    border-radius: 17px !important;
    font-size: 18px;
    text-decoration: none;
    font-weight: 600;
    transition: all ease-in 0.3s;
}
.btn-arrow-dark:hover {
    background: url(../Images/btn-donate-hover.png) no-repeat left bottom !important;
    background-size: cover !important;
    width: 200px;
    height: 55px;
    color: var(--white) !important;
    border: none !important;
    border-radius: 17px !important;
}
.section-spotlight p {
    font-size: 18px !important;
    margin-bottom: 30px;
}
/* Join Team */
.homejointeam a {
    display: inline-block;
    margin: 1.5rem 0 0;
}
.homejointeam .button:hover {
    color: var(--white);
    background: var(--primary);
    transition: 0.3s ease;
}
.homejointeam .contained-width {
    max-width: 100%;
    padding: 0 6rem 0 0rem;
}
.homejointeam {
  height: 350px;
  position: relative;
  margin: 50px 0;
  padding: 0 !important;
  margin-top: 100px;
}
.homejointeam:before {
   left: auto;
   right: 0;
   border-radius: 0px 0px 0px 0px !important;
}
.homejointeam .contained-width .gridlastthird {
    display: flex !important;
    justify-content: space-between !important;
    grid-column-gap:0px;
    padding-top: 20px;
}
.homejointeam .gridlastthird img {
    border-radius: 0px 20px 20px 0px;
    height:100%;
}
.homejointeam p {
    margin: 0;
}
/* Footer */
.foot-links a {
    text-align: center;
    /* font-variant: all-small-caps;*/
    text-decoration: none;
    transition: 0.3s ease;
    font-weight: 300 !important;
    color: #737373 !important;
}
.footer-content .innerContWrap img{
    width: 150px;
    }
    .footer-content .innerContWrap  .cont-footer img{
     
     width: 20px;
     margin-right: 10px;
    }
.foot-links a:hover {
    color: #e0e0e0;
    transition: 0.3s ease;
}
.foot-links li {
    display: inline-block;
    padding: 0 25px;
    color: #737373 !important;
    font-weight: 300 !important;
}
.foot-links {
    margin: 0;
    padding: 0 0 30px;
}
.foot-para, .foot-para a {
   
    font-size: 17px;
    text-align: center;
    color: #000 !important;
    transition: 0.3s ease;
    font-weight: 300;
    width: 1000px;
    margin: auto;
    font-family: "Roboto", sans-serif;
    letter-spacing: 0.5px;
    max-width: 100%;
}
.foot-para{
   
    width: 800px;
    max-width: 100%;
    margin: auto;
    padding-bottom: 40px;
  
}
.foot-para a{
    text-decoration: underline !important;
}
.foot-para a:hover {
    color: #e0e0e0;
    transition: 0.3s ease;
}
.cont-footer {
   list-style: none;
   display: flex;
   justify-content: center;
   margin: auto;
   padding-left: 0;
   padding-right: 0;
   padding-bottom: 40px;
}
.cont-footer li{
    display: flex;
    align-items: center;
}
.cont-footer li:nth-child(2){
    margin: 0 50px;
}
footer .img-logo.web-logo {
    height: 115px;
}
.footer-content .div-block-sec{
    /*width: 1300px;*/
    max-width: 100%;
    margin: auto;
    text-align:center;
}
.footer-content .div-block-sec div {
    display:flex;
    justify-content:center;
}
.footer-content .div-block-thrd li {
    list-style:none;
    position: relative;
    margin-bottom: 25px;
    text-align: right;
}
.footer-content .div-block-thrd li a {
    font-weight: 600;
    margin-bottom: 20px;
}
.footer-content .div-block-thrd li:after {
    content: '';
    height: 1px;
    background: var(--primary);
    position: absolute;
    bottom: -8px;
    width: 50px;
    right: 0;
}
.footer-content  .div-block-thrd img {
width: 135px;
}


.cont-footer li a:hover {
    color: #e0e0e0;
    transition: 0.3s ease;
}

.scl-footer {
    padding: 0;
    display: grid;  /*flex;*/
    grid-template-columns:1fr 1fr;
    align-items: center;
    justify-content: space-between;
    max-width: 100%;
    margin: 10px auto 0;
    padding-top: 10px;
    border-top: 2px solid var(--primary);
    width: 215px;

}
.foot-copy{
    padding-bottom: 30px;
}

.scl-footer li {
    padding: 0;
    border: 1px solid #F5FBFD;
    border-radius: 6px;
    align-items: center;
    justify-content: center;
    display: flex;
    transition: 0.3s ease;
}
.scl-footer li em::before{
   display: none;
}
.scl-footer li em{
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    transition: .5s;
    font-size:0;
    background-size: contain!important;

}
.scl-footer li:nth-child(4) em{
    background-image: url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5 7.43994C10.4217 7.43994 9.38749 7.8676 8.62497 8.62885C7.86246 9.39009 7.43408 10.4226 7.43408 11.4991C7.43408 12.5757 7.86246 13.6082 8.62497 14.3694C9.38749 15.1306 10.4217 15.5583 11.5 15.5583C12.5784 15.5583 13.6126 15.1306 14.3751 14.3694C15.1376 13.6082 15.566 12.5757 15.566 11.4991C15.566 10.4226 15.1376 9.39009 14.3751 8.62885C13.6126 7.8676 12.5784 7.43994 11.5 7.43994Z' fill='%23F5FBFD'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.95697 0.360923C9.30569 -0.120308 13.6944 -0.120308 18.0431 0.360923C20.4189 0.625707 22.3342 2.49293 22.6132 4.87349C23.1289 9.27571 23.1289 13.7229 22.6132 18.1252C22.3342 20.5057 20.4189 22.3729 18.0443 22.639C13.6952 23.1203 9.3061 23.1203 4.95697 22.639C2.5812 22.3729 0.665821 20.5057 0.386834 18.1264C-0.128945 13.7238 -0.128945 9.27612 0.386834 4.87349C0.665821 2.49293 2.5812 0.625707 4.95697 0.360923ZM17.7553 4.00545C17.4235 4.00545 17.1053 4.13704 16.8707 4.37126C16.6361 4.60549 16.5043 4.92318 16.5043 5.25443C16.5043 5.58568 16.6361 5.90336 16.8707 6.13759C17.1053 6.37182 17.4235 6.50341 17.7553 6.50341C18.0871 6.50341 18.4054 6.37182 18.64 6.13759C18.8746 5.90336 19.0064 5.58568 19.0064 5.25443C19.0064 4.92318 18.8746 4.60549 18.64 4.37126C18.4054 4.13704 18.0871 4.00545 17.7553 4.00545ZM5.55748 11.4993C5.55748 9.92589 6.18357 8.41689 7.29801 7.30431C8.41246 6.19172 9.92397 5.56667 11.5 5.56667C13.0761 5.56667 14.5876 6.19172 15.702 7.30431C16.8165 8.41689 17.4426 9.92589 17.4426 11.4993C17.4426 13.0728 16.8165 14.5818 15.702 15.6943C14.5876 16.8069 13.0761 17.432 11.5 17.432C9.92397 17.432 8.41246 16.8069 7.29801 15.6943C6.18357 14.5818 5.55748 13.0728 5.55748 11.4993Z' fill='%23F5FBFD'/%3E%3C/svg%3E%0A");
}

.scl-footer li:nth-child(5) em{
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='21' viewBox='0 0 22 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 12.8756V21H17.2854V13.4184C17.2854 11.5153 16.6034 10.2165 14.8962 10.2165C13.5938 10.2165 12.8172 11.0911 12.4762 11.9394C12.353 12.2427 12.32 12.6646 12.32 13.0865V21H7.6032C7.6032 21 7.667 8.16178 7.6032 6.83225H12.32V8.83864L12.2892 8.88478H12.32V8.84083C12.947 7.8739 14.0646 6.49822 16.5704 6.49822C19.6724 6.49822 22 8.52438 22 12.8756ZM2.6686 0C1.056 0 0 1.05923 0 2.4481C0 3.81059 1.0252 4.89839 2.607 4.89839H2.6378C4.2834 4.89839 5.3064 3.80839 5.3064 2.4481C5.2756 1.05923 4.2834 0 2.6686 0ZM0.2794 21H4.9962V6.83225H0.2794V21Z' fill='%23F5FBFD'/%3E%3C/svg%3E%0A");
}
.scl-footer li:nth-child(1) em{
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='23' viewBox='0 0 11 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.37634 4.4551V7.6222H0V11.4931H2.37634V23H7.26104V11.4931H10.5379C10.5379 11.4931 10.8468 9.637 10.9953 7.6061H7.2799V4.9611C7.2799 4.5632 7.81269 4.0319 8.34076 4.0319H11V0H7.38127C2.25611 0 2.37634 3.8755 2.37634 4.4551Z' fill='%23F5FBFD'/%3E%3C/svg%3E%0A");
}
.scl-footer li:nth-child(2) em{
    background-image: url("data:image/svg+xml,%3Csvg width='23' height='18' viewBox='0 0 23 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23 2.13077C22.1536 2.49077 21.2451 2.73827 20.2906 2.84627C21.2658 2.28377 22.011 1.39277 22.3652 0.333022C21.4359 0.86282 20.422 1.23554 19.366 1.43552C18.9218 0.980062 18.3874 0.617888 17.7955 0.371088C17.2035 0.124287 16.5664 -0.00196768 15.9229 2.31829e-05C13.317 2.31829e-05 11.2056 2.03627 11.2056 4.54501C11.2056 4.90051 11.247 5.24701 11.3275 5.58001C9.45835 5.49318 7.62823 5.02616 5.95389 4.20874C4.27956 3.39133 2.79778 2.24146 1.6031 0.832521C1.18349 1.5235 0.962574 2.31256 0.9637 3.11627C0.9637 4.69126 1.7986 6.08626 3.0636 6.89851C2.31482 6.87554 1.58208 6.68053 0.9246 6.32926V6.38551C0.931705 7.44179 1.31284 8.46302 2.00311 9.2753C2.69338 10.0876 3.65011 10.6407 4.7104 10.8405C4.01432 11.0206 3.28599 11.0467 2.5783 10.917C2.88679 11.8257 3.47685 12.6179 4.26655 13.1836C5.05625 13.7493 6.00641 14.0604 6.9851 14.0737C5.30601 15.3395 3.24447 16.0233 1.1247 16.0177C0.7452 16.0177 0.3703 15.9952 0 15.9547C2.16309 17.2941 4.67121 18.0035 7.2312 18C15.9114 18 20.6563 11.0745 20.6563 5.06701L20.6402 4.47751C21.5655 3.8414 22.365 3.04626 23 2.13077Z' fill='%23F5FBFD'/%3E%3C/svg%3E%0A");
}

.scl-footer li:nth-child(1):hover em{
    opacity: 0.8;
    transform: scale(1.11);
        -ms-transform: scale(1.11);
        -moz-transform: scale(1.11);
        -webkit-transform: scale(1.11);
        -o-transform: scale(1.11);
        cursor: pointer;
        
}

.scl-footer li:hover {
    background: transparent;
    transition: 0.3s ease;

    transform: scale(1.11);
        -ms-transform: scale(1.11);
        -moz-transform: scale(1.11);
        -webkit-transform: scale(1.11);
        -o-transform: scale(1.11);
        cursor: pointer;
}


.scl-footer li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.scl-footer li:hover a {
    color: var(--primary);
    transition: 0.3s ease;
}

.foot-copy a:hover {
    color: #e0e0e0;
    transition: 0.3s ease;
}
.footer-content *  {
    font-size: 16px;
    color: var(--darkgrey) !important;
    font-family: "Roboto", sans-serif;
    position: relative;

}
.footer-content a{
    text-decoration: none;
}
.icon-footer-social img {
    width: auto;
    height: 26px;
}

/*** About ***/
#leftMenu .dropTitle {
    font-weight: 700;
    font-size: 17px;
    color: var(--primary);
    font-family: "Roboto", sans-serif;
    display: block;
    padding: 5px 0;
    border-bottom: 1px solid #6FC3E3;
    max-width: 225px;
    width: 90%;
}
#leftMenu .sm-blue.nav {
    border-left: 0px ;
    margin-top: 20px;
    padding: 0;
}

#leftMenu .sm-blue.nav {
    padding: 0;
    margin: 0;
}
#leftMenu #dropWrap li a {
   
    font-size: 17px !important;
   font-weight: 700;
    color: var(--primary);
    font-family: "Roboto", sans-serif;
    position: relative;
    padding: 0 !important;
    letter-spacing: .5px;
}
#leftMenu #dropWrap ul.dropdownMenu > li > a{
    padding: 10px 0 10px 20px !important;
    
    border-bottom: 1px solid #6FC3E3 !important;
    display: flex;
    align-items: center;
    border-radius: 0 !important;

}
.nav.navbar-nav.dropdownMenu >li > ul >li > ul {
    display: none !important;
    opacity: 0 !important;
}
#leftMenu #dropWrap ul.dropdownMenu {
    max-width: 90% !important;
}

#leftMenu #dropWrap li a .sub-arrow {
    width: 0;
    height: 0;
    font: 16px/34px monospace !important;
    position: absolute;
    left: 0px;
    top: 32px;
    background: transparent !important;
}
#leftMenu .sm-blue a span.sub-arrow,
#leftMenu .sm-blue a span.sub-arrow:before {
    overflow: visible;
}

#leftMenu .sm-blue a.current span.sub-arrow:before,
#leftMenu .sm-blue a span.sub-arrow:before {
    display: block;
    content: '+';
    position: absolute;
    top: -12px;
    left: 0px;
    font-size: 24px;
}

#leftMenu .sm-blue a.current.highlighted span.sub-arrow:before,
#leftMenu .sm-blue a.highlighted span.sub-arrow:before {
    display: block;
    content: '-';
    position: absolute;
    top: -12px;
    left: 0px;
    font-size: 26px;
}
.sm-blue a span.sub-arrow{
    background:none!important;
}
#leftMenu #dropWrap li ul li a {
    font-size: 16px !important;
    padding: 0 !important;
    margin: 0 0 10px 14px !important;
    border: none !important;
    position: relative;
}
#leftMenu #dropWrap li ul li a:before {
    content: "";
    /*position: absolute;
    top: 7px;
    left: -14px;
    width: 8px;
    height: 8px;
    border-radius: 10px;
    */
    background: none;   /*#59B1D2;*/
}
#leftMenu #dropWrap li ul li {
    list-style: none;
}
#leftMenu {
    margin-top: 0;
    padding: 0 !important;
    width: 250px;
    max-width: 100%;
    padding-top: 50px !important;
    position: relative;
    padding-right: 50px !important;
    width: 250px;
}

.insider-content #insideContent {
   
    padding: 0 !important;
    position: relative;
   /* padding-left: 50px !important;*/
    width: 100%;        /*calc(100% - 350px);*/
    margin-top: 50px;
    max-width: 100%;
    padding-bottom: 30px !important;

}
#pre-footer{
    padding:30px 0;
    font-size:60px;
    display:flex;
    justify-content:center;
}
#pre-footer p,
#pre-footer span {
    font-size:60px;
}
#pre-footer .outterContWrap{
    width:100%;
}
#pre-footer {
    padding-top: 45px !important ;
}
#pre-footer .innerContWrap{
    display:flex;
    justify-content:center;
    background: url(../Images/devider.png) no-repeat center bottom;
    background-size: 50%;
    padding-bottom: 50px;
    margin-bottom: 50px;
}
#pre-footer .innerContWrap p {
    font-size: 40px !important;
    font-weight: 300 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    line-height:45px;
}
body.calendar .insider-content #insideContent {
    width: 100% !important;
}
.calendar-left-panel .bodytext{
    padding: 0px!important;
}

.event-details-row
{
    background: #efefef;
    border-radius: 20px;
    padding:20px;
    margin-bottom:20px;
}
.event-type ul li label span
{
    line-height: 1!important;
    padding-top:6px;
}

body .calendar-list ul li:last-child
{
    border:0;
}

.date-next, .date-prev
{
    background-color: transparent!important;
    position: relative;
    top:-11px;
}
.date-box
{
    border-radius: 15px;
}

body #calendar ul.weekdays li
{
    background: #1565c0!important;
    color: #fff!important;
}
.calendar-list-view
{
    border-top:0!important;
}

#calendar, .calendar-left-panel
{
    border-radius: 15px!important;
    overflow: hidden;
    margin-top:20px;
}
body .columns.calendar, body .calendar-list ul li:not(:last-child)
{
    border: 0;
}

#tabs
{
    position: relative;
    top:-15px;
    left:-18px;
}

#calendar-wrap h2
{
    text-transform: capitalize;
    color: var(--primary)!important;
    font-size:34px!important;
    font-weight:600!important;
}

body .calendar-list .month {
    width: 75px;
}

form[action^="./calendar"] .insider-content .contained-width
{
    max-width: none!important;
}

.calendar-title
{
    display: none;
}

.select-link
{
    position: relative;
    top:-14px;
    font-weight: 600;
    text-decoration: none!important;
    color:var(--primary)!important;
}

.select-link:hover
{
    border-bottom: 2px solid var(--primary);
}

body .event-type ul li>span {
    margin-left: 28px;
    line-height: 1;
}

body .event-type ul li {
    min-height: fit-content;
    padding-bottom: 15px !important;
}

body .content-desc ul li {
    padding-left: 15px;
    /*padding-top: 14px;*/
    padding-bottom: 0px;
}
/*.insider-content #insideContent::before{
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 1px;
    height: 100%;
    background-color: #CBCED3;
}*/

/*Inside page ttile start*/
 .page-title {
    margin-top: 152px;
}
body.logged-in  .page-title {
    margin-top: 0 !important;
} 
@media (max-width: 1200px) {
    .page-title {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}
.page-title.title-dark {
    background: var(--primary);
    padding: 30px 0;
}
.page-title .contained-width {
    max-width: 85%;
    width: 100%;
}
.page-title.title-dark h1, 
.page-title.title-dark h2, 
.page-title.title-dark h3, 
.page-title.title-dark h4, 
.page-title.title-dark h5, 
.page-title.title-dark h6, 
.page-title.title-dark p, 
.page-title.title-dark a {
    color: var(--white) !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    line-height: normal !important;
    position: relative;
}
.page-title.title-dark h1, 
.page-title.title-dark h2 {
    display: block;
    padding-bottom: 30px;
    margin-bottom: 30p;
}
.page-title.title-dark h1:after {
    content: '';
    position: absolute;
    bottom: 18px;
    left: 0;
    height: 1px !important;
    background: var(--white);
    width: 30px;
}
/*Inside page title end */
.insider-content .contained-width{
    padding: 0px  !important;
    width: 83%;
    max-width: 1080px !important;
}
    .insider-content .contained-width:not(.rowSub) {
        display: flex !important;
    }
.contained-width.rowSub {
    width: 100% !important;
    column-gap:25px;
    padding:30px 30px;
}
    .insider-content .col-1 .contained-width {
    width: 100% !important;
    max-width: 100% !important;
} .insider-content .content-desc h1 {
    font-size: 28px;
    text-transform: uppercase;
    color: var(--darkgrey);
    margin: 0;
    margin-bottom: 5px;
} .content-desc p {
    font-size: 16px;
    color: var(--darkgrey);
    margin: 0 0 10px;
    margin-bottom:27px;

} .content-desc h2 {
    font-size: 24px;
    text-transform: uppercase;
    color: var(--primary);
   
} .content-desc h3 {
    font-size: 22px;
    text-transform: capitalize;
   
} .content-desc ul{
    list-style: none;
} .content-desc ul li {   
    /*color: var(--white);*/
    list-style: none;
    position: relative;
    margin: 0;
    padding: 0;
    font-weight: 400;
    padding-left: 15px;
    padding-top: 1px;
    padding-bottom: 5px;
} .content-desc ul li:before {
    content: "";
    width: 12px;
    height: 12px;
    background: var(--primary);
    /* border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 8px solid #59b1d2;
    border-right: 0; */
    position: absolute;
    left: -15px;
    top: 7px;
    border-radius: 100%;
}
/* width: 0;
  height: 0;
  border-style: solid;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-top: 8px solid #555555;
  border-bottom: 0 */
.content-desc ol li {
    color: #263338;
    list-style: none;
    position: relative;
    margin: 0;
    padding: 0;
    font-weight: 400;
    padding: 5px 0;
    display: flex;
} .content-desc ul, .content-desc ol {
    padding: 0 0 0 20px;
} .content-desc ol li:before {
    color: var(--primary) !important;
    display: block;
    margin-right: 7px;
} .content-desc ol.col2-list li {
    justify-content: space-between !important;
} .content-desc ol.col2-list li strong {
    width: 25% !important;
    display: block;
} .content-desc ol.col2-list li span {
    width: 70% !important;
    display: block;
} .content-desc ol li .content-desc .button {
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    border-radius: 8px;
    padding: 4px 33px;
    transition: 0.3s ease;
    margin: 1.5rem auto 0;
    cursor: pointer;
    color: var(--white);
    background: var(--primary);
    text-decoration: none;
    display: inline-block;
    border: 2px solid transparent;
    letter-spacing: .25px;
    margin-top: 25px;
    min-width: 127px;
    text-align: center;
} .content-desc .button:hover {
    transition: 0.3s ease;
    
    border: 2px solid #29434d;
    background-color: transparent;
    color: #29434d;
} .insider-content {
    padding: 0 0 4rem;
} .div-block-one p {
    line-height: 28px !important;
}
/*** MEDIA ***/
@media only screen and (max-width: 1799px) {

.header-left {
    width: 14%;
}

} @media only screen and (max-width: 1599px) {
.footer-content {
    padding: 3rem 2rem 0;
    gap: 40px;
}
.quickWrapper {
    grid-template-columns: repeat(6,1fr) !important;
}

.quickWrapper {
    padding: 2rem 0 0;
}
.homeIntroSection .contained-width {
    padding: 0 0rem 0 2rem;
}
.newsWrap.breaking-news .contained-width {
    padding: 0 2rem;
    margin: 0 auto !important;
}
.homejointeam .contained-width {
    padding: 0 2rem 0 0rem;
}
#banner .ms-slide .ms-slide-layers {
    left: 20px !important;
}
.mainmenu .navbar-nav li a {
    font-size: 20px !important;
    padding: 12px 18px !important;
}

} @media only screen and (max-width: 1399px) {
.home-news-desc .short_text {
    font-size: 18px;
    line-height: 30px;
}
.jnewssc h3 {
    font-size: 20px !important;
}
.newsWrap.breaking-news .viewAll.button {
    font-size: 20px;
}
.mainmenu .navbar-nav li a {
    font-size: 18px !important;
    padding: 12px 10px !important;
}
.mainmenu.menu-horizontal .navbar-nav li:last-child a {
    font-size: 18px !important;
    padding: 10px 17px !important;
}
.header-left #logo img {
    width: 160px;
}
.foot-para, .foot-para a {
    font-size: 17px;
   /* line-height: 30px;*/
}

.footer-content {
    gap: 20px;
   
}
#breadcrumbs {
    margin: 8.1rem 0 6rem;
}
} @media only screen and (max-width: 1199px) {
.banCapBox h2 {
    font-size: 32px;
    line-height: 40px;
}    
.quickWrapper {
    grid-template-columns: repeat(3,1fr) !important;
    gap: 30px;
}


.homeIntroSection .gridlastthird, .homejointeam .gridlastthird {
    display: grid;
    grid-column-gap: 40px;
}

.homeIntroSection {
    margin: 0 0 0rem;
}
.mainmenu.menu-horizontal .navbar-nav li:last-child a {
    font-size: 16px !important;
    padding: 8px 14px !important;
}
.mainmenu .navbar-nav li a {
    font-size: 16px !important;
    padding: 12px 8px !important;
}
.mainmenu .navbar-nav {
    align-items: center;
}
.header-left #logo img {
    width: 149px;
}


.cont-footer {
    padding: 8px 0 10px;
}
.foot-para, .foot-para a {
    font-size: 15px;
    
}

.foot-links {
    padding: 0 0 2px;
}
.home-news-desc .short_text {
    font-size: 16px;
   
}
.header-left {
    width: 17%;
}

#leftMenuDropWrap > div > div > ul {
    width: calc(100% - 0px) !important;
}

.content-desc h3 {
    margin: 30px 0 25px;
}
#breadcrumbs {
    margin: 7.8rem 0 5rem;
}
.insider-content {
    padding: 0 0 3rem;
}
#breadcrumbs {
    padding: 3rem 0;
}
#breadcrumbs span {
    font-size: 36px;
    line-height: 44px;
}
#leftMenu #dropWrap li ul {
    padding: 0 0 0 15px;
}
#leftMenu #dropWrap li ul li a {
    font-size: 17px !important;
}
} #leftMenu #dropWrap li ul li {
    border-top: none !important;
} @media only screen and (max-width: 991px) {
    .banCapBox {
        max-width: 95%;
        /*padding-top: 30px !important;*/
    }
    #mainContentHome {
        margin-top: 525px;
    }

   
    .banCapBox h1 {
        font-size: 42px;
    }

.homeIntroSection .gridlastthird img, .homejointeam .gridlastthird img {
    border-radius: 20px 20px 20px 20px;
}

.homeIntroSection .outterContWrap:nth-child(2) {
    order: 1;
}

.homeIntroSection #Content_DroppableContent .outterContWrap {
    order: initial;
}

.newsWrap.breaking-news .grid3col {
    grid-column-gap: 17px;
}
.jnewssc h3 {
    font-size: 17px !important;
}

.supra-header > div {
    flex-direction: column;
    padding-left: 15px;
    padding-right:15px;
}
#mobileMenu {
    display: block;
    width: 32px;
    margin: 0;
    margin-top: 15px;
}
#mainMenu {
    display: none;
}
    .supra-header .header-phone,
    .supra-header .header-email {
        display: none;
    }
.header-right .textSize {
    display: none;
}

#nav-icon span {
    display: block;
    width: 30px;
    height: 4px;
    background-color: var(--primary);
    border-radius: 1px;
    cursor: pointer;
    transition: .5s;
    top: auto !important;
    position: relative;
}
#nav-icon span:nth-child(2){
    margin: 5px 0;
}
#nav-icon span:last-child {
    display: none;
}
#mainMenu {
    max-width: 100%;
    margin: 0rem 0 0;
    padding: 0;
    justify-content: end;
    position: fixed;
    background: var(--white);
    left: 0;
    top: 68px;      /*74px;*/
    width: 100%;
    height: 100vh;
}
.mob-items #utility-mob {
    width: 80%;
    margin: auto;
    padding: 5px 0;
    position: relative;
}
.mob-items #utility-mob .searchPanel button {
    position: absolute;
    top: 17px;
}
.mob-items #utility-mob .searchPanel input {
    height: 100% !important;
    padding-left: 0 !important;
    font-family: "Roboto", sans-serif;
    font-size: 18px !important;
    margin-left: 40px !important;
}

.mob-items #utility-mob .searchPanel input::placeholder {
    text-align: right;
}

.menu-horizontal .sm-blue li {
    float: initial;
    padding: 0 30px;
    width: 100%;
    order: 2;
}
.mainmenu .navbar-nav {
    display: flex;
    flex-direction: column;
}
.mainmenu .navbar-nav li a {
    font-size: 20px !important;
    padding: 18px 0px 18px 22px !important;
    border-bottom: 1px solid #6FC3E3 !important;
    border-radius: 0 !important;
    position: relative;
}
.main-header {
    border-radius: 0;
    background: rgb(245 251 253);
    padding: 0px 0 !important;
    padding-top: 0 !important;
    padding-bottom: 10px !important;
}
.mainmenu.menu-horizontal .navbar-nav li:last-child {
    order: 1;
}
.mainmenu.menu-horizontal .navbar-nav li:last-child a:before {
    display: none;
}
.mob-items #utility-mob {
    display: flex;
}
.mob-items #utility-mob .searchPanel > div div.row {
    display: block !important;
}
.mob-items {
    display: block;
    padding-top: 20px !important;
}
.mainmenu.menu-horizontal .navbar-nav li:last-child a {
    font-size: 18px !important;
    padding: 12px 39px !important;
    margin: 5px auto 30px;
}
.web-logo {
    display: none;
}
.mob-logo {
    display: block;
}
.header-left {
    width: 22%;
}
.foot-logo-sec {
    display: none;
}
.div-block-thrd {
    display: block;
}
.foot-logo-one {
    height: 80px;
}
.foot-logo-sec {
    height: 85px;
}
/*** About ***/
#breadcrumbs {
    margin: 4.7rem 0 4rem;
    padding: 2.5rem 0;
}
#leftMenu .dropTitle {
    font-size: 17px;
}

.content-desc h3 {
    margin: 22px 0 17px;
}
.mainmenu.menu-horizontal .navbar-nav ul li:last-child a {
    font-size: 18px !important;
    color: var(--primary) !important;
    display: block;
    padding: 18px 0px 18px 22px !important;
}
.mainmenu.menu-horizontal .navbar-nav ul li:last-child a:before {
    display: block !important;
}
.mainmenu.menu-horizontal .sm-blue ul {
    border: 0px solid #a8a8a8;
    padding: 0px 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    position: initial;
}
#leftMenu #dropWrap li ul {
    padding: 0 0 0 10px;
}
#leftMenu #dropWrap li ul li a {
    font-size: 15px !important;
    margin: 0 0 0 12px !important;
}
#leftMenu #dropWrap li ul li a:before {
    left: -12px;
    width: 6px;
    height: 6px;
}
.mob-items ~div.mainmenu >ul > li > a{

    padding: 12px 0 !important;
    font-size: 18px !important;
    display: flex;
    align-items: center;
}
.mob-items ~div.mainmenu >ul > li:last-child {
    display: flex;
    justify-content: center;
   margin-bottom: 50px;
}
div.mob-items ~div.mainmenu >ul.dropdownMenu > li:last-child > a{
    display: inline-block !important;
    margin: 0 !important;
    margin-top: 25px !important;
    padding: 8px 33px !important;

}
.footer-content .div-block-thrd, .footer-content .div-block-one {
    width: 100% !important;
}
.footer-content .div-block-thrd ul {
    padding-left: 0;
}
.footer-content .div-block-thrd li {
    text-align: left;
}
.footer-content .div-block-thrd li:after {
    right: auto;
    left: 0;
}
#UpcomingEvents1_UpcomingEvents_0 .div_cell.home-news-desc {
    left: 0 !important;
}
.gridhomecontent div {
    padding-right: 0;
}
.gridhomecontent > div:after {
    width: 50% !important;
    height: 1px !important;
    left: auto;
    right: auto;
    bottom: -15px;
    top: inherit;
    margin-bottom: 30px;
}
.section-involved .home-news-desc {
    margin-left: auto;
    margin-right: auto;
    max-width: 90%;
    width: 100%;
    text-align: center;
    padding-top: 35px !important;
    padding-bottom: 15px !important;
}
.div_cell.home-news-desc div span {
    display: flex;
    justify-content: center;
}
.news_description .image_news img, .news_description .image_news {
    border-radius: 0 !important;
}
.div_cell.home-news-desc::before {
    display: none;
}
#UpcomingEvents1_UpcomingEvents_0 .div_cell.home-news-desc {
    margin: -52px auto 0 !important;
    width: 80%;
}
.div-items > a {
    border-radius: 20px !important;
    margin-bottom: 20px;
}
} 
  @media only screen and (max-width: 767px) {

 
    form[action="./ways-to-give"] .content-desc .quickWrapper h2
    {
        color: var(--primary)!important;
    }
    .banCapBox h2 {
        font-size: 25px;
        line-height: 34px;
    }
    .qLinkIcon br {
        display: none;
    }
    .quickWrapper img {
 
        margin: 0 auto 12px;
    
    }
    img.qlk-icon{
        width: 115px;
        height: 115px;
    }
    .quickWrapper a {
        font-size: 14px;
   
        display: block !important;
        margin-bottom: 30px;
    }
    .quickWrapper {
        gap: 5px 10px;
    }
    .homeIntroSection h2, .homejointeam h1 {
        font-size: 25px;
        line-height: 30px;
    }
    #homeNewsWrap {
        padding: 10px 0 20px !important;
    }
    .newsWrap.breaking-news .contained-width {
        padding: 0 0rem;
    }
    .jnewssc h3 {
        font-size: 16px !important;
        line-height: 21px !important;
    }
    .home-news-desc .short_text {
        font-size: 14px;
        line-height: 24px;
    }
    .newsWrap .jnewssc {
        margin: 0 0 2rem;
        display: block;
    }
    .newsWrap .jnewssc:last-child {
        margin: 0;
    }
    .homejointeam h1, .homejointeam p {
        text-align: right;
    }
    #Breaking-New-0 > a {
        width: 100% !important;
        margin-left: auto;
        margin-right: auto;
    }
    .quickWrapper {
        padding: 2rem 0 0;
    }
    .homeIntroSection .contained-width {
        padding: 0 1.2rem 0 1.2rem;
    }
    .homejointeam .contained-width {
        padding: 0 1.2rem 0 1.2rem;
    }
    .footer-content {
        padding: 1.5rem 1.2rem 0;
    }
    #banner .ms-slide .ms-slide-layers {
        left: 16px !important;
    }
    /*** About ***/
    .insider-content .contained-width.insider-inner {
        display: block !important;
    }
    #leftMenu {
    
    }
    .insider-content #insideContent {
   
    }
    #breadcrumbs {
        margin: 4.7rem 0 2rem;
    }
    #leftMenu .dropTitle {
        font-size: 18px;
    }
    #leftMenu #dropWrap li a {
    
    }
    .insider-content .content-desc h1 {
        padding: 12px 0;
    }
    .content-desc h2 {
 
    }
    .content-desc h3 {
        margin: 22px 0 18px;
        font-size: 22px;
    }
    .insider-content {
        padding: 0 0 2rem;
    }
    #breadcrumbs .contained-width, .insider-content .contained-width {
   
    }
    .menu-horizontal a.has-submenu.current + ul {
        display: none;
    }
    .mainmenu .navbar-nav ul li {
        padding: 0 10px;
    }

}
   
    @media only screen and (max-width: 575px) {


        .ms-slide .ms-caption p{
            line-height:28px;
        }

        .ms-bullets.ms-dir-h {
            bottom: 12px !important;
            width: 150px !important;
        }

    #banner .ms-slide .ms-caption {
        padding: 0 20px !important;
    }

    #banner .ms-slide .ms-slide-layers {
        left: 0px !important;
    }
    /*** About ***/
    #breadcrumbs span {
        font-size: 32px;
        line-height: 40px;
    }

    #leftMenu #dropWrap li a {
    }

    #leftMenu .dropTitle {
        font-size: 17px;
    }

    .insider-content .content-desc h1 {
        font-size: 24px !important;
        padding-top: 20px;
    }

    .content-desc h2 {
        font-size: 21px;
        margin-bottom: 10px;
    }

    .content-desc h3 {
        font-size: 19px;
    }

    .content-desc ul, .content-desc ol {
        padding: 0px 0 0 0px;
    }
} @media only screen and (max-width: 479px) {
.homeIntroSection:before, .homejointeam:before {
    height: 68%;
}

#breadcrumbs {
    padding: 2rem 0;
}
.content-desc .button {
    font-size: 18px;
}
} @media only screen and (max-width: 359px) {
.cont-footer li, .cont-footer li a {
    font-size: 14px;
}
.homeIntroSection:before, .homejointeam:before {
    height: 72%;
}
} .mainmenu .navbar-nav li a{
    font-size: 18px  !important;
    padding: 0 !important;
    padding: 0 !important;
} .img-logo.web-logo {
    height: 90px;
}
/*.fixedtopcenter{
    display: none  !important;
}
.u-full-width.admin.noprint{
display: none  !important;
}*/
/*Drop Down Menu On NavBar */
.dropdownMenu >li > ul,.dropdownMenu >li > ul > li > ul {
border: none !important;
border-radius: 0px 0px 10px 10px !important;

/* border: 2px solid var(--primary) !important; */
border: none;
border-top: none !important;
padding: 0 0px !important;
top: 54px  !important;
background: none !important;
text-align: left;
} .nav.navbar-nav.dropdownMenu > li > ul > li > a, .nav.navbar-nav.dropdownMenu > li > ul > li > ul > li > a {
    color: #67686a!important; /*#76787B !important;*/
    font-family: "Roboto", sans-serif;
    font-size: 15px !important;
    font-weight: 500 !important;
    text-align: left;
    border-bottom: none !important;
    padding: 11px 35px !important;
    transition: .25s !important;
} .nav.navbar-nav.dropdownMenu >li > ul >li:nth-child(odd) > a,.nav.navbar-nav.dropdownMenu >li > ul >li > ul > li:nth-child(odd) > a{
    position: relative;
    
}
/* .nav.navbar-nav.dropdownMenu >li > ul >li:nth-child(odd) > a::after,
.nav.navbar-nav.dropdownMenu >li > ul >li > ul > li:nth-child(odd) > a::after, 
.nav.navbar-nav.dropdownMenu >li > ul >li a::after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 1px;
    width: 100%;
    background: linear-gradient(45deg, red,var(--primary));
    left: 0;
    background-color: #F6F4FB;

} */
.nav.navbar-nav.dropdownMenu >li > ul >li a {
    border-bottom: 1px solid #e7e6e7 !important;
} .nav.navbar-nav.dropdownMenu >li > ul >li:last-child > a::after,.nav.navbar-nav.dropdownMenu >li > ul >li > ul > li:last-child > a::after{
display: none;
} .nav.navbar-nav.dropdownMenu >li > ul >li > a:hover,.nav.navbar-nav.dropdownMenu >li > ul >li > ul > li > a:hover, .nav.navbar-nav.dropdownMenu >li > ul >li:last-child > a:hover, .nav.navbar-nav.dropdownMenu >li > ul >li>ul>li:last-child > a:hover {
    color: var(--primary) !important;
    background-color: #D8F0E9 !important;
} .nav.navbar-nav.dropdownMenu >li > ul >li > ul {
    /*position: absolute !important;*/
    left: auto !important;
    right: -310px !important;
    margin: 0  !important;
    width: 320px !important;
    top: 0 !important;
} .nav.navbar-nav.dropdownMenu >li > ul >li{
    position: relative !important;
} .nav.navbar-nav.dropdownMenu >li > ul >li:last-child > a,.nav.navbar-nav.dropdownMenu >li > ul >li>ul>li:last-child > a{
border-bottom: none !important;
background: none !important;
color: #67686a !important;
font-family: "Roboto", sans-serif !important;
font-size: 15px !important;
font-weight: 500  !important;
text-align: center;
border-bottom: none !important;
/*padding: 5px 0 !important;*/
padding-left: 35px!important;
}
/*Slider */
.homeIntroSection .gridlastthird >div.outterContWrap.slick:nth-child(2){
    width: 850px;
     position: absolute !important;
    right: 0;
     top: -50px;
     height: 380px;
     padding-top: 0 !important;
   
} .homejointeam .innerContWrap >p:nth-child(3){
margin-top: 40px;
} .homejointeam .gridlastthird >div.outterContWrap.slick:nth-child(1){
    width: 850px;
   /* position: absolute !important;*/
  /*  right: 0;*/
    top: -70px;
    height: 380px;
    max-width: 100%;
   
 
    

} .homejointeam .gridlastthird >div.outterContWrap.slick:nth-child(1){
    left: 0 !important;
    right: auto !important;

} .homejointeam .gridlastthird >div.outterContWrap.slick:nth-child(2){
   
   /* position: absolute !important;*/
   /* right: 250px;*/
  /*  top: 0;*/
    height: 100%;
    right: auto !important;
    flex-grow: 1;
    padding-left: 50px;
} .gridlastthird >div:nth-child(2) .innerContWrap,.gridlastthird >div:nth-child(2) .innerContWrap img{
height: 100%;
}
/*responsive */
@media only screen and (max-width: 1024px){
    .cont-footer{
        flex-direction: column;
        align-items: center;
    }
    .cont-footer li:nth-child(3){
        order: -5;
    }
    .cont-footer li{
        margin-bottom: 15px;
    }
    .footer-content .div-block-thrd img{
        width: 100px;
    }
  } @media only screen and (max-width: 768px) {
    .footer-content .div-block-sec{
        margin-top: 0px !important;
    }
    .footer-content{
        display: flex;
        flex-wrap: wrap;
        
    }
    .footer-content .div-block-thrd{
        order: -1;
    }
    .footer-content .div-block-one{
        order: -2;
    }
  } @media only screen and (max-width:505px) {
    .header-left{
        width: 50% !important;
    }
    .header-right{
        position: static !important;
        width: 50%;
        position: static !important;
        width: 50%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    .header-container{
        align-items: center;
    }
    #utility .textSize{
        margin-left: auto;
        margin-right: 15px;
    }
    #nav-icon{
        position: relative;
        z-index: 9999;
    }
    #utility{
        position: absolute;
        top:0;
        right: 10px;
      
       
    }
    #utility .searchPanel button{
        position: static;
    }
  } @media only screen and (max-width:450px) {
    #banner .ms-slide .ms-slide-layers{
        max-width: 100% !important;
    }
    .cont-footer li{
        align-items: flex-start !important;
    }
    /* .ms-slide .ms-slide-layers{
            height: 70% !important;
            margin-top: 110px;
    } */
    .container.ms-layer.ms-caption{
      
        position: static;
        height: 100% !important;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }
    

  }
/* Menu Open */
body.menuOpen #mainMenu {
display: block !important;
 } #nav-icon{
    transition: .5s;
 } #nav-icon.open{
    
    transform: rotate(180deg);
} #nav-icon.open span:nth-child(1) {
    transform: rotate(45deg) translateX(-6px) translateY(23px);
    animation-fill-mode: both;
    animation-duration: .5s;
    animation-timing-function: ease-in-out;
    animation-name: fadeInMenu;
    margin: 0;
    width: 30px;
    
} #nav-icon.open span:nth-child(2) {
    opacity: 0;
} #nav-icon.open span:nth-child(3) {
    transform: rotate(-45deg) translateX(1px) translateY(-6px);
    animation-fill-mode: both;
    animation-duration: .5s;
    animation-timing-function: ease-in-out;
    animation-name: fadeInMenu;
    margin: 0;
    
} @keyframes fadeInMenu {
    0% {
        opacity: 0
    }

    10% {
        opacity: .01
    }

    20% {
        opacity: .02
    }

    30% {
        opacity: .05
    }

    40% {
        opacity: .06
    }

    50% {
        opacity: .2
    }

    60% {
        opacity: .4
    }

    70% {
        opacity: .6
    }

    80% {
        opacity: .8
    }

    90% {
        opacity: .85
    }

    100% {
        opacity: 1
    }
}
/*About Page */
/* body.inside-banner #inside_banner .contained-width {
    display: grid;
    grid-template-columns: 1fr 1fr;
} */
body.inside-banner #inside_banner .innerContWrap{
    padding-bottom:20px;
    padding-right:40px;
} body.inside-banner #inside_banner img{
    width:100%;
    max-width:1100px;
} #breadcrumbs {
    padding: 0;
    margin: 0;
    margin-top: 160px;
    padding: 25px 0;
    padding-bottom: 5px;
    background-color: var(--primary);
    color: var(--white);
} #breadcrumbs h1, #breadcrumbs p, #breadcrumbs span{
    color: var(--white);

} #breadcrumbs hr{
    width:60px;
    float:left;
} #insideBanner{
    display: none;
} #breadcrumbs span{
    font-size: 28px !important;
    font-family: "Roboto", sans-serif;
    text-transform: uppercase;
    color: var(--primary);
} #breadcrumbs .contained-width{
    width: 83%;
    margin-left: auto;
    max-width: 100%;
} .insider-content{
        padding: 0 !important;
        background-color: var(--white);
} .insider-content ~.contained-width-dummy .footer-content{
margin-top: 0 !important;
} #leftMenuDropWrap{
    font-family: "Roboto", sans-serif;
} .div-statistic h2 {
    font-size: 40px !important;
    font-weight: 600 !important;
} .statistic-year h3 {
    margin-top: 0 !important;
    font-size: 40px !important;
    font-weight: 600 !important;
} .statistic-year h3, .div-items a h3 {
    color: var(--text) !important;
}
/*Media Query for About Page */
@media only screen and (max-width: 990px) {

    .main-header{
        position:absolute;
    }
    #mainMenu{
        position:absolute;
        z-index:99999;
        height:10000px;
        top:99px
    }
    .header-container {
        padding:15px 20px 0;
    }
    .header-left #logo img {
        width: 110px !important;
    }
    .menu-horizontal .sm-blue a.highlighted {
        background-color: #D8F0E9 !important;
    }
    .nav.navbar-nav.dropdownMenu > li > ul > li > a, .nav.navbar-nav.dropdownMenu > li > ul > li > ul > li > a,
    .nav.navbar-nav.dropdownMenu > li > ul > li:last-child > a, .nav.navbar-nav.dropdownMenu > li > ul > li > ul > li:last-child > a {
        padding-left: 10px !important;
    }
    .nav.navbar-nav.dropdownMenu > li > ul > li:last-child > a, .nav.navbar-nav.dropdownMenu > li > ul > li > ul > li:last-child > a {
        margin-bottom:0!important;
    } 
    #mainMenu .sm-blue a span.sub-arrow, #mainMenu .sm-blue a span.sub-arrow:before {
        overflow: visible;
        display: block;
        left:-17px;
    }

    #mainMenu .sm-blue a.current span.sub-arrow:before,
    #mainMenu .sm-blue a span.sub-arrow:before {
        display: block;
        content: '+';
        position: absolute;
        top: -3px;
        left: 0px;
        font-size: 24px;
    }

    #mainMenu .sm-blue a.current span.sub-arrow:before,
    #mainMenu .sm-blue a.current.highlighted span.sub-arrow:before,
    #mainMenu .sm-blue a.highlighted span.sub-arrow:before,
    #mainMenu .sm-blue li a:has(+ ul.open) span.sub-arrow:before {
        display: block;
        content: '-';
        position: absolute;
        top: -3px;
        left: 0px;
        font-size: 26px;
    }
   
    #mainMenu ul.sm-blue li ul li a span.sub-arrow {
        left: -20px;
    }

    #mainMenu .menu-horizontal a.has-submenu.current + ul{
        display:block!important;
        width:100%!important;
        opacity:1!important;
    }

    #breadcrumbs {
        margin-top: 102px;
        padding-bottom: 20px;
    }
    .header-right #utility{
        display: none;
    }
    .mobile-button-search{
        display: block;
        order: -5;
        margin-right: 15px;
    }
    .header-right{
        position: static !important;
        width: 50%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    #mobileMenu{
        margin-top: 0;
    }
    .header-container{
        align-items: center;
    }
    .section-desc {
        max-width: 90%;
        margin-right: auto;
        margin-left: auto;
    }
    
    .header-left{
        width: 50% !important;
    }
    .ms-slide .ms-slide-layers {
        height: auto !important;
        position: relative !important;
    }
    #leftMenu{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: none!important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .insider-content #insideContent{
        width: 100%;
        padding-left: 0 !important;
        margin-top: 0;
      
    }
    .insider-content #insideContent::before{
        display: none;
    }
    #breadcrumbs .contained-width,.insider-content .contained-width{
        width: 90%;
    }
    .insider-content{
        background-color: transparent;
        padding-top: 50px;
    }
    #banner .ms-view.ms-basic-view, #banner .ms-slide {
        height: 400px !important;
    }
    .div_table.news_description {
        display: block !important;
    }
    .gridhomecontent {
        display: block !important;
    }
    #Breaking-New-0, .statistic-wrap, .div-items, .footer-content, .div-block-one .innerContWrap {
        flex-direction: column !important;
        column-gap: 0 !important;
    }
    .statistic-des, .statistic-year {
        width: 100%;
        max-width: 100%;
    }
  }
/**/
@media only screen and (max-width: 400px) {
    #breadcrumbs span{
        font-size: 20px !important;
    }
  } body.openLeft.yes-inside-menu #leftMenu{
    display: block;
    z-index: 999999999999;
    background-color: var(--white);
    top: 90px;
  } body.openLeft.yes-inside-menu #leftMenu #leftMenuInner{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  } body.openLeft.yes-inside-menu #leftMenu .dropTitle{
    max-width: 100%;
  } body.openLeft.yes-inside-menu #leftMenu #dropWrap li a, body.openLeft #leftMenu .dropTitle{
    font-size: 18px !important;
  } body.openLeft.yes-inside-menu #leftMenu .dropTitle{
    padding-bottom: 15px !important;
  } body.openLeft.yes-inside-menu #leftMenu #dropWrap li a{
    padding: 15px 0 !important;
  } body.openLeft.yes-inside-menu .mob-items #utility-mob {
    display: none;
}
/*Menu Mobile */
#Menu_1 > li > a ~ ul.open {
    display: block !important;
} .menu-horizontal a.has-submenu.current + ul {
    background-color: var(--white) !important;
}
/*#region Testimonials */
@media (min-width: 768px) {
    .testimonials-2-columns {
        display: grid;
        grid-template-columns: 1fr 1fr;  /*Juan*/
        grid-column-gap: 20px;
    }
        /*Juan*/
    .testimonials-2-columns > div{
        display:grid;
        grid-template-columns:200px 1fr;  
        grid-column-gap:20px;
    }

} .testimonials-2-columns h2:after, .login-container h2:after {
    display: none !important;
} #Content-Row-136-Sub {
    margin-bottom: 30px;
} .testimonials-2-columns div {
        margin-bottom: 30px;
    } .testimonials-2-columns img {
        max-width: 100%; /*184px;*/
        /* height: 100%;  */ /*184px;*/
        border-radius: 50%
    } @media (max-width: 768px) {
    .testimonials-2-columns img {
        width: 50%; /*184px;*/
        /* height: 100%;  */ /*184px;*/
        border-radius: 50%;
        display: flex;
        margin: 0 auto 20px !important;
    }
    #banner .ms-view.ms-basic-view, #banner .ms-slide {
        height: 360px !important;
    }
} .testimonials-2-columns h2 {
        margin-top: 0;
        margin-bottom: 0px;
    } .testimonials-2-columns h3 {
        margin-top: 5px;
        margin-bottom: 0px;
    } .testimonials-2-columns p {
        margin-top: 10px;
    }
/*#endregion */
/*Programe and services*/
#servicesWrapper {
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
} #servicesWrapper .serviceitem {
        width:92%;
    } #servicesWrapper .serviceitem h2 {
    border-bottom: 2px solid var(--blue);
    color: var(--blue);
} #servicesWrapper .serviceitem ul li {
    border-bottom: 1px solid var(--blue);
} @media (max-width: 991px) {
    #servicesWrapper {
        grid-template-columns: 1fr;
    }
} .logged-in #breadcrumbs {
    margin-top: 0 !important;
} .button a {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    text-decoration: none;
}
/*#region Buttons */
.back-white.button, .back-white.button a {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    border-radius: 7px;
    padding: 7px 28px!important;
    transition: 0.3s ease;
    cursor: pointer;
    color: var(--primary) !important;
    background: var(--white);
    text-decoration: none !important;
    display: inline-block;
    margin: auto;
    font-weight: 600;
} .back-white.button:hover, .back-white.button a:hover {
    color: var(--white);
    transition: 0.3s ease;
    background: var(--white);
    font-size: 17px;
}
/* .back-blue.button,
.back-blue.button a {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    color: var(--white);
    background: var(--primary) !important;
    text-decoration: none !important;
    border: 2px solid var(--primary);
    border-radius: 7px;
    padding: 5px 28px!important;
    transition: 0.3s ease;
    display: inline-block;
    cursor: pointer;
}

.back-blue.button:hover,
.back-blue.button a:hover {
    color: var(--white);
    background: var(--primary) !important;
    transition: 0.3s ease;
}

.back-light-blue.button,
.back-light-blue.button a {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    color: var(--white);
    background: #1565c0 !important;
    text-decoration: none !important;
    border: 2px solid #1565c0;
    border-radius: 7px;
    padding: 5px 28px !important;
    transition: all ease-in 0.3s;
    display: inline-block;
    cursor: pointer;
}

.back-light-blue.button:hover,
.back-light-blue.button a:hover {
    color: var(--white);
    background: #1565c0 !important;
    transition: 0.3s ease;
} */
/*#endregion */
@media only screen and (min-width: 990.9px) {
    .mainmenu.menu-horizontal {
        display: flex;
        float: right;
        width:100%;
    }
    
    .mainmenu.menu-horizontal > div:first-child{
        width:100%;
    }
    
        .mainmenu .navbar-nav {
            justify-content: space-between;
            padding-left:100px;
        }
    }
/*#region Search Panel (Juan)*/
@media (min-width: 990.9px) {
    header.contained-width #mobileSearchToggle {
        display: none;
    }
} @media (max-width: 990px) {
    #mobileSearch {
        /*background: #000 !important;*/
        padding: 0 4% !important;
        width: 92% !important;
    }
    #mobileSearch .searchPanel {
        text-align: left;
    }
    .searchPanel input {
        color: var(--white) !important;
        text-align: left;
        font-size: 21px !important;
    }
    #searchBtnHead {
        width:90%;
        margin-top:20px!important;
    }
    .fa-search,
    #mobileSearch .fa-search {
        background: url('/Images/search-light.png') no-repeat center center;
        height: 32px;
        width: 35px;
        background-size: 26px 26px;
        margin-top: 12px;
    }
} #mobileSubMenu, #mobileSearch {
    display: none;
} #searchBtnHead {
    display: flex;
    min-width: 40px;
    margin-top: 1px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
} #searchToggle, .searchPanel button {
    display: inline-block;
    height: 32px;
    width: 32px;
    background: url('/Images/amgh/search.png') no-repeat center center;
    background-size: 32px 32px;
    /*opacity: 0.5;*/
    margin-top: 1px;
    justify-self: end;
    cursor: pointer;
    border: 0;
} .searchPanel button {
    background-size: 24px 24px !important;
} #searchToggle {
    display: flex;
    align-items: center;
} .searchPanel button {
    width: 48px !important;
} .searchPanel input {
    color: #6f6e6e !important; /*#717070*/ /*888888;*/
} .searchPanel input:focus {
    outline: none;
} #searchBtnHead.open #searchToggle {
    background: url('/Images/amgh/search-close-new.png') no-repeat center center; /*var(--white);*/
    background-size: 28px 28px;
} .fa-search:before {
    display: none !important;
} #searchToggle:hover, .searchPanel button:hover {
    opacity: 1;
} #hiddenSearch {
    overflow: hidden;
    display: inline-block;
    /*height: 25px;*/
    width: 0;
    transition: all 0.2s; /*background:#e7ecf1;*/
    /*border-bottom: 1px solid #bbbbbb;*/
    position: absolute;
    top: 150px;
    right: -200px;
} #searchBtnHead.open #hiddenSearch {
    width: 550px;
    right: 0;
} .header-search-btn {
    border-right: 1px solid #1565C0;
} .searchPanel input {
    width: 90% !important;
    background: transparent !important;
    font-size: 15px !important;
    border:none;
} .searchPanel {
    border: 0 !important;
    background: var(--white);
    border-radius: 5px;
    font-size: 1.4rem;
    font-weight: 300;
    color: var(--darkgrey);
    padding: 8px 0;
    outline: none;
    border: 1px solid var(--primary) !important;
} .searchPanel {
    border-radius: 30px !important;
}
/*#endregion */
/*#region Important for New Photo Gallery PhancyBox */
.main-header {
    z-index: 9999
}
/*#endregion */
.news-title-date h3 {
    margin-bottom: 22px !important;
} .btn-readmore, .news-item-web p a {
    background: url(../Images/read-more-btn.png) no-repeat left center;
    background-color:#000!important;
    width: 215px;
    height: 50px;
    font-size: 20px;
    color: var(--white);
    text-decoration: none;
    display: flex;
    background-size: cover;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    transition: all ease-in 0.3s;
} .btn-readmore:hover {
    background: url(../Images/read-more-hover.png) no-repeat left center;
    background-size: cover;
} .back-blue.button {
    background: url(../Images/btn-donate.png) no-repeat left center;
    height: 35px;
    font-size: 20px!important;
    color: var(--white) !important;
    text-decoration: none;
    display: inline-flex;
    background-size: cover;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    transition: all ease-in 0.3s;
    padding: 10px 50px;
    border: 1px solid transparent !important;
} .back-blue.button:hover {
    background: url(../Images/btn-donate-hover.png) no-repeat left center;
    background-size: cover;
    color: var(--white) !important;
    border: none !important;
    height: 35px;
    padding: 10px 50px;
    border: 1px solid transparent !important;
} .back-white.button {
    background: url(../Images/btn-donate-light.png) no-repeat left center;
    height: 35px;
    font-size: 20px;
    color: var(--primary) !important;
    text-decoration: none;
    display: inline-flex;
    background-size: cover;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    transition: all ease-in 0.3s;
    padding: 10px 50px;
    border: 1px solid #d5dddb !important;
} .back-white.button:hover {
    background: url(../Images/btn-donate-light-hover.png) no-repeat left center;
    background-size: cover;
    color: var(--primary) !important;
    border: none !important;
    height: 35px;
    padding: 10px 50px;
    font-size: 20px;
    border: 1px solid #d5dddb !important;
}
/*NewsRoom*/
.event-section-desc {
    display: flex;
    justify-content: space-between;
    align-items: center;
} .section-desc-title {
    width: 60%;
} .news_description .image_news {
    overflow: hidden;
    transition: all ease-in 0.8s;
    max-width:600px;
    border-radius: 20px;
    width: 100%;
} .news_description .image_news img {
    transition: all ease-in 0.3s;
    border-radius: 20px;
} #insideMemberSlider .myslick {
    width: calc(100% - 80px) !important;
    margin: 0 40px;
} body .slick-prev {
    right: 80px !important;
    transform: rotate(180deg);
    left: auto !important;
} body .slick-next {
    right: 0px !important;
} .slick-next:before, .slick-prev:before {
    display: none;
} body .newsWrap .slick-prev {
    top: -8px !important;
} body .newsWrap .slick-next {
    top: 25px !important;
} .div_table.news_description {
    display: flex;
    flex: 1;
    align-items: center;
} @media (max-width: 991px) { 
    body .newsWrap .slick-prev {
        left: 31% !important;
        right: auto !important;
        bottom: -36px !important;
    }

    body .slick-next {
        right: 31% !important;
        left: auto !important;
        bottom: -70px !important;
    }
    body .section-involved .newsWrap .slick-prev  {
        bottom: -80px !important;
    }
    body .section-involved .slick-next  {
        bottom: -114px !important;
    }
    body .slick-next, body .newsWrap .slick-prev, body .newsWrap .slick-next {
        top: inherit !important;
    }
    .section-involved .image_news, .section-involved .image_news img {
        border-radius: 0 !important;
    }
    .event-section-top {
        padding-top: 50px;
    }
    .event-section-desc {
        flex-direction: column !important;
        justify-content: start;
        align-items: start;
    }
    
}
.event-section-top {
    margin-bottom: 90px;
}
  .event-section-top #UpcomingEvents1_UpcomingEvents_0 .div_cell.home-news-desc::before {
    width: 48% !important;
    display: none !important;
} .section-involved .div_cell.home-news-desc::before {
    width: 68% !important;
}
/*featured news section*/
.featured-news-section {
    background: var(--primary);
    padding: 50px 0;
} 

@media (min-width: 1200px) {
    .col-6 {
        max-width: 50%;
        width: 100%;
    }
} .featured-news-section #singleitem {
    max-width: 1080px;
    width: 100%;
    margin: 0 auto;
} .featured-news-section h2, .featured-news-section h3, .featured-news-section h4, .featured-news-section h5, .featured-news-section h6, .featured-news-section p, .featured-news-section a {
    color: var(--white);
} .read-more-light {
    background: url(../Images/read-more-btn-light.png) no-repeat left center;
    background-color:#ffffff!important;
    width: 215px;
    height: 50px;
    font-size: 20px;
    color: var(--primary) !important;
    text-decoration: none;
    display: flex;
    background-size: cover;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    transition: all ease-in 0.3s;
    font-weight: 600 !important;
} .read-more-light:hover {
    background: url(../Images/read-more-light-hover.png) no-repeat left center;
    background-size: cover;
} .news-item .div-photo {
    max-height: 226px;
    overflow: hidden;
    border-radius: 20px;
    margin-bottom: 23px; 
} @media (max-width: 768px) {
    .news-item-web {
        border-bottom: 1px solid var(--primary);
        padding-bottom: 20px !important;
        margin-bottom: 35px !important;
    }
    .news-item-web:last-child {
        border-bottom:  none !important;
        margin-bottom: 10px !important;
    }
}
/*Inside Banner CSS Start*/
#inside_banner {
    margin-top: 185px;
    background: url(../Images/Petalos-top-right.png) no-repeat right top;
    background-size: 300px auto;
    padding-top: 50px;
    background-color: #fbfbfb;
    padding-bottom: 35px;
} 
#inside_banner h1 {
    margin-top: 0;
} 
body.logged-in #inside_banner {
    margin-top: 0;
} 
@media (min-width: 1200px) {
    .col6 {
        max-width: 50%;
        width: 100%;
    }
}
.banner-inner {
    display: flex;
    align-items: center;
} 


.img-banner-inner img {
    border-radius: 20px;
}
  .desc-banner-inner {
    background: var(--primary);
    border-radius: 20px;
    position: relative;
    z-index: 5;
    padding: 3px;
}
  .desc-banner-inner * {
    color: var(--white);
} 
  @media (min-width: 990px) {
    .desc-banner-inner {
        margin-left: -80px;
        max-width:620px;
    }
} 
  .insider-wrap ul.inline-list {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    gap: 10px;
} 
  .insider-wrap ul.inline-list li {
    max-width: calc(30% - 10px);
    width: 100%;
    text-align: left;
} .insider-wrap ul.inline-list li span {
    display: block;
    font-style: italic;
    font-weight: 300;
} .content-desc h2, .insider-wrap h2 {
    position: relative;
    overflow: hidden;
} .content-desc h2:after, .insider-wrap h2:after {
    content: '';
    /*height: 1px;
    background: var(--primary);*/
    left: auto;
    width: 100%;
    max-width: 100%;
    position: absolute;
    top: 42px;      /* 13px;*/
    z-index: 5;
    margin-left: 10px;  /*20px*/
}
/*.insider-wrap h2 {
    color: var(--black) !important;
}
*/    

/*Inside Banner CSS End*/
    /*Photo Gallery*/
    @media (min-width: 900px) {

        .photofancy-wrapper .main .container {
            grid-template-columns: repeat(5,1fr);
            /*grid-gap: 1rem;
    justify-content: center;
    align-items: center;
    width: 40% !important;*/
        }
    }
    /*.photofancy-wrapper .card:not(:first-child) {
    display: none !important;
}*/
    /*#region Cute Editor fix */

.ceifdialog {
    /*max-width: 500px !important;*/
    width: 640px !important;
    max-width: 640px !important;
}

/*#endregion */

.Featured-News{
    display:grid;
    grid-template-columns:1fr 1fr;
}

a.offAnchor {
    scroll-margin-top: 160px;
}

a.offAnchor::before {
    content: "";
    display: block;
    height: 160px;
    margin-top: -160px;
    visibility: hidden;
}
/*a[name] {
    display: block;
}

a[name]::before {
    content: "";
    display: block;
    height: 160px;
    margin-top: -160px;
    visibility: hidden;
}
  */
.insider-content .contained-width .rowSub {
    padding: 30px 30px;
    padding-top:10px!important;
}

.col-2 > div.rowSub, .grid2col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 5vw;
}

.col-3 > div.rowSub, .grid3col {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
}

.col-4 > div.rowSub, .grid4col {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 5vw;
}

.col-1.yellow, .col-2.yellow, .col-3.yellow, .col-4.yellow {
    background: var(--yellow);
}

.col-1.yellow *, .col-2.yellow *, .col-3.yellow *, .col-4.yellow *{
    color: #000!important;
}

.col-1.grey, .col-2.grey, .col-3.grey, .col-4.grey {
    background: var(--grey);
}

.col-1.blue, .col-2.blue, .col-3.blue, .col-4.blue {
    background: var(--blue);
}
.col-1.blue *, .col-2.blue *, .col-3.blue *, .col-4.blue *{
    color: #fff!important;
}
@media (max-width: 1200px) and (min-width: 767px) {

    .col-3 > div.rowSub, .grid3col, .col-3 > div.rowSub {
        grid-template-columns: 1fr 1fr;
    }

    .col-4 > div.rowSub, .grid4col {
        grid-template-columns: 1fr 1fr;
    }

    .col-3 > div.rowSub, .grid3col, .col-2 > div.rowSub, .grid2col, .col-4 > div.rowSub, .grid4col {
        grid-row-gap: 20px;
    }

    .col-1 .rowSub, .col-2 .rowSub, .col-3 .rowSub, .col-4 .rowSub {
        padding-top: 6vw;
        padding-bottom: 6vw;
    }
    div.rowSub img {
        width: 100%;
    }
}

@media (max-width: 767px) {

    .col-3 > div.rowSub, .grid3col, .col-2 > div.rowSub, .grid2col {
        grid-template-columns: 1fr;
    }

    .col-4 > div.rowSub, .grid4col {
        grid-template-columns: 1fr 1fr;
    }

    .col-3 > div.rowSub, .grid3col, .col-2 > div.rowSub, .grid2col, .col-4 > div.rowSub, .grid4col {
        grid-row-gap: 20px;
        padding-left:0!important;
        padding-right:0!important;
    }

    .col-1 .rowSub, .col-2 .rowSub, .col-3 .rowSub, .col-4 .rowSub {
        padding-top: 6vw;
        padding-bottom: 6vw;
    }

    div.rowSub img{
        width:100%;
    }
}

@media (max-width: 500px) {

    .col-4 > div.rowSub, .grid4col {
        grid-template-columns: 1fr;
    }
}



