@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@300&display=swap');


body{
  font-family: 'Assistant', sans-serif;
  color: #666;
}

p{
  font-family: 'Assistant', sans-serif;
  font-size: 20px;
}


h1, h2, h3, h4, h5 {
  font-weight: 500;
}

.section-title .title {
  font-weight: 500;
}

.logo-img{
	height:75px;
	width: auto;
}

.primary-color{
	color:#02126a;
}

.primary-bg {
  background-color: #02126a;
  opacity: 1;
}

.secondary-color{
  color: #fc7318 !important;
}

.blog-list{
	font-size: 20px;
}

.orange-link {
    background: -webkit-gradient(linear, left top, right top, from(#fc7318), to(#feb423));
    background: -webkit-linear-gradient(left, #fc7318 0%, #feb423 100%);
    background: -o-linear-gradient(left, #fc7318 0%, #feb423 100%);
    background: linear-gradient(to right, #fc7318 0%, #feb423 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.orange-link:hover {
   background: -webkit-gradient(linear, left top, right top, from(#973e02), to(#fc7318));
    background: -webkit-linear-gradient(left, #973e02 0%, #fc7318 100%);
    background: -o-linear-gradient(left, #973e02 0%, #fc7318 100%);
    background: linear-gradient(to right, #973e02 0%, #fc7318 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.btn-primary{
  background-color: #9f1830;
  background-image: -webkit-gradient(linear, left top, right top, from(#9f1830), to(##b9185e));
  background-image: -webkit-linear-gradient(left, #9f1830, #b9185e);
  background-image: -o-linear-gradient(left, #9f1830, #b9185e);
  background-image: linear-gradient(to right, #9f1830, #b9185e);
  color: #fff !important;
  padding: 10px 26px 11px;
  text-transform: none;
  font-size: 18px;
  border: solid 1px #b9185e;
  border-radius: 50px;
  font-weight: 600;
}

.btn-primary span{
  position: relative;
  top: 6px;
}

.btn-primary:hover{
  background: -webkit-gradient(linear, right top, left top, from(#851429),  to(#590d1b));
  background: -webkit-linear-gradient(right, #851429, #590d1b);
  background: -o-linear-gradient(right, #851429, #590d1b);
  background: linear-gradient(to left, #851429, #590d1b);
  border-color: #590d1b;
}

.btn-outline{
  border: solid 1px #9f1830;
  background-color: #fff;
  color: #9f1830 !important;
  padding: 10px 26px 11px;
  font-size: 18px;
  border-radius: 50px;
  font-weight: 600;
}

.btn-outline span{
  position: relative;
  top: 6px;
}

.btn-outline:hover{
  border: solid 1px #9f1830;
  background-color: #9f1830;
  background-image: -webkit-gradient(linear, left top, right top, from(#9f1830), to(##b9185e));
  background-image: -webkit-linear-gradient(left, #9f1830, #b9185e);
  background-image: -o-linear-gradient(left, #9f1830, #b9185e);
  background-image: linear-gradient(to right, #9f1830, #b9185e);
  border-color: #590d1b;
  color: #fff !important;
}


.dt-button{
  border: solid 1px #03bdff;
  color: #03bdff;
  padding: 5px 20px !important;
  background-color: #fff;
}

.dt-button:hover{
  border: solid 0px
  transparent;
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), -webkit-linear-gradient(
349deg, #505eff 0%, #03bdff 100%);
  background-image: -o-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), -o-linear-gradient(349deg, #505eff 0%, #03bdff 100%);
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(
270deg, #505eff 0%, #03bdff 100%);
  color:  #fff;
}


.btn-delete {
  border: solid 1px #ff1a1a;
  border-radius: 6px;
  color: #ff1a1a;
}

.btn-delete:hover {
  background-color: #ff1a1a;
  color: #fff;
}

.table-head{
	color: #02126a;
	font-weight: 600;
	font-size: 0.95rem;
}

.table-image{
	width: 100%;
	height: auto;
}

.header-line{
	border-bottom: solid 2px #02126a;
}

.table-line{
	border-bottom: solid 1px #02126a;
}

.card-img-top{
  height: 100px;
  width: auto;
  max-width: 100%;
}


.table-header-line{
  border-bottom: solid 2px #777;
}

.resp-video{
  width: 100%;
  height: 300px;
}

.pl-switch{
  padding-left: 36px;
 }

.error-col{
  color: red;
}

.callback{
  border: solid 1px #0015ff;
  height:45px;
  border-radius:50%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  width:45px;
  background-color: #02126a;
  color: #fff;
  font-weight: 900;
  padding-top: 6px;
}

.sub-text{
  font-size: 18px;
}

.sub-text-head{
  font-size: 18px;
}

.callback-block{
  background-color: #02126a;
  color: #fff;
  font-weight: 900;
}

.sub-tab{
  border: solid 1px #ccc;
  border-radius: 5px;
  padding: 10px 20px;
  background-color: #eee;
  font-size: 16px;
  font-weight: 700;
  color: #333;
  text-transform: uppercase;
}

.sub-tab:hover{
  background-color: #ccc;
}

.form-check-input {
    width: 2em;
    height: 2em;
    margin-top: -1px;
}

.form-check .form-check-input {
    margin-left: -1.4em;
}

.form-check-label {
    margin-left: 1.5em;
}


.dataTables_wrapper .dataTables_filter input {
    border: 1px solid #ced4da !important;    
    border-radius: 6px !important;
    padding: 18px !important;
    background-color: transparent;
    margin-left: 0px !important;
}

.dataTables_wrapper .dataTables_length select {
    border: 1px solid #ced4da !important;
    border-radius: 6px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    padding-bottom: 5px !important;
    padding-top: 5px !important;
    height: 38px;
    background-color: transparent;
    margin-left: 0px !important;
}

.regCust{
    font-size: 20px;
    font-weight: 600;
    color: #505eff;
}

.unRegCust{
    font-size: 20px;
    font-weight: 600;
    color: #ff3300;
}

/* responsive */

@media only screen and (max-width: 575.98px) {
  .resp-video{
    height: 250px;
  }
}

@media only screen and (max-width: 399.98px) {
  .resp-video{
    height: 200px;
  }
}

::selection {
    background: #b9185e;
    color: #fff !important;
    text-shadow: none;
}

.card-item-text{
  font-size: 22px;
}

.card-body{
  padding-bottom: 50px;
}