.boxtxt:hover + #toggle{
		background:#179DDC !important;
}

#slide{
  height: 233px !important;
  margin-top: 90px;
  position: fixed;
/*   background-image: url("https://www.bythebookplumbinginc.com/wp-content/uploads/2022/01/Untitled-9-1.jpg"); */
  width: 660px; 
  left: -660px;
  display: grid;
  transition: left 0.4s ease-in-out;
  -o-transition: left 0.4s ease-in-out;
  -ms-transition: left 0.4s ease-in-out;
  -moz-transition: left 0.4s ease-in-out;
  -webkit-transition: left 0.4s ease-in-out;
  z-index: 100000 !important;
/*   border-top: solid 2px #FA5D0C;
  border-bottom: solid 2px #FA5D0C; */
	background-image: linear-gradient(258deg, #F4C729 0%, #FFAB0D 100%);
}
#toggle{
/*   height: 225px !important; */
	  height: auto;
  font-size: 16px;
  font-weight: bold;
  font-family: "industry", Sans-serif;
/*   margin-top: -2px; */
  overflow: hidden !important;
  position: absolute;
  left: 660px;
  padding: 20px 14px 20px 10px;
  background: #ccc; 
  z-index: 100000 !important;
  writing-mode: vertical-rl;
  text-orientation: upright;
  border-radius: 0 30px 30px 0 !important;
  border:2px solid #f4c700;	
  text-align:center;
  line-height:30px;
  -webkit-border-radius:20px;
   color:#FFF;
	cursor:pointer;
	-webkit-transition:all 3s linear;
	-ms-transition:all 3s linear;
	-o-transition:all 3s linear;
	transition:all .3s linear;
/* 	background:-webkit-gradient(linear,left top,left bottom,color-stop(#7295b5,0),color-stop(#005081,0.47),color-stop(#147bb6,0.7),color-stop(#00abe5,0.94),color-stop(#02a8e4,1));
	background:-webkit-linear-gradient(left,#7295b5 0%,#005081 47%,#147bb6 70%,#00abe5 94%,#02a8e4 100%) !important;
	background:-moz-linear-gradient(left,#7295b5 0%,#005081 47%,#147bb6 70%,#00abe5 94%,#02a8e4 100%);
	background:-o-linear-gradient(left,#7295b5 0%,#005081 47%,#147bb6 70%,#00abe5 94%,#02a8e4 100%);
	background:linear-gradient(left,#7295b5 0%,#005081 47%,#147bb6 70%,#00abe5 94%,#02a8e4 100%); */
	background-color: #1236a1;
}


#toggle:before {
  font-family: "Jost", Sans-serif !important;
  font-weight: bold;
/* 	content:''; */
	height:20px;
	width:95%;
	text-align:center;
	-webkit-border-radius:40px;
	border-radius:40px;
	background:-webkit-gradient(linear,left bottom,left top,color-stop(rgba(255,255,255,0.9),0),color-stop(rgba(255,255,255,0),0.5));
	background:-webkit-linear-gradient(180deg ,rgba(255,255,255,0.9) 0%,rgba(255,255,255,0) 50%) !important;
	background:-moz-linear-gradient(bottom,rgba(255,255,255,0.9) 0%,rgba(255,255,255,0) 50%);
	background:-o-linear-gradient(bottom,rgba(255,255,255,0.9) 0%,rgba(255,255,255,0) 50%);
	background:linear-gradient(bottom,rgba(255,255,255,0.9) 0%,rgba(255,255,255,0) 50%);
	display:block;
	position:absolute;
	opacity:0.3;
    top: 13%;
    left: 25px;
    opacity: 0.3;
    height: 170px;
    width: 30px;
  
}
#toggle:hover {
	background:#179DDC;
}
#toggle:after {
	background:#147bb6;
  
}


