.news-let,.zpsection.common-sec , .zpsection.container-sec , .footer{
    display:none ;
    }

.theme-logo-parent img{
height: auto;
width: 180px;    
}

.zpapp td{
    font-family: inherit;
    font-size: 14px;
    /*line-height: 26px;*/
    font-weight: 400;
    color: #000000;
    
    /* background: 0 0; */
    /* border-block-end-width: 1px; */
    /* border-block-end-style: none; */
    /* border-block-end-color: #d2d8e2; */
    /* padding: 10px; */
    /* border-inline-end-width: 1px; */
    /* border-inline-end-style: solid; */
    /* border-inline-end-color: #d2d8e2; */
    
    border: none;
}
    
.zpapp table {
    /* width: auto; */
    /* border-collapse: inital; */
    /* border-spacing: 0; */
    width: initial;
    border-collapse: initial;
}

.zpapp .box-spacing {
	border-spacing: 10px; 
}

.zpapp tr td:last-child {
    /* border-inline-end: 0 none; */
}

.zpapp table [width="90%"]{
    width: 540px;
}

.zpapp > table {
    /*  max-width: 95% !important;
    margin: 0 auto; */
    box-shadow: 0 0 10px #dcd4d4;
}


.month-section .zpcontainer{
	margin:0;
   padding:0;
    max-inline-size:inherit;
    
}

.month-section{
   /*position:sticky;
    top:0;*/
    width:100%;
    z-index:999;
    box-shadow: rgba(195, 221, 250, 1) 0px 2px 8px 0px;
    padding:0;
}


/*.month-btn{
margin-top:-10px;
}*/

.month-btn.active .zpbutton-container a span{
color:#ffb000 !important;
}

.common-sec{
position:fixed;
}

.side-box{
top:170px;
width:250px;
}

.logo-section{
background:#fff !important;
}

.year-row{
max-height:49px;
overflow:visible;
}

.years-dropdown , .months-dropdown{
    padding: 0 14px !important;
    margin-top:-10px !important;
}

.zpaccordion-content{
	padding:0 !important;
}

.archives-acc{
z-index:9999;
}

.month-row{
max-height:43px;
overflow:visible;
display:flex;
}

@media (min-width:1100px){
.side-box{
margin:0 auto;
}
    .newsletter-col{
/*margin-top:100px;*/
    border-right: 1px solid #c1c1c1;
    border-left: 1px solid #c1c1c1;
}
    .logo-sec-text{
        width:46%;
    }
    .region-col{
      max-width:33%;    
    }
}
@media (max-width:550px){
.side-box{
    width:90% !important;
    margin:auto;
    }
    .month-row{
    padding-left:24px;
    background: #111f54 !important;
    border-top:0.5px solid grey;
    }
    .acc-con{
    max-height:500px !important;
    overflow-y:scroll !important;
    border:none !important;
    box-shadow:0 0 6px #dcd4d4;
    }
    .zpaccordion-element-container {
        overflow:scroll !important;
    }
    
    .years-dropdown, .months-dropdown,.acc-con,.mon-con{
    position: relative ;
    }
    .years-dropdown, .months-dropdown{
    background: #111f54 !important;
    color: #fff !important;
    border: none !important;
    outline: none !important;
    bottom:5px;
    padding-bottom:8px;
    }
    .acc-con,.years-dropdown{
    right: -70px;
    }
    .mon-con,.months-dropdown{
    	right:0px;
    }
    .month-row{
    justify-content:center !important; 
    }
    .newsletter-col{
    overflow-x:scroll;
    }
}
@media (max-width:770px){
    /*.container-sec{
    overflow-x:scroll;
    max-width:500px;
    }*/
    
    .month-row{
		max-height:39px;
    }
    
    .newsletter-col{
padding:0;
}
    
    .news-let{
    margin:10px 0 !important;
        padding:0 !important;
    }
    .zprow .zpcol-sm-12{
    padding-inline-start: 0; 
    padding-inline-end: 0;
    }
    
    .side-box{
    width:50%;
        margin:auto;
    }
    
    .year-row > div:nth-child(2) , .year-row > [data-element-id="elm_WSPIo1BI32WZaZALzqWiwQ"] {
    display:none !important;
    }
    
    .year-row{
    justify-content:center !important;
    }
}

@media (max-width:1100px){
.archives-acc{
padding:0 !important;
}
.zpbutton-style-roundcorner{
    padding:0 !important;
    }
    .side-box{
    width:50%;
     margin:auto;
    }
    .region-col{
      max-width:38%;    
    }
}

