.banner{display: inline-block;font-weight:400;background-color: #dfffab; box-shadow: 1px 1px 3px rgba(0,0,0,0.3); padding: 5px; max-width: 100%; word-wrap: break-word;}
.banner_img{ max-width:100%; height: auto; }
.bg_dark_blue{background-color:#012878; color: #FFFFFF}
.bg_light_blue{background-color:#04E6FF;  color: #010101}
.bg_light_green{background-color:#96FE01; color: #010101}
.bg_light_ochre{background-color:#BD5F24;  color: #FFFFFF}
.bg_light_yellow{background-color:#FFFB81; color: #010101}
.bgtxt{font-size: 1.8rem;font-family:Segoe UI,century gothic,arial,verdana;}
.big_div ol {list-style-type: decimal; padding-left: 1rem;}
.big_div ul {padding-left: 20px; font-size: 1.1rem;}
.big_div_pad {margin:auto;padding:15px;}
.big_div{font-family:Segoe UI,century gothic,arial,verdana;font-style:normal;font-weight:200;font-size:1.2rem ;margin:auto;width:1200px;max-width:100%;position:relative;height: 100%;}
.bigbuttonyellow:hover {color: rgb(100% 81.96% 5.82%);background: #010101;transition: all 0.4s ease 0s;}
.bigbuttonyellow{background:rgb(100%, 81.96%, 5.82%);color:#010101;font:400 1.3em 'Segoe UI', Arial, sans-serif;padding:4px 8px;text-align:center;border:1px solid #010101;border-radius:4px;box-shadow:0 2px 3px #666;}
.black{font-family:Segoe UI,century gothic,arial,verdana;font-style:normal;color:#010101;margin: 5px;}
.blue_border{border:1px solid #001B8E;}
.blue{font-family:Segoe UI,century gothic,arial,verdana;font-style:normal;color:blue}
.body_img{ max-width:100%; height: auto; border: 0.5px solid #C0C0C0; }
.btm_margin{margin: 0px 0px 20px 0px;}
.buttonblue {background-color: #04336b;color: #FFFFFF; font: 400 0.95rem 'Segoe UI', 'Century Gothic', Arial, Verdana; padding: 4px 8px;text-align: center; cursor: pointer; text-transform: uppercase; border: 1px solid #010101; border-radius: 4px; box-shadow: 0 2px 3px #666; margin: 5px; text-decoration: none;}
.buttonblue:hover {color: rgb(100% 81.96% 5.82%);background: #010101;transition: all 0.4s ease 0s;}
.buttonlime {background-color: #20D720;color: #010101; font: 400 0.95rem 'Segoe UI', 'Century Gothic', Arial, Verdana; padding: 4px 8px;text-align: center; cursor: pointer; text-transform: uppercase; border: 1px solid #010101; border-radius: 4px; box-shadow: 0 2px 3px #666; margin: 5px;text-decoration: none;}
.but_mar {margin: 10px}
.buttonlogged {background-color: #20D720;color: #FFFFFF  !important; font: 400 0.9rem 'Segoe UI', 'Century Gothic', Arial, Verdana; padding: 1px 1px;text-align: center; cursor: pointer; text-transform: uppercase; border: 1px solid #010101; border-radius: 4px; box-shadow: 0 2px 3px #666; margin: 2px; background-image: url('https://ssw.nyc3.cdn.digitaloceanspaces.com/onoff.png '); background-position:10px center;  background-repeat: no-repeat;}
.buttonlogoff {background-color: #FF0202;color: #FFFFFF  !important; font: 400 0.9rem 'Segoe UI', 'Century Gothic', Arial, Verdana; padding: 2px 2px;text-align: center; cursor: pointer; text-transform: uppercase; border: 1px solid #010101; border-radius: 4px; box-shadow: 0 2px 3px #666; margin: 2px;background-image: url('https://ssw.nyc3.cdn.digitaloceanspaces.com/onoff.png '); background-position:10px center;  background-repeat: no-repeat;}

.buttongetquote {background-color: white;color: #010101;font: 400 0.95rem 'Segoe UI', 'Century Gothic', Arial, Verdana;padding: 4px 8px;text-align: center;cursor: pointer; text-transform: uppercase; border: 2px solid #20D720; border-radius: 4px; box-shadow: 0 2px 3px #666; margin: 5px; display: inline-flex; align-items: center;  justify-content: space-between;}

.buttongetquote::after {
  content: '';
  background-image: url('https://ssw.nyc3.cdn.digitaloceanspaces.com/ClimateBadge.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 2em;
  height: 2em;
  margin-left: 8px;
}



.buttonlime:hover {color: rgb(100% 81.96% 5.82%);background: #010101;transition: all 0.4s ease 0s;}
.buttonmauve {background-color: #A12594;color: #FFFFFF; font: 400 0.95rem 'Segoe UI', 'Century Gothic', Arial, Verdana; padding: 4px 8px;text-align: center; cursor: pointer; text-transform: uppercase; border: 1px solid #010101; border-radius: 4px; box-shadow: 0 2px 3px #666; margin: 5px;text-decoration: none;}
.buttonmauve:hover {color: rgb(100% 81.96% 5.82%);background: #010101;transition: all 0.4s ease 0s;}
.buttonorange {background-color:#F9AC6D;color: #010101; font: 400 0.95rem 'Segoe UI', 'Century Gothic', Arial, Verdana; padding: 4px 8px;text-align: center; cursor: pointer; text-transform: uppercase; border: 1px solid #010101; border-radius: 4px; box-shadow: 0 2px 3px #666; margin: 5px;text-decoration: none;}
.buttonrangletri{background-color:#FFFFFF;color:#010101;font-family:Segoe UI,century gothic,arial,verdana;font-weight:700;padding:4pt 8pt;text-align:center;cursor: pointer;font-size:1em;text-transform:uppercase;border:1pt solid #000;-webkit-border-radius:4pt;-moz-border-radius:4pt;border-radius:4pt;-webkit-box-shadow:#666 0 5px 4px;-moz-box-shadow:#666 0 5px 4px;box-shadow:#666 0px42px 3px;behavior:url(/pie/PIE.htc)}
.buttonrect{background-color:#FFFFFF;color:#010101;font-family:Segoe UI,century gothic,arial,verdana;font-weight:700;padding:4pt 8pt;text-align:center;cursor: pointer;font-size:1em;text-transform:uppercase;border:1pt solid #000;-webkit-border-radius:4pt;-moz-border-radius:4pt;border-radius:4pt;-webkit-box-shadow:#666 0 5px 4px;-moz-box-shadow:#666 0 5px 4px;box-shadow:#666 0px42px 3px;behavior:url(/pie/PIE.htc)}
.buttonred {background-color: #FF0202;color: #FFFFFF; font: 400 0.95rem 'Segoe UI', 'Century Gothic', Arial, Verdana; padding: 4px 8px;text-align: center; cursor: pointer; text-transform: uppercase; border: 1px solid #010101; border-radius: 4px; box-shadow: 0 2px 3px #666; margin: 5px; text-decoration: none;}
.buttonsq{background-color:#FFFFFF;color:#010101;font-family:Segoe UI,century gothic,arial,verdana;text-decoration: none;font-weight:700;padding:4pt 8pt;text-align:center;cursor: pointer;font-size:1em;text-transform:uppercase;border:1pt solid #000;-webkit-border-radius:4pt;-moz-border-radius:4pt;border-radius:4pt;-webkit-box-shadow:#666 0 5px 4px;-moz-box-shadow:#666 0 5px 4px;box-shadow:#666 0px42px 3px;behavior:url(/pie/PIE.htc)}

.buttonwebsite {background-color:#010101;color: #FFFFFF; font: 400 0.8rem 'Segoe UI', 'Century Gothic', Arial, Verdana; padding: 4px 8px;text-align: center; cursor: pointer; text-transform: uppercase; border: 0px solid #c0c0c0; border-radius: 2px;box-shadow: #666 0px 4px 3px;behavior: url(/pie/PIE.htc);}

.buttonwhite {background-color: FFFFFF;color: #010101; font: 400 0.95rem 'Segoe UI', 'Century Gothic', Arial, Verdana; padding: 4px 8px;text-align: center; cursor: pointer; text-transform: uppercase; border: 1px solid #010101; border-radius: 4px; box-shadow: 0 2px 3px #666; margin: 5px; text-decoration: none;}
.buttonwhite.small {background-color: FFFFFF;color: #010101; font: 400 0.8rem 'Segoe UI', 'Century Gothic', Arial, Verdana; padding: 1px 4px;text-align: center; cursor: pointer; text-transform: uppercase; border: 1px solid #c0c0c0; border-radius: 2px; box-shadow: 0 2px 3px #666; margin: 1px;}
.buttonwhite.small:hover {color: rgb(100% 81.96% 5.82%);background: #010101;transition: all 0.4s ease 0s;text-decoration: none;}
.buttonwhite:hover {color: rgb(100% 81.96% 5.82%);background: #010101;transition: all 0.4s ease 0s;}
.buttonyellow {background-color: #F5F507;color: #010101; font: 400 0.95rem 'Segoe UI', 'Century Gothic', Arial, Verdana; padding: 4px 8px;text-align: center; cursor: pointer; text-transform: uppercase; border: 1px solid #010101; border-radius: 4px; box-shadow: 0 2px 3px #666; margin: 5px;text-decoration: none;}
.buttonyellow:hover {color: rgb(100% 81.96% 5.82%);background: #010101;transition: all 0.4s ease 0s;}
.buttonyellow_cart:hover {color: rgb(100% 81.96% 5.82%);background: #010101;transition: all 0.4s ease 0s;text-decoration: none;}
.buttonyellow_cart {background-color: rgb(100% 81.96% 5.82%); color: black; font-family: Segoe UI, century gothic, arial, verdana; font-weight: bold; padding: 4pt 8pt; text-align: center; text-decoration: none;font-size: 1em;text-transform: uppercase; border: 1pt solid black;-webkit-border-radius: 4pt;-moz-border-radius: 4pt;border-radius: 4pt; background-image: url('https://ssw.nyc3.cdn.digitaloceanspaces.com/sb.png'); background-position: left center;  background-repeat: no-repeat; background-size: contain; padding-left: 52pt; min-height:150px;}
.c-gap{column-gap:20px}
.center{margin:auto;font-family:Segoe UI,century gothic,arial,verdana;text-align:center;max-width:98%}
.city{display:none;visibility:hidden;}
.click {font-family:Segoe UI,century gothic,arial,verdana;font-style:normal;font-weight:200;font-size:1.2rem;color: #010101;margin: auto;padding: 6pt;text-align: center;max-width: 98%;}
.click_faq{background-color:FFFFFF;font-family:Segoe UI,century gothic,arial,verdana;font-style:normal;font-weight:200;font-size:1rem;margin:auto;padding:20pt;text-align:center;border:1pt solid #070a9c;max-width:96%}
.clickJ li {margin-bottom: 10px;}
.clickJ ol {list-style-type: decimal; padding-left: 20px;}
.clickJ ul {padding-left: 20px;}
.clickJ{font-family:Segoe UI,century gothic,arial,verdana;font-style:normal;font-weight:200;font-size:1.2rem;margin:auto;padding:15pt;text-align:justify;max-width:98%}
.clickL{font-family:Segoe UI,century gothic,arial,verdana;font-style:normal;font-weight:200;font-size:1.2rem;margin:auto;padding:15pt;text-align:left;width: 96%; max-width:100%;  box-sizing: border-box; }
.clickQ2 li { margin-bottom: 8px; }
.clickQ2 ul {list-style-type: disc; padding-left: 20px; }
.clickQ2{font-family:Segoe UI,century gothic,arial,verdana;font-style:normal;font-weight:200;font-size:1.2rem;margin:10px;padding:10pt;text-align:left; width:550px; max-width:98%; height: auto; }
.clickQ{font-family:Segoe UI,century gothic,arial,verdana;font-style:normal;font-weight:200;font-size:1.2rem;margin:10px;padding:10pt;text-align:left;border:1pt solid #cccccc; width:550px; max-width:98%; height: auto; min-height: 430px;}
.climate{height: 20px; vertical-align: middle; margin-right: 5px;}
.column2{float:left;width:50%; font-family:Segoe UI,century gothic,arial,verdana;font-style:normal;font-weight:200;font-size:1.2rem;}
.column2R{float:right;width:50%;font-family:Segoe UI,century gothic,arial,verdana;font-style:normal;font-weight:200;font-size:1.2rem;text-align:right;}
.column3{display:block;margin:.5pt;font-size:.2rem;font-family:Segoe UI,century gothic,arial,verdana;font-color:#8A8884;font-style:normal;font-weight:400;text-align:center;width:36pt;max-width:36pt}
.dashboard_inner{color:#FFFFF0;	font-family:Segoe UI,century gothic,arial,verdana;font-size: 1.8rem;text-align: center;max-width:100%;padding: 2px;margin: auto;width:98%;text-transform: uppercase;}
.dashboard{border:1pt solid #010101;padding:10pt 0;font:400 1.2em 'Segoe UI', Arial, sans-serif;width:1200px;max-width:98%;margin:auto;background:#FFFFF0;border-radius:4px;box-shadow:0 4px 3px #666;}
.faq_a{background-color:#f5fff7;font-family:Segoe UI,century gothic,arial,verdana;font-style:normal;font-weight:200;font-size:1rem;margin:auto;text-align:justify;max-width:96%}
.faq_q{background-color:#fcfdff;font-family:Segoe UI,century gothic,arial,verdana;font-style:normal;font-weight:200;font-size:1rem;margin:auto;padding:10px;text-align:left;max-width:96%}
.flexcontainer {padding:10px; display: flex;  align-items: flex-start;  justify-content: center;  flex-direction: row;  flex-wrap: wrap;  align-content: flex-start;}
.footer {background-color: FFFFFF;font-family:Segoe UI,century gothic,arial,verdana;font-style:normal;font-weight: normal;font-size: 1rem;color: #010101;margin: auto;padding: 4px;text-align: center;text-shadow: 3px 3px 3px rgba(209, 208, 206, 1);border: 1pt solid #070a9c;max-width: 98%;}
.green_border{border:1pt solid #1B8E00;}
.grid-container {display: grid;grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));gap: 10px;padding: 10px;}
.grid-container2 {display: grid;grid-template-columns: auto auto;border:solid 1px;}
.grid-item {border: 1px solid rgba(0, 0, 0, 0.8); padding: 20px; font-size: 14px;text-align: center;}
.grid-itemL2 {background-color: FFFFFF;font-family:Segoe UI,century gothic,arial,verdana;font-style:normal;font-weight:200;font-size:1.2rem;color: #010101;margin: auto;padding: 4px;text-align: center;max-width: 100%;margin:0;}
.grid-itemLTop {background-color: FFFFFF;font-family:Segoe UI,century gothic,arial,verdana;font-style:normal;font-weight:200;font-size:1.2rem;color: #010101;margin: auto;padding: 4px;text-align: center;max-width: 100%;margin:0;}
.grid-itemR2 {background-color: FFFFFF;font-family:Segoe UI,century gothic,arial,verdana;font-style:normal;font-weight:200;font-size:1.2rem;color: #010101;margin: auto;padding: 4px;text-align: left;max-width: 100%;margin:0;}
.grid-itemRTop {background-color: FFFFFF;font-family:Segoe UI,century gothic,arial,verdana;font-style:normal;font-weight:200;font-size:1.2rem;color: #010101;margin: auto;padding: 4px;text-align: center;max-width: 100%;margin:0;}
.grid-lingua_test {display: grid;margin-left: auto;margin-right: auto;grid-template-columns: auto auto auto auto;width: 222px;max-width: 222pt; grid-row-gap: 10px;}

.custom-hr {
  border: none;
  height: 1px;
  background-color: #000;
  width: 50%; /* Sets the width to 50% of the parent container */
  margin: 0 auto; /* Centers the element horizontally */
}
.image-options li img {width: 100%;  height: auto;margin-bottom: 10px;}
.image-options li {cursor: pointer;}
.image-options {display: none; list-style: none; margin: 0; padding: 0; position: absolute; width: 100%;  z-index: 1000;}
.image-select {position: absolute; top: 0; right: 0; z-index: 100; width: 36px; }
.image-select-wrapper{position:relative;}
.inner_pad_s{font-size:.8rem;padding:0px 15px}
.inner_pad_tb{margin:auto;text-align:center;padding:5px 5px 5px 5px;width:100%}
.item3 {grid-column: 1/4;}
.item4 {grid-column: 4/7;}
.tm5 {margin-top: 0.5em;}
.tm10 {margin-top: 1em;}
.tm15 {margin-top: 1.5em;}
.mL {margin-left: 0.5em;}
.mR {margin-right: 0.5em;}
.mdmtxt{font-size: 1.4rem;font-family:Segoe UI,century gothic,arial,verdana;font-weight:200; }
.mdplustxt{font-size: 1.6rem;font-family:Segoe UI,century gothic,arial,verdana;font-weight:200; }
.neon {font-family:Segoe UI,century gothic,arial,verdana; font-size: 2rem; font-weight:200; max-width: 98%}
.neon_mdm {font-family:Segoe UI,century gothic,arial,verdana; font-size: 1.5rem; font-weight:200; max-width: 98%}
.noline{text-decoration: none;}
.padded {padding: 10px;}
.purple_border{border:1pt solid #BB07F9;}
.Q_img{max-width:96%; height: auto;display: block;margin-left: auto;margin-right: auto; }
.qselect {color:black;background-color:white;font-family:Segoe UI,century gothic,arial,verdana;font-style:normal;padding: 2px 8px;text-align: left;font-size: 0.8rem;border: 1pt solid #c0c0c0;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: #666 0px 5px 4px;-moz-box-shadow: #666 0px 5px 4px;box-shadow: #666 0px42px 3px;behavior: url(/pie/PIE.htc);}
.quote_div{margin:auto;width:1200px;max-width:100%;position:relative;height: 100%; border:1pt solid #cccccc;}
.quotebox:hover{color:#d91401;background:#FFFFF0;width:45%;transition:all 0.4s ease 0s;text-shadow:0px 0px 0px;border-style: ridge;border-color:#d91401;border-width:3px;}
.quotebox{font-family:Segoe UI,century gothic,arial,verdana;font-weight:500;font-color:#FFFFFF;padding:4px 8px;text-align:center;cursor: pointer;font-size:1.2rem;width: 45%;background:#c0c0c0;border-style: ridge;border-color:#c0c0c0;border-width:3px;}
.rangletri_title{background-color:#008000;color:#FFFFFF;border-style: solid;border-color: #010101;border-width: 1pt;-webkit-border-radius: 4pt;-moz-border-radius: 4pt;border-radius: 4pt;-webkit-box-shadow: #666 0px 4px 3px;-moz-box-shadow: #666 0px 4px 3px;box-shadow: #666 0px42px 3px;	behavior: url(/pie/PIE.htc);}
.rangletri{background-color:#33ff33;color:#010101;border-style: solid;border-color: #010101;border-width: 1pt;-webkit-border-radius: 4pt;-moz-border-radius: 4pt;border-radius: 4pt;-webkit-box-shadow: #666 0px 4px 3px;-moz-box-shadow: #666 0px 4px 3px;box-shadow: #666 0px42px 3px;	behavior: url(/pie/PIE.htc);}
.rect_title{background-color:#b30059;color:#FFFFFF;border-style: solid;border-color: #010101;border-width: 1pt;-webkit-border-radius: 4pt;-moz-border-radius: 4pt;border-radius: 4pt;-webkit-box-shadow: #666 0px 4px 3px;-moz-box-shadow: #666 0px 4px 3px;box-shadow: #666 0px42px 3px;	behavior: url(/pie/PIE.htc);}
.rect{background-color:#ff99cc;color:#010101;border-style: solid;border-color: #010101;border-width: 1pt;-webkit-border-radius: 4pt;-moz-border-radius: 4pt;border-radius: 4pt;-webkit-box-shadow: #666 0px 4px 3px;-moz-box-shadow: #666 0px 4px 3px;box-shadow: #666 0px42px 3px;	behavior: url(/pie/PIE.htc);}
.red_border{border: 1pt solid #FE0000;}
.red_br{background-color:FFFFFF;font-style:normal;font-weight:400;font-size: 1rem;font-family:Segoe UI,century gothic,arial,verdana;margin:auto;padding:15px;text-align:left;border-bottom: 1pt solid red;border-right: 1px solid red; max-width:100%}
.red_tl{font-family:Segoe UI,century gothic,arial,verdana;font-style:normal;font-weight:200;font-size: 1.2rem;margin:auto;padding:15px;text-align:left;border-top: 1px solid c0c0c0;border-left: 1px solid red; max-width:98%}
.red{font-family:Segoe UI,century gothic,arial,verdana;font-style:normal;color:red}
.row:after{content:"";display:table;clear:both}
.selected-image img {width: 100%; height: auto;margin-bottom: 10px;}
.shadow {-webkit-box-shadow: #666 0px 4px 3px;-moz-box-shadow: #666 0px 4px 3px;box-shadow: #666 0px 4px 3px;behavior: url(/pie/PIE.htc);}
.smalltxt{font-size: 0.8rem;font-family:Segoe UI,century gothic,arial,verdana;font-weight:200; }
.specbg{background-image: url(https://ssw.nyc3.cdn.digitaloceanspaces.com/new_summer.webp);}
.sq_title{background-color:#cc9900;color:#FFFFFF;border-style: solid;border-color: #010101;border-width: 1pt;-webkit-border-radius: 4pt;-moz-border-radius: 4pt;border-radius: 4pt;-webkit-box-shadow: #666 0px 4px 3px;-moz-box-shadow: #666 0px 4px 3px;box-shadow: #666 0px42px 3px;	behavior: url(/pie/PIE.htc);}
.sq{background-color:#ffff99;color:#010101;border-style: solid;border-color: #010101;border-width: 1pt;-webkit-border-radius: 4pt;-moz-border-radius: 4pt;border-radius: 4pt;-webkit-box-shadow: #666 0px 4px 3px;-moz-box-shadow: #666 0px 4px 3px;box-shadow: #666 0px42px 3px;	behavior: url(/pie/PIE.htc);}
.table {width:98%;}
.tbody tr:nth-child(even) {background: #eee;}
.td,th {text-align: left;}
.tdr {float: right;}
.text_shadow{text-shadow:3px 3px 1px rgba(209,208,206,1);}
.tmb_shadow {width:150px;height:150px; -webkit-box-shadow: #666 0px 4px 3px;-moz-box-shadow: #666 0px 4px 3px;box-shadow: #666 0px 4px 3px;behavior: url(/pie/PIE.htc);}
.tri_title{background-color:#0033cc;color:#FFFFFF;border-style: solid;border-color: #010101;border-width: 1pt;-webkit-border-radius: 4pt;-moz-border-radius: 4pt;border-radius: 4pt;-webkit-box-shadow: #666 0px 4px 3px;-moz-box-shadow: #666 0px 4px 3px;box-shadow: #666 0px42px 3px;	behavior: url(/pie/PIE.htc);}
.tri{background-color:#99b3ff;color:#010101;border-style: solid;border-color: #010101;border-width: 1pt;-webkit-border-radius: 4pt;-moz-border-radius: 4pt;border-radius: 4pt;-webkit-box-shadow: #666 0px 4px 3px;-moz-box-shadow: #666 0px 4px 3px;box-shadow: #666 0px42px 3px;	behavior: url(/pie/PIE.htc);}
.buttontri{background-color:#FFFFFF;color:#010101;font-family:Segoe UI,century gothic,arial,verdana;font-weight:700;padding:4pt 8pt;text-align:center;cursor: pointer;font-size:1em;text-transform:uppercase;border:1pt solid #000;-webkit-border-radius:4pt;-moz-border-radius:4pt;border-radius:4pt;-webkit-box-shadow:#666 0 5px 4px;-moz-box-shadow:#666 0 5px 4px;box-shadow:#666 0px42px 3px;behavior:url(/pie/PIE.htc)}
.vbgtxt{font-size: 4rem;font-family:Segoe UI,century gothic,arial,verdana;}
.video_center {width: 98%; max-width: 1280px; margin: auto;text-align:center;}
.warning{background-color:red;color:#FFFFFF;}


@media only screen and (max-width: 600px) 
{
.buttonblue{font-size:0.7rem; padding:2px 2px;margin: 5px; }
.buttonlime{font-size:0.7rem; padding:2px 2px;margin: 5px; }
.buttonmauve{font-size:0.7rem; padding:2px 2px;margin: 5px; }
.buttongrey{font-size:0.7rem; padding:2px 2px;margin: 5px; }
.buttonyellow{font-size:0.7rem; padding:2px 4px; margin: 5px;}
.buttonred{font-size:0.7rem; padding:2px 4px; margin: 5px;}
.buttonorange{font-size:0.7rem; padding:2px 4px; margin: 5px;}
.buttonwhite{font-size:0.7rem; padding:2px 2px;margin: 5px; }
video_center{max-width: 98%;}
}

body {font-family:Segoe UI,century gothic,arial,verdana;text-decoration: none; margin: 3; padding-top: 70px;}
select,input{color:#010101;background-color:#FFFFFF;font:400 1em 'Segoe UI', Arial, sans-serif;padding:2px 2px;text-align:left;border:1px solid #c0c0c0;border-radius:4px;box-shadow:0 5px 4px #666;margin-bottom:4px;}
h1 {font-size: 2.5rem;font-family:Segoe UI,century gothic,arial,verdana; font-weight:200;}
h2 {font-size: 1.4rem;font-family:Segoe UI,century gothic,arial,verdana;font-weight:600;}
h3 {font-size: 1.2rem;font-family:Segoe UI,century gothic,arial,verdana;font-weight:500;}
h4 {font-size: 1.2rem;font-family:Segoe UI,century gothic,arial,verdana;font-weight:400;}


/* General container styling */
.container {
    display: flex;
    flex-wrap: wrap; /* Allows stacking on smaller screens */
    justify-content: center;
    align-items: flex-start;
    gap: 20px; /* Space between main and ad */
    width: 100%;
    max-width: 1200px;
    box-sizing: border-box;
    padding: 10px;
}

main {
    flex: 1 1 700px; /* Adjust 700px as a preferred starting width */
    min-width: 300px; /* Prevents main from becoming too small */
    max-width: 850px; /* Limits main's width, leaving space for ad */
    /* ... other styling for main ... */
}

.ad {
    flex: 0 0 300px; /* Fixed width for the ad column */
    max-width: 100%; /* Important for responsiveness */
    /* ... other styling for ad ... */
}

/* Hide the ad column if no ad is present */
.ad:empty {
    display: none; /* Hide the ad if it's empty */
}

/* Center the main content if the ad is hidden */
.container:has(.ad:empty) main {
    margin: 0 auto; /* Center the main content */
    text-align: left; /* Keep text alignment as it was, or adjust if needed */
}

/* Responsive design for mobile screens */
@media (max-width: 768px) {
   .container {
        flex-direction: column;
        align-items: center;
    }
    main, .ad {
        width: 100%;
        max-width: 100%;
    }

    .ad {
        margin-top: 20px; /* Add spacing between elements when stacked */
    }
  .button-container {
    flex-direction: column;
    align-items: center;
  }        
        
  .print-button {
    margin-bottom: 10px;
    width: 100%;
    text-align: center;
  }

  .print-button:last-child {
    margin-bottom: 0;
  }
}

.testimonials-container {
  display: flex;
  flex-wrap: wrap;        /* This enables wrapping to multiple rows */
  gap: 20px;              /* This adds the 20px space between cards */
  max-width: 1200px;
  margin: 0 auto;
}.testimonial-card {
  flex: 1 1 calc(33.333% - 20px);  /* Aims for ~3 cards per row */
  padding: 15px;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
  min-width: 250px;
}
.testimonial-quote { font-size: 0.8em;  line-height: 1.4;margin-bottom: 10px; font-style: italic;  color: #444; }
.testimonial-source { font-size: 0.7em; text-transform: uppercase;color: #666;display: block; margin-top: 10px; border-top: 1px solid #eee;  padding-top: 10px; }

@media (max-width: 900px) {.testimonial-card {flex: 1 1 calc(50% - 20px); }}
@media (max-width: 600px) {.testimonial-card {flex: 1 1 100%; } }