html {
  scroll-behavior: smooth;
}

body,h1,h2,h3,h4,h5,h6,p,a{
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family:VAG Rounded Std Light, VAG Rounded Std Thin, Arial, Helvetica, sans-serif!important;
}

header{ 
	box-shadow: 0 1px 8px rgba(0, 0, 0, 0.37);
	background: #fff;
	position: relative;
    z-index: 2;
}
.header-wrapper{
	padding: 12px 0 16px;
	overflow:hidden;
}
.logo-wrapper{
	margin-top:14px;
}
ul li{
	list-style-type:none;
}

a,a:hover{
	text-decoration:none;
}

.main-banner-info-section .mobile-view{display:none;}

.separator-img-wrapper.mobile-view-separator{display:none;}
.main-banner-info-section .container-fluid{
	background: #f0f0f0;
	padding: 5rem 0 10rem;
}

.main-logo-wrapper{width: 100%;}

.main-logo-wrapper img{ max-width: 250px;}

.main-listing-wrapper h1{
	font-size:24px;font-weight:600;text-transform:uppercase;
}
.main-listing-wrapper ul{
	padding-left:0;
}
.main-listing-wrapper ul li{
	font-size:16px;
    margin-bottom: 5px;
}

.main-wrapper h1{
	color:#0094c1;
	font-size:40px;
	font-weight:600;
    margin-bottom:0;
}
.main-wrapper p{
	font-weight:600;
    font-size: 16px;
}

.main-page .btn-bg,.main-page .btn-bg:hover, .main-page .btn-white,
.main-page .btn-white:hover{font-size:16px !important; padding: 7px 10px !important;}


 .btn-bg,.btn-bg:hover{
	background: #0094c1 !important;
	border:1px solid #0094c1 !important;
	border-radius:25px !important;
	padding:5px 10px !important;
    font-size:14px !important;
    outline:0 !important;
}
.btn:focus, .btn:active:focus, .btn.active:focus{outline:0;}

#new-customer{margin-right:5px;}

#action-btn .btn{width:180px;}

.btn img{float:right;margin-top:5px;}

