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



  @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');



.kyc-search.show {
    opacity: 1;
}

.kyc-search .modal-dialog {
    left: 0;
}



body{font-family: 'Roboto', sans-serif; color: #333;  font-size: 16px; background-color: #F9FCFF}

.loginbody{ background-attachment: fixed}

.logo{height: 40px}
.log0ut{ height: 40px; width:40px; cursor: pointer}
.log0ut:before{ position: absolute; content: ''; width: 40px; height: 40px; background: url( "../images/profile.png") no-repeat; }
.com-header{ height: 72px; border: 1px solid #EBF5FF; background-color: #fff}
.page-wrap{ padding: 20px 60px;}
.banner{ background: #2575BF url("../images/bg.png") center; height: 190px; text-align: center; padding: 24px; margin-bottom: 50px;}
.banner h1{ color: #fff; font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 40px; }
.banner small{ color: #fff;}

.sub-tit{ font-size: 18px; color: #fff;}

.pro-icon:before {
    content: "";
    position: absolute;
    width: 40px;
    height: 32px;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 20px;
	background-repeat: no-repeat;
}
.pro-icon.car:before{ background-image: url("../images/car.png"); width: 41px }
.pro-icon.twowheeler:before{ background-image: url("../images/2 Wheeler.png"); width: 41px;}
.pro-icon.cv:before{ background-image: url("../images/Commercial.png"); width: 48px;}
.pro-icon.health:before{ background-image: url("../images/health.png"); width: 32px;}


.subpro-wrape{ margin: 100px 80px 180px; min-height: 260px;}
.sub-pro{ box-shadow: 2px 9px 24px -15px rgba(0,0,0,0.75);
-webkit-box-shadow: 2px 9px 24px -15px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 9px 24px -15px rgba(0,0,0,0.75); background-color: #fff; border: 1px solid #ddd; height: 100px; border-radius: 6px; padding: 16px;}
.subpro-tit{ font-size: 18px; text-align: center; margin-bottom: 16px;font-family: 'Roboto', sans-serif; font-weight: 500; }

.hide{ display: none}
.subproimg {
    position: absolute;
    z-index: 1;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 80px;
    height: 80px;
    text-align: center;
    padding: 14px;
}
.subproimg img{ width: 50px;}
.subpro-card{ position: relative; margin-bottom: 24px;}


.affi-model .modal-content{ padding: 40px;}
.affi-model .btn-close{ position: absolute; right: 0;top: 0; padding: 16px}
.model-tit {
    text-align: center;
    font-size: 20px;
    margin-bottom: 8px;
    font-family: 'Roboto', sans-serif; font-weight: 500;
    line-height: 28px;
}
.login{  max-width: 330px; width: 100%; margin: 24px auto 0}
.login-img img{ width:120px;}
.login-img{ text-align: center; margin-bottom: 24px;}
.login-tit{ font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 26px; text-align: center; margin-bottom: 24px;}
.city {
    background: url(../images/img-footer.png) no-repeat bottom center;
    min-height: 200px;
    margin-top: 30px;
    background-size: contain;
    /* width: 1440px; */
}
.success-meg{ text-align: center; color: #00CE4C; font-size: 16px; padding: 5px; margin-top: 16px;}

.error-meg{text-align: center; color: #dc3545; font-size: 16px; padding: 5px; margin-top: 16px;}
.log0ut.dropdown-toggle::after{content: none}
.success-meg img {
    margin-top: -2px;
    margin-right: 2px;
}
.modelsub-tit {
    text-align: center;
    color: #666;
    font-size: 18px;
    margin-bottom: 24px;
	position: relative;
}
.modelsub-tit:after {
    content: '';
    position: absolute;
    width: 90px;
    height: 1px;
    background-color: #ddd;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 0;
}
.logo-wrape span {
    border-right: 1px solid #ddd;
    margin-right: 10px;
    padding-right: 10px;
    display: inline-block;
}

.btn-primary {
    color: #fff;
    background-color: #065fd4;
    border-color: #065fd4;
}

.btn-primary:hover {
    color: #fff;
    background-color: #0055c5;
    border-color: #0055c5;
}

.btn-check:active+.btn-primary, .btn-check:checked+.btn-primary, .btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #0062cc;
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #333;
    background-color: #D9E9FE;
}
.dropdown-item{ padding: .5rem 1rem}
.renewal-btn-foot{ background-color: #fff; padding: 15px;box-shadow: 2px 9px 24px -5px rgb(0 0 0 / 75%);
    -webkit-box-shadow: 2px 9px 24px -5px rgb(0 0 0 / 75%);
    -moz-box-shadow: 2px 9px 24px -5px rgba(0,0,0,0.75); text-align: center; display: none}
.renew-list{ padding: 0 1rem}
.renew-list .list-group-item{ border-right: none; border-left: none}
.renew-list .list-group{border-radius: 0}

.renew-list  .list-group-item-action:active {
    color: #212529;
    background-color: #D9E9FE;
}

.renew-list .list-group-item-action:focus, .list-group-item-action:hover {
    z-index: 1;
    color: #333;
    text-decoration: none;
    background-color: #D9E9FE;
}

.pop-city [type="checkbox"]:checked,
.pop-city [type="checkbox"]:not(:checked),
.pop-city [type="radio"]:checked,
.pop-city [type="radio"]:not(:checked){
	position: absolute;
	left: -9999px;
	width: 0;
	height: 0;
	visibility: hidden;
}

.mainpro-wrap{margin-top: 30px;}

.checkbox-tools:checked + label,
.checkbox-tools:not(:checked) + label{
	width: 120px; height: 120px;  border: 2px solid #ddd; border-radius: 15px; margin: 0 15px; cursor: pointer;display: inline-block;position: relative;padding-top: 75px;box-shadow: 2px 9px 24px -15px rgba(0,0,0,0.75);
-webkit-box-shadow: 2px 9px 24px -15px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 9px 24px -15px rgba(0,0,0,0.75); font-size: 16px; position: relative
}
.checkbox-tools:not(:checked) + label{
	background-color: #fff;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.checkbox-tools:checked + label{
	background-color: #fff;
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
	border-color: #00CE4C; font-weight: 600
}
.checkbox-tools:not(:checked) + label:hover{
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}
.checkbox-tools:checked + label::before,
.checkbox-tools:not(:checked) + label::before{
	 content: "";
    position: absolute;
    height: 32px;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 28px;
	background-repeat: no-repeat;
}

.checkbox-tools:checked + label::after,
.checkbox-tools:not(:checked) + label::after{
	
	
	content: ""; position: absolute; width: 20px; height: 20px; right: 6px; top: 6px; background-image: url("../images/tick-g.png")
}

.checkbox-tools:checked + label:after{content: ""; position: absolute; width: 20px; height: 20px; right: 6px; top: 6px; background-image: url("../images/tick-green.png"); }

.error-message {
 
    width: 100%;
    margin-top: 0.25rem;
    font-size: 11px;
    color: #ED1C24;
	
}
.error-message.show{ display: block}


.checkbox-subpro:checked + label,
.checkbox-subpro:not(:checked) + label{
	width: 100%;
    height: 155px;
    border: 2px solid #ddd;
    border-radius: 9px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    box-shadow: 2px 9px 24px -15px rgb(0 0 0 / 75%);
    -webkit-box-shadow: 2px 9px 24px -15px rgb(0 0 0 / 75%);
    -moz-box-shadow: 2px 9px 24px -15px rgba(0,0,0,0.75);
    font-size: 16px;
    position: relative;
    padding: 50px 16px 52px 16px;
    text-align: center;
	margin-top: 40px;
}
.checkbox-subpro:not(:checked) + label{
	background-color: #fff;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.checkbox-subpro:checked + label{
	background-color: #fff;
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
	border-color: #00CE4C; font-weight: 600
}
.checkbox-subpro:not(:checked) + label:hover{
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}
.checkbox-subpro:checked + label::before,
.checkbox-subpro:not(:checked) + label::before{
	    content: "";
    position: absolute;
    height: 80px;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: -42px;
    background-repeat: no-repeat;
    width: 80px; background-color: #ecf6ff; border: 2px solid #badeff; border-radius: 100px;
}

.checkbox-subpro:checked + label::after,
.checkbox-subpro:not(:checked) + label::after{
	content: "Select";
    position: absolute;
    width: 90px;
    height: 32px;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-family: 'Roboto', sans-serif; font-weight: 500;
    font-size: 14px;
    bottom: 20px;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
 
    padding: 5px;
    color: #333;
}

.checkbox-subpro:checked + label:after{content: "Selected"; background-color:#00CE4C;  position: absolute; color: #fff; font-family: 'Roboto', sans-serif; font-weight: 500; }
.checkbox-subpro:checked + label:before{ background-color: #ecfff3; border-color: #00CE4C}








* {
      box-sizing: border-box;
    }


    .slick-slide img {
      width: 100%;
    }

    .slick-prev:before,
    .slick-next:before {
      color: black;
    }


    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: 1;
    }
    
   

    .slick-current {
      opacity: 1;
    }

.btn { font-family: 'Roboto', sans-serif; font-weight: 500; border-radius: 4px}
.btn-lg{ padding: 10px 24px; font-size: 16px; height: 48px}
.btn-danger{ background-color: #ED1C24; border-color: #ED1C24}
.btn-danger:hover{background-color: #d81219}
.btn-danger:active{ background-color: #bd2130; border-color: #b21f2d}
.btn-danger:focus {
    background-color: #bd2130;
    border-color: #bd2130;
}
.btn:focus, .btn.focus {
    box-shadow: unset !important;
}

.field-wrapper{
        position: relative;
        margin-bottom: 15px;
    }

    .field-wrapper input,.field-wrapper select{
        border: 1px solid #ced4da;
        padding: 12px 16px;
        border-radius: 4px;
        width: 100%;
		height: 48px;
    }

    .field-wrapper input:focus,.field-wrapper select:focus{
        border:1px solid #B9B9B9;
    }

    .field-wrapper .field-placeholder{
        font-size: 16px;
        position: absolute;
        /* background: #fff; */
        bottom: 12px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: #80868b;
        left: 8px;
        padding: 0 ;
        -webkit-transition: transform 150ms cubic-bezier(0.4,0,0.2,1),opacity 150ms cubic-bezier(0.4,0,0.2,1);
        transition: transform 150ms cubic-bezier(0.4,0,0.2,1),opacity 150ms cubic-bezier(0.4,0,0.2,1);
        z-index: 1;

        text-align: left;
        width: 100%;
    }        

    .field-wrapper .field-placeholder span{
        background: #ffffff;
        padding: 0px 8px;
    }

    .field-wrapper input:not([disabled]):focus~.field-placeholder
    {
        color:#333;
    }
    .field-wrapper input:not([disabled]):focus~.field-placeholder,
    .field-wrapper.hasValue input:not([disabled])~.field-placeholder,
	.field-wrapper select:not([disabled]):focus~.field-placeholder,
    .field-wrapper.hasValue select:not([disabled])~.field-placeholder
    {
        -webkit-transform: scale(.75) translateY(-33px) translateX(-105px);
        transform: scale(.75) translateY(-33px) translateX(-105px);

    }





.field-wrapper input::placeholder{ opacity: 0}

.field-wrapper input::-webkit-input-placeholder { /* Edge */
   opacity: 0
}

.field-wrapper input:-ms-input-placeholder { /* Internet Explorer */
   opacity: 0
}


.prod-details{ text-align: center; border: 1px solid #ddd; padding: 16px; border-radius: 30px;}




.btn-outline-primary {
    color: #065fd4;
    border-color: #065fd4;
}
.btn-outline-primary:hover {
    color: #fff;
    background-color: #0055c5;
    border-color: #0055c5;
}




/*new css travel*/

.add-trav-wrap .form-check{ margin-bottom: 16px;}
.form-floating>.form-control::placeholder {
        opacity: 0;
      }

.form-floating>.form-control:focus::placeholder {
        color: #858585;
		opacity: 1;
      }
.add-trav-wrap {
    position: relative;
}
.child-count .btn {
    border: 1px solid #C9C9C9;
    border-radius: 70px;
    height: 26px;
    width: 26px;
	padding: 0;
	margin: 0 4px
}

.child-count {
    width: 94px;
    /* float: right; */
    position: absolute;
    right: 0;
    top: 39px;
}
.child-count .form-control { height: 26px; text-align: center; border: none; padding: 4px}


.m-back{ display: none}
.tollfree a{ font-family: 'Roboto', sans-serif; font-weight: 500; color: #333; text-decoration: none}
.tollfree a img{ margin-right: 8px}
.main-wrap{margin: 20px 50px; position: relative; }
.pg-back { cursor: pointer; left: -50px; position: absolute}
.page-wrape{ padding-top: 20px; width: 610px;}
.trvl-bg{ position: absolute; right: 0; top: 90px; padding-bottom: 40px}
.progress{ width:250px; height: 10px; background-color: #EFEFEF; border-radius: 50px; float: left; margin: 7px 20px 0 0}
.progress-bar{ background-color: #065FD4}
.pro-steps{ font-size: 14px; float: left}
.pro-steps span{ font-size: 16px; font-family: 'Roboto', sans-serif; font-weight: 500; }
.main-tit{ font-size: 20px; font-family: 'Roboto', sans-serif; font-weight: 500; line-height: 24px; margin: 8px 0 }
.sum-tit{ font-size: 16px; color: #777; line-height: 20px; margin-bottom: 32px}
.step-wrap{ margin: 0 0 80px;}

.form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label {
    opacity: 1;
    transform: scale(0.85) translateY(-1.2rem) translateX(.8rem);
    background-color: #fff;
    padding: 5px;
    height: 28px;
	color: #333;
}
.form-floating>label{ color: #858585}

.form-control:focus,.form-select:focus{ box-shadow: none; border-color: #aeaeae}

.form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown) {
    padding-top: 11px;
    padding-bottom: 11px;
}
.form-floating>label {
    padding: 11px 16px;
	background-color: #fff;
    top: 1px;
    left: 2px;
    height: 46px;
	z-index: 1
}
.form-floating>.form-control,.form-floating>.form-select{padding: 11px 16px; height: 48px;}
.pop-city-tit{ font-size: 16px; font-family: 'Roboto', sans-serif; font-weight: 500; margin-bottom: 10px;}
.pop-city{ margin: 24px 0 0 0;}


.popcity:checked + label, .popcity:not(:checked) + label {border:  1px solid #999; border-radius: 50px; padding: 8px 16px; height: 36px; font-size: 14px; margin: 0 8px 16px 0; position: relative;cursor: pointer}
	
.popcity:checked + label{ border-color:#0062CC; background-color: #F5FAFF;padding-left: 30px; }

.popcity:checked + label:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 8px;
    left: 16px;
    top: 13px;
    background-image: url( "../images/select.png");
}
.trave-list{ margin: 0 0 24px;padding: 0; list-style: none}
.trave-list li{ border-bottom: 1px solid #ddd; margin-bottom: 20px; padding-bottom: 20px; position: relative}
.trave-list li:last-child{ border: none; margin-bottom: 0; padding-bottom: 0}
.add-trav{ cursor: pointer; color: #065FD4; margin-bottom: 32px; text-align: right; background: url("../images/add.png") no-repeat left; float: right; padding-left:24px;}
.trave-list .form-floating{ width: 280px; float: right; margin-right: 40px;}
.travel-mem{ margin: 12px 0; float: left}
.calendar{ background: url("../images/dob.png"); background-position: top 12px right 16px; background-repeat: no-repeat;}
.search{ background: url( "../images/search.png"); background-position: top 14px left 16px; background-repeat: no-repeat;}
.remove-trave{ position: absolute; right: 0;; top: 10px; cursor: pointer}
.trav-age{ position: relative}
.trav-rel{ padding: 12px 0;}
.form-floating.icon>label{ left: 46px; padding: 11px 4px}

.form-floating.icon>.form-control, .form-floating.icon>.form-select { padding: 11px 16px 11px 50px}
.form-floating.icon>.form-control:focus~label, .form-floating.icon>.form-control:not(:placeholder-shown)~label, .form-floating.icon>.form-select~label{ left: 2px}

.switch {
	position: relative;
/*	display: block;*/
	vertical-align: top;
	width: 48px;
	height: 24px;
	border-radius: 18px;	
	cursor: pointer;
	background-color: #ddd;
}
.switch-input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	box-sizing:content-box;
}
.switch-label {
	position: relative;
	display: block;
	height: inherit;
	font-size: 12px;
	background: #ddd;
	border-radius: inherit;

	box-sizing:content-box;
}
.switch-label:before, .switch-label:after {
	position: absolute;
	top: 50%;
	margin-top: -.5em;
	line-height: 1;
	-webkit-transition: inherit;
	-moz-transition: inherit;
	-o-transition: inherit;
	transition: inherit;
	box-sizing:content-box;
}
.switch-label:before {
	content: attr(data-off);
	right: 7px;
	color: #333;
	
}
.switch-label:after {
	content: attr(data-on);
	left: 4px;
	color: #FFFFFF;
	
	opacity: 0;
}
.switch-input:checked ~ .switch-label {
	background: #065FD4;
	
}
.switch-input:checked ~ .switch-label:before {
	opacity: 0;
}
.switch-input:checked ~ .switch-label:after {
	opacity: 1;
}
.switch-handle {
	position: absolute;
	top: 4px;
	left: 4px;
	width: 16px;
	height: 16px;
	background-color: #fff;
	border-radius: 100%;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}
.switch-handle:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -6px;
	width: 12px;
	height: 12px;
	background-color: #fff;
	border-radius: 6px;
	box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
}
.switch-input:checked ~ .switch-handle {
	left: 28px;
	box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

.mainhead{font-size: 28px; line-height: 34px; color: #005DB4; margin-bottom: 15px;  font-family: 'Roboto', sans-serif; font-weight: 500; width: 80%}
 
/* Transition
========================== */
.switch-label, .switch-handle {
	transition: All 0.3s ease;
	-webkit-transition: All 0.3s ease;
	-moz-transition: All 0.3s ease;
	-o-transition: All 0.3s ease;
}
.trav-quest{ margin: 32px 0 0 0; padding: 0; list-style: none;}
.trav-quest li{border-bottom: 1px solid #ddd;
    margin-bottom: 24px;
    padding-bottom: 24px;
    position: relative;}
.quest{ margin-right: 80px;}
.switch-btn{ position: absolute; right: 0; top: 0}
.trav-quest li:last-child{ border: none; margin-bottom: 0; padding-bottom: 32px}
.sel-travel{ margin-top: 16px;}
.sel-travel .tit{font-size:16px; font-family: 'Roboto', sans-serif; font-weight: 500; margin-bottom: 16px;}
.form-check-input {width: 24px; height: 24px; margin-top: 0;}
.form-check {margin-bottom: 16px}
/*.form-check-input:checked[type=checkbox] {
    background-image: url( "../images/checkbox-check.svg"); background-size: 12px;
}
.form-check-input:checked {
    background-color: #fff;
    border-color: #065FD4;
}*/
.form-check-input:focus {
    
    outline: 0;
    box-shadow: none;
}
.form-check-input:active {
    filter: none;
}
.modal-content{ padding: 40px;}
.modal-content .btn-close{position: absolute;
    right: 10px;
    top: 10px;}
.mod-img{ margin-bottom: 24px}
.mod-tit{ font-size: 24px; font-family: 'Roboto', sans-serif; font-weight: 500; margin-bottom: 16px; }
.mod-con{ font-size: 16px; margin-bottom: 24px;}
.form-floating>.form-select{}
.ent-code{ font-size: 16px; margin-top: 40px;}
.otpsent{ font-size: 20px; font-family: 'Roboto', sans-serif; font-weight: 500; margin-bottom: 8px; line-height: 20px;}
.mob-no{ font-size: 14px; color: #666666}
.mob-no span{ cursor: pointer; margin-left: 4px; display: inline-grid}
.otp-field{ margin: 8px 0 32px;}
.otp-field input{ width: 48px; margin: 0 4px; display: inline-block; text-align: center; }
.resend-otp{ cursor: pointer; color: #065FD4; font-size: 14px;margin-top: 16px;}
.lead-fm{ margin-bottom: 8px;}
.lead-fm .form-floating{ margin-bottom: 24px;}
.kyc-v{ margin: 0 auto}


/* plan */
.input-daterange input{ text-align: left}
.info-pos{ position: absolute; right: 20px; top: 6px; }
.insur-details-m{ display: none}
.stickyfoot{ position: fixed; bottom: 0; height: 72px; background-color: #fff; box-shadow:  0px -2px 6px #00000029; width: 100%;left: 0; z-index: 1}
.foot-wrap{ margin: 12px 50px; height: 48px;}
.premium{font-size: 24px; font-family: 'Roboto', sans-serif; font-weight: 500;line-height: 24px; margin: 4px 0; }
.premium span{ font-size: 12px; color: #999999; font-family: 'Roboto', sans-serif; font-weight: 500; vertical-align: top;}
.prem-break{ font-size: 14px;color: #065FD4; cursor: pointer}
.prembr-list{ margin: 0; padding: 0; list-style: none}
.prembr-list li{ border-bottom: 1px dashed #ddd; position: relative; height: 18px; margin-bottom: 24px}
.prembr-list li:last-child{margin-bottom: 0}
.prem-lable{ background-color: #fff; color: #666; position: absolute; left: 0;padding: 0 5px 0 0;}
.prem-amt{ background-color: #fff; font-family: 'Roboto', sans-serif; font-weight: 500; position: absolute; right: 0; padding: 0 0 0 5px}
.plan-wrap{  margin-right: 400px; margin-bottom: 120px}
.right-wrape{  width: 340px; position: absolute; right: 0; top: 0}
.insur-details{ background-color: #E6F2FF; padding: 20px; position: relative; border-radius: 6px; margin-bottom: 24px;}
.detail-tit{ font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 20px; margin-bottom: 16px; border-bottom: 1px dashed #AFCDEC; padding-bottom: 16px;}
.detail-tit img{ height: 24px; margin-right: 8px;}
.plan-coverage{ font-size: 16px;}
.plan-coverage span{ font-size: 14px; color: #666; }
.edit-det{ color: #065FD4; font-size: 12px; font-family: 'Roboto', sans-serif; font-weight: 500;  position: absolute; right: 20px; top: 23px; cursor: pointer;}
.edit-det img{ margin-top: -3px; margin-right: 2px;}
.detail-list{ margin: 0; padding: 0; list-style: none}
.detail-list li{  font-size: 14px; margin-bottom: 8px;}
.detail-list li:last-child{margin-bottom: 0}
.detail-lab{ float: left; max-width: 190px;}
.detail-val{ float: right;  text-align: right;font-family: 'Roboto', sans-serif; font-weight: 500;}
.plan-prem .stage{ height: 28px;}
.detail-list li::after,.need-help::after {
    display: block;
    clear: both;
    content: "";
}
.need-help{ border: 1px solid #E4E4E4; padding: 16px; border-radius: 6px; background-color: #fff; margin-bottom: 16px}
.helpimg{ float: left; margin: 16px 16px 16px 0;}
.helpcon{ float: left; width: 190px;}
.help-tit{ font-size: 14px; font-family: 'Roboto', sans-serif; font-weight: 500; margin-bottom: 10px; line-height: 16px; }
.help-dis{ font-size: 12px; color: #666666; margin-bottom: 10px;}
.help-lin{ color: #065FD4; font-size: 14px; cursor: pointer}
.help-lin img{ margin-left: 5px;}
.planpage-tit{ font-size: 18px; color: #0062CC; font-family: 'Roboto', sans-serif; font-weight: 500; margin-bottom: 32px; }
.sele-plan{ width: 400px; margin: 0 auto 12px;}
.sele-plan .main-tit{ margin-bottom: 24px; position: relative}
.comp-plan{  font-size: 16px; font-family: 'Roboto', sans-serif; font-weight: 500; cursor: pointer; color: #0062CC; float: right; margin: 12px 32px}

.plan-box [type="checkbox"]:checked, .plan-box [type="checkbox"]:not(:checked), .plan-box [type="radio"]:checked, .plan-box [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
    width: 0;
    height: 0;
	visibility: hidden;}

.plans:checked + label, .plans:not(:checked) + label {
    width: 100%;
    height: 206px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    box-shadow: 0px 2px 18px #00000029;;
    -webkit-box-shadow: 0px 2px 18px #00000029;;
    -moz-box-shadow: 0px 2px 18px #00000029;;
    font-size: 14px;
    position: relative;
    padding: 24px;
    text-align: center;
	font-family: 'Roboto', sans-serif; font-weight: 500; background-color: #fff;	
	line-height: 16px;
}


.plans:checked + label::after, .plans:not(:checked) + label::after {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    right: 8px;
    top: 8px;
    background-image: url( "../images/radio.png");
}
.plans:checked + label:after {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    right: 8px;
    top: 8px;
    background-image: url( "../images/radios.png");
}


.plans:checked + label {
    background: transparent linear-gradient(315deg, #894EFF 0%, #0062CC 51%, #187CE8 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 6px 35px #00000029; color: #fff;
}
.cover-no{ background-color: #49A0FF; border-radius: 20px; display: inline-block; width: 70px; margin: 0 auto; font-size: 12px; color: #fff; text-align: center;font-family: 'Roboto', sans-serif; font-weight: 500; text-transform: capitalize}
.plan-box{ width: 198px; position: relative; float: left; margin-right: 20px;}
.plan-box:last-child{ margin-right: 0;}
.pln-det{ position: absolute; right: 0; left: 0; margin: 0 auto; top: 50px; width: 150px; text-align: center; }
.plan-prem{ margin-top: 24px; font-family: 'Roboto', sans-serif;}
.tot-prm{ font-size: 13px; color: #888888;margin-bottom: 4px;font-family: 'Roboto', sans-serif;text-transform: capitalize}
.prm{ font-size: 28px;  line-height: 26px;font-family: 'Roboto', sans-serif; font-weight: 500;  }
.prm span{ font-size: 20px; margin-right: 4px;}
.v-cover {
    font-size: 14px;
    color: #0062CC;
    cursor: pointer;
    position: absolute;
    bottom: 20px;
    left: 0;
    margin: 0;
    margin: 0 auto;
    width: 100px;
    right: 0;
    text-align: center;
}


.plans:checked + label .cover-no{ background-color: #fff; color: #333}
.plans:checked + label .tot-prm{ color: #BBDBFF}
.plans:checked + label .prm,.plans:checked + label .v-cover{ color: #fff}
.op-cover{ margin: 0; padding: 0; list-style: none}
.op-cover li{  margin-bottom: 32px; font-size: 16px;}
.op-cover li .form-check-inline{ margin-right: 10px;}
td.tab-info{ position: relative; padding-right: 60px;}
.tab-info img {
    margin-left: 10px ;
}

th.comp-plantit{ background-color: #e6f2ff; color: #333; width: 150px; text-align: center; font-family: 'Roboto', sans-serif; font-weight: 500;}
.plan-comp .tot-prm{ color: #8DC4FF; font-family:"ProximaNova-Regular"; font-weight: 400 }
.plan-comp .prm span{ font-weight: 400}
.plan-comp th,.plan-comp td{ vertical-align: middle}
.comp-plantit .prm{ font-size: 24px;}
.editdet{ width: 600px;}
.editdet .offcanvas-body{ padding: 16px 40px 40px; margin-bottom: 72px;}
.editdet .offcanvas-header{ padding: 40px 40px 0}
.edit-list{ margin-bottom: 32px }
.elist-tit{ font-size: 16px; font-family: 'Roboto', sans-serif; font-weight: 500; margin-bottom: 20px;}
.form-check-input.ratiobtn{ border: 4px solid #DDDDDD;}
.form-check-input.ratiobtn:checked {
    border-color: #065FD4;
	background-color: #fff;
}
.form-check-input.ratiobtn:checked[type=radio] {
    background-image: url( "../images/radio.svg"); background-size: 8px;
}
.offcanvas-fixbot{ height: 72px; padding: 10px; background-color: #fff; box-shadow: 0px -2px 6px #00000029; position: absolute; bottom: 0; right: 0;left: 0; text-align: center}
.edit-list .add-trav{margin-bottom: 0}
.offcanvas-header h5{ font-size: 24px; font-family: 'Roboto', sans-serif; font-weight: 500; margin-bottom: 0 }
.offcanvas-fixbot .btn{width: 300px;}
.needhe-mob{margin: 24px auto}
.imgcent{ margin: 0 auto; width: 100px;}
.sele-plan .irs--round.irs-with-grid{margin: 0;}
.sele-plan .irs-min,.irs-max{ visibility: hidden !important}
.sele-plan .irs-grid-pol,.irs-single{ display: none !important}
.sele-plan .irs--round .irs-grid-text {
    color: #333;
    font-size: 14px;
	padding-left: 12px;
}
/*.irs.irs--round:after{ content: "Recommended"; position: absolute; right: 0; top: 0; background-color: #2ECC71;  padding: 2px 8px; border-radius: 3px; color: #fff; font-size: 12px; font-family:"ProximaNova-Semibold"; }
.irs.irs--round:before{ content: ""; position: absolute; right: 6px; bottom: 46px; background-image: url("../images/reco.png"); width: 12px; height: 8px;}*/
.sele-plan .irs{ }
.sele-plan .irs--round.irs-with-grid {
    height: 70px;
}
.sele-plan .irs--round .irs-line {
    top: 36px;
    height: 4px;
    background-color: #C6DCF3;
    border-radius: 30px;
}
.sele-plan .irs--round .irs-bar {
    top: 36px;
    height: 4px;
    background-color: #00C077;
}
.sele-plan .irs--round .irs-handle {
    top: 25px;
    width: 36px;
    height: 24px;
    border: 4px solid #fff;
    background-color: white;
    border-radius: 24px;
    box-shadow: 0 1px 3px rgb(0 0 255 / 30%);
	cursor: pointer;
}
.sele-plan .irs--round .irs-grid-text:before{ content: "$"; position: absolute;left: 0;}
.plan-box.checked11 .v-cover{ color: #fff}
.pln-page{ background-image: url("../images/bg-1.png"), url("../images/bg-2.png"); background-position: right bottom 120px, left bottom 230px; background-repeat: no-repeat, no-repeat; background-size: auto, auto}
.b-line{ border-bottom: 1px solid #AFCDEC;}
.detail-list li.tot-pm{ font-size: 16px; border-bottom: 1px solid #AFCDEC; border-top: 1px solid #AFCDEC; padding: 16px 0; margin: 16px 0;}
.stage {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;height: 24px;
}
.share-q{ color: #0062CC; cursor: pointer}
.dot-flashing {
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #333;
  color: #9880ff;
  -webkit-animation: dot-flashing .5s infinite linear alternate;
  animation: dot-flashing .5s infinite linear alternate;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
}

.dot-flashing::before, .dot-flashing::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
}

.dot-flashing::before {
  left: -15px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #333;
  color: #9880ff;
  -webkit-animation: dot-flashing .5s infinite alternate;
  animation: dot-flashing .5s infinite alternate;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.dot-flashing::after {
  left: 15px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #333;
  color: #9880ff;
  -webkit-animation: dot-flashing .5s infinite alternate;
  animation: dot-flashing .5s infinite alternate;
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
}

@-webkit-keyframes dot-flashing {
  0% {
    background-color: #333;
  }
  50%,
  100% {
    background-color: #B7B7B7;
  }
}

@keyframes dot-flashing {
  0% {
    background-color: #333;
  }
  50%,
  100% {
    background-color: #B7B7B7;
  }
}

/*checkout*/
.tnc label{ display: inherit}
.accod-section{  border: 1px solid #D1DAE4; padding: 40px; border-radius: 6px; }
.accod-header{ border: 1px solid #A4BCDB; padding: 10px 16px; border-radius: 6px; font-size: 14px; line-height: 18px; }
.accod-tit{ font-size: 18px;font-family: 'Roboto', sans-serif; font-weight: 500; margin-bottom: 8px;}
.accod-section.open .accod-header{ background-color: #E6F2FF; border-color: #E6F2FF}

.accod-header .num{ width: 20px; height: 20px; background-color: #AAC0D8; color: #fff; border-radius: 20px; display: inline-block; padding: 2px; text-align: center; margin-right: 10px;}
.accod-section.open.completed .accod-header,.accod-section.completed .accod-header{ background-color:#E6F2FF; border-color: #E6F2FF }
.accod-section.open.completed .accod-header .num,.accod-section.completed .accod-header .num{display: none}
.accod-section.open.completed .accod-header .tick,.accod-section.completed .accod-header .tick{display: block; margin-right: 10px; display: inline-block}
.accod-header .tick{ display: none}
.accod-con .form-floating,.radiowrap{ margin-bottom: 24px;}
.accod-con section{border-bottom: 1px solid #DCDCDC; padding-bottom: 8px; margin-bottom: 24px; position: relative}
.accod-con section.last{border: none; margin: 0 0 8px; padding: 0}
.accod-con section .accod-tit{ font-size: 16px; margin-bottom: 16px;}
.radio-lable{ margin-bottom: 7px; line-height: 18px;}
.travdet-head{ font-family: 'Roboto', sans-serif; font-weight: 500; margin-bottom: 20px; }
.travdet{ margin-bottom: 24px; border-bottom: 1px solid #CCCCCC}
.immvisa .switch{ display: inline-block; margin-left: 10px; margin-bottom: 24px;}
.tnc{ margin-bottom: 24px;}
a {
    color: #065FD4;
    text-decoration: underline;
}
.accod-header::after {
    display: block;
    clear: both;
    content: "";
}
.edit-accod{ display: none}

.accod-section.completed .accod-header .edit-accod{ display: block; font-size: 12px; font-family: 'Roboto', sans-serif; font-weight: 500;color: #065FD4; cursor: pointer}

.accod-section.edit.completed .accod-header .edit-accod{display: none}
.form-floating>.form-control.textah{ height: 80px}
.edit-accod img {
    margin-top: -3px;
    margin-right: 2px;
}

/*.accod-section.open .accod-con{ display: block}*/
.popover{ -webkit-box-shadow: 3px -2px 25px -10px rgba(0,0,0,0.5);
-moz-box-shadow: 3px -2px 25px -10px rgba(0,0,0,0.5);
box-shadow: 3px -2px 25px -10px rgba(0,0,0,0.5);}



/*thanks page*/
.thanks-overll{ position: relative; z-index: 1}
.thanks-bg{ background-color: #F0F7FF}
.thanks-wrape{ background-color: #fff; border: 1px solid #E2E8F0; border-radius: 6px 6px 0 0; width: 750px; margin: 0 auto; text-align: center; position: relative; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;}
.thank-top{ padding: 120px 24px 24px;  border-radius: 6px 6px 0 0; border-top: 6px solid #00C077;}
.thank-mess{ font-size: 24px; font-family: 'Roboto', sans-serif; font-weight: 500; margin-bottom: 4px; line-height: 32px; }
.tan-id{ font-size: 12px; color: #666}

.tn-f{ background: url("../images/paper-cut.png"); height: 15px; position: relative; bottom: -8px}
.plan-det{ background-color: #E6F2FF; border-radius: 6px; padding: 16px 16px 8px; margin: 0 60px; text-align: left}
.lab{ font-size: 12px; color: #666;}
.dat{ font-size: 14px;}
.dat span{ color: #666; font-family: 'Roboto', sans-serif; margin-right: 8px }
.bold .dat{font-family: 'Roboto', sans-serif; font-weight: 500;}
.field { margin-bottom: 8px;}
.don-pol{  margin: 20px 60px 32px 60px; list-style: none;padding: 0; text-align: left}
.don-pol li{border-bottom: 1px solid #E2E8F0; margin-bottom: 16px; padding-bottom: 16px;}
.don-pol li:last-child{ border-bottom: none; margin-bottom: 0; padding-bottom: 0}
.rating-bg{position: relative; position: relative; margin-top: -60px; background: url("../images/rating-bg.png") no-repeat center; background-size: cover}



.lotti {
    width: 100px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 15px;
}
.thank-top .btn img { margin-right: 8px;}
.thank-mod{ margin: 48px 58px 32px; text-align: center}
.thanks-box{ width: 380px; border-radius: 10px; box-shadow: 3px 1px 17px 5px rgba(0,0,0,0.1); -webkit-box-shadow:3px 1px 17px 5px rgba(0,0,0,0.1);-moz-box-shadow: 3px 1px 17px 5px rgba(0,0,0,0.1); padding: 24px; margin: 24px auto 24px;
 }
.thanks-rating{ padding: 72px 0 48px 0; text-align: center}
.rating-tit{ font-family: 'Roboto', sans-serif; font-weight: 500; color: #fff; margin-bottom: 40px; font-size: 18px;}
.ratimg-message{ width: 750px; margin: 20px auto 0}
.ratimg-message .form-control{ margin-bottom: 24px;}
.rating-thanks{ color: #52ffb6;font-family: 'Roboto', sans-serif; font-weight: 500; margin: 12px 0 0 0}
.digi-lock{ text-align: center; margin-bottom: 48px}
.digi-lock img{  cursor: pointer}
.subscribe-box{ border-radius: 10px; border: 1px solid #ddd; background-color: #fff; padding: 24px; text-align: center;margin: 0 12px; min-height: 385px; }
.subscribe-box img{width: 180px; margin: 0 auto}
.subsc-tit{ font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 20px; margin-bottom: 16px; margin-top: 24px; }
.subsc-con{ margin-bottom: 24px;}
.subscribe-wrape{ border-top:1px solid #CDCDCD; margin: 0	 0 24px; padding: 48px 0; border-bottom:1px solid #CDCDCD;}
.subscribe-wrape p{ margin-bottom: 32px;}
.social-link{ margin: 0 0  24px 0; padding: 0;list-style:none; text-align: center}
.social-link li{ display: inline-block}
.foot{ background-color: #2A4C6D; color: #94B1CD; font-size: 10px; padding: 24px;}
.foot p:last-child{ margin-bottom: 0}
.stars {
	width: fit-content;
	margin: 0 auto;
	cursor: pointer;
}
.polic-detail{ margin: 0; padding: 0; list-style: none}
.polic-detail li{ float: left; margin-bottom: 8px}
.polic-detail li.lable{ width: 150px; color: #5A6D84; text-align: left}





.star {
	color: #FFE015 !important; font-size: 40px;
}
.rate {
	height: 50px;
	margin-left: -5px;
	padding: 5px;
	font-size: 25px;
	position: relative;
	cursor: pointer;
}
.rate input[type="radio"] {
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,0%);
	pointer-events: none;
}
.star-over::after {
	font-family: 'Font Awesome 5 Free';
  font-weight: 900;
	font-size: 27px;
	content: "\f005";
	display: inline-block;
	color: #FFF6BE;
	z-index: 1;
	position: absolute;
	top: 12px;
	left: 12px;
}

.rate:nth-child(1) .face::after {
	content: "\f119"; /* ☹ */
}
.rate:nth-child(2) .face::after {
	content: "\f11a"; /* 😐 */
}
.rate:nth-child(3) .face::after {
	content: "\f118"; /* 🙂 */
}
.rate:nth-child(4) .face::after {
	content: "\f580"; /* 😊 */
}
.rate:nth-child(5) .face::after {
	content: "\f59a"; /* 😄 */
}
.face {
	opacity: 0;
	position: absolute;
	width: 35px;
	height: 35px;
	background: #FFCC00;
	border-radius: 5px;
	top: -38px;
	left: 11px;
	transition: 0.2s;
	pointer-events: none;
}
.face::before {
	font-family: 'Font Awesome 5 Free';
  font-weight: 900;
	content: "\f0dd";
	display: inline-block;
	color: #FFCC00;
	z-index: 1;
	position: absolute;
	left: 9px;
	bottom: -15px;
}
.face::after {
	font-family: 'Font Awesome 5 Free';
  font-weight: 900;
	display: inline-block;
	color: #fff;
	z-index: 1;
	position: absolute;
	left: 5px;
	top: -1px;
}

.rate:hover .face {
	opacity: 1;
}

.slide-in-fwd-center {
	-webkit-animation: slide-in-fwd-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-fwd-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2022-3-4 12:13:56
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-fwd-center
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-fwd-center {
  0% {
    -webkit-transform: translateZ(-1400px);
            transform: translateZ(-1400px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes slide-in-fwd-center {
  0% {
    -webkit-transform: translateZ(-1400px);
            transform: translateZ(-1400px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}




/*animation*/
.heartbeat {
	-webkit-animation: heartbeat 1.5s ease-in-out infinite both;
	        animation: heartbeat 1.5s ease-in-out infinite both;
}
/* ----------------------------------------------
 * Generated by Animista on 2022-2-9 11:58:11
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation heartbeat
 * ----------------------------------------
 */
@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}




.fade-in {
	-webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2022-2-9 12:47:12
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation fade-in
 * ----------------------------------------
 */
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}





.covet-type {
    width: 180px;
    position: relative;
	display: inline-block;
    margin-right: 20px;
}
.covet-type:last-child{margin-right: 0}

.covet-type [type="checkbox"]:checked, .covet-type [type="checkbox"]:not(:checked), .covet-type [type="radio"]:checked, .covet-type [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
    width: 0;
    height: 0;
    visibility: hidden;
}
.covet-type .plans:checked + label, .covet-type .plans:not(:checked) + label {
    width: 100%;
    height: 150px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    box-shadow: 0px 2px 18px #00000029;
    -webkit-box-shadow: none;
    -moz-box-shadow: 0px 2px 18px #00000029;
    font-size: 14px;
    position: relative;
    padding: 20px;
    text-align: center;
    font-family: 'Roboto', sans-serif; font-weight: 500;
    text-transform: capitalize;
    background-color: #fff;
    line-height: 16px;
    border: 1px solid #A4BCDB;
    border-radius: 6px;
}

.covet-type .plans:checked + label::after, .covet-type .plans:not(:checked) + label::after {
    background: url("../images/radio.png") no-repeat;
    
}
.covet-type .pln-det {
    position: absolute;
    right: inherit;
    left: 20px;
    margin: 0 auto;
    top: 20px;
   width: 0;

}
.covet-type .plans:checked + label:after {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
background-image: url(../images/radios.png);

}
.covet-type .plans:checked + label {
    border-color: #0062CC;
	background: none;
	color: #333;
}
.form-floating.disab>label{ background-color: #e9ecef}
.info {
    position: absolute;
    top: 11px;
    right: 16px;
	cursor: pointer;
}
.rups{ position: absolute; top: 11px; left: 16px}
.form-control.rup{ padding-left: 36px;}
.con-val {
    font-size: 13px;
    position: relative;
    margin-top: 8px;
    min-height: 24px;
}
.con-val .switch {
    position: absolute;
    right: 0;
    top: 0;
}
.last{ margin-bottom: 16px;}
.discount{ font-size: 12px; margin-top: 20px;}
.discount img{ margin-right: 10px;}
.subtit{ font-size: 16px; margin-bottom: 8px;}
.addon-note{ font-size: 13px; color: #999999}
.addoncover{ border-bottom: 1px solid #ddd; margin-bottom: 20px; padding-bottom: 20px;}
.addoncover .pop-city, .addoncover .popcity:checked + label, .addoncover .popcity:not(:checked) + label { margin-bottom: 0}
.addoncover .pop-city{ margin-top: 10px;}
.addoncover:last-child{border: none; margin-bottom: 0; padding-bottom: 0;}
.wtc-tit{ font-size: 16px; font-family: 'Roboto', sans-serif; font-weight: 500; margin-bottom: 15px}
.what-cover ul{margin: 0; padding: 0; }
.what-cover li{ margin-bottom: 20px;list-style: none; font-size: 14px;}
.what-cover li img{ margin-right:  15px;}
.btn-cent{ margin: 0 10px;}
.trave-list .inputfi.form-floating {
    width: 150px;
    float: right;
    margin-right: 0; margin-bottom: 0
}
.trave-list.con-det li{padding-bottom: 0; border-bottom: none;}
.con-alert{ background-color: #FFFFDD; border: 1px solid #E4E494; border-radius: 3px; padding: 10px 10px 10px 64px; font-size: 14px; line-height: 20px; margin-bottom: 20px; position: relative}
.con-alert img{position: absolute; left: 20px; top: 0; bottom: 0; margin: auto;}

.in-down {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
}

/*Try New*/
.steps {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    position: relative;
}
.step-button {
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 50%;
    border: none;
    background-color: #AAC0D8;
    transition: .4s;
}
.step-button[aria-expanded="true"] {
    width: 0.75rem;
    height: 0.75rem;
    background-color: #0062CC;
    color: #fff;
}
.done {
    background-color: #00C077;
    color: #fff;
}
.step-item {
    z-index: 10;
	font-size: 0.75rem;
    text-align: center;
}
#progress {
  -webkit-appearance:none;
    position: absolute;
    width: 95%;
    z-index: 5;
    height: 10px;
    margin-left: 18px;
    margin-bottom: 18px;
}
/* to customize progress bar */
#progress::-webkit-progress-value {
    background-color: var(--prm-color);
    transition: .5s ease;
}
#progress::-webkit-progress-bar {
    background-color: var(--prm-gray);

}

.label-image {
	margin-bottom: 20px;
	text-align: center;
}

.label-heading {
	font-size: 0.875rem;
	color: #333;
	padding-bottom: 0.25rem;
}
.label-subheading {
	font-size: 11px;
	color: #666;
	
}

.selectTypeToggle {
	font-size: 0.875rem;
	padding-top: 1.5rem;
	cursor: pointer;
}

.main-heading {
	font-size: 1.75rem;
	padding: 0 0 1.5rem 0;
	font-family: 'Roboto', sans-serif; font-weight: 500;
}

.sub-heading {
	font-size: 1.125rem;
	padding: 0 0 1rem 0;
}
.travellers {
    width: 80px;
    position: relative;
	display: inline-block;
    margin-right: 20px;
}
.travellers:last-child{margin-right: 0}

.tl-image {
	padding: 1rem 0 .5rem 0;
}

input.plans {
	position: absolute;
	left: -9999px;
	width: 0;
	height: 0;
	visibility: hidden;
}

.travellers .plans:checked + label, .travellers .plans:not(:checked) + label {
/*    width: 100%;*/
    height: 5rem;
	width: 5rem;
    cursor: pointer;
    display: inline-block;
    position: relative;
    box-shadow: 0px 2px 18px #00000029;
    -webkit-box-shadow: none;
    -moz-box-shadow: 0px 2px 18px #00000029;
    font-size: 14px;
    position: relative;
    padding: 0 5px;
    text-align: center;
    font-family: 'ProximaNova-Regular';
    text-transform: capitalize;
    background-color: #fff;
    line-height: 16px;
    border: 1px solid #D6D6D6;
    border-radius: 6px;
}

.travellers .plans:checked + label {
	border: 1px solid #0062CC;
	background: #F5FAFF;
	
	

}

.travellers .plans:checked + label::after, .travellers .plans:not(:checked) + label::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 8px;
    right: 8px;
    top: 8px;
    background-image: none;
}


.travellers .plans:checked + label:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 8px;
    right: 8px;
    top: 8px;
    background-image: url("../images/members-select.png")
}


.travellers-medical {
	padding-top: 1.5rem;
}

.selectTravellers {
	padding: 1.5rem 0 1rem 0;
}

.traveller-name {
	line-height: 48px;
}

.td-subscript{
	color: #888;
	font-size: 14px;
	padding: 0.75rem 0 1rem 0;
}

.switch-field {
	border-radius: 1rem;
	border: 1px solid #c4c4c4;
	overflow: hidden;
}

.switch-field input {
	position: absolute!important;
	clip: rect(0,0,0,0);
	height: 1px;
	width: 1px;
	border: 0;
	overflow: hidden;
}

.switch-field label {
	border-radius: 1rem;
	transition: all 0.2s ease-in-out;
	padding: 0.5rem 1rem;
	text-align: center;
	line-height: 1;
	font-size: 14px;
}

.switch-field label:hover {
	cursor: pointer;
}

.switch-field input:checked + label {
	background: #0062CC;
	color: white;
	border-radius: 1rem;
}

.switch-field label:first-of-type {
	border-radius: 1rem;
}

.switch-field label:last-of-type {
	border-radius: 1rem;
}

.stepper-design {
	margin: 1.5rem 0 3rem 0;
}

.card {
	border: none;
	background-color: transparent;
}

.text-center .card-body {
	padding: 0;
}

.count-selector {
    float: left;
    width: 80px;
    border: 1px solid #ddd;
    margin-top: 8px;
    border-radius: 6px;
    height: 25px;
}
.minu-btn{ cursor: pointer; border-right: 1px solid #D6D6D6; width: 24px; display: inline-block}
.plus-btn{ cursor: pointer; border-left: 1px solid #D6D6D6; width: 24px; display: inline-block}
.chil-cou{ width: 20px; display: inline-block}

.csi {
	float: left;
}

input.csi.icon {
	width: 24px;
}

input.csi.text {
	width: 32px;
}

.visaType {
	display: flex;
	justify-content: center;
}

.travel-label {
	line-height: 32px;
	padding: 0 .75rem 0 0;
}

.tCardDetails {
	text-align: left; font-size: 13px;
}

ul.tCardDetails { list-style-type: none; font-size: 13px; color: #666; line-height: 22px; margin-bottom: 0 }

ul.tCardDetails li:before { content:"\2713\0020"; }

.t-image { padding-top: 12px; }

.t-heading {
    font-size: 20px;
    padding-top: 12px;
    font-family: 'Roboto', sans-serif; font-weight: 500;
    line-height: 24px;
}

.t-subheading { color: #666; font-size: .75rem; padding-top: .25rem; }

.t-coverage { font-size: .875rem; }

.planTitle {  margin: 0; font-size: 18px; font-family: 'Roboto', sans-serif; font-weight: 500; }

.mostPopularTag {
    margin-top: -1.25rem;
    font-size: 11px;
    padding: 2px 12px;
    background: #248DFF;
    color: #fff;
    border-radius: 0 0 6px 6px;
    margin: 0 8px 0;
    position: absolute;
    top: 0;
}

.rangeSelect {
	text-align: center;
	width: 400px;
}

.cover-type { padding-top: 20px; }

.planCardItem { padding: 20px; border: 1px solid #A9D2FF; border-radius: .5rem; min-height: 156px; box-shadow: rgba(0, 0, 0, 12%) 1px 2px 8px 0px; }

.borderBox { border: 1px solid #D1DAE4; border-radius: 6px; padding: 2.5rem; text-align: center; justify-content: center; background-color: #fff }

.t-plan-cost { bottom: 20px; right: 20px; position: absolute; font-family: 'Roboto', sans-serif; font-weight: 500;   }

.t-card-right { text-align: right; position: relative;  }
.plan-tit {
    margin: 0 20px;
}

input.tplans {
	position: absolute;
    width: 0;
    height: 0;
    visibility: hidden;
}

.cover-type .tplans:checked + label, .cover-type .tplans:not(:checked) + label {
    cursor: pointer;
    text-transform: capitalize;
	position: relative;
    background-color: #fff;
	 
	
}

.cover-type .tplans:checked + label::after, .cover-type .tplans:not(:checked) + label::after {
    content: "";
    position: absolute;
    width: 18px;
    height: 13px;
    right: 20px;
    top: 20px;
    background-image: url("../images/plan-select.png");
}


.cover-type .tplans:checked + label:after {
    content: "";
    position: absolute;
    width: 18px;
    height: 13px;
    right: 20px;
    top: 20px;
    background-image: url( "../images/plan-selected.png");
}
.cover-type .tplans:checked + label {
    border-color: #248DFF;
	background-image: radial-gradient(at 50% 50%, #fff, transparent 400%), radial-gradient(at 50% -47%, #CDE5FF, transparent 80%), radial-gradient(at 0% 0%, #F23DEC 0, transparent 32%), radial-gradient(at 100% 98%, #419CFF, transparent), radial-gradient(at 0 97%, #24FFCC, transparent);
	
}

.cover-type .tplans:checked .tick {
	background: none;
	color: #0062cc;
}



/*Try New Ends*/

.covet-type.last{ margin: 0 }
.content-wrape{ margin: 32px 0; position: relative;}

.step-wizard {
    border-collapse: separate;
    display: table;
    margin-left: 0px;
    position: relative;
    table-layout: fixed;
    text-align: center;
    vertical-align: middle;
    padding-left: 0;
    
}
.step-wizard > li {
    display: table-cell;
    position: relative;
    float: none;
    padding: 0;
    width: 1%;
}
.step-wizard .step {
    background-color: #AAC0D8;
    border-radius: 50%;
    color: #ccc;
    height: 12px;
    margin: 0 auto;
    position: relative;
    width: 12px;
    z-index: 1;
	top: -5px;
}
.step-wizard > li i {
    position: absolute;
    top: -15px;
    font-style: normal;
    font-weight: 400;
    white-space: nowrap;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 12px;
    font-weight: 700;
    color: #000;
}
.step-wizard  li:after {
    left: 50%;
}
.step-wizard .caption {
    color: #333;
    padding: 11px 16px; 
	text-align: center;
	font-size: 12px;
}
.step-wizard li.active .caption {
    color: #4183D7;
}

.step-wizard li:after {
    background-color: #AAC0D8;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    width: 100%;
    top: 9px;
}
.step-wizard li:last-child:after {
  display: none;
}
.step-wizard li.active .step {

	background-color: #0062CC;
	width: 21px; height: 20px;
	background: url("../images/stepfly.png") no-repeat;
	top: 0;

}
.step-wizard li.active .caption {
  color: #4183D7;
}
.step-wizard li.complete:after {
  background-color: #00c077;
}
.step-wizard li.complete .step {
  border-color: #00C077;
  background-color: #00C077;
}
.step-wizard li.complete .caption {
  color: #00c077;
}

.step-wizard .step:hover {
  cursor: pointer;
}


.step-wizard-chek {
    border-collapse: separate;
    display: table;
    margin-left: 0px;
    position: relative;
    table-layout: fixed;
    text-align: center;
    vertical-align: middle;
    padding:0 48px;
	margin-bottom: 0;
    
}
.step-wizard-chek > li {
    display: table-cell;
    position: relative;
    float: none;
    padding: 0;
    width: 1%;
}
.step-wizard-chek .step {
    background-color: #AAC0D8;
    border-radius: 50%;
    color: #fff;
    height: 20px;
    margin: 0 auto;
    position: relative;
    width: 20px;
    z-index: 1;
	top: -2px;
	font-size: 12px;
	padding-top: 1px;
}
.step-wizard-chek > li i {
    position: absolute;
    top: -15px;
    font-style: normal;
    font-weight: 400;
    white-space: nowrap;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 12px;
    font-weight: 700;
    color: #000;
}
.step-wizard-chek  li:after {
    left: 55%;
}
.step-wizard-chek .caption {
    color: #333;
    padding: 11px 16px; 
	text-align: center;
	font-size: 12px;
}
.step-wizard-chek li.active .caption {
    color: #4183D7;
}

.step-wizard-chek li:after {
    background-color: #AAC0D8;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    width: 100%;
    top: 9px;
}
.step-wizard-chek li:last-child:after {
  display: none;
}
.step-wizard-chek li.active .step {

	background-color: #0062CC;
	width: 20px; height: 20px;

	top: 0;

}
.step-wizard-chek li.active .caption {
  color: #4183D7;
}
.step-wizard-chek li.complete:after {
  background-color: #00c077;
}
.step-wizard-chek li.complete .step {
  border-color: #00C077;
  background-color: #00C077;
}
.step-wizard-chek li.complete .caption {
  color: #00c077;
}

.step-wizard-chek .step:hover {
  cursor: pointer;
}


.city-fo {
    background: url(../images/bg.png) bottom repeat-x;
    height: 250px;
    position: relative;
    width: 100%;
    bottom: 0;
	z-index: -1;
	display: none;
}





.citybg{ background: url(../images/bg.png) bottom repeat-x;}


.action-wrap{ margin-top: 32px; text-align: center;}

.dob-wrap{ width: 415px; margin: 0 auto; text-align: left}
.dob-list{ list-style: none; padding: 0; margin: 0;}
.dob-list li{ border-bottom: 1px solid #D6D6D6; margin-bottom: 20px; padding-bottom: 20px;}
.dob-list li:last-child{ border: none; margin-bottom: 0; padding-bottom: 0;}
.t-rel{ width:30%; display: inline-block;margin-right: 15px; vertical-align: top; padding: 12px 0}
.t-dob{ width: 65%; display: inline-block}
.sel-mem{ list-style: none; margin: 0; padding: 0;}
.sel-mem li{ display: inline-block}	
.select-city{ width: 560px; margin: 0 auto; text-align: left}
.select-city .selectTypeToggle{ padding-top: 8px;}
.back-btn{position: absolute; left: -52px; cursor: pointer}
.plan-wrape{ margin-right: 36px;}
.recom{ color: #00C077; font-size: 9px; margin: 5px 0 0 5px;}
.more-cov{ color: #0062CC; cursor: pointer; font-size: 13px; text-align: left; margin-left: 32px; margin-top: 5px;}
.alert {
    background-color: #FFF9D8;
    padding: 12px 12px 12px 52px;
    font-size: 10px;
    text-align: left;
    line-height: 16px;
	margin-top: 24px; margin-bottom: 0;
}
.alert:before {
    background-image: url(../images/alert.png);
    content: "";
    display: block;
    height: 24px;
    position: absolute;
    width: 24px;
    left: 12px;
    top: 0;
	bottom: 0;
	margin: auto;
}
.pass-note{ border: 1px solid #D1DAE4; border-radius: 8px; padding: 24px 24px 24px 76px; font-size: 14px; position: relative; line-height: 19px; margin-bottom: 24px; background-color: #fff}
.pass-note:before {
    background-image: url( "../images/passport.png");
    content: "";
    display: block;
    height: 40px;
    position: absolute;
    width: 40px;
    left: 24px;
    top: 24px;
}
.plan-page{ background: url( "../images/plan-bg.png") no-repeat right -80px top 150px; margin-bottom: 120px;}
.doccown ul{ list-style: none; margin: 0; padding: 0; }
.doccown li{ float: left; border-right: 1px solid #D4DFEB; text-align: center; padding: 8px; width: 50%; position: relative; font-size: 14px}	
.doccown li a{ color: #666; text-decoration: none}
.doccown li:last-child{border: none;}	
.edit-trav-det{ list-style: none; margin: 0; padding: 0; }
.edit-trav-det li{border-bottom: 1px solid #D6D6D6; padding-bottom: 16px; margin-bottom: 16px;}
.trav-age small{ display: block; font-size: 12px; color: #666;margin-top: 2px;}
.st-end-date{ 
    position: absolute;
    z-index: 99;

    top: 4px;
	margin-left: 40px; 
	text-align: left;
}
.tdate-wrape .lightpick__months{ margin-top: 24px;}
.st-end-date p{ margin-bottom: 0; font-size: 14px;}

.st-end-date small{ display: inline-block; font-size: 12px; color: #888}
.tdate-wrape .lightpick__month-title > .lightpick__select-months{text-align: left}

.tdate-wrape .lightpick{ z-index: 9}

.trv-tab{ border-bottom: 1px solid #E1E1E1; margin-bottom: 24px;}
.trv-tab ul{ list-style: none; padding: 0; margin: 0;font-size: 14px; font-family: 'Roboto', sans-serif; font-weight: 500;}
.trv-tab li{padding: 12px; display: inline-block; cursor: pointer; position: relative}
.trv-tab li.active{ border-bottom: 3px solid #0062CC}
.addr-check {
    text-align: right;
    position: absolute;
    top: 0;
    right: 0;
}

.form-check.addr-check .form-check-input{ float: right; margin: 0 0 0 8px}
.share-radio{ float: left; margin-right: 16px}
.faq-floating {
    position: fixed;
    bottom: 1px;
	right: 16px; 
	z-index: 1;
}

.accordion.cms-accordion .accordion-button{ background-color: #EFEFEF; border-radius: 6px; }
.accordion.cms-accordion .accordion-item{ margin-bottom: 8px; border-radius: 6px; border: none}

.accordion.cms-accordion .accordion-button:not(.collapsed){background-color: #e7f1ff; box-shadow: inherit}

.accordion.cms-accordion .accordion-button:focus{box-shadow: inherit}

.kyc-status{ list-style: none; margin: 24px 0 ; padding: 0;}
.kyc-status li {
    border-bottom: 1px solid #ddd;
    margin-bottom: 12px;
    padding-bottom: 12px;
    text-align: left;
    position: relative;
    padding-right: 75px;
}
.status {
    position: absolute;
    right: 0;
    top: 4px;
	font-size: 11px; 
	background-color: aqua; border-radius: 6px; padding: 0px 6px
}
.status.unsus{background-color: #FF5E5E; color: #fff}
.status.sus{background-color: #00C077; color: #fff}
.kyc-sat-mess{ margin-bottom: 24px}
.tab-unsus:before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: #FF5E5E;
    border-radius: 10px;
    top: 20px;
    left: 12px;
}

.tab-sus:before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: #00C077;
    border-radius: 10px;
    top: 20px;
    left: 12px;
}

.trv-tab li.tab-unsus,.trv-tab li.tab-sus{padding-left: 24px}
.user-det{ color: #666; font-size: 14px; margin-bottom: 8px}

.kyctyp-status {
    position: relative;
    display: inline-block;
    font-size: 12px;
    padding-right: 84px;
	margin-left: 6px;
	color: #666;
}

.form-check .status { top: 0;}

.accod-con .alert{ margin: 0 0 16px}
.kyc-input{ margin: 20px 0;}


.accod-con .kyc-input .form-floating{margin-bottom: 0; width:300px;}
.kycsus-prof{ text-align: center; margin: 56px 0;}
.kycsus-prof img{ margin-bottom: 16px;}
.kycsus-prof strong{margin-bottom: 8px; display: block}
.accod-subtit{ font-size: 12px; color: #666;}
.pol-peri{background-color: #E3F0FF;padding: 16px; border-radius: 6px; text-align: center;margin: 24px 0;  justify-content: center}

section .edit-det{top: 0;right: 0;}
.trav-det{ font-size: 14px; margin-bottom: 8px;font-family: 'Roboto', sans-serif; font-weight: 500;}
.det-list label {
    color: #666;
    font-size: 12px;
    margin-bottom: 4px;
	display: block
}
.det-list{ font-size: 14px; margin-bottom: 16px;}
.tnc-text {
    font-size: 12px;
	text-align: center; margin-top: 32px;
}
.tnc-text a{ text-decoration: none}
.accod-con section:last-child{margin-bottom: 0; padding-top: 0; border: none}
.peri-box{ width: 120px; margin: 0 8px}
.fmto-line{ height: 1px; background-color: #005DB4; width: 100%; position: relative; margin-top: 22px}
.fmto-line:before{ content: ""; position: absolute; width: 6px; height: 7px; background-color: #005DB4; left: 0; top: -3px; border-radius: 50px}
.fmto-line:after{ content: ""; position: absolute; width: 6px; height: 7px; background-color: #005DB4; right: 0; top: -3px;border-radius: 50px}

.peri-box .det-list{ margin-bottom: 0}
.mb-fix{margin-bottom: 16px}



.link{ color: #0062CC; cursor: pointer}


.add-display{ background-color: #F3F3F3; padding: 16px; border-radius: 6px; margin-bottom: 24px; font-size: 14px;}
.add-display p{ margin-bottom: 0}
.chang-add{ color: #0062CC; cursor: pointer}

.add-display span {
    margin-right: 16px;
    position: relative;
}
.add-display span:after {
    content: "|";
    right: -12px;
    position: absolute;
    color: #999;
}
.add-display span.last:after{
    content: none;
}
.add-display span.last{
    margin-bottom: 0;
}




#loader .modal-dialog{ max-width: 270px;margin: 10rem auto 0;}
#loader .modal-content{padding: 0 0 15px 0}

.f-loading {
    position: absolute;
    right: 8px;
    top: 7px;
}

.kyc-success, .kyc-failed {
    color: #47CC2C;
    font-size: 14px;
    margin-top: 2px;
}

.kyc-success img, .kyc-failed img {
    margin-right: 5px;
    width: 14px;
}

.kyc-failed{ color: #ED1C24}
.erroemess{ text-align: center; padding-top: 40px;}

.oops{ font-size: 32px; font-family: 'Roboto', sans-serif; font-weight: 500; margin: 20px 0 0 0; color: #687A8E }
.emess{ font-size: 24px; color: #687A8E; margin-bottom: 20px;}



.alert ui{ margin-bottom: 6px; display: block}
.alert li{margin-bottom: 2px;}

.p-load{ background-color: #000000; width: 100%; height: 100%; cursor: progress; top: 0; left: 0; opacity: .5;border-radius: 0.5rem; position: absolute; z-index: 9}
.load-open{ position: relative;}

.prm-load {
    bottom: 20px;
    right: 20px;
    position: absolute;

}
.prm-load .stage{ width: 40px}


.accod-tit.trav-d {
    margin-top: 24px;
}




.ab-box{ background-color: #fff; border-radius: 6px; padding: 40px 80px;-webkit-box-shadow: 0px 1px 4px 0px rgba(33,96,167,0.18);
-moz-box-shadow: 0px 1px 4px 0px rgba(33,96,167,0.18);
-moz-box-shadow: 0px 1px 4px 0px rgba(33,96,167,0.18);
box-shadow: 0px 1px 4px 0px rgba(33,96,167,0.18);}
.box-tit{ font-size: 24px; margin-bottom: 32px; text-align: center;font-family: 'Roboto', sans-serif; font-weight: 500;}
.box-lable{ font-family: 'Roboto', sans-serif; margin-bottom: 4px; font-size: 16px; }
.otptit{ font-family: 'Roboto', sans-serif; font-size: 20px; font-weight: 500}
.mar-bot{ margin-bottom: 32px;}
.abha-check.form-check{padding-left: 0; margin-bottom: 0}
.abha-check.form-check .form-check-input{margin-left: -2em;}
.alert-yinfo{ background-color: #FFF9D8; border-radius: 6px; border: 1px solid #D4C848; font-size: 12px; padding: 12px;}
.box-sub-lab{ font-size: 14px; color: #686868; margin-bottom: 32px;}
.abha-mtit{ font-size: 32px; font-family: 'Roboto', sans-serif; font-weight: 500; line-height: 42px;}
.cont-box{ padding: 24px 40px 0;}
.abha-dis{ font-size: 20px; line-height: 32px}
.mar-bot8{ margin-bottom: 8px}
.text-right{ text-align: right}
.abha-icon{ margin-bottom: 16px;}
.abha-icon img{ width: 340px;}


.abha-card{ border: 2px solid #242F62; width: 425px; margin: 0 auto}
.abha-head img{ width: 422px;}
.abha-body{ height: 200px;}
.abha-p {
    position: absolute;
    width: 80px;
    top: 60px;
    left: 15px;
}

.tnct{ border: 1px solid #ddd; border-radius: 6px;padding: 8px 8px 8px 48px; margin-bottom: 32px }

.tnct .form-check-input{ margin-top: 20px}
.tnct .form-check-label{font-size: 12px; height: 60px; overflow-x: hidden; overflow-y: scroll;}
.linkbtn a{  text-decoration: none; margin: 0 16px}
.linkbtn {margin-top: 16px; color: #666}
.otp-radio .form-check{  display: inline-block; margin: 0 4px 16px 0}
.otp-radio .form-check:last-child{margin-right: 0}
.otp-radio .form-check-input{ margin-right: 2px;}
.main-btn{ padding: 16px; border: 1px solid #ddd; border-radius: 6px; margin-bottom: 24px; cursor: pointer; font-size: 18px; font-weight: 500; box-shadow: 0px 0px 5px #277CED}
.main-btn:hover{background-color: #277CED; border-color: #065FD4; color: #fff}
.main-btn:last-child{margin-bottom: 40px;}
.main-btn img{ margin-right: 16px;}
.backbtn{ cursor: pointer; margin-bottom: 16px}
.maintit{ font-size: 26px; font-weight: 500; margin: 0 0 16px 0; text-align: center}
.abha-ben{ text-align: center; padding: 0 32px 32px}
.footer{ background-color: #2a4c6d; color: #94B1CD; font-size: 12px;padding: 40px 0}
.sec{ margin-bottom: 80px}
.createabha .btn{ min-width: 150px}
.form-control-lg{padding: 0.5rem}


.foru-04{margin: 80px 0; font-size: 40px; font-weight: 500; text-align: center}
.foru-04 span{ font-size: 24px; font-weight: 400; display: block}



/*account*/
.l-menu{ width: 200px; background-color: #fff; height: 100%;  position: fixed;}
.l-menu ul{margin: 0; padding: 0; list-style: none}
.l-menu li a{padding: 12px 0 12px 12px;  font-size: 14px; color: #333; text-decoration: none; display: block}
.l-menu li.active{ color: #065FD4; border-right: 3px solid #065FD4; background-color: #E5F1FF; padding: 12px 0 12px 12px; font-size: 14px}
.abha-profile{ text-align: center; padding: 24px 12px; border-bottom: 1px solid #E5F1FF}
.pimg img{ width: 80px; height: 80px; border-radius: 50px; margin-bottom: 10px;}
.pname{ font-size: 16px; font-weight: 600; margin-bottom: 10px;}
.plogout{ color:#065FD4; cursor: pointer; font-size: 14px;}
.p-wrape{ margin-left: 200px;padding: 24px;margin-top: 72px;}
.p-box{  border-radius: 6px; padding: 16px; background-color: #fff; box-shadow: 0 2px 5px 0 rgb(0 0 0 / 5%), 0 2px 10px 0 rgb(0 0 0 / 5%)}
.inn-box{ border: 1px solid #ddd; border-radius: 6px; padding: 24px;}
.abha-ncard img{ width: 100%; margin-bottom: 24px; max-width: 450px;}
.abha-ncard{ text-align: center}
label {
    display: inline-block;
    margin-bottom: 0.5rem; font-size: 14px;
}
.inn-box section{ margin-bottom: 24px;  border-bottom: 1px solid #ddd}
.form-group {
    margin-bottom: 24px;
}
.com-header.fix{position: fixed; width: 100%; top: 0;}
.pimg.big img{ width: 120px; height: 120px; border-radius: 100px; margin-bottom: 24px;}
.m-menu{ display: inline-block; cursor: pointer; display: none}
.m-menu img{ width: 32px;}

.abha-logo img{ height: 40px;}

.l-menu.show{ display: block}




.ab-box small{ font-size: 12px; color: #999;}
.login-opt{ color: #065fd4; cursor: pointer}

.pdf-ds{height: 400px;}
.ab-box.pad-fix{ padding: 16px;}
.checkbtn{ margin: 16px 0 16px 0}
.checkbtn label{margin-left: 8px;margin-bottom: 0; font-size: 16px}

.ab-box.success img{margin-bottom: 20px;}

.canvas{
    width:120px!important;
    height:60px!important;
}
.refresh-cap{
     display: inline-block;
    vertical-align: top;
    margin-top: 14px;

}

.loading img {
    display: block;
    margin: 10px auto;
}