@media screen and (min-width:600px) and (max-width:950px){
.acc-con{
    max-height:500px !important;
    overflow:scroll !important;
    border:none !important;
    box-shadow:0 0 6px #dcd4d4;
    }
    .zpaccordion-element-container {
        overflow:scroll !important;
    }
    
    .years-dropdown, .months-dropdown,.acc-con,.mon-con{
    position: relative ;
    }
    .years-dropdown, .months-dropdown{
    background: #111f54 !important;
    color: #fff !important;
    border: none !important;-
    outline: none !important;
    bottom:5px;
    padding-bottom:8px;
    }
    .acc-con,.years-dropdown{
    left: 110px;
    width:40%;
    }
    .mon-con,.months-dropdown{
    	left:60px;
        width:50%;
    }
    .month-row{
    justify-content:center !important; 
    }
    .logo-sec-text{
        width:40%;
    }
     .year-row > div:nth-child(2) , .year-row > [data-element-id="elm_WSPIo1BI32WZaZALzqWiwQ"] {
    display:none !important;
    }
    
    .year-row{
    justify-content:center !important;
    }
    
}

.month-btn.active .zpbutton-container a span{
    color: #ffb000 !important;
}

.form-con{
	color:#fff;
    font-size:11px;
    padding-bottom:16px;
}
.note{
    margin-top: 16px;
    font-size: 11px;
    color: #fff;
}
.zpcol-sm-12 .zpform-container .zpform-outer li .zpform-field-container{
 max-inline-size: 100% !important;
}

.container-sec{
min-height:94vh;
}

.tq-box{
    box-shadow: 0 0 10px #c1c1c1 !important;
    margin: 70px auto 0 auto;
    max-width:85%;
}


/*.thanks-note {
    margin-top: 100px !important;
}*/
.commonselect{
margin-top:12px;
}

#meGDPRMessage{
    padding-bottom:15px;
    line-height:1px;
}
#meGDPRMessage label{
    font-size:11px;
}

.form-section{
padding-top:0;
}

#zsform_submit{
padding:10px;
display:block;
width:80%;
font-size:14px;
}

#UI340POIK{
display:none;
}

.resources-section .zpelem-buttonicon{
    margin-block-start: 5px;
}
.resources-section , .res-section{
    padding: 15px 7px;
}
.container-sec .zpcontainer .zprow.zpalign-items-flex-start:nth-child(1){
	margin-top:150px;
}

.form-section .zpelem-lpform , .news-let ,.news-let .zpelem-heading, .resources-section .zpelem-heading,.res-section .zpelem-heading{
  margin-block-start: 0;
}
.news-let .zpelem-heading{
 margin-block-end: 25px;
}
.news-let{
 margin-block-start: 0 !important;
}
.zpform-container .zpbutton.zpbutton-type-primary{
background-color:#f8c045;
font-weight:600;
}

.zpform-container .zpbutton.zpbutton-type-primary:hover{
color:#000;
background-color:#fff;  
}

@media (min-width: 992px) {
    .logo-section .zpimage-container figure img {
        width: 180px !important;
        height: 35px !important;
    }
    .logo-section .zpelem-text {
        margin-block-start:5px;
    }
}


.logo-section{
align-items:center !important;
    padding:4px;
}

/*@media screen and (min-width:1279px) and (max-width:1300px){
    .resources-section , .res-col{
    max-width:23%;
    }
    .newsletter-col{
    min-width:650px;
    }
}*/
.zpelem-lpform{
background-size:cover;
}

.zpform-container .zpform-errormsg, .zpform-container .zpform-common-errormsg {
    color: #fdb5b5;
}
 .logo-section .zpelem-text {
        margin-block-start:5px;
    }

@media screen and (max-width:450px){
    .logo-sec-text{
   		padding:0;
        width:36%;
    }
    .years-dropdown , .months-dropdown{
    padding: 0 10px !important;
}
}

.years-btn-row {
        max-width:400px;
        margin:auto !important;
    }

.logo-section .zpelem-text a{
       color:#000;
 }
#loader-1 {
    position: fixed;        
    top: 0;
    left: 0;
    width: 100vw;           
    height: 100vh;          
    /*background: rgba(5, 15, 27, 0.9);  */
    z-index: 9999;         
    display: flex;
    flex-direction: column;         
    justify-content: center;        
    align-items: center;          
    gap: 1rem; 
}
  

.load {
    
    width: 3%;
    padding: 0.3em;
    aspect-ratio: 1;
    border-radius: 50%;
    background: #000;
    

    --_m: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;
    -webkit-mask: var(--_m);
    mask: var(--_m);
    -webkit-mask-composite: source-out;
    mask-composite: subtract;

    animation: spin 1s infinite linear;
}


@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