.form-control{height:36px;font-size:14px;box-shadow:none;color:#0094c1!important}
.summary-body .form-control{height:22px !important; padding: 6px 3px !important;}

.form-control:focus{outline:0; border: 1px solid #0094c1 !important;box-shadow:none;}

.vehicle-details label{margin-left:12px;margin-bottom:0;}

.btn-white,.btn-white:hover {    
    background: #fff !important;
    border: 1px solid #0094c1 !important;
    border-radius: 25px !important;
    color: #0094c1 !important;
	padding:5px 10px !important;
    font-size:14px !important;
}
.btn-blue,.btn-blue:hover {
    padding: 5px 50px !important;
}
.btn-wrapper{
	margin:20px 0 0;
}

.check-prices-btn,.check-prices-btn:hover{width:180px;padding:5px 15px;margin-top:20px!important;}

.vehicle-details-edit a{text-transform:uppercase;}

.no-padding-left{padding-left:0;}

.no-padding-right{padding-right:0;}

.policy-modal .modal-dialog{top: 45%;left: 15%;width:435px;}

.about-vehicle-modal .modal-header,.few-more-info-modal .modal-header{border-bottom:0;}

 .next-btn,.next-btn:hover{
  padding: 5px 50px !important;	
  text-transform:uppercase !important;
  width:180px !important;
  margin-top: 20px !important;
}
 .back-btn, .back-btn:hover {
    padding: 5px 50px !important;
    text-transform: uppercase !important;
    width: 180px !important;
    margin-top: 20px !important;
    background: none!important;
    border: 1px solid #0094C3 !important;
    border-radius: 25px !important;
    padding: 5px 10px !important;
    font-size: 14px !important;
    outline: 0 !important;
    color: #0094c1 !important;
}

 .back-btn img {
	float:left !important;	
}

.vehicle-details .form-control{

 border-radius:25px;
 border:0;

}

.vehicle-fewmore-details .input-append{
	position:relative;
}

.vehicle-fewmore-details .date-input{
	width:100%;
	border-radius: 25px;
    border: 0;
    padding: 6px 12px;
    color:#868484;
    height: 31px;
}

.vehicle-fewmore-details .add-on{
	position: absolute;
    right: 7px;
    top: 3px;
}

.vehicle-fewmore-details  .not-expired-btn{
	background:#0094c1;
	border:1px solid #0094c1;
}
.price-card .price-name p{
	width:90%;
}
.outer-main-wrapper .icon-wrapper{
	float: left;
    display: block;
    position: relative;
    z-index: 2;
    margin: 0 -100% 0 0;}

.outer-main-wrapper .text-wrapper{    
	margin-left: 85px;
	font-size:15px;
}    
.outer-main-wrapper .text-wrapper p{
	padding-top:10px;
}

.insurance-trust-section .content-block{
	font-weight:600;
	font-size:16px;
}

.insurance-trust-section .insurance-content-wrapper{
	background:#fff; margin-top: -65px;
}

.insurance-content-wrapper .content-block p{
	margin: 15px 0 30px;
    font-size: 18px;
    font-weight:500;
}
.insurance-content-wrapper .insurance-needs-block {
	max-width: 85%;
    margin: 0 auto;
}
.testimonial-slide.owl-carousel .owl-item img{
	max-width: 84px;
	margin: 0 auto;
}

.customers-say-section{
   padding: 4rem 0 3rem;
}

.customers-say-section .testimonial-slider .item{
	max-width: 85%;
    margin: 0 auto;
}

.customers-say-section .content-block p{
	font-weight:500;
	font-size:18px;
}
.customers-say-section .content-wrap h4{
	font-weight:600;
	margin-bottom: 0;
}

.customers-say-section .img-wrapper {
	margin:0 0 10px;
}

.customers-say-section .content-wrap h4::before {
   background: #000 none repeat scroll 0 0;
   content: "";
   display: block;
   height: 2px;
   margin-top: 15px;
   width: 50px;
   margin: 0 auto 10px;
}

.policy-modal .modal-footer{text-align: left;border-top:0;}

.policy-modal .modal-header{border-bottom:0;}

.policy-modal .modal-title{font-weight:600;font-size: 18px;}

.modal-body  .not-expired-default-btn{background: #f0f0f0;border:1px solid #f0f0f0;color:#000;border-radius: 10px;
  padding: 4px 15px; margin-right: 15px}

.policy-modal .modal-content{border-radius: 10px;}

.modal-body  .expired-btn{background: #4abcf0;border:1px solid #4abcf0;border-radius: 10px;
    padding: 4px 20px;}

.modal-body  .expired-btn:hover{border-radius: 10px;padding: 4px 20px;}    

.modal-body  .not-expired-default-btn:hover{border-radius: 10px;padding: 4px 15px;}

.pricing-body-block{background: #ededed;}

.pricing-plan-wrap h1{font-weight: 600;margin-bottom:30px;}

.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{background: transparent;}

.price-card .choose-plan:after{content:"";display: block;width:49px;height: 49px;
background-repeat: no-repeat;background-size: contain;background: url('/SiteAssets/RgiclAssets/campaign/Two-Wheeler-Insurance/images/check-icon.png');
background-position: 0 -3%;margin:0px auto;}

.price-card{background:#fff;border-radius: 10px;padding: 5% 10%;
    /*max-width: 90%;
    margin: 0 auto;*/
    min-height: 316px;
    box-shadow: 1px 4px 6px 0px #ccc;}

.pricing-section .container-fluid{padding: 3rem 0 0;}

.price-card h3{font-size: 18px; color:#2d2d2d; font-weight: 600;}

.price-card p{color: #404040;font-size:14px;}

.yearly-icon img {width: 80px;margin: 15px 0px;}
.choose-plan p{font-size:14px;}

.choose-plan span{font-size:28px;font-weight:600;vertical-align: middle;}

.nav-pills>li.active>a>.price-card .choose-plan:after{background-position: 0 95%;}

.vehicle-details-progress-section{padding:1.5rem 0;}
.small-price-card .yearly-icon{float: left;
    display: block;
    position: relative;
    z-index: 2;
    margin: 0 -100% 0 0;}

.small-price-card{min-height: 100px;} 
.small-price-card .choose-plan{margin-left: 65px;position: relative;top:25px;}   
.progress-bar-wrapper img{max-width: 100%;}

.small-price-card .yearly-icon img{max-width: 85px;}

.nav-pills>li.active>a>.price-card.small-price-card .choose-plan:after{position:absolute;right: -22px;
    top: -45px;}

.nav>li>a:hover, .nav>li>a:focus{background: transparent;}

.price-card.small-price-card .choose-plan:after{position:absolute;right: -22px;
    top: -50px; margin:0 auto;}


.tell-us-about-vehicle-wrapper,.just-few-more-details-wrapper,.tell-us-about-you-wrapper
{background: #fff; box-shadow: 1px 4px 6px 0px #ccc;overflow: hidden;
max-width: 95%;margin: 0 auto;border-radius: 10px;}

.tell-us-about-vehicle-block h2,.just-few-more-details-block h2,.tell-us-about-you-wrapper h2{color:#0094c1;font-weight: 600;}

.vehicle-info .date-input {
    width: 100%;
    border-radius: 25px;
    border: 1px solid #cacccd;
    padding: 6px 12px;
    color: #868484;
    height: 38px;
}

.vehicle-info .date-input:focus{outline:0;border: 1px solid #0094c1 !important;}

.form-control{border-radius: 25px;}

.vehicle-info .input-append {
    position: relative;
}
.vehicle-info .add-on {
    position: absolute;
    right: 7px;
    top: 8px;
}
.form-control:disabled {
    background-color: #eee;
}

.policy-info-block h5{font-weight: 600;}

.policy-info-details{border:1px solid #cacccd;border-radius: 10px; margin: 15px; padding: 10px;}
.summary-body .policy-info-details{margin: 18px 0px 13px 15px;}

 .vehicle-details-edit {padding-top: 22px;}   

 .vehicle-details-edit .btn-white, .vehicle-details-edit .btn-white:hover{ padding: 4px 30px;}

 .few-more-vehicle-details-block{margin:15px auto 0;}

.switchToggle input[type=checkbox] {
    height: 0;
    width: 0;
    visibility: hidden;
    position: absolute;
}

 .switchToggle input:checked+label, .switchToggle input:checked+input+label {
    background: #0094c1;
}
.switchToggle label {
    cursor: pointer;
    width: 60px;
    height: 25px;
    background: #d1d1d1;
    display: block;
    border-radius: 100px;
    position: relative;
    font-size: 15px;
    float: right;
}
.switchToggle input:checked+label:before, .switchToggle input:checked+input+label:before {
    content: 'Yes';
    position: absolute;
    top: 1px;
    left: 8px;
    width: 26px;
    height: 26px;
    border-radius: 90px;
    transition: 0.3s;
    text-indent: 0;
    color: #fff;
}
.switchToggle input+label:before, .switchToggle input+input+label:before {
    content: 'No';
    position: absolute;
    top: 1px;
    left: 30px;
    width: 26px;
    height: 26px;
    border-radius: 90px;
    transition: 0.3s;
    text-indent: 0;
    color: #fff;
}
.switchToggle input:checked+label:after, .switchToggle input:checked+input+label:after {
    left: calc(100% - 2px);
    transform: translateX(-100%);
}
.switchToggle label:after {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 21px;
    height: 21px;
    background: #fff;
    border-radius: 90px;
    transition: 0.3s;
}

.claim-info-wrap{float: left;
    display: block;
    position: relative;
    z-index: 2;
    }
 .content-claim{margin-left: 15px;}   
 .claimlbl-toggle{right:5px;}
 .additional-discount-block{ 
        border: 1px solid;
    overflow: hidden;
    border-radius: 10px;
    padding: 0px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    width: fit-content;}
.additional-discount-block .text-wrapper p{color: #0094c1;
    font-weight: 600;font-size: :16px;}


.about-info .date-input {
    width: 100%;
    border-radius: 25px;
    border: 1px solid #cacccd;
    padding: 6px 12px;
    color: #868484;
    height: 38px;
}

.about-info .date-input:focus {
    outline: 0;
    border: 1px solid #0094c1 !important;
}


.about-info .input-append {
    position: relative;
}
.about-info .add-on {
    position: absolute;
    right: 7px;
    top: 8px;
}

.vehicle-policy-edit .btn-white,.vehicle-policy-done .btn-white{border:0;text-transform:uppercase;
box-shadow:none;}

.summary-vehicle-policy-heading h4{margin:7px 0 0;font-weight:600;}

.slidecontainer .idv-span{color:#0094c1;border:1px solid #0094c1;border-radius:25px;padding:4px 16px;}

.slidecontainer p{color:#0094c1;font-size:16px; margin-bottom: 20px;}
.slidecontainer #demo{font-weight:600;}

.vehicle-policy-summary .form-control{border:0;box-shadow:none;}

.table>tbody>tr>td{border:0;}
.summary-body .table>tbody>tr>td{padding:3px !important;}

.table.summary-table>tbody>tr>td.input{padding:0;}
.table.summary-table .date-input{border:0;}

.table .form-control{border:0; box-shadow:none;font-size:12px;}

.premium-summary-details h4{text-align:center;font-size:20px;color:#0094c1;}
.summary-body .premium-summary-details h4{margin-top: 10px!important;margin-bottom: 15px!important;}

.premium-summary-details .table>tbody>tr>td{font-size:16px;}
.summary-body .premium-summary-details .table>tbody>tr>td{font-size: 15px;line-height: 1.7;}

.payable-premium-block h5{color:#676767;font-weight:600;font-size:18px;}
.summary-body .payable-premium-block h5{color:#2d2d2d;padding-top: 10px;}

.payable-premium-block p{color:#2d2d2d;font-weight:600;font-size:30px;}

.pay-premium-btn .btn-white, .pay-premium-btn .btn-white:hover{padding:6px 40px  !important;}

.premium-summary-wrapper{padding: 10px 10px 25px;}

.summary-body .premium-summary-wrapper{padding: 10px;}

.slidecontainer {
  width: 100%;
  position:relative;
  margin-bottom: 20px;
}

.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 20px;
  background: #d3d3d3;
  border-radius:10px;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}
.summary-body .slider {height: 12px; margin-top: 20px;}

.slider:hover {
  opacity: 1;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background: url(/SiteAssets/RgiclAssets/campaign/Two-Wheeler-Insurance/images/scrollbar-thumb.png);
  background-repeat:no-repeat;
  content:"";
  display:block;
  width: 60px;
  height: 30px;
  cursor: pointer;
}

.slider::-moz-range-thumb {
  background: url(/SiteAssets/RgiclAssets/campaign/Two-Wheeler-Insurance/images/scrollbar-thumb.png);
  background-repeat:no-repeat;
  content:"";
  display:block;  
  width: 60px;
  height: 30px;
  cursor: pointer;
}

.slidecontainer .max-range{position: absolute;top: 40px;right: 2px; color: #0094c1;}
.slidecontainer .min-range{color: #0094c1;margin-left: 3px;position: relative; top: 15px;}
.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline{margin-left:0;}

.radio-container {
  position: relative;
  padding-left: 24px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 5px;
}

/* Hide the browser's default radio button */
.radio-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #fff;
  border:1px solid #ccc;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.radio-container:hover input ~ .checkmark {
  background-color: #fff;
}

/* When the radio button is checked, add a blue background */
.radio-container input:checked ~ .checkmark {
  background-color: #fff;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.radio-container .checkmark:after {
    top: 3px;
    left: 3px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #0094c1;
}

footer .footer{ 
  margin-bottom: 20px;
}  

footer .footer span{

/* color: #0c4da3;*/

}
.pricing-footer{
    background:#f7f7f7;
}

.pricing-footer p:first-child{font-size:16px;}
.pricing-footer h4 span.span-gst{font-size:14px;color:#333;font-weight:400;}
.pricing-footer h4 span.price{font-weight:600;font-size:20px;color:#2d2d2d;}
.pricing-footer .btn-white, .pricing-footer .btn-white:hover{padding:5px 50px;}

footer .pricing-footer .footer{ padding: 35px 0 0;}

/*footer .pricing-footer .footer .tab-content{position:relative;}

.tab-btn-wrapper{position:absolute;top:-20px;right:0;}*/

.pricing-body-block footer{position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   z-index: 99;

}

.pricing-body-block footer .pricing-footer .footer {
    padding: 12px 0 0;
    margin:0;
}
.next-block{padding-top:10px;}

.text-info,.text-details{color:#b3b2b2;font-weight:400;}

.pay-premium-btn .btn-white, .pay-premium-btn .btn-white:hover{outline:0 !important;}

.progress-bar-wrapper{margin-bottom:20px;}

.summary-body .few-more-vehicle-details-block{margin: 0 auto 15px;}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{background:#fff;border:0;}

.summary-table td:nth-child(even), .insured-details td:nth-child(even){padding:0;}

.summary-table td:nth-child(odd), .insured-details td:nth-child(odd){width:125px;}

.summary-table td span,.insured-details td span{position:relative;top:2px;}

.helpbtn{display:none;} 

.separator-section .separator {
    overflow: hidden;
    padding-bottom: 5%;
}

.summary-div h2{margin-bottom:20px;}

.table .form-control:focus{border:0 !important;}

.pricing-body-block .btn-white:hover{background: #0094c1 !important;
    border: 1px solid #0094c1 !important;color:#fff !important;}

.vehicle-policy-edit .editBtn,.vehicle-policy-done .doneBtn,.vehicle-policy-edit .editdetailsBtn,
.vehicle-policy-done .donedetailsBtn{border: 1px solid #fff;}

.vehicle-policy-edit .editBtn:hover, .vehicle-policy-done .doneBtn:hover,
.vehicle-policy-edit .editdetailsBtn:hover, .vehicle-policy-done .donedetailsBtn:hover{background: #fff;
    border: 1px solid #fff;color:#0094c1;}    

.btn-primary:focus, .btn-primary:active, .btn-primary.active, 
.open .dropdown-toggle.btn-primary{background:#0094c1;border:1px solid #0094c1;}    

.pricing-footer .mobile-content, .mobile-view{display:none;}

label{margin-left:12px;font-size:13px;}

.radio-container{margin-left:0;}
.summary-table .input-append, .insured-details .input-append  {
    position: relative;
}
.summary-table .add-on,.insured-details .add-on {
    position: absolute;
    right: 0;
    top: -7px;
}

.policy-modal .modal-header .close {
    margin-top: 5px;
}
#myTabs li.active {
    transform: scale(1.09);
}
#myTabs li {
    transition: transform 0.9s;
    cursor:pointer;
}
.footer-premium-summary{display:none;}

.vehicle-edit,.few-more-edit{text-transform:uppercase;}

.save-btn-wrap{ padding-top: 23px;}

.save-btn-wrap a,.save-btn-wrap a:hover{ padding: 5px 22px;}

.togglename.accident-cover{display:flex;}

.table.summary-table .form-control:focus, .table.insured-details .form-control:focus { border-bottom: 1px solid rgb(0, 148, 193) !important;}


.popover-title {
	display:none!important;
}

.popover.bottom {
	border-radius:20px!important;
}
.popover.top {
	border-radius:20px!important;
}

#preLoader.fade {
    background-color: #fff;
    opacity: 0.9;
}
#preLoader .modal-sm {
    top: 150px;
    width: 225px;
    margin: 20px auto;
    text-align: center;
}
input.date-input.form-control {
    border: 1px solid #cacccd;
}

.idv-wrapper {
    border: 1px solid #ddd;
    padding: 5px 10px;
    border-radius: 10px;
}

.summary-body p{
	margin:0 0 5.5px!important;
}

.summary-body .table {
	margin-bottom: 8px;
}
td.premAmount {
    text-align: right;
}
/*.netPremium {
	font-weight:700;
}*/
.premium-summary-details hr{
	margin:5px 0px!important;
}
.discountPrem td span{
	font-size:12px;
	    color: #777;
}
.textColor {
	color:#0094c1;
	font-weight:bold;
}

/*btn css*/

#action-btn .btn-bg, .btn-bg:hover {
	border-radius:15px;
}

#action-btn .btn-white, .btn-white:hover {
	border-radius:15px;
}
.disableDiv {
    pointer-events:none;
}