@import url('//fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i');
@import url('//fonts.googleapis.com/icon?family=Material+Icons'); 
@import url('//fonts.googleapis.com/css2?family=Material+Symbols+Outlined'); 
.gicons{ font-family: 'Material Icons'; font-weight: normal; font-style: normal; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr;  -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga'; }
.gSymbols{ font-family: 'Material Symbols Outlined'; font-weight: normal; font-style: normal; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr;  -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga'; }
.gSymbols.action{ font-size: 2.5em;cursor:pointer;}
.gSymbols.action.on{ color:green;}
.gSymbols.action.off{ color:red;}

.gicons{ top: 1px; line-height: 1; opacity: 0.5; font-size: 1.4em; opacity: 1; } 
.gBtn40,.gBtn40:hover{ opacity: 1; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 2em; text-decoration: none; color: #888; cursor:pointer;}
body{font-size:14px;}
h1, h2, h3, h4, h5, h6{margin: 10px 0;font-family: inherit;font-weight: bold;line-height: 20px;
    text-rendering: optimizelegibility;} 
h1,h2,h3{line-height:40px;}
*, ::after, ::before{box-sizing:revert;}
label{display:block;}
img{height:auto;max-width:100%;}
li{line-height:20px;}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{
    display: inline-block;
    height: 20px;
    padding: 4px 6px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #555;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
/*textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
}*/
html, button, input, select, textarea { color: #222;}
html{ background-color:#fff; color:#636363;  margin: 0;} 
form{margin:0; }
.errTxt{ color: red;}
.loader{ position:fixed; z-index:9999; left:0; right:0; }
.loader .lContent{ width: 300px; margin:30px auto; background-color: #fff; box-shadow: 0 0 5px #888; border-radius: 20px; opacity: 0.9; text-align:center; padding-bottom:10px; }
body, div, input, select, option, td, a { font-family: 'Roboto', sans-serif;  }
/*.hspacer{ height: 10px; line-height: 10px; }*/
/*a{ cursor: pointer; color: #00B4F1; }*/
/*a:active,a:visited{ color: #00B4F1;}*/
/*a:hover{ color: #00B4F1; text-decoration: underline;}*/
/*label{ margin-bottom: 0;}*/
/*section.BLK_HID{ position:absolute; width:0; height:0; overflow:hidden;}*/
/*input[type=submit],input[type=button] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }*/
/*h1{ font-size: 2em; color: #404040;}*/
/*h2{ font-size: 1.8em; color: #00ABEF; margin:0;}*/
/*p{color:#636363; }*/
.abtn{ display: inline-block; color: #fff; text-decoration: none; padding: 0; margin-top: 5px; margin-right: 1%; background: #44B3E6; color: #fff; border: 0; cursor: pointer; font-size: 16px; height: 40px; line-height: 40px; width: 48%; text-align: center;  border-radius: 2px; }
.abtn:hover{background:#0C7E40;text-decoration:none;color:#fff;}

.gbtn{ display: inline-block; color: #fff; text-decoration: none; padding: 0 10px; margin: 0; background: #44B3E6; color: #fff; border: 0; cursor: pointer; font-size: 16px; height: 40px; line-height: 40px; width: unset; text-align: center;  border-radius: 2px; }
.gbtn:hover{background:#0C7E40;text-decoration:none;color:#fff;}
header{ position:fixed; top:0; left:0; right:0; z-index:999; background:#fff;}
.hPad10{ padding-left: 10px; padding-right: 10px;}
.vPad10{ padding-top: 10px; padding-bottom: 10px;}
.fss{color:orange;}
.fer{color:red;}
.fsd{color:green;}
.hObj{ visibility:hidden; display: none;}
.vObj{ visibility:visible; display: block; }
.cboth{ clear:both;}
.left{ float: left; }
.right{ float: right; }
.cleft{ clear: left; }
.cright{ clear: right; }
.tright{ text-align: right;}
.s1{ height:1px; line-height: 1px; }
.s10{ height:10px; line-height: 10px; padding:0 0; }
.horizontalLine{background-color:#eee; margin:0 0 10px 0;}
.vehicles > ul > li > div.s10{ height:10px; line-height: 10px; padding:0 0; }
.info { color: #aeaeae; font-style: italic;}
.info.error { color: #FF0000; font-size:1.2em;}
.error{ color: #FF0000; }
.line{ background: #AAAAAA; height:1px; line-height: 1px; margin-top: 10px; margin-bottom: 10px; }
.errFld,.nice-select.errFld{ box-shadow: 0 0 5px #f00;}
.pBar{ height: 40px; line-height:40px; text-align:right; padding: 0 20px;}
.pBar .gicons{ float:left; opacity:1; line-height:40px; margin-right: 5px;}
.hLine{border-right:1px solid #000;margin:0 7px;}
.luser .logoutlink{display:inline-block;cursor:pointer;}
.nuser{text-align:right;float:right;}
.nuser .loginlink, .nuser .signuplink{ font-weight:bold; color: #09C; }
.nuser .loginlink:hover, .nuser .signuplink:hover{ color: #00B4F1; }
.nuser .loginlink{display:inline-block;cursor:pointer; }
.nuser .signuplink{display:inline-block;text-decoration:none; }
.mBar{ box-shadow: 0 0 5px #808080;}

/*account login*/
/*.homeLoginBox{display:none;background:rgba(239, 239, 239, 1);position:absolute;z-index:2;right:50px;width:250px;border:2px solid #fff;box-shadow:0 0 2px #404040;padding:60px 20px 20px 20px;margin-top:0;z-index:5001; }
.homeLoginBox .BK{display:none;}
.homeLoginBox .close{ float: right; cursor: pointer; line-height: 50px; margin-right: 10px; font-size: 1.5em; }
.homeLoginBox h3 {background: #44b3e6;color: #fff;font-size: 1.2em;height: 50px;line-height: 50px;text-indent: 20px;position:absolute;left:0;right:0;top:-10px;}
.homeLoginBox ul{list-style:none;margin:0;padding:0;}

.homeLoginBox input[type=text],
.homeLoginBox input[type=password]{height:40px;line-height:40px; width: calc(100% - 5px); padding: 0;}
.homeLoginBox .lErr{color:#f00;display:none;}
.homeLoginBox input[type=submit],
.homeLoginBox input[type=button]{background: #44b3e6;border: 0 none;border-radius: 2px;color: #fff;cursor: pointer;display: inline-block;font-size: 1.1em;height: 40px;line-height: 40px;margin-right: 1%; margin-top: 5px; text-align: center;text-decoration: none; padding: 0 20px;}
    
.homeLoginBox a.signUpBtn{background: #44b3e6;border: 0 none;border-radius: 2px;color: #fff;cursor: pointer;display: inline-block;font-size: 1.1em;height: 40px;line-height: 40px;margin-right: 1%;
    margin-top: 5px;padding: 0 20px;text-align: center;text-decoration: none; }
    
.homeLoginBox .FP{ line-height: 40px; margin-top:10px;}
.homeLoginBox a{color:#000;text-decoration:underline; display:inline-block; height: 40px;}

.homeLoginBox section.BLK_FPW{ display:none;}
.homeLoginBox section.BLK_ACT{ display:none;}
.homeLoginBox section.BLK_LGN{ padding-bottom: 10px;}
.homeLoginBox .info{ color: #444; line-height: 15px; margin-top:-10px; margin-bottom: 10px; }*/
/*.pBar a.tel{ display:block; float:right; color: #0099CC; text-decoration:none; font-weight:bold; line-height: 40px;}
.lHeader{ background-color: #0C7E40;}*/
.logo{z-index:1;}
.nBar{ background: #0C7E40; margin-bottom: 1px;}
.nBar .gicons{ color: #FFF; opacity: 1; font-size: 2.5em; line-height: 30px;}
/*.menu ul li ul{ position: absolute; height: 50px;  z-index: 9; width: 100%; background: #00b4f1; box-shadow:0 0 5px #888888;  left:0;}
.menu ul li ul li{ float:right;  }
.menu ul li ul li a{ height: 50px; line-height: 50px; }*/

.help{ background: #00B4F1; color: #fff; text-align:center; height: 80px; line-height: 80px; font-size: 1.4em; box-shadow: 0 0 5px #808080;}
.help a{ text-decoration: none; color:#fff;}

.nice-select { -webkit-tap-highlight-color: transparent; background-color: #fff; border-radius: 2px; border: solid 1px #e8e8e8; box-sizing: border-box; clear: both; cursor: pointer; display: block; float: left; font-family: inherit; font-size: 1em; font-weight: normal; height: 42px; line-height: 40px; outline: none; padding-left: 5px; padding-right: 25px; position: relative; text-align: left !important; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: 100%; }
.nice-select:hover { border-color: #dbdbdb; }
.nice-select:active, .nice-select.open, .nice-select:focus { border-color: #999; }
.nice-select:after { border-bottom: 2px solid #999; border-right: 2px solid #999; content: ''; display: block; height: 5px; margin-top: -4px; pointer-events: none; position: absolute; right: 12px; top: 50%; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; width: 5px; }
.nice-select.open:after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); }
.nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); }
.nice-select.disabled { border-color: #ededed; color: #999; pointer-events: none; }
.nice-select.disabled:after { border-color: #cccccc; }
.nice-select.wide { width: 100%; }
.nice-select.wide .list { left: 0 !important; right: 0 !important; }
.nice-select.right { float: right; }
.nice-select.right .list { left: auto; right: 0; }
.nice-select.small { font-size: 12px; height: 36px; line-height: 34px; }
.nice-select.small:after { height: 4px; width: 4px; }
.nice-select.small .option { line-height: 34px; min-height: 34px; }
.nice-select .list { max-height: 300px; overflow: hidden; overflow-y: auto; background-color: #fff; border-radius: 5px; box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); box-sizing: border-box; margin-top: 4px; opacity: 0;  padding: 0; pointer-events: none; position: absolute; top: 100%; left: 0; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-21px); -ms-transform: scale(0.75) translateY(-21px); transform: scale(0.75) translateY(-21px); -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 9; width:100%;}
.nice-select .list:hover .option:not(:hover) { background-color: transparent !important; }
.nice-select .option { width: 100%; clear:left; cursor: pointer; font-weight: 400; line-height: 40px; list-style: none; min-height: 40px; outline: none; padding-left: 18px; padding-right: 29px; text-align: left; -webkit-transition: all 0.2s; transition: all 0.2s; }
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { width: 100%; background-color: #f6f6f6; }
.nice-select .option.selected { font-weight: bold; }
.nice-select .option.disabled { background-color: transparent; color: #999; cursor: default; }
.no-csspointerevents .nice-select .list { display: none; }
.no-csspointerevents .nice-select.open .list { display: block; }
#locMap{ box-shadow: 0 0 5px #808080; width:calc(100% - 400px); height:388px; float:left; }

/*search popup*/
/*div.rental{ display:none;}
div.rental form{  height:388px; }
.rental ul{ margin:0; list-style:none; padding:0; }
.rental ul li{ margin:0; list-style:none; padding:0; }
.rental section{ display:block; clear both; padding: 0 20px; margin-bottom: 5px; }
.rental section input[type=text]{ padding:0; margin:0; border:0; height: 28px; border-radius: 2px; }
.rental section select[name=state]+.nice-select > ul{ width:150px; }
.rental section select[name=location]+.nice-select > ul{ width:250px; }
.rental section.BLK_CLS{  text-align: right; position:absolute; width:400px; padding:0;}
.rental section.BLK_CLS input[name=closeBtn]{ margin:0; padding:0; border:0; width: 50px; height:20px; line-height: 20px; font-weight: normal; color: #CD0000; background: transparent;}
.rental section.BLK_STL{ padding-top: 20px;}
.rental section.BLK_STL ul li:first-child{ width: 42%; float:left; margin-right:3%;}
.rental section.BLK_STL ul li:last-child{ width: 55%; float:left;}
.rental section.BLK_STL ul li label{ display:none; }
.rental section.BLK_STL ul li select{ display:none; }
.rental section.BLK_STL ul li select[name=location] + div.nice-select > ul.list{ width:300px; }
.rental section .nice-select{ width: calc(100% -20px); clear:none;}
.rental section.BLK_FLT{ padding: 0 20px; font-size: 0.9em; font-style: italic; height:25px; clear:both;}
.rental section.BLK_FLT ul li{ line-height:25px;}

.rental section.BLK_PDT{ height: 60px; }
.rental section.BLK_PDT ul li:first-child{ width: 48%; float:left; margin-right: 3%;}
.rental section.BLK_PDT ul li:last-child{ width: 48%; float:left; }
.rental section.BLK_PDT ul li input{ width: 100%; height: 40px; font-size: 1em; text-indent:25px; cursor: pointer; background: #fff; }
.rental section.BLK_PDT ul li label{ font-size:0.9em; line-height:20px;}

.rental section.BLK_SVT{  clear: both; height: 60px;}
.rental section.BLK_SVT ul li label{ font-size:0.9em; line-height:20px;}
.rental section.BLK_SVT ul li select{ display:none; }

.rental section.BLK_PRC{ height: 60px; clear: both;  }
.rental section.BLK_PRC ul li{ width: 100%; float:left;}
.rental section.BLK_PRC ul li input{ width: 100%; height: 40px; font-size: 1em; text-indent:25px; }
.rental section.BLK_PRC ul li label{ font-size:0.9em; line-height:20px;}
.rental ul li i.gicons{ float:left; margin-left:3px; line-height: 40px;}
.rental ul li .giconsDiv{ position: absolute; z-index: 1;}
.rental .nice-select .current{ margin-left: 20px;overflow: hidden; width: calc(100% - 50px); position: absolute; }

.rental section.BLK_SUB{ height: 40px; padding-top: 15px; clear: both;}
.rental section.BLK_SUB input{ text-decoration:none;  border-radius: 2px; text-align:center; height: 40px; line-height:40px; background-color:#00B4F1;color: #fff; border:0; padding:0; width: 100%; font-size: 1.5em; font-family: 'Roboto'; }
.rental section.BLK_SUB input[type=button]{ display:none; }
.rental section.BLK_SUB input:hover { background-color:#00B4F1;color: #fff; box-shadow: 0 0 2px #aeaeae;} */ 

.uBtn{ text-decoration:none; color: #fff; border-radius: 2px; text-align:center; height: 40px; line-height:40px; background: #00B4F1; border:0; padding:0; width: 100px; font-size: 1.2em; font-family: 'Roboto'; display: block; float: right; margin-top: 15px;}
a.uBtn{ color: #fff; background: #00B4F1; text-decoration: none;}
a.uBtn:hover{ color: #fff; background: #00B4F1; text-decoration: none; box-shadow: 0 0 2px #aeaeae; }
.iBtn.brBtn { width: 65px !important; height: 65px !important; border-radius: 50%; line-height: 65px; text-align: center; font-style: normal; font-size: 2em !important; position:relative; z-index:1;}

/*.rental section.BLK_FLL{ font-size: 0.9em; padding-top: 5px; }
.rental section.BLK_FLL ul li{ width: 50%; float:left;}
.rental section.BLK_FLL ul li:last-child{ text-align: right;}*/

/*.rental .fss{ margin-top: -45px; text-align:center; color: #0C7E40; font-weight: bold; font-size: 1.2em;}
.rental form a{ color: #00ABEF; text-decoration: none; font-size: 1.2em;} */
.mhelp a{ color: #FFF; text-decoration:none; font-size: 1.4em; display:block; background: #00B4F1; text-align:center; line-height: 50px; height:50px; font-weight:bold;}

.menuBtn{ float:left; width: 50px; height:30px; cursor: pointer; margin-top: 15px; text-align:center; }
.accountBtn{ float:right; width: 30px; height:30px; cursor: pointer; margin-top: 15px;  }
.phoneBtn{ float:right; width: 30px; height:30px; cursor: pointer; margin-right:10px; margin-left: 15px; margin-top: 15px; }
.phoneBtn:hover{text-decoration:none; }
/*.accountMenu{ clear:both; display:none; }
.accountMenu ul{ list-style: none; margin:0; padding: 0; }   
.accountMenu ul li:hover{ background: #00b4f1;color: #fff;}
.accountMenu ul li:nth-child(1){ height: 50px; line-height: 50px; display: block; color: #00B4F1;  font-style: normal; padding: 0 20px; text-decoration: none; font-size: 1.2em; transition: background-color .2s, color .2s, padding .5s; border-bottom: 1px solid #ddd;}
.accountMenu ul li:nth-child(2){padding: 0; transition: background-color .2s;}
.accountMenu ul li a{height: 80px; line-height: 80px; display: block; color: #fff;  font-style: normal; text-decoration: none; transition: padding .5s;}
.accountMenu ul li a:hover{ background: #00b4f1;color: #fff;transition: background-color .2s, color .2s, padding .5s;}*/
footer{ background: #606060; font-size: 0.9em; box-shadow: 0 0 5px #808080; }
footer h3{ margin:0; padding:10px 0 0 0; line-height: 30px; color: #fff; clear:left; font-size:1.4em; font-weight: normal; border-bottom: 1px solid #ddd; margin-bottom: 5px;}
footer a,
footer a:active,
footer a:visited{ color: #fff; line-height: 30px; text-decoration: none;}
footer a:hover{ color: #fff; text-decoration: underline; }
footer ul{ margin:0; padding:0; list-style:none;  }
footer ul li{ margin:0; padding:0; list-style:none; }
footer .socialBar{ background: #fff;  font-size: 0.9em; box-shadow: 0 0 5px #808080; padding-top:5px;}
footer .tw{ margin-left: 10px;}
footer .fLinkRight ul li{ height:30px; overflow:hidden;}
.appStoreLinks{display: flex; justify-content: center;}

/*div.rental form{ background: #f3f3f3;  box-shadow: 0 0 5px #808080; }*/
.loginForm ul li i.gicons{ float:left; margin-left:3px; line-height: 40px;}
.loginForm ul li .giconsDiv{ position: absolute; z-index: 1;}
.loginForm ul li input[type=text],
.loginForm ul li input[type=email],
.loginForm ul li input[type=password]{ text-indent: 25px;}

.BLK_MISC input { width:95%; } 

.ealert{ position: fixed;left: 0; right: 0; top: 0; bottom: 0; z-index: 99999; display:none; }
.ealert .lyr { background-color: rgba(255, 255, 255, 0.5); height: 100%;  position: absolute;  width: 100%; z-index: -1; }
.ealert .msg { background-color: #fff; border-radius: 20px; margin: 150px auto; padding: 20px; box-shadow: 0 0 5px #808080; text-align: left; }
.ealert .msg .cls {  text-align: center; float: right;  color: #FF0000; width: 30px;  height: 30px;  font-weight: bold;  line-height: 30px; margin-right: -10px;  margin-top: -10px; cursor: pointer; }


body h1{ font-size:2em; }
body h2{ font-size:1.8em; }
body h3{ font-size:1.5em; }
body h4{ font-size:1.2em; }

.content h1{ font-size:2em; }
.content h2{ font-size:1.8em; }
.content h3{ font-size:1.5em; }
.content h4{ font-size:1.2em; }

.book{ font-size: 1.5em; font-weight:bold; float:right; cursor: pointer; color: #00B4F1; }
.bookCar{ font-size: 1.5em; font-weight:bold; width:160px; cursor: pointer; color: #00B4F1; }

.discount .frmblktitle{ display:none;}
.discount ul{ margin:0; padding:0; list-style:none;}
.discount ul li{ margin:0; padding:0; list-style:none; margin-bottom:5px;}
/*.discount ul li input{ width:300px; }
.discount ul li input[type=text],
.discount ul li input[type=email]{ height:35px; padding:0; margin:0; border-radius:2px; text-indent: 5px; }*/

/*.discount ul li input[type=submit]{ margin:0; margin-top: 10px; line-height: 40px; height: 40px; font-size: 1.3em; color: #fff;  background: #44B3E6; color: #fff; cursor: pointer; padding:0; border:0; border-radius:2px;}
.discount ul li input[type=submit]:hover{ box-shadow: 0 0 5px #888;}*/

._cookie{ position: fixed; bottom: 0; left: 0; right: 0; background: #333333; padding: 30px; color: #ffffff; box-shadow: 0 0 5px #606060; }
._cookie p, ._cookie a{ color: #ffffff; }
._cookie a{ text-decoration:underline; }
._cookie ._cookieClose{ float:right; background: red; width: 20px; height: 20px; text-align: center; line-height: 20px; border-radius: 10px; cursor:pointer; margin-right: -20px; margin-top: -20px;} 
._cookieH{ line-height:60px; height:60px; }


.popup_content { margin: 50px; padding: 0 10px; border: 2px solid #444; background: white; }  

@media only screen and (min-width: 0) and (max-width: 500px) {
    .book{ line-height: 40px; clear:both;}
    /*div.rental{ margin: 0 0; background: rgba(240,240,240,0.8); }
    div.rental form{ width:400px; margin: 0 auto; }*/
    .wrapper{ width: 95%; margin: 0 auto; }
    .nBar{ height: 60px;}
    .smartbanner{ top: 60px; }
    .pBar{ display:none;}
    .logo { padding:8px 0; }
    .logo img{ width: 200px; }
    footer .fLinkRight ul li{ width: 50%; float: left;}
    footer .socialBar .right{ width: 100%; text-align:center; }
    footer .socialBar .left{ width: 100%; text-align:center;  margin-bottom: 10px; }
    footer .socialBar { height: 80px; }
     
    footer .expReg-register, .expReg-checkout{ float:left; } 
    
    /*div.rental{ background: #f3f3f3;}*/
    #locMap{ display: none; }
    
    .ealert .msg { width: 100%; }
    
    .help{font-size: 1.2em;}
    
    .popup_content { max-width: 90%;  }  

}
@media only screen and (min-width: 501px){
    footer .socialBar{ height: 40px; }
    /*div.rental form{ width:400px; background: rgba(240,240,240,0.8); }*/
    .expReg-register, .expReg-checkout{ float:left; width:48%;}
    
    .ealert .msg { width: 480px; }
}
@media only screen and (min-width: 501px) and (max-width: 800px) {
    .book{ line-height: 40px; clear:both;}
    .wrapper{ width: 95%; margin: 0 auto;}
    .nBar{ height: 60px; }
    .smartbanner{ top: 60px; }
    .logo{ padding:0 0 ;}
    .pBar{ display:none;}
    /*div.rental form{ width:400px; margin: 0 auto; }*/
    .mhelp{ width:400px; margin: 0 auto;}
    footer .fLinkRight ul li{ width: 33%; float: left;}
   /* div.rental{ background: #f3f3f3;}*/
    #locMap{ display: none; }
    
    .popup_content { max-width: 80%;  }  

}
@media only screen and (min-width: 0) and (max-width: 800px) {
    .menu{ clear:both;}
    .menu ul{ list-style: none; margin:0; padding: 0; }
    .menu ul li{ padding: 0; transition: background-color .2s, color .2s; border-bottom: 1px solid #ddd;}    
    .menu ul li:hover{ background: #00b4f1;  }
    .menu ul li:hover a{ color: #fff;  }
    .menu ul li a{ height: 50px; line-height: 50px; display: block; color: #00B4F1;  font-style: normal; padding: 0 20px; text-decoration: none; transition: padding .5s; font-size: 1.2em; }
    /*.homeLoginBox { margin-top:60px; }*/
    
}

@media only screen and (min-width: 801px) {
    /*div.rental form{ float:left; }*/
    .book{ line-height: 60px; margin-top:-60px; }
    .smartbanner{ top: 121px; }
    .mBar{ position:absolute; margin-top: -81px; width:100%;}
    .menu{ float: right; height: 80px; }
    .menu ul{ list-style: none; margin:0; padding: 0; float: right; }
    .menu ul li{ float: left; padding: 0; transition: background-color .2s; }
    .menu ul li:hover{ background: #00b4f1;  }
    .menu ul li.active{ background: #00b4f1;  }
    .menu ul li:hover ul li a{  box-shadow: none;}
    .menu ul li a{ height: 80px; line-height: 80px; display: block; color: #fff;  font-style: normal; text-decoration: none; transition: padding .5s;  }
    
    .popup_content { max-width: 70%;  }  

}
@media only screen and (min-width: 801px) and (max-width: 1024px) {
    .wrapper{ width: 95%; margin: 0 auto;}
    .menu ul li a{ padding: 0 8px; font-size:1em; }
    .menuBtn{ display:none;}
    .accountBtn{ display:none;}
    .phoneBtn{ display:none;}
    .nBar{ height: 80px; }
    .mhelp{ display:none;}
    footer .fLinkRight ul li{calc(25% - 10px); margin-right:10px; float: left;}
     
}
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
    .wrapper{ width: 95%; margin: 0 auto;}
    .menu ul li a{ padding: 0 20px; font-size:1.1em; }
    .menuBtn{ display:none;}
    .accountBtn{ display:none;}
    .phoneBtn{ display:none;}
    .nBar{ height: 80px; }
    .mhelp{ display:none;}
    footer .fLinkRight ul li{ float: left; width: calc(20% - 10px); margin-right:10px; }
    
}
@media only screen and (min-width: 1281px) {
    .wrapper{ width: 1260px; margin: 0 auto;}
    /*div.rental{ width: 1260px; margin: 0 auto; }*/
    .menu ul li a{ padding: 0 25px; font-size:1.2em; }
    .menuBtn{ display:none;}
    .accountBtn{ display:none;}
    .phoneBtn{ display:none;}
    .nBar{ height: 80px; }
    .mhelp{ display:none;}
    footer .fLinkRight ul li{ width: calc(16.6% - 10px); margin-right:10px; float: left; }
   
}
@media only screen and (min-width: 0) and (max-width: 1024px){
    body{ margin:50px 0 0 0!important; }
}
@media only screen and (min-width: 1025px) {
    body{ margin:100px 0 0 0!important; }
}
.aBtn{
    display: inline-block;
    text-align: center;
    line-height: 45px;
    cursor:pointer;
}
.iBtn{
    font-family: 'Material Icons'; font-weight: normal; font-style: normal; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr;  -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga'; background-color: #0fa352; background-image: linear-gradient(#0fa352, #18BA4A); transition: transform 0.3s ease-out; border:0; cursor:pointer; opacity:0.8; font-size:25px!important; width:45px; height:45px; line-height:45px; border-radius:22.5px; color:#fff!important;box-shadow: 0 0 5px #888;
}
button,input[type="button"],input[type="submit"],.aBtn{ 
    border-radius: 24px;
    width: 200px !important;
    height: 45px !important;
    background-color: #0fa352;
    background-image: linear-gradient(#0fa352, #18BA4A);
    /*background-color: #dc3545;*/
    /*background-image: linear-gradient(#dc3545, #d98d94);*/
    color: white;
    font-weight: bold;
    font-size: 1.4em !important;
    transition: transform 0.3s ease-out; 
    border:0;
    cursor:pointer;
    opacity:1;
    text-decoration:none;
}
button:hover,input[type="button"]:hover,input[type="submit"]:hover,.aBtn:hover,.iBtn:hover{ 
    opacity:0.8;
    text-decoration:none;
}
.sBtn{
    background: #00B4F188!important;
}
.wBtn{
    background: #FFFFFF!important;
    color:var(--interactive-color)!important;
}
.bBtn{
    background: var(--interactive-color)!important;
}
.gBtn{
    background-color: #0fa352!important;
    background-image: linear-gradient(#0fa352, #18BA4A)!important;
}
.dBtn{
    background: #AAAAAA!important;
}
.aLink{
    color: var(--interactive-color);
}
.conveythis-widget-main{ margin-top:-90px!important;}


#upgradeContainer {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    overflow-y: auto;
    z-index: 1000; 
}
.upgradeWrapper {
    max-width: 720px;
    width: 100%;
    /*margin: 0 auto;*/
    background: #fff;
    border-radius: 10px;
    padding: 0;
    box-shadow: 0 0 5px #888;
    padding: 20px;
}
.upgradeWrapper .vehicles{
    padding:0;
    margin:0;
}
.upgrade-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    gap: 10px;
}
.upgrade-header h1 {
    font-size: 25px;
    font-weight: 700;
    margin: 0;
}
.upgrade-header span {
    font-size: 25px;
    color: #000;
    cursor: pointer;
    flex-shrink: 0;
}
.upgradeWrapper .vehicleSpec ul.price{
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    padding: 8px;
}
.upgradeWrapper .vehicleSpec .aBtn {
    width: 100px !important;
    font-size: 1em !important;
    height: 35px !important;
    line-height: 35px;
}
.upgradeWrapper .vehicleSpec .title > span {
    color: #636363;
    font-size: 0.8em;
}
.upgradeWrapper .vehicleCards .cost {
    color: #0C7E40;
    font-size: 1.6em;
    font-weight: 700;
}
.upgradeWrapper .vehicleCards .org {
    text-decoration: line-through;
    font-size: 0.8em;
    color: #909692;
}

.vehicleSpec .noAvail {
    padding: 8px;
    padding-top: 15px;
}
.vehicles>ul.vehicleCards .vehicleSpec {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.vehicleInfoIcon {
    color: #0C7E40 !important;
}

.vehicleCards .pnow {
    height: auto;
    margin-top: auto;
}

.vehicles ul.vehicleCards,
.vehicles ul.vehicleCards h3 {
    padding: 0;
    margin: 0;
    line-height: 22px;
}

.vehicles {
    margin: 0 auto;
    margin-top: 15px;
    max-width: 1533px;
    margin-bottom: 30px;
}

.vehicles li {
    list-style: none;
}

.vehicles .bookLink {
    cursor: pointer;
    color: var(--interactive-color);
}

.vehicles>div {
    width: 90%;
    margin: 0 auto;
}

.vehicles>ul.vehicleCards {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.vehicles > ul.vehicleCards > li {
    position: relative;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FFF;
    max-width:350px;
    flex:0 0 350px;
    
}

/*.vehicles>ul.vehicleCards>li .vinfo {
    width: 100%;
    float: right;
    text-align: center;
}*/

.vehicles>ul.vehicleCards>li .vinfo .vimg {
    border-bottom: 1px solid #F2F2F2;
}

.vehicles li img {
    width: 260px;
    height: 160px;
    margin: auto;
    display: block;
    /*padding-left: 30px;*/
    /*padding-left: 50px;*/
}

ul.vehicleCards .spec ul.specs {
    display: flex;
    gap: 12px;
    justify-content: center;
    padding: 10px 0px 0px 0px;
}

ul.vehicleCards .spec ul.specs img {
    width: 17px;
    height: 17px;
}

ul.vehicleCards .spec li {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 3px 10px;
    font-size: 0.8em;
    font-style: normal;
    font-weight: 400;
    border-radius: 5px;
    background: #FBFBFB;
    border: 1px solid #CCCCCC;
}

ul.vehicleCards .spec>span {
    color: #0C7E40;
    ;
    font-size: 0.9em;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px 0;
    cursor: pointer;
}

ul.vehicleCards .expEligible {
    justify-content: end;
    width: 100%;
    height: 20px;
    display: flex;
    align-items: center;
    gap: 5px;
    float: right;
    padding: 5px 8px 0 0;
    color: #0C7E40;
    ;
    font-size: 0.8em;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

ul.vehicleCards .expEligible img {
    padding-left: 7px;
    cursor: pointer;
}

.vehicles>ul.vehicleCards>li .title {
    padding: 22px 0 0 8px;
}


/*VEHICLE DETAILS POPUP*/
.vehDetails {
    position: fixed;
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 10px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    width: 365px;
    height: auto;
    z-index: 1001;
    display: none;
    top: 50%;
    left: 50%;
    text-align: center;
}

.vehDetails span.moreDetails {
    cursor: unset !important;
}

.vehDetails .fa-xmark {
    float: right;
}

.vehDetails .fa-xmark:hover {
    cursor: pointer;
}

.vehDetails ul.vehDetPop {
    list-style: none;
    margin: 0;
    padding: 0px 0 5px 0;
}

.vehDetails ul.vehDetPop img {
    width: 260px;
    height: 160px;
    border-bottom: 1px solid #F2F2F2;
}

.vehDetails .vehDetPop .spec ul {
    display: flex;
    gap: 12px;
    justify-content: center;
    padding: 10px 0px 0px 0px;
}

.vehDetails .vehDetPop .title h3 {
    font-weight: bold;
}

.vehDetails .title h3 {
    font-weight: 600;
    font-size: 1.2em;
}

.vehDetails .title > span {
    color: #636363;
    font-size: 0.8em;
}

.vehDetails .title {
    text-align: initial;
    padding: 10px 0 0 0px;
}

.vehDetails .spec ul.specs {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
    padding: 0;
}

.vehDetails .spec ul.specs img {
    width: 17px;
    height: 17px;
}

.vehDetails .spec li {
    box-shadow: 0 0 2px #ccc;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 3px 10px;
    font-size: 0.8em;
    font-style: normal;
    font-weight: 400;
    border-radius: 5px;
    background: #FBFBFB;
}

.vehDetails .vehDetPop .spec ul li {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 3px 10px;
    font-size: 0.8em;
    font-style: normal;
    font-weight: 400;
    border-radius: 5px;
    background: #FBFBFB;
    border: 1px solid #CCCCCC;
    justify-content: center;
}

.vehDetails .spec > span {
    color: #808080;
    font-size: 0.9em;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px 0;
    cursor: pointer;
}

.vehDetails .vehicleSpec .noAvail {
    padding: 8px;
    padding-top: 15px;
}

.vehDetails .vehicleSpec .noAvail a {
    cursor: pointer;
    color: var(--interactive-color);
}

.vehDetails .material-symbols-outlined {
    font-family: 'Material Icons';
    color: var(--interactive-color);
    font-weight: normal;
    font-style: normal;
    font-size: 18px;
    line-height: 1;
    letter-spacing: unset;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
}

.vehDetails .payment li {
    background-color: #e9ebee;
    display: inline-block;
    padding: 10px 0;
    font-weight: 600;
    text-align: center;
    font-size: 16px;
    color: #888;
    cursor: pointer;
}

.vehDetails .payment label:hover {
    cursor: pointer;
}

.vehDetails .activeLabel {
    color: #555 !important;
    border: 1px solid #ddd;
    border-bottom: 2px solid #0f9d58;
    background-color: #fff !important;
}

.vehDetails .active {
    color: #392121;
    padding: 10px 0;
}

.vehDetails .paymentBreakup {
    padding-top: 10px;
}

.vehDetails .paymentBreakup li {
    text-align: left;
}

.vehDetails .paymentBreakup li span {
    float: right;
}

.vehDetails .paymentBreakup li:last-child {
    padding-top: 5px;
    font-weight: bold;
    border-top: 1px dotted #888;
}

.vehDetails .paymentBreakup li:nth-last-child(2) {
    padding-bottom: 5px;
}
.vehDetails .butn .aBtn{
    width: 185px !important;
}
.vehDetails .pnow ul,
.vehDetails .ppic ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    padding: 8px 0 8px 0;
    align-items: center;
}

.vehDetails .pnow a.pbtn {
    color: #FFF;
    font-size: 0.9em;
    font-weight: 600;
    line-height: 2.4;
    text-decoration: none;
    padding: 0 16px;
}

.vehDetails .org {
    text-decoration: line-through;
    font-size: 0.8em;
    color: #909692;
}

.vehDetails .cost {
    color: #0C7E40;
    font-size: 1.6em;
    font-weight: 700;
}

.vehDetails .price {
    padding: 5px 0 0 0;
    list-style: none;
}

.vehDetails .cost img {
    cursor: pointer;
}

.vehDetails .vehicleSpec .aBtn {
    width: 100px !important;
    font-size: 1em !important;
    height: 35px !important;
    line-height: 35px;
}

@media only screen and (min-width: 0px) and (max-width: 320px) {
    .vehDetails { width: 220px; z-index: 1001; }
    .vehDetails ul.vehDetPop .vimg img { width: 155px !important; height: 115px !important; }
    .vehDetails .spec ul { width: 100%; display: block; padding: 0; }
    .vehDetails .spec li { justify-content: center; text-align: center; margin: 1%; float: left; width: 31%; border: 1px solid #CCCCCC; }
    .vehDetails .fa-xmark { font-size: 11px; }
    .vehDetails .vehDetPop .spec ul { display: block; padding: 5px 10px; }
    .vehDetails .spec > span { display: block; margin: 0; }
    .vehDetails .cost { font-size: 1em; }
    .vehDetails .org { font-size: 0.7em; }
    .vehDetails .title { padding: 5px 0 0 0px; }
    .vehDetails .pnow a.pbtn { line-height: 2.3; padding: 0 19px; }
    .vehDetails .cost img { margin-left: 3px !important; width: 10px !important; height: 10px !important; }
    .vehDetails .pnow ul { padding: 5px 0 5px 0; }
}

@media only screen and (min-width: 321px) and (max-width: 380px) {
    .vehDetails { width: 280px; z-index: 1001; }
    .vehDetails ul.vehDetPop .vimg img { width: 190px !important; height: 140px !important; }
    .vehDetails .spec ul { width: 100%; display: block; padding: 0; }
    .vehDetails .spec li { text-align: center; margin: 1%; float: left; }
    .vehDetails .fa-xmark { font-size: 11px; }
    .vehDetails .vehDetPop .spec ul { display: block; padding: 5px 10px; }
    .vehDetails .spec > span { display: block; margin: 0; }
    .vehDetails .cost { font-size: 1.5em; }
    .vehDetails .price { padding: 8px 0 0 0 !important; }
    .vehDetails .pnow .org { font-size: 0.7em; }
    .vehDetails .title { padding: 5px 0 0 0px; }
    .vehDetails .cost img { margin-left: 3px !important; width: 10px !important; height: 10px !important; }
}

@media only screen and (min-width: 381px) and (max-width: 550px) {
    .vehDetails { width: 305px; z-index: 1001; }
    .vehDetails .spec ul.specs { width: 100%; display: block; padding: 0; }
    .vehDetails .spec li { text-align: center; margin: 1%; float: left; width: 24% !important; }
    .vehDetails .vehDetPop .spec ul { display: block; padding: 0; }
    .vehDetails .spec > span { display: block; margin: 0; }
    .vehDetails .payment li { font-size: 14px; }
    .vehDetails .butn .aBtn{width: 160px !important;}
}


/*COVERAGES & ADDONS*/
#addonCovContainer {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    overflow-y: auto;
    z-index: 1000;
}

.addonCov {
    max-width: 965px;
    width: 100%;
    background: #fff;
    border-radius: 10px;
    padding: 20px 20px 20px 20px;
}

.addonCov .addonCov-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    gap: 10px;
}
.addonCov .addonCov-header h1 {
    font-size: 25px;
    font-weight: 700;
    margin: 0;
}
.addonCov .addonCov-header span {
    font-size: 25px;
    color: #000;
    cursor: pointer;
    flex-shrink: 0;
}

.addonCov .coverage-icon, .addonCov .addon-icon {
    font-size: 25px;
    color: var(--brand-color);
    width: 40px;
    height: 40px;
    min-width: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e6f0ff;
}

.addonCov .ins_personal-insurance-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 15px 20px;
    margin-bottom: 20px;
    background: linear-gradient(90deg, #edf4ff 0%, #f5f8ff 100%);
    border: 1px solid #dce8ff;
    border-radius: 10px;
}
.addonCov .insurance-icon {
    width: 48px;
    height: 48px;
    min-width: 48px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #dce8ff;
    color: var(--brand-color);
}
.addonCov .insurance-icon .material-icons {
    font-size: 26px;
}
.addonCov .insurance-content {
    flex: 1;
    min-width: 0;
}
.addonCov .insurance-content h4 {
    margin: 0 0 6px;
    font-size: 17px;
    font-weight: 700;
    color: #111827;
}
.addonCov .insurance-content p {
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
    color: #4b5563;
}

.addonCov .section-title {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    margin: 0 0 4px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.addonCov .section-sub {
    font-size: 13px;
    color: #6b7280;
    margin: 0 0 0 15px;
}
 
.addonCov ul.covAdd,
.addonCov ul.addOns {
    list-style: none;
    padding: 0;
    margin: 0 0 15px 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    overflow-x: hidden;
    overflow-y: auto;
    border:none;
}
.addonCov .coverage-card {
    border: 1px solid #e2e5e9;
    border-radius: 10px;
    padding: 15px;
    display: flex;
    flex-direction: column;
    min-height: 190px;
    position: relative;
}
.addonCov .coverage-card .short-descp {
    margin-bottom: 0;
    line-height: 1.4;
    min-height: calc(1.4em * 2);   /* 2 lines */
    
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.addonCov .coverage-card[data-added="1"] {
  background: #f5f8ff;
}
.addonCov .coverage-icon {
  margin-bottom: 10px;
}
.addonCov .coverage-card h4 {
    font-size: 15px;
    font-weight: 600;
    color: #000;
    margin: 0 0 5px;
    line-height: 1.3;
    min-height: calc(1.3em * 3); /* 3 lines */
    
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.addonCov .coverage-card p.desc {
    font-size: 13px;
    color: #6b7280;
    margin: 8px 0 0;
    line-height: 1.4;
}
.addonCov .view-more-link {
    font-size: 13px;
    color: var(--interactive-color);
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    float: left;
    margin-bottom: 5px;
    display: inline-block;
}
.addonCov .coverage-card .addExt, 
.addonCov .coverage-card .removeExt{
    width:100% !important;
}
.addonCov .coverage-info-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    align-items: center;
    justify-content: center;
    z-index: 2000;
}
.addonCov .coverage-info-box {
    background: #fff;
    border-radius: 10px;
    max-width: 420px;
    width: 100%;
    padding: 20px;
    max-height: 90vh;
    overflow-y: auto;
}
.addonCov .coverage-info-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    gap: 10px;
}
.addonCov .coverage-info-title {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    margin: 0;
}
.addonCov .coverage-info-close {
    cursor: pointer;
    font-size: 30px;
    color: #000;
    line-height: 1;
    flex-shrink: 0;
}
.addonCov .coverage-info-text {
    font-size: 14px;
    color: #374151;
    line-height: 1.5;
    margin: 0;
}
.addonCov .terms-check-row {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 16px 0;
    font-size: 13px;
    color: #374151;
    cursor: pointer;
}
.addonCov .terms-agree-check {
    width: 16px;
    height: 16px;
    margin-top: 2px;
    accent-color: var(--brand-color);
    cursor: pointer;
    flex-shrink: 0;
}
.addonCov .terms-confirm-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.addonCov .price-line {
    margin-top: 10px;
    margin-bottom: 5px;
}
.addonCov .price-tag {
    font-size: 20px;
    font-weight: 700;
    color: #000;
    margin-top: auto;
    margin-bottom: 10px;
    text-align:right;
    width:100%;
    display:flex;
}
.addonCov .price-tag span {
    font-size: 20px;
    color: green;
    font-weight: 700;
}

.addonCov .coverage-card[data-added="1"] .addExt { display: none !important; }
.addonCov .coverage-card[data-added="0"] .removeExt { display: none !important; }
.addonCov .coverage-card[data-added="1"] .removeExt {
    color: #fff;
    display: block;
}

.addonCov .coverage-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 6px 12px;
    margin-bottom: 4px;
}
.addonCov .coverage-header h2 {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.addonCov .addons-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 6px 12px;
    margin-bottom: 4px;
}
.addonCov .addons-header h2 {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}
.addonCov .view-all {
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    color: var(--interactive-color);
    cursor: pointer;
    white-space: nowrap;
}

.addonCov .addon-card {
    padding: 15px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid #e2e5e9;
    flex-direction: row;
    flex-wrap: wrap;
}
.addonCov .addon-card[data-added="1"] {
    background: #f5f8ff;
}
.addonCov .addon-icon {
    flex-shrink: 0;
}
.addonCov .addon-info {
    display: flex;
    flex: 1;
    min-width: 0;
    gap:10px;
    width:100%;
}
.addonCov .addon-info h4 {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    margin: 0 0 2px;
}
.addonCov .addon-info .extrasAmount {
    font-size: 15px;
    color: green;
    margin: 0;
    font-weight:700;
}
.addonCov .addon-check {
    width: 20px;
    height: 20px;
    cursor: pointer;
    accent-color: var(--brand-color);
    flex-shrink: 0;
}

.addonCov .footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border-top: 1px solid #eee;
    padding-top: 20px;
    margin-top: 8px;
}
.addonCov .footer-note {
    font-size: 13px;
    color: #6b7280;
    display: flex;
    align-items: center;
    gap: 6px;
    text-align: center;
}

.addonCov .addonTitle{
    display: flex;
    gap: 10px;
    width: 100%;
}

/*Combined Coverages & Addons*/
.addonCovContainerSimple .addonCovHeader{
    display:flex;
    align-items: center;
    justify-content: space-between;
    border-bottom:1px solid;
}
.addonCovContainerSimple .covAdd {
    list-style: none;
    padding: 0;
    margin: 5px 0 0 0;
    display: flex;
    gap: 10px;
    max-height: 400px;
    overflow-y: auto;
    min-height:125px;
    padding:5px;
}

.addonCovContainerSimple .simple-extra-card {
    border: 1px solid #e2e5e9;
    border-radius: 10px;
    padding: 15px;
    display: flex;
    flex-direction: column;
    min-height: 125px;
    position: relative;
    justify-content: space-between;
    align-items: center;
}

.addonCovContainerSimple .simple-extra-card[data-added="1"] {
    background: #f5f8ff;
    border-color: #dce8ff;
}

.addonCovContainerSimple .extra-info h4 {
    margin: 0 0 4px 0;
    font-size: 15px;
    font-weight: 600;
    color: #111827;
}

.addonCovContainerSimple .extra-info .extrasAmount {
    font-size: 14px;
    color: var(--brand-color);
    font-weight: 700;
}
.addonCovContainerSimple .simple-extra-card h4{
    font-size: 15px;
    font-weight: 600;
    color: #000;
    margin: 0 0 5px;
    line-height: 1.3;
    min-height: calc(1.3em * 3);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
} 
.addonCovContainerSimple .coverage-icon{
    font-size: 25px;
    color: var(--brand-color);
    width: 40px;
    height: 40px;
    min-width: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e6f0ff;
}
.addonCovContainerSimple .price-tag {
    font-size: 20px;
    font-weight: 700;
    color: #000;
    margin-top: auto;
    margin-bottom: 10px;
}
.addonCovContainerSimple .price-tag span {
    font-size: 20px;
    color: green;
    font-weight: 700;
}

.covAdd .covTitle{
    display: flex;
    gap: 10px;
    width: 100%;
}

/* Mobile devices (phones, 599px and down) */
@media screen and (max-width: 599px) {
  .addonCov { padding: 16px 14px 20px; width: 85%; }
  .addonCov .addonCov-header h1 { font-size: 19px; }
  .addonCov ul.covAdd,
  .addonCov ul.addOns { grid-template-columns: 1fr; }
  .addonCov .ins_personal-insurance-card { flex-direction: column; align-items: flex-start; gap: 12px; padding: 14px 16px; }
  .addonCov .insurance-icon { width: 40px; height: 40px; min-width: 40px; }
  .addonCov .insurance-icon .material-icons { font-size: 20px; }
  .addonCov .insurance-content h4 { font-size: 16px; }
  .addonCov .footer { flex-direction: column; align-items: stretch; }
  .addonCov .footer-note { order: -1; justify-content: center; }
  .addonCov .skip-btn,
  .addonCov .save-btn { width: 100% !important; }
  .addonCov .coverage-card { padding: 10px; min-height: 190px; }
  .addonCov .addon-card { padding: 10px; }
  .addonCov .coverage-icon, 
  .addonCov .addon-icon { width: 34px; height: 34px; min-width: 34px; font-size: 20px; }
  .covAdd, .addOns{max-height: 240px;align-items: flex-start;}
  .addonCov .coverage-info-box{width:80%;}
  .addonCov .coverage-card h4 {min-height: calc(1.3em * 2);}
  .addonCov .coverage-card .short-descp{min-height: calc(1.4em * 1);}
}

/* Tablet portrait (600px to 767px) */
@media screen and (min-width: 600px) and (max-width: 767px) {
  .addonCov ul.covAdd,
  .addonCov ul.addOns { grid-template-columns: repeat(2, 1fr); }
  .addonCov { padding: 15px; width: 90%; }
  .addonCov .coverage-info-box{width:80%;}
}

/* Tablet landscape (768px to 991px) */
@media screen and (min-width: 768px) and (max-width: 991px) {
  .addonCov { padding: 15px; width: 90%; }
  .addonCov .addonCov-header h1 { font-size: 21px; }
  .addonCov ul.covAdd,
  .addonCov ul.addOns { grid-template-columns: repeat(3, 1fr); }
  .addonCov .coverage-info-box{width:90%;}
}

/* Desktop (992px to 1199px) */
@media screen and (min-width: 992px) and (max-width: 1199px) {
  /* Desktop overrides */
}

/* Large Desktop (1200px and up) */
@media screen and (min-width: 1200px) {
  /* Wide screen overrides */
}