@media only screen and (min-width: 821px) and (max-width: 1050px) {
    .load {
        width: 6%;
    }
}
@media (max-width: 820px) {
    .load {
        width: 8%;
        padding:0.2em;
    }
}
@media screen and (max-width: 1100px) {
    #loader-1 {     
   top:155px;
   justify-content:flex-start;
}
}
.note p strong{
font-size:12px;
}

.region-col{
position:relative;
}

.region-sel p{
position:relative;
    font-size:16px;
    color:#207ddb;
}
.region-sel p:before {
    content: "";
    width: 18px;
    height: 18px;
    background: url(/global-drop-icon.svg) left / cover no-repeat;
    position: absolute;
    top: 50%;
    left: -12px;
    transform: translate(-50%, -50%);
}
.region-sel p:after {
    content: "";
    width: 0px;
    height: 0px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 7px solid #207DDB;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(-50%, -50%);
}
.region-sel p, .region-sel p:after,.region-sel p:before{
    cursor:pointer;
}

.region-li{
    position:absolute;
    background: #fff;
    z-index: 99999;
    left: -10px;
    top: 45px;
    padding: 15px;
    font-size: 14px;
    box-shadow:rgb(180 186 192) 0px 2px 8px 0px;
    max-height: 0;
  overflow: hidden;
  display:none;
  transform: translateY(-10px);
  transition: all 0.3s ease;
}

.region-li ul{
list-style:none;
padding:0; 
}
.region-li ul li a{
color:#000;
}
.region-li ul li a:hover{
color:#0c8bf0;
}

.region-li.active{
  max-height: 500px;
  display:block;
  transform: translateY(0);
  width:190px;
}

.logo-text-col{
padding:0 !important;
}
@media screen and (max-width: 912px) {
    .region-sel p:after{
    display:none;
    }
    .region-li{
    left:-170px !important;
    }
    .logo-sec-row{
    flex-wrap:nowrap;
    }
    .form-section{
	margin-top:30px;
	}
}
@media screen and (min-width: 912px) and (max-width:1025px) {
    .logo-sec-text{
    max-width:450px;
    }
}
@media screen and (min-width:539px) and (max-width:541px){
    .region-sel p:before {
    left:-30px;
}
}
.zpaccordion-container.zpaccordion-with-icon.zpaccordion-icon-align-left.zpaccordion-style-01 .zpaccordion .zpaccordion-name {
margin-inline-start:6px;
}

.zpcol-sm-12.res-col .resources-section{
margin-block-start:0 ;
margin-inline-end:auto;
}
.resources-section , .form-section{
margin:0 auto;
}

.zprow.zpjustify-content-flex-start .zpcol-sm-12.res-col , .zprow.zpjustify-content-flex-start .zpcol-sm-12.form-col{
position:sticky;
    top:180px;
}

/*loader css*/
#loader{
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 999999;
    width: 100vw;
    height: 100vh;
    display:block;
}
.logo-box{
      width:350px;
      height:40px;
      border-radius:5px;
      margin: 12px auto;
    }

    .years-list li{
      width:60px;
      height:20px;
      display:inline-block;
      margin:0 6px;
    }
    .months-list li{
      width:55px;
      height:20px;
      display:inline-block;
      margin:0 8px;
    }

    .com-boxes{
      width:25%;
    }
    .news-box{
      width:50%;
    }
    .newsletter-whole{
      display:flex;
      justify-content:center;
      max-width:1400px;
      margin:20px auto 0 auto;
    }

    .res-box , .form-box{
      width:250px;
      height:250px;
      margin: 30px auto;
    }
    .newsletter-box{
      max-width:600px;
      height:620px;
      margin: 30px auto;
    }
    .form-box{
      height:300px;
    }

    .years-box , .months-box{
      display:flex;
      justify-content: center;
      align-items:center;
    }
    .years-box{
      background:#f3f3f3;
    }
    .months-box{
      background:#f9f9f9;
    }
    ul{
      padding-inline-start:0;
      margin: 8px 0;
    }
 @keyframes loader{

 0% {
    background-position: -500px 0;
}

100% {
    background-position: 500px 0;
}
}
.animation-boxes{
  background: linear-gradient(to right, #eee 8%, #ddd 18%, #eee 33%);
  background-size: 1000px 500px;
  animation: 1s linear infinite forwards loader;
}

@media only screen and (max-width:1024px){
  .com-boxes{
    display:none;
  }
  .news-box{
    width:80%;
  }
  .newsletter-box{
    max-width:100%;
    height:700px;
  }

}

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

  .months-list li {
    display: none;
    width:100px;
    margin:10px;
  }
  .months-list li:nth-child(1),
  .months-list li:nth-child(2) {
    display: inline-block;
  }
}

/* MSP - Subsite level Site level changes testing - 109  */