/*

  .poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.Inter Tight-tight-<uniquifier> {
  font-family: "Inter Tight", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}


*/

.loader {
  position: fixed;
  left: 50%;
  top: 50%;
  margin-top: -1.25em;
  margin-left: -1.25em;
    border: 0.2em solid #FFDE30; /* Light grey */
    border-top: 0.2em solid #F3F2EF; /* Blue */
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    -webkit-animation: spin 0.4s linear infinite;
            animation: spin 0.4s linear infinite;

}
.otgs-development-site-front-end{display: none!important;}
.page-contact .loader{ 
    border: 0.2em solid #1A1919; /* Light grey */
    border-top: 0.2em solid #FAE4A9; /* Blue */
    border-radius: 50%;}

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

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



.container{ opacity: 1; overflow: hidden;}
.animate .container{opacity: 1; transition:opacity 0.7s ease 0s;}


html { -webkit-text-size-adjust: 100%; 
  position: relative; float: left; width: 100%; 
  font-size: 16px; font-weight: 400; 
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: overlay; 
}

/*::-webkit-scrollbar {
    display: none;
}
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike,  sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0px;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  vertical-align: baseline;
  list-style:none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	height: auto;
}

body { 
  position: relative;
  float: left; 
  display: block;
  font-family: 'Inter Tight', sans-serif; 
  font-weight:500;
  font-size: 1em;
  line-height: 1.6em;
  height: auto;
  margin:0; padding: 0; 
  width: 100%;
  color: #24272A;
  background-color: #1FBEC7;
  min-height: 10em;
}


.hidden{width: 0; height: 0; overflow: hidden;}


input, textarea{  font-size: 1em; border-radius: 0;}
input[type=checkbox]{width: auto; margin: 0;}
input[type=text]:focus, textarea:focus {
  -webkit-box-shadow:none;
          box-shadow:none;
  outline: none;
}

a{color: inherit; text-decoration: none; }
.noline a{text-decoration: none;}
i, cite, em, var, dfn {
    font-style:normal;
}
b, strong {font-family: inherit; font-weight: 500; }

ul, li{position: relative;  display: inline-block;}
ul{margin-bottom: 1.8em;}
li{padding-left: 1.2em; line-height: 1.6em;}
li:before{position: absolute; width: 0.5em; height: 0.5em; content: ""; border-radius: 50%; background-color: #24272A; left: 0; top:0.6em;}

button {
  background: transparent;
    background-color: transparent;
  box-shadow: 0px 0px 0px transparent;
  border: 0px solid transparent;
  text-shadow: 0px 0px 0px transparent;
  cursor: pointer;
  font-size: 1em;
}

section, div, header, main, footer, nav, article, ol, ul, li, p, img, blockquote, form, button, input, label{position: relative; float: left; width: 100%; height: auto; display: block; -webkit-box-sizing:border-box; box-sizing:border-box; }
p{ font-size: 1em; line-height: 1.8em; margin-bottom: 1.6em; letter-spacing:0.02em; font-family: 'Inter Tight', sans-serif;  }
p:last-child{margin-bottom: 0;}
p strong{font-weight:600;}
p a, article ul li a{display: inline-block; position: relative; text-decoration: underline;}
.smaller{font-size: 0.85em;}
article img{margin-bottom: 1.8rem;}
article img:last-child{margin-bottom: 0rem;}
/* basics */


h1, h2, h3, h4, h5, h6{ position: relative; float: left; font-family: 'Poppins', serif; font-weight:700; font-size: 1em; clear: both; width: 100%; letter-spacing: 0.02em; line-height: 1.8em;  }


.floatr{position: relative; width:auto; float: right; display: block;}
.floatl{position: relative; width:auto; float: left; display: block;}