@keyframes ring {
  0% {
    width: 30px;
    height: 30px;
    opacity: 1;
  }
  100% {
    width: 200px;
    height: 200px;
    opacity: 0;
  }
}


.box {
  padding: 20px 20px 0 20px;
  z-index: 100000 !important;
}
.boxtxt {
  font-weight: bold;
  padding: 20px;
  z-index: 100000 !important;
  display: grid;
	align-items: center;
  justify-content: center;
  font-family: "Jost", Sans-serif;
  color: #ffffff;
  

}
#slide:hover{
  left: 0px;
  z-index: 100000 !important;
  height: 231px !important;
  margin-top: 90px;
  display: grid;
}


.glossy-button {
  display: inline-block;
  position: relative;
  background-color: #AAA;
  background-image: linear-gradient( 
    hsla(0, 0%, 100%, 0.6), hsla(0, 0%, 100%, 0) 50%,
    hsla(0, 0%, 0%, 0.3) 50%, hsla(0, 0%, 100%, 0.2)
  );
  font-size: 22px;
  font-family: sans-serif;
  font-weight: bold;
  color: #ffffff !important;
  padding: 20px 40px;
  text-shadow:
    0 0 15px hsla(0, 0%, 100%, 1), 
    0 2px 4px hsla(0, 0%, 0%, 0.7); 
  border: none;
  border-radius: 50px;
  margin: 10px;
  box-shadow:
    inset 0 -5px 20px hsla(0, 0%, 0%, 0.4), 
    inset 0 5px 20px hsla(0, 0%, 100%, 0.4), 
    
    -8px 8px 5px hsla(0, 0%, 0%, 0.15), 
    5px 18px 10px hsla(0, 0%, 0%, 0.2); 
  cursor: pointer;
  transition: transform 0.1s, box-shadow 0.1s;
}


.glossy-button:before {
  content: '';
  display: block;
  position: absolute;
  left: 20px;
  right: 20px;
  top: 5px;
  height: 30px;
  border-radius: 15px;
  background: linear-gradient(
    hsla(0, 0%, 100%, 0.8), hsla(0, 0%, 100%, 0) );
}

.glossy-button--blue { background-color: #19F; }


.glossy-button:hover {
  transform: scale(1.05);
  box-shadow:
    inset 0 -5px 20px hsla(0, 0%, 0%, 0.4), 
    inset 0 5px 20px hsla(0, 0%, 100%, 0.4), 
    
    -12px 12px 5px hsla(0, 0%, 0%, 0.15), 
    10px 25px 10px hsla(0, 0%, 0%, 0.2); 
}

.csticobar {
 display: none; 
  
}

.showcastcst {
  display: block;
	margin:0;
}

@media (max-width: 450px){
  #toggle {
    height: 50px !important;
    font-size: x-large;
    padding: 1px 4px 0 0;
    margin-left: -3px;
		left: 420px;
		
  }
  .csticobar {
 display: block; 
  
}
  
  .showcastcst {
  display: none;
}
  
  #slide{
    border-right: solid 2px #FA5D0C;
		 width:420px; 
  left: -420px;
		height: 80px !important;
  }
  #toggle:before{
    height: 35px;
  }
	
	#slide:hover{
		width: 420px;
		height: 80px !important;
		box-shadow: 0px 0px 50px 0px rgb(0 0 0);
	}
	.boxtxt{
		padding: 7px 10px 0 10px;
	}
	.boxtxt > a > img{
		height:auto !important;
	} 
	
}

/*New CSS For Financing Button*/
button.new-apply-btn {
    fill: #FFFFFF;
    color: #FFFFFF;
    background-color: transparent;
    background-image: linear-gradient(264deg, #179DDC 0%, #0058B1 100%);
    border-radius: 50px 50px 50px 50px;
    padding: 21px 60px 21px 60px;
	    font-family: "industry", Sans-serif;
    font-size: 21px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 25px;
    letter-spacing: -0.63px;
}