@charset "utf-8";
/* CSS Document */

:root {
  --primary: #3c54af;
  --secondary: #000a2e;
  --bg-btn-pay: #281479;
  
  --card-img: url(../../images/paypage-images/card.jpg);
  --help-img: url(../../images/paypage-images/help.png);
}
/* CSS Document */

 .cvv-card {
    background-image: var(--card-img);
}

 .hint {
    background-image: var(--help-img);
}

a{
	color:var(--secondary);
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
header {
	background-color: var(--primary);
    background-image: linear-gradient(97deg, var(--primary), var(--secondary));
    position: relative;
}
.borderbtm{
	/*border-bottom:2px solid #db2e34;*/
}
.accordion h2 {
	border-bottom: 2px solid var(--primary);
}
.btn{
  background: var(--primary);
  }
  .btn:hover{
	  background: var(--secondary);
	  cursor:pointer;
	}
.cusel .jScrollPaneContainer span:hover {
  background-color: var(--secondary);
  color: #fff;
}

.captcha .help{
  background: url(../images/paypage-images/help.png) no-repeat 0 4px;
}
.white-text {
	color: #ffffff;
}
.apple-pay-button {
    -webkit-appearance: -apple-pay-button; 
    -apple-pay-button-type: plain;
    visibility: hidden;  /* button is hidden by default */ 
    display: inline-block;
    width: 200px;
    min-height: 30px;
    border: 1px solid black;
    background-image: -webkit-named-image(apple-pay-logo-white);
    background-size: 100% calc(60% + 2px);
    background-repeat: no-repeat;
    background-color: black;
    background-position: 50% 50%;
    border-radius: 5px;
    padding: 0px;
    margin: 5px auto;
}

.apple-pay-button.visible {
	visibility: visible;
	
}

.box{border-radius:4px; width:100%;margin: 10px 0; background-color:#ffffed;/* background-color:#FFEBCD; */}
.box p{color:#0f1b4d;    font-size: 16px;
    line-height: 24px;
    margin: 0; 
    font-weight: bold;}
    
    .emicheckbox{
    display: flex;
    width: 100%;
    margin-left: 7px;
    margin-right: 7px;
    font-weight: bold;
    }
    .emicheckbox input{
    margin-right: 5px;
    }
.emiwrapper{padding:16px 16px 0; display:flex;  margin-left: 7px; flex-wrap:wrap;}
.emiwrapper p{color:#0f1b4d; font-size:12px;}

.emiplan{    border-radius: 4px;
    width:150px;
    border: solid 1px #b7b7b7;
    background-color: #fff;
    margin-right: 15px;
    padding: 10px; cursor: pointer;
    margin-bottom: 16px;}
    .emiwrapper.disabled .emiplan{
background-color:#f2f2f2;
color:#ddd;
 cursor: auto;
 border: solid 1px #b7b7b7;
}
.emiplan.activeemiplan{
border: solid 1px rgb(60, 84, 175) ;
}
.emiwrapper.disabled .emiplan p{
color: #999;
}

.emiclicked{
    border: solid 1px blue;

}
input[type="checkbox"].card-opt:checked ~ .emiplan {
    border-color: #161038;
}
.shortCode{ display: none;}
.instalmenttype{ display: none;}
.emiplan label{font-size:18px;color:#89888C;}
.emiplan p{font-size:14px;color:#000;  margin:3px 0;}
.sar-highlt{
font-weight:bold;}
#emiplans {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 60%;
  margin-bottom:35px;
  display: none;
}
	#emiplans th:last-child{ border-top-right-radius:6px;  }
	#emiplans th:first-child{border-top-left-radius:6px; }
#emiplans td, #emiplans th {
  border: 1px solid #ddd;
	
  padding: 8px;
}

#emiplans tr:nth-child(even){background-color: #f2f2f2;}
	

#emiplans tr:hover {background-color: #ddd;}

#emiplans th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #8ba0ef;
  color: white;
}