/*** general section ***/
*{box-sizing: border-box;}
html{scroll-behavior: smooth; position: relative; height: 100%;}
/* body{font-family: "agendamedium"!important; background-color: #aac2d7; } */
body{font-family: 'Montserrat', sans-serif; background-color: #aac2d7; }
a:hover{text-decoration: none;}
ul li{list-style: none;}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus  {transition: background-color 5000s ease-in-out 0s !important; -webkit-box-shadow: 0 0 0 100px white inset;}
input{box-shadow: none; filter: none !important;}
:-moz-autofill, :-moz-autofill-preview { filter: grayscale(21%) brightness(88%) contrast(161%) invert(10%) sepia(40%) saturate(206%);}
input.form-control[readonly]{background-color: #fff;}
::selection { background: #233282; color: #fff;}
.btn:focus { box-shadow: none !important;}

.main_bg{ background: -webkit-linear-gradient(-45deg, rgb(139 181 229) 0%,  rgba(125, 185, 232, 0) 100%); background-size: contain; background-repeat: no-repeat; background-position: center; background-attachment: fixed;}
/* .main_bg{background-image: url('../images/1635.jpg'); background-repeat: no-repeat; background-size: cover; background-blend-mode: overlay; background-position: center; background-attachment: fixed;} */
/* .main_bg::after{content: ''; display: flex; width: 100%; height: 100%; position: absolute; top: 0; z-index: -1; background: -webkit-linear-gradient(-45deg, rgb(139 181 229) 0%,  rgba(125, 185, 232, 0) 100%);} */
.content_section{padding-top: 90px;}

.divider_line{width: 130px; height: 2px; margin-top: 0px; margin-bottom: 30px; display: flex;}
.divider_line span{width: 100%; height: 2px; background: #7ae4f4;}

.no_padding{padding: 0;}
.no_margin{margin: 0;}
/*** general section ***/

/*** navbar section ***/
nav.navbar{background-color: #fff !important; padding: 0 40px;}
nav.navbar a .main_logo{max-width: 90px;}
nav.navbar #main_nav ul li a{color: #1e2364; font-size: 14px; font-weight: 600; text-transform: uppercase; transition: all 0.3s ease-in-out; letter-spacing: 0; line-height: 90px !important; padding: 0 20px;}
.main_header{position: fixed; top: 0; right: 0; left: 0; z-index: 1030;}
.scrolled-down{ transform:translateY(-100%); transition: all 0.3s ease-in-out; }
.main_header .dropdown-item:hover{color: #293340 !important; background-color: transparent;}
.scrolled-up{ transform:translateY(0); transition: all 0.3s ease-in-out; background: #fff; border-color: rgba(235,235,235,.5);}
.scrolled-up #main_nav ul li a{color: #1e2364; transition: all 0.3s ease-in-out; line-height: 60px !important;}
nav.navbar.scrolled-up2{background-color: #fff !important;}
nav.navbar.scrolled-up2 #main_nav ul li a{color: #1e2364; transition: all 0.3s ease-in-out; line-height: 60px !important;}
.transform_class{transform:translateY(0); transition: all 0.3s ease-in-out;}
nav.navbar .close_btn{background-color: transparent;position: relative; display: flex; justify-content: center; align-items: center; height: 60px; cursor: pointer; transition: all .5s ease-in-out;}
.close_btn .lines{width: 20px; position: absolute; height: 2px; background: #6d7783; border-radius: 5px; transition: all .5s ease-in-out;}
.close_btn .lines::before, .close_btn .lines::after{content: ''; position: absolute; right: 0; width: 20px; height: 2px; background: #6d7783; border-radius: 5px;   -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: top 0.3s 0.4s ease-in-out, -webkit-transform 0.3s ease-in-out;
    -moz-transition: top 0.3s 0.4s ease-in-out, -moz-transform 0.3s ease-in-out; -o-transition: top 0.3s 0.4s ease-in-out, -o-transform 0.3s ease-in-out;
    transition: top 0.3s 0.4s ease-in-out, -webkit-transform 0.3s ease-in-out, -moz-transform 0.3s ease-in-out, -o-transform 0.3s ease-in-out, transform 0.3s ease-in-out;}
.close_btn .lines::before{top: 8px;}
.close_btn .lines::after{top: -8px;}
.close_btn.open_btn .lines{transition: background 0.3s 0s ease-in-out; background: transparent; box-shadow: none; }
.close_btn.open_btn .lines::before{-webkit-transform: rotate3d(0, 0, 1, 45deg); -moz-transform: rotate3d(0, 0, 1, 45deg); -o-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg);}
.close_btn.open_btn .lines::after{ -webkit-transform: rotate3d(0, 0, 1, -45deg); -moz-transform: rotate3d(0, 0, 1, -45deg); -o-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg);}
.close_btn.open_btn .lines::before , .close_btn.open_btn .lines::after{ top: 0; width: 20px; -webkit-transition: top 0.3s ease-in-out, -webkit-transform 0.3s 0.4s ease-in-out;
    -moz-transition: top 0.3s ease-in-out, -moz-transform 0.3s 0.4s ease-in-out; -o-transition: top 0.3s ease-in-out, -o-transform 0.3s 0.4s ease-in-out;
    transition: top 0.3s ease-in-out, -webkit-transform 0.3s 0.4s ease-in-out, -moz-transform 0.3s 0.4s ease-in-out, -o-transform 0.3s 0.4s ease-in-out, transform 0.3s 0.4s ease-in-out;}
nav.navbar .close_btn:focus{outline: none !important;}

/*** navbar section ***/

/*** scroll top button section ***/
#scroll_top_btn { display: none; position: fixed; bottom: 20px; right: 30px; z-index: 99; font-size: 18px; border: none; outline: none; height: 29px; width: 29px; line-height: 12px!important; background-color: rgba(0,0,0,0.4); color: #fff; cursor: pointer; transition: background-color 0.1s linear;
    -moz-transition: background-color 0.1s linear;  -webkit-transition: background-color 0.1s linear; -o-transition: background-color 0.1s linear; border-radius: 2px; }
#scroll_top_btn i{ font-size: 14px; top: 0px; left: 0px; text-align: center; background-color: transparent;}
#scroll_top_btn:hover { background-color: rgba(0,0,0,0.8); }
/*** scroll top button section ***/

/*** animated button section ***/
.pink_btn{ background: rgb(242, 181, 212); color: #fff;}
.pink_btn:hover{background-color: rgb(110, 131, 165); color: #fff;}
.pink_btn.round_btn .hover_line{background-color: rgba(255, 255, 255, 0.35);}
.white_btn{ background: rgb(255, 233, 244); color: #6e83a5;}
.white_btn:hover{background-color: rgb(242, 181, 212); color: #fff;}
.white_btn.round_btn .hover_line{background-color: rgba(255, 255, 255, 0.35); }
.round_btn{display: block; text-align: center; height: 60px; min-width: 240px; margin: 20px auto; max-width: 200px; font-size: 13px; font-weight: 500; text-transform: uppercase;
    letter-spacing: 2.6px; border-radius: 30px; line-height: 3.5;}
.round_btn .hover_line{ width: 200%; height: 20px; position: absolute; left: -200%; transform: rotateZ(45deg);
    -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -o-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg);} 
.round_btn_hover{position: relative; z-index: 1; overflow: hidden;} 
.round_btn_hover:hover .hover_line{transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; left: 100%;}
/*** animated button section ***/

/*** section styling ***/
.user_greet_wraps{font-size: 20px; color: #233282; line-height: 1.25em; margin-bottom: 10px;}
.sec_title{font-size: 38px; color: #233282; line-height: 1.25em; text-align: left; letter-spacing: 0px; font-family: 'Montserrat', sans-serif; font-weight: 400;}
.sec_para{font-size: 18px; font-weight: 300!important;}
.card_container{background-color: #fff; width: 100%; box-shadow: 0 0 7px 0px #abcedf;}
.section_wrapper{padding: 20px; }
/* .right_section{min-height: 500px;} */
.right_section .form_section{padding: 25px !important;}
/*** section styling ***/

/* small card style */
.small_cardbox{max-width: 490px; margin: 0 auto;}
.small_cardbox .right_section{min-height: auto;}
/* small card style */


/* form styling */
.display_property{display: none;}
.form_line{position: relative; width: 100%; margin: 5px 2px; overflow: hidden; height: 70px;}
.form_line input{width: 100%; height: 100%; padding-top: 20px; border: none; outline: none;}
.form_line input:focus{border: none; box-shadow: none;}
.form_line label{position: absolute; bottom: 0; left: 0; width: 100%; height: 70px; pointer-events: none; border-bottom: 1px solid #6e83a5; border-radius: 0; }
.form_line label::after{content: ''; position: absolute; width: 100%; height: 100%; border-bottom: 2px solid #6e83a5; border-radius: 0; left: 0; bottom: -1px; transform: translateX(-100%); transition: transform 0.3s ease;} 
.content_name{position: absolute; bottom: 5px; left: 0; transition: all 0.3s ease; color: #495057;}
.form_line input:focus + .label_name .content_name, .form_line input:not([value=""]) + .label_name .content_name , .form_line input:valid:not([value=""]) + .label_name .content_name{transform: translateY(-150%); font-size: 14px; color: #6e83a5; }
.form_line input:focus + .label_name::after,  .form_line input:not([value=""]) + .label_name::after , .form_line input:valid:not([value=""]) + .label_name::after{transform: translateX(0%);} 

/* upload file styling */
.uploader { display: block; clear: both; margin: 10px auto; width: 100%; max-width: 600px; background: rgba(110,131,165,0.32); text-align: center;}
.uploader label {float: left; clear: both; width: 100%; padding:0; cursor: pointer; text-align: center; margin: 0;  -webkit-transition: all .2s ease; transition: all .2s ease; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
/* .uploader label:hover { border-color: #454cad;}
.uploader label.hover { border: 3px solid #454cad; box-shadow: inset 0 0 0 6px #eee; } */
.uploader label.hover #start i.fa { -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0.3; }
.uploader #start { float: left; clear: both; width: 100%; }
.uploader #start.hidden { display: none; }
.uploader #start i.fa {font-size: 16px; margin-bottom: 1rem; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.uploader #response { float: left; clear: both; width: 100%; }
.uploader #response.hidden { display: none; }
.uploader #response #messages { margin: .5rem; }
.uploader #file-image { display: inline; margin: 10px auto .5rem auto; width: 100%; max-width: 150px;}
.uploader #file-image.hidden { display: none; }
.uploader #notimage { display: block; float: left; clear: both; width: 100%;}
.uploader #notimage.hidden { display: none;}
.uploader progress, .uploader .progress { display: inline; clear: both; margin: 0 auto; width: 100%; max-width: 150px; height: 8px; border: 0; border-radius: 4px; background-color: #eee; overflow: hidden;}
.uploader .progress[value]::-webkit-progress-bar { border-radius: 4px; background-color: #eee; }
.uploader .progress[value]::-webkit-progress-value {  background: -webkit-gradient(linear, left top, right top, from(#393f90), color-stop(50%, #454cad)); background: linear-gradient(to right, #393f90 0%, #454cad 50%); border-radius: 4px; }
.uploader .progress[value]::-moz-progress-bar { background: linear-gradient(to right, #393f90 0%, #454cad 50%); border-radius: 4px;}
.uploader input[type="file"] { display: none; }
.upload_ticket_btn{margin-top: 15px;}
.uploader div { color: #5f6982; justify-content: center; align-items: center;}

.ticketUpload #messages strong{ width: 100%; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 20px; font-size: 14px; }
.alert_wrapper div {margin: 0; font-size: 12px; text-transform: uppercase;}
#file-image { border-radius: 5px; cursor: pointer; transition: 0.3s; }
#file-image:hover {opacity: 0.7;}
.modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto;  background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.9);}
.modal-content { margin: 25px auto; display: block; width: 80%; max-width: 520px;}
#caption { margin: auto; display: block; width: 80%; max-width: 700px; text-align: center; color: #ccc; padding: 10px 0;}
.modal-content, #caption { -webkit-animation-name: zoom; -webkit-animation-duration: 0.6s; animation-name: zoom; animation-duration: 0.6s;}
@-webkit-keyframes zoom { from {-webkit-transform:scale(0)} to {-webkit-transform:scale(1)}}
@keyframes zoom {from {transform:scale(0)}  to {transform:scale(1)}}
.close { position: absolute; top: 35px; right: 35px; color: #f1f1f1; font-size: 40px; font-weight: bold; transition: 0.3s;}
.close:hover, .close:focus { color: #bbb; text-decoration: none; cursor: pointer;}
/* upload file styling */
/* dropdown styling */
.form_line_custom{position: relative; width: 100%; margin: 5px 1px;} 
.drop_down .selected a .label{ transition: all 0.3s ease; transform: translateY(0); position: absolute; bottom: 10px; left: 0;}
.drop_down .selected a .label.select_label {transform: translateY(-150%); font-size: 14px; color: #6e83a5; transition: transform 0.3s ease;}
.drop_down .selected a{ display:block; text-decoration:none; height: 70px; padding: .375rem 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border-bottom: 1px solid #ced4da; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.drop_down .selected a .text{float: left; width: 100%; margin-top: 30px;}
.drop_down .selected a span{cursor:pointer; display:block; }
.drop_down .option{ position:relative; }
.drop_down .options ul{ background:#fff none repeat scroll 0 0;  z-index: 9; display:none; list-style:none; padding:0px 0px; position:absolute; left:0px; width:100%; min-width:170px; border:1px solid #d7d7d7; }
.drop_down .selected span.value, .drop_down .options span.value{ display: none; }
.drop_down .options ul li a{ padding:5px; display:block; text-decoration:none; color: #6e83a5;}
.drop_down .options ul li a:hover{ background:#6e83a5; color:#fff; transition:0.2s ease;}
.drop_down::after{ content: '\f078'; font: normal normal normal 17px/1 FontAwesome; padding: 0; position: absolute; right: 10px; top: 35px; z-index: 1; text-align: center; color: #6e83a5; width: 20px; pointer-events: none;}

/* dropdown styling */
/* checkbox */
.checkbox_wrapper {position: relative; margin-top: 15px;}
.cbx { -webkit-user-select: none; user-select: none; cursor: pointer; padding: 6px 8px; border-radius: 6px; overflow: hidden; transition: all 0.2s ease; }
.cbx:not(:last-child) { margin-right: 6px;}
.cbx:hover { background: rgba(0,119,255,0.06);}
.cbx span { float: left; vertical-align: middle; transform: translate3d(0, 0, 0);}
.cbx span:first-child { position: relative; width: 18px; height: 18px; border-radius: 4px; transform: scale(1); border: 1px solid #cccfdb; transition: all 0.2s ease; box-shadow: 0 1px 1px rgba(0,16,75,0.05); }
.cbx span:first-child svg { position: absolute; top: 3px; left: 2px; fill: none; stroke: #fff; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 16px; stroke-dashoffset: 16px; transition: all 0.3s ease; transition-delay: 0.1s; transform: translate3d(0, 0, 0); }
.cbx span:last-child { padding-left: 8px; line-height: 18px;}
.cbx:hover span:first-child { border-color: #8ea2c2;}
.inp-cbx { position: absolute; opacity: 0;}
.inp-cbx:checked + .cbx span:first-child { background: #6e83a5 ; border-color: #8ea2c2; animation: wave 0.4s ease;}
.inp-cbx:checked + .cbx span:first-child svg { stroke-dashoffset: 0;}


@-moz-keyframes wave {
    50% {
        transform: scale(0.9);
    }
}
@-webkit-keyframes wave {
    50% {
        transform: scale(0.9);
    }
}
@-o-keyframes wave {
    50% {
      transform: scale(0.9);
    }
}
@keyframes wave {
    50% {
        transform: scale(0.9);
    }
}

.check_text{margin-left: 5px; width: 90%; font-size: 12px;}
.check_text .anchore_link{width: auto !important;}
/* checkbox */
/* radio style */
[type="radio"]:checked, [type="radio"]:not(:checked) { position: absolute; left: -9999px;}
[type="radio"]:checked + label, [type="radio"]:not(:checked) + label{ position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; color: #666;}
[type="radio"]:checked + label:before, [type="radio"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 0; width: 20px; height: 20px; border: 1px solid #ddd; border-radius: 100%; background: #fff;}
[type="radio"]:checked + label:after, [type="radio"]:not(:checked) + label:after { content: ''; width: 12px; height: 12px; background: #6e83a5; position: absolute; top: 4px; left: 4px; border-radius: 100%;  -webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
[type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0);}
[type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1);}
.radiobox_wrapper{position: relative; width: 100%; margin: 5px 1px;}
.radiobox_wrapper .radio_box:last-child{margin-left: 20px;}
.radio_box{ line-height: 70px;}
/* radio style */
/* add new line styling */
.anchore_link{color: #869aba; width: 100%; text-align: right; font-size: 12px; text-transform: uppercase;}
.add_new_line_wrapper{position: relative;}
.add_new_line_wrapper .form_line input{padding-right: 70px; text-transform: uppercase;}
.add_new_line_wrapper a.save_icon{position: absolute; right: 40px; top: 30px; cursor: pointer; color: rgb(86 84 191 / 58%);}
.add_new_line_wrapper a.delete_icon{position: absolute; right: 10px; top: 30px; cursor: pointer; color: rgb(255 0 0 / 58%);}
.add_new_line_wrapper a i{font-size: 18px; }
.add_new_line_wrapper .form_line input[value=""]:focus + .label_name .content_name {transform: translateY(-150%) !important; font-size: 14px; color: #6e83a5; }
input:invalid {color: red; }
/* .add_new_line_wrapper .form_line input:focus + .label_name::after , .form_line input:[value=""] + .label_name::after{transform: translateX(0%) !important;} */
/* .add_new_line_wrapper .form_line input[value=""] + .label_name .content_name{transform: translateY(-150%) !important;} */
/* add new line styling */
.form_section .uploadDoc {width: 100%;}
/* form styling */

/* left numbering secton */
.left_headbar_section{display: flex; background-color: #6e83a5;}
.left_headbar_section .form_head_bar{display: flex;}
.left_headbar_section .form_head_bar .left-tabs{flex-direction: column; display: flex; justify-content: center;}
.tab_numbers{background-color: #fff; color: #6e83a5; font-size: 36px; width: 60px; height: 60px; line-height: 60px; text-align: center; margin: 15px 35px; border-radius: 50%;}
.tab_numbers.active{color: #fff; border: 2px solid #fff; background-color: transparent;}
.page_title{text-align: center; word-wrap: break-word; color: #fff; font-size: 36px; width: 30px; line-height: 50px; margin: 15px 50px; font-weight: 800;}
/* left numbering secton */

.moible_view{display: none;}
.card_container.desktop_view{margin: 0 auto; max-width: 830px; padding: 0 10px; width: 100%;}
.card_container.desktop_view p{padding: 0; font-size: 16px; text-align: left;}
.desktop_view img{max-width: 230px; margin: 70px auto;}


/* multi step form */


.tab {display: none;}
#regForm {padding: 15px;}
#regForm .tab_title{margin: 0;}
#prevBtn {background-color: #bbbbbb; }
.tab_title{text-align: center; margin: 30px 0; display: inline-block; width: 100%;}

li.step{display: inline-block;}
.tab_title ul{ box-shadow: inset 0 0 14px 3px #7f9ed0; padding: 0; margin: 0; text-align: center; display: inline-block; background-color: #b0cded; border-radius: 50px;}
.tab_title ul li.step{margin: 0 auto; float: left;}
.step.active .active_text{background-color: #6e83a5; padding: 10px 22px; font-size: 14px;}
.step .active_text{background-color: transparent; -webkit-border-radius: 50px; border-radius: 50px; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; border: none; padding: 10px 22px; font-size: 12px; display: inline-block; color: #fff; height: 44px; line-height: 22px; }

.tab .sec_para{margin: 20px 0 !important;}
 

/* next previous btns */
.cta_btns_wrapper{display: flex; justify-content: flex-end;}
.cta_btns{display: inline-block; width: 100%; text-align: right;}
.cta_btns_wrapper .cta_btns .small_btn.pre_btn{ min-width: 60px !important; font-size: 20px; line-height: 50px; position: relative; margin-right: 10px;}
.cta_btns_wrapper .cta_btns .small_btn.pre_btn .btn_text{transform: translateY(-25px) translateX(-10px); }
.cta_btns_wrapper .cta_btns .small_btn .btn_text{ position: absolute; transform: translateY(-25px) translateX(-5px);}
/* next previous btns */

/* time pick input style */
.timer_box_wrapper{margin: 15px 0;}
.timer_box_wrapper .title{display: flex; justify-content: flex-start; font-size: 14px; color: #6e83a5;}
.time_input_boxs_wrap{display: flex; justify-content: flex-start; margin: 0 -14px;}
.time_input_boxs{width: 100%; margin: 5px 15px;}
.time_input_boxs .label_name{width: 100%; font-size: 14px; color: #6e83a5;}
.time_input_boxs .label_name small{font-weight: bold;}
.time_input_boxs input{border-bottom: 2px solid #6e83a5; border-width: 0 0 2px 0; border-radius: 0; font-weight: bold; }
.time_input_boxs input:focus{box-shadow: none; border-bottom: 1px solid #6e83a5; border-width: 0 0 1px 0;}
/* time pick input style */

/* success fail animation */
.flex_container{display: flex; flex-direction: column; min-height: 88vh;}
.flex_container .bootom_line{width: 100%; text-align: center; margin-top: auto;}
.pay_report_wrapper svg { width: 100px; display: block; margin: 40px auto 0;}
.pay_report_wrapper .path { stroke-dasharray: 1000; stroke-dashoffset: 0;}
.pay_report_wrapper .path.circle { -webkit-animation: dash 0.9s ease-in-out; animation: dash 0.9s ease-in-out;}
.pay_report_wrapper .path.line { stroke-dashoffset: 1000; -webkit-animation: dash 0.9s 0.35s ease-in-out forwards; animation: dash 0.9s 0.35s ease-in-out forwards;}
.pay_report_wrapper .path.check { stroke-dashoffset: -100; -webkit-animation: dash-check 0.9s 0.35s ease-in-out forwards; animation: dash-check 0.9s 0.35s ease-in-out forwards;}
.pay_report_wrapper p{text-align: center; margin: 15px 0 !important;}
.pay_report_wrapper p.success { color: #73AF55; margin: 15px 0;}
.pay_report_wrapper p.error { color: #D06079; margin: 15px 0;}
@-webkit-keyframes dash {
0% {
    stroke-dashoffset: 1000;
}
100% {
    stroke-dashoffset: 0;
}
}
@keyframes dash {
0% {
    stroke-dashoffset: 1000;
}
100% {
    stroke-dashoffset: 0;
}
}
@-webkit-keyframes dash-check {
0% {
    stroke-dashoffset: -100;
}
100% {
    stroke-dashoffset: 900;
}
}
@keyframes dash-check {
0% {
    stroke-dashoffset: -100;
}
100% {
    stroke-dashoffset: 900;
}
}
/* success fail animation */
/* overlay section */
.overlay_section  {position: fixed; top: 0; left: 0; display: none; z-index: 1050; width: 100%; height: 100%; overflow: hidden; outline: 0;}
.overlay_section.overlay_section_view{display: table;}
.centered_content{display: table-cell; vertical-align: middle; padding: 15px; text-align: center;}
.overlay_section_view + section.content_section{filter: blur(25px); -webkit-filter: blur(25px); -moz-filter: blur(25px); -o-filter: blur(25px); -ms-filter: blur(25px);}
/* overlay section */

/* footer section */
footer{width: 100%; text-align: center; color: #fff;}
.main_footer{background: -webkit-linear-gradient(-45deg, rgb(81 99 119) 0%,  rgb(93 139 174 / 63%) 100%); padding: 50px 0 0px;}
.main_footer h4{font-size: 18px; margin-bottom: 30px;}
.main_footer a{font-size: 18px; color: #fff;}
.small_footer{margin-top: 30px; display: flex; justify-content: space-between; padding: 10px 20px; font-size: 12px; line-height: 12px; background: -webkit-linear-gradient(-45deg, rgb(0 0 0 / 15%) 0%, rgb(93 139 174 / 0%) 100%);}
.small_footer small{ font-size: 12px;}
.small_footer .links a{ font-size: 12px;}
/* footer section */

/*** responsive section ***/
@media (max-width: 992px){
    nav.navbar{background-color: #fff !important; padding: 0 15px;}
    nav.navbar #main_nav{margin: 0 -15px;  transition: all 0.3s ease-in-out;}
    nav.navbar #main_nav ul.navbar-nav{ height: 100vh;}
    nav.navbar a .main_logo { max-width: 60px; }
    nav.navbar #main_nav ul li a , nav.navbar.scrolled-up2 #main_nav ul li a{color: #d2f0ff; font-size: 12px; font-weight: 700; line-height: 25px !important; border-top: 1px solid #d2f0ff; background-color: #6e83a5; padding: 10px 15px; text-transform: capitalize;}
    .content_section{margin-top: 60px; padding-top: 0px;}
    .left_headbar_section , .form_head_bar , .left-tabs{width: 100%; } 
    .left_headbar_section .form_head_bar .left-tabs{flex-direction: row;}
    .card_container{margin: 10px auto;}
    .tab_numbers{font-size: 26px; width: 40px; height: 40px; line-height: 40px;}
    .sec_title{font-size: 22px; padding-top: 20px !important;}
    .sec_para { font-size: 16px; line-height: 22px;}
    .divider_line{margin-bottom: 20px;}
    .sec_para{ padding-bottom: 0 !important; margin-bottom: 0 !important;}
    .form_section{padding: 20px !important; }
    .form_section .form-row{margin: 0 !important;}
    .round_btn{margin: 20px auto; display: inline-block; max-width: 200px; min-width: 180px;}
    #myModal .modal-content { width: 100%; max-width: 470px;}
    .form_section .uploadDoc{padding-top: 0 !important;}
    .right_section{margin: 0; padding: 0;}
    .page_title{font-size: 26px; writing-mode: horizontal-tb; width: auto;} 
    .desktop_view{display: none;}
    .moible_view{display: block;}
    .pay_report_wrapper {padding: 10px;}
    .pay_report_wrapper .round_btn{display: block;}
}
@media (min-width: 992px){
    .navbar-expand-lg .navbar-toggler { display: none !important;}
}
@media (max-width: 600px){
    .small_footer{display: inline-block; width: 100%; }
    .small_footer small{display: inline-block; width: 100%; margin-bottom: 10px;}
}
@media (max-width: 375px){
    .step.active .active_text{padding: 10px 15px; font-size: 12px;}
    .step .active_text{padding: 10px 14px; font-size: 12px;}
}
/*** responsive section ***/


#file-pdf{
    width: 30px;
    margin-top: 5px;
}

.autofill-lable{
    transform: translateY(-150%);
    font-size: 14px;
    color: #6e83a5;
}