.noselect {
  user-select: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

/*/////////////// Basics ///////////////*/

.abso{position: absolute; top:0; left: 0; width:100%; height:100%;}
.middle{ position:absolute; left:50%; top: 50%; -webkit-transform:translateY(-50%) translateX(-50%); -ms-transform:translateY(-50%) translateX(-50%); transform:translateY(-50%) translateX(-50%);}
.acenter{text-align: center;}
.aright{text-align: right;}

.b{}
.b15{width: 15%;}
.b20{width: 20%;}
.b25{width: 25%;}
.b75{width: 75%; }
.b30{width: 30%;}
.b60{width: 60%; }
.b35{width: 35%;}
.b40{width: 40%;}
.b41{width: 41.6666%;}
.b42{width: 42%;}
.b65{width: 65%; }
.b50{width: 50%;}
.b55{width: 55%;}
.b58{width: 58%;}
.b55{width: 55%;}
.b45{width: 45%;}
.b33{width: 33.33%;}
.b66{width: 66.66%;}
.b100{width: 100%;}

.viceversa .b50{float: right;}

.widthlarge{float: none; margin: 0 auto; width: 100%; max-width: 90.5em; }
.widthmedium{float: none; margin: 0 auto; width: 100%; max-width:70em;  }
.widthsmall{float: none; margin: 0 auto; width: 100%; max-width: 55em; }

.paddingx1{ padding-left: 1rem; padding-right: 1rem;}
.paddingx2{ padding-left: 2rem; padding-right: 2rem;}
.paddingx3{ padding-left: 3rem; padding-right: 3rem;}
.paddingx4{ padding-left: 4rem; padding-right: 4rem;}
.paddingx5{ padding-left: 5em; padding-right: 5rem;}

.paddingy1{ padding-bottom: 1rem; padding-top: 1rem;}
.paddingy2{ padding-bottom: 2rem; padding-top: 2rem;}
.paddingy3{ padding-bottom: 3rem; padding-top: 3rem;}
.paddingy4{ padding-bottom: 4rem; padding-top: 4rem;}
.paddingy5{ padding-bottom: 5rem; padding-top: 5rem;}
.paddingy6{ padding-bottom: 6rem; padding-top: 6rem;}

.paddingl1{ padding-left: 1rem;}
.paddingl2{ padding-left: 2rem;}
.paddingl3{ padding-left: 3rem;}
.paddingl4{ padding-left: 4rem;}
.paddingl5{ padding-left: 5rem;}

.paddingr1{ padding-right: 1rem;}
.paddingr2{ padding-right: 2rem;}
.paddingr3{ padding-right: 3rem;}
.paddingr4{ padding-right: 4rem;}
.paddingr5{ padding-right: 5rem;}

.paddingbottom4{padding-bottom: 3.2rem;}

.marginbottom05{margin-bottom: 0.5rem;}
.marginbottom1{margin-bottom: 1rem;}
.marginbottom2{margin-bottom: 2rem;}
.marginbottom3{margin-bottom: 3rem;}
.marginbottom4{margin-bottom: 4rem;}
.marginbottom5{margin-bottom: 5rem;}
.marginbottom6{margin-bottom: 6rem;}

.margintop05{margin-top: 0.5rem;}
.margintop1{margin-top: 1rem;}
.margintop2{margin-top: 2rem;}
.margintop3{margin-top: 3rem;}
.margintop4{margin-top: 4rem;}
.margintop5{margin-top: 5rem;}

.maxw1{max-width: 14rem;}
.maxw2{max-width: 22rem;}
.maxw3{max-width: 33rem;}
.maxw4{max-width: 44rem;}
.maxw5{max-width: 55rem;}


article ul{margin-bottom:1.6em; margin-top:0.25em; }
article ul li{padding-left: 1.6em; margin-bottom:0.6em; line-height: 1.8em; letter-spacing:0.02rem; }
article ul li::before{position: absolute; left: 0em; top: -0.15em; content: "•"; font-size: 2em; line-height: 1em; text-align: left; color: inherit;}



.thumb img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}

.flex{display: flex; flex-flow: row wrap; align-items: stretch;}
.flexreverse{display: flex; flex-flow: row-reverse wrap; align-items: stretch;}


main{min-height: 1vh;}

.viceversa .b50{float: right;}

table{position: relative; float: left; width: 100%; margin-bottom: 1.75em;}
table * {
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box; /* Ensures elements are sized including border and padding */
}

table{width: 100%; margin-bottom: 1.3rem; font-size: 1em; text-align: left; letter-spacing: 0.02em; border-collapse: collapse; background:none; font-family: "Inter Tight"; font-weight: 500;}
table tr, table tbody{width: 100%; font-size: 1em;}
table td, table th{font-size: 1em; line-height: 1.75em; padding-top:1em; padding-bottom:1em; }
table td:first-child, table th:first-child{white-space: nowrap; padding-right: 0em; padding-left: 0em; max-width: 10em;}
table tr{background:none; border-bottom: 1px solid;}

.paper{background-color: #fff;}

.vangendereninfo{}

.vangenderenimg{max-width: 35em; margin-bottom: 3rem;}


/*/////////////// Media Queries ///////////////*/

@media screen and (min-width: 1200px) {
  .page-account main{
    display: flex;
    flex-flow: row nowrap;
  }
  .page-account .extranav{ width:30em; }
  .page-account .extranav nav.subnav {
  position: relative;
  text-align: left;
  padding: 4em 0 0 2em;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  gap: 1.8em 2.7%; 
}
.page-account .blockdefault{padding-left: 2em; padding-right: 2em;}
}
@media screen and (max-width: 1450px) {

  

}

@media screen and (max-width: 1320px) {
  
  html{font-size: 15px;}
 
}

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

  
}

@media screen and (max-width: 1250px) {
  
  html{font-size: 14px;}

}

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

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

 
}

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

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


}

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

  .vangendereninfo .paddingy3{padding-top: 2em; padding-bottom: 2em;}
  .vangendereninfo .paddingx3{padding-left: 2em; padding-right: 2em;}
  .vangendereninfo.margintop5{margin-top: 2em;}
}

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


}

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


}

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

@media screen and (max-width: 560px) {
  
  html{font-size: 13px;}
 

}

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

  html{font-size: 12px;}
  

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

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

  html{ font-size: 11px;}

}

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



}

@media screen and (max-height:950px) {
 
}

@media screen and (max-height:760px) {

}

@media screen and (max-height:720px) {

}

@media screen and (max-height:600px) {

}