*{margin:0;box-sizing:border-box !important;outline:none}html,body{width:100%}
         body{height:100%;font-size:13px;font-family:'Roboto', sans-serif;overflow-y:scroll}.container{width:75%}.row{margin-bottom:0}
         a{text-decoration:none}a:hover{text-decoration:underline}img,a img{max-width:100%;border:none;object-fit:cover;overflow:hidden}
         b,strong,label,th,h1,h2,h3,h4,h5,h6{margin:0;font-weight:500}h1{font-size:24px}h2{font-size:22px}h3{font-size:18px}h4{font-size:16px}h5{font-size:14px}h6{font-size:12px}
         button.btn-flat,input,select,textarea{margin:0 !important;padding:0 7px !important;border-radius:4px !important;-webkit-border-radius:4px !important;font-size:13px !important;font-family:'Roboto', sans-serif}input[type=text]::placeholder{color:#777}
         button.btn-flat,input,select{height:36px !important}
         .boards .head{padding-bottom:7px;border-bottom:3px solid #f44336;font-weight:500}
         .boards .body{padding-top:10px;padding-bottom:10px;border-bottom:1px solid #d5d5d5;display:flex}
         .boards .body .left img{width:70px;max-width:70px;border-radius:5px;-webkit-border-radius:5px}
         .boards .body .left:last-child{padding-left:10px}
         .archives{margin-bottom:10px}
         .archives .head{margin-bottom:5px;padding-bottom:7px;border-bottom:3px solid #f44336;font-weight:500}
         .archives .body .issue{margin-top:5px;margin-bottom:5px}
         .archives .body ul li{margin-bottom:5px;list-style:square;list-style-position:inside}
         .articles{margin-bottom:10px}
         .articles th.xs{width:50px}.articles th.sm{width:100px}
         .articles th,.articles td{padding:5px;vertical-align:top}
         .articles td .body{margin-bottom:7px}.articles td .body:last-child{margin-bottom:2px}
         .articles td .body a{font-weight:500}
         .citation{margin-top:20px;padding:10px;background-color:#cbe0cb;border:1px solid #900;color:#0000cc}
         .citation .head{margin-bottom:5px;padding-bottom:5px;border-bottom:1px dashed #999;font-weight:500}
         .citation .body{line-height:18px;-ms-word-break:break-all;word-break:break-all;word-break:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;overflow-wrap:break-word}
         .citation .body a{color:#0000cc;text-decoration:underline}
         .citation .body a:hover{text-decoration:none}
         .indexing .col{height:80px;line-height:72px;padding:0;border:1px solid #999;overflow:hidden}
         .indexing .col img{float:none;vertical-align:middle}
         .form.ajax{padding:20px 13px 10px;border:1px solid #d9d9d9;border-radius:5px;-webkit-border-radius:5px;clear:both;overflow:hidden;position:relative}
         .form.ajax .row{margin-bottom:0;padding:0 15px}
         .form.ajax .row .col{margin-bottom:15px}
         .form.ajax .row .col h3{font-weight:bold;font-family:Georgia, "Times New Roman", Times, serif}
         .form.ajax .row .col label{float:left;width:100%;color:#000}
         .form.ajax .row .col input,.form.ajax .row .col select,.form.ajax .row .col textarea{float:left;width:100%;background-color:#fff;border:1px solid #ddd;clear:both}
         .form.ajax .row .col input:focus,.form.ajax .row .col select:focus,.form.ajax .row .col textarea:focus{border-color:#2979ff;box-shadow:none;outline:none}
         .form.ajax .row .col textarea{min-height:100px;padding:7px !important}
         .form.ajax .row .col .btn{height:35px;line-height:36px;font-size:12px}
         .form.ajax .row .col button{padding:0 15px !important}
         .progress{margin:0;border-radius:0;position:absolute;top:0;left:0;z-index:999;display:none}
         #toast-container{top:auto;right:30px;bottom:30px}.toast{font-size:14px}
         .smsg{padding:10px;background-color:#ecf9e8;border:1px solid #94bc87;border-radius:3px;-webkit-border-radius:3px;color:#416336;font-weight:500;display:none}
         .footer{padding-top:10px;padding-bottom:10px;font-size:12px;font-weight:500}
         .whatsapp{width:40px;height:140px;margin:auto;position:fixed;top:0;bottom:0;right:0;z-index:99999}
         .puy29d tr{border:none;}
         .puy29d tr td{padding:5px;border:1px solid #ddd;}
         .puy29d tr td:first-child{background-color:#9a9aff}
         .puy29d tr td:last-child{background-color:#bbbbf9}
         @media(max-width:992px){
         .container{width:100%}
         .header{padding-top:0;padding-bottom:2px}
         .header .col{text-align:center}
         .header .col ul li{line-height:normal;margin:0 5px}
         .header .col a{position:inherit;display:inline-block;left:0;top:0}
         .header .col ul{width:100%;margin:7px 0}
         .header .col form{width:100%}
         .sidenav{background:#616161 url('https://www.allstudyjournal.com/images/sidebar-grid.png') left bottom no-repeat}
         .sidenav li{line-height:normal;background-color:#616161;border-bottom:1px solid #757575;color:#fff;font-size:14px;text-transform:uppercase}
         .sidenav li>a{height:auto;line-height:normal;padding:10px 20px;color:#fff;font-size:14px !important}
         .sidenav li>a:hover{text-decoration:none}
         }
         @media(max-width:600px){
         .form.ajax{padding-bottom:0}.form.ajax .row{padding:0 2px}
         #toast-container{border-radius:0;right:0;bottom:0}.toast{padding:0 10px}
         }
         .bs-row {--bs-gutter-x: 1.5rem;display: flex;flex-wrap: wrap;margin-right: calc(-0.5 * var(--bs-gutter-x));margin-left: calc(-0.5 * var(--bs-gutter-x));text-align: center;}
         .bs-row > * {flex-shrink: 0;width: 25%;display: flex;flex-direction: column;align-items: center;justify-content: space-between;row-gap: 10px;margin-bottom: 30px;padding-right: calc(var(--bs-gutter-x) * 0.5);padding-left: calc(var(--bs-gutter-x) * 0.5);}
         .bs-row > * > a {display: inline-flex;flex-direction: column;row-gap: 8px;}
         .mobilebuttons{display: flex;align-items: center;justify-content: center;clear: both;float: left;width: 100%;column-gap: 10px;margin-top: 10px;}
         .mobilebuttons.d-flex-col{flex-direction: column;row-gap: 10px;}
         .mobilebuttons .enqbtn{border-radius: 17px;border: 1px solid #2e3192;height: 34px;width: 100%;background: #fff;display: flex;align-items: center;justify-content: center;color: #2e3192;font-weight: 500;column-gap: 5px;text-decoration: none;cursor: pointer;font-size: 12px !important;}
         .mobilebuttons .enqbtn.bgbtn{background: #2e3192;color: #fff;}
         .mobilebuttons .enqbtn.hideonlarge{display: none;}
         .mobilebuttons .enqbtn span.material-icons{font-size: 16px;}
         .subscriptionenquirycanvas{background: #e6ebf8;position: fixed;bottom: -84px;left: 0;right: 0;z-index: 999;padding: 0 12px;box-shadow: 0 -5px 5px rgba(0, 0, 0, 0.15);transition: all linear 0.25s;height: 74px;}
         .subscriptionenquirycanvas .container{display: flex;align-items: center;justify-content: space-between;height: 74px;}
         .subscriptionenquirycanvas .container .hideonmobile{display: flex;align-items: center;column-gap: 15px;}
         .subscriptionenquirycanvas .container .buttongroup{display: flex;align-items: center;column-gap: 5px;}
         .subscriptionenquirycanvas .container a.enqbtn{padding: 0 9px;background: #fe610c;border-radius: 5px;color: #fff;font-weight: 500;font-family: 'Roboto', sans-serif;color: #fff;font-size: 13px;height: 34px;display: inline-flex;border: 1px solid transparent;align-items: center;column-gap: 5px;text-decoration: none;}
         .subscriptionenquirycanvas .container a.enqbtn.wab{border-color: #fe610c;background: #fff;color: #fe610c;}
         @media(max-width:600px){.bs-row > * {width: 50%;}.mobilebuttons .enqbtn.hideonlarge{display: flex;}.mobilebuttons .enqbtn.hideonsmall{display: none;}.subscriptionenquirycanvas .container .hideonmobile{display: none;}.subscriptionenquirycanvas .container{justify-content: center;}}
         .subscriptionform{background: #000a;position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 999;font-family: 'Roboto', sans-serif;display: none;}
         .subscriptionform .subscriptionformcentered{display: flex;align-items: center;justify-content: center;width: 100%;height: 100vh;padding: 16px;}
         .subscriptionform .subscriptionformcentered .subscriptionformcard{background: #fff;border-radius: 12px;width: 500px;overflow: hidden;}
         .subscriptionform .subscriptionformcentered .subscriptionformcard .subscriptionformcardhead{background: #0259b9;height: 120px;display: flex;align-items: center;justify-content: center;flex-direction: column;position: relative;row-gap: 10px;}
         .subscriptionform .subscriptionformcentered .subscriptionformcard .subscriptionformcardhead h5{color: #fff;font-size: 20px;font-weight: 500;font-family: 'Roboto', sans-serif;}
         .subscriptionform .subscriptionformcentered .subscriptionformcard .subscriptionformcardhead b{color: #fff;font-size: 15px;font-weight: 500;font-family: 'Roboto', sans-serif;}
         .subscriptionform .subscriptionformcentered .subscriptionformcard .subscriptionformcardhead button{background: none;width: 24px;height: 24px;display:flex;align-items: center;justify-content: center;border: none;cursor: pointer;position: absolute;top: 10px;right: 10px;color: #fff;}
         .subscriptionform .subscriptionformcentered .subscriptionformcard form{padding: 15px 0 2px;}
         .subscriptionform .subscriptionformcentered .subscriptionformcard form .form-row{--bs-gutter-x: 1rem;display: flex;flex-wrap: wrap;}
         .subscriptionform .subscriptionformcentered .subscriptionformcard form .form-row > *{width: 100%;flex-shrink: 0;padding-right: calc(var(--bs-gutter-x) * 1);padding-left: calc(var(--bs-gutter-x) * 1);margin-bottom: 15px;}
         .subscriptionform .subscriptionformcentered .subscriptionformcard form .form-row-2 > *{width: 50%;}
         .subscriptionform .subscriptionformcentered .subscriptionformcard form .form-row label{text-transform: uppercase;font-size: 11px;font-weight: 500;color: #333;float: left;display: block;}
         .subscriptionform .subscriptionformcentered .subscriptionformcard form .form-row .subscriptionfield{background: #fff;border-radius: 4px;width: 100%;border:1px solid #dee2e6;height: 34px;padding:0 7px;box-shadow: none;outline: none;font-family: 'Roboto', sans-serif;float: left;margin: 0;box-sizing: border-box;}
         .subscriptionform .subscriptionformcentered .subscriptionformcard form .form-row textarea.subscriptionfield{height: 80px;padding:7px;}
         .subscriptionform .subscriptionformcentered .subscriptionformcard form .form-row .subscriptionfield:focus{border-color: #0259b9;}
         .subscriptionform .subscriptionformcentered .subscriptionformcard form .form-row button,
         .subscriptionform .subscriptionformcentered .subscriptionformcard form .form-row .sloader{width: 130px;height:34px;line-height:34px;padding:0px 12px;background:#0259b9;border:none;border-radius:4px;color:#fff;font-size:12px;font-weight:500;text-align:center;text-transform:uppercase;cursor:pointer;box-shadow:0px 1px 1px rgba(0,0,0,0.3);margin:auto;display: inline-block;font-family: 'Roboto', sans-serif;}
         .subscriptionform .subscriptionformcentered .subscriptionformcard form .form-row button:active{background:#187bcf}
         .subscriptionform .subscriptionformcentered .subscriptionformcard form .form-row .sloader{opacity: 0.5;cursor: default;display: none;}
         .customtoast button{background: none;width: 24px;height: 24px;display:flex;align-items: center;justify-content: center;border: none;cursor: pointer;}
         @media(max-width:600px){.subscriptionform .subscriptionformcentered .subscriptionformcard form .form-row-2 > *{width: 100%;clear: both;}}
         .header{border-top:4px solid #ff9800;margin-bottom: 25px;}
         .header .container{display: flex;justify-content: end;align-items:center;position: relative;padding-top: 8px;padding-bottom: 8px;column-gap: 15px;}
         .header .container a{padding:2px 20px;border-radius:0 0 5px 5px;position:absolute;left: 12px;top: 0;}
         .header .container form{width:280px;border-radius:2px;display:flex}
         .header .container form input{height:32px !important;border:none !important;box-shadow:none !important}
         .header .container form button{width:36px;height:32px !important;padding:0 !important;border-radius:0 !important}
         .header .container form button i{line-height:32px;font-size:21px}
         .banner img{width: 100%;display: block;}
         nav,nav *{height:auto;min-height:auto;line-height:normal}
         nav .nav-wrapper{height: 38px;}
         nav .nav-wrapper ul{display: flex;}
         nav .nav-wrapper ul li{text-align: center;flex-grow: 1;}
         nav .nav-wrapper ul li:nth-child(6){background-color:#ad1457;}
         nav .nav-wrapper ul li a{text-transform: uppercase;font-size: 12px;font-weight: 500;text-decoration: none;height: 37px;line-height: 38px;}
         nav .nav-wrapper a.sidenav-trigger{height: 37px;line-height: 37px;text-decoration: none;}
         nav .nav-wrapper a.sidenav-trigger i.material-icons{height: 37px;line-height: 37px;display: block;margin: 0 10px 0 0;}
         .holder{padding: 10px 0;}
         .holder > .row{display: flex;flex-wrap: wrap;}
         .holder > .row .col.sidebar{width: 19%;}
         .holder > .row .col.content{width: 62%;text-align: justify;}
         .holder > .row .col.content .phead{margin-bottom: 10px;}
         .holder > .row .col.content .phead h1{font-size:18px;font-weight:bold;font-family:Georgia, "Times New Roman", Times, serif}
         .holder > .row .col.content .chead h2{font-size:16px;font-weight:bold;font-style:italic;font-family:"Times New Roman", Times, serif}
         .holder > .row .col.content .chead h2::first-letter{color:#f00;font-size:18px}
         .holder > .row .col.content a{color:#112ea5}
         .sidebar .head{padding:5px 7px;background:linear-gradient(#5c7581 50%, #546e7a 50%);border-bottom:1px solid #3a525d;color:#fff;font-weight:500}
         .sidebar .body{padding-bottom:10px;background-color:#cfd8dc}
         .sidebar .body li{padding:7px;border-top:1px solid #fff;border-bottom:1px solid #96a8b0;font-weight:500}
         .sidebar .body li a{color:#000}
         .sidebar .body.subs{float:left;width:100%;padding-top:5px;color:#000;clear:both}
         .sidebar .body.subs img{margin:5px auto 0;}
         .sidebar .body li:hover a {color: #CF0C4D;}
         .sidebar img{display:block;margin: auto;}
         .secondary-footers{background: #032741;padding: 20px 0;}
         .secondary-footers .row .col h6{font-size:14px;color:#fff;font-weight:normal;}
         .secondary-footers .row .col ul{float:left;width:100%;margin-top:20px;clear:both;}
         .secondary-footers .row .col ul li{float:left;width:100%;margin-bottom:5px;clear:both;}
         .secondary-footers .row .col ul li a{color:#a2d1ea;}
         .secondary-footers .row .col ul li a:hover{color:#fff;}
         .homeinfocard{display: flex;flex-wrap: wrap;margin: 0 -6px;}
         .homeinfocard > *{width: 33.3333%;padding: 0 6px;}
         .homeinfocard .card{display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;row-gap: 5px;padding: 10px 5px;box-shadow: none;border-radius: 4px;margin: 0;}
         .homeinfocard .card:hover{box-shadow: 0 5px 5px rgba(0,0,0,0.25);}
         .homeinfocard .card span{font-weight: 500;}
         .homeinfocard .card b{font-size: 16px;}
         .homeinfocard .card a:hover {color: darkred; text-decoration: none;}
         .homeinfolink{display: flex;flex-wrap: wrap;margin: 0 -6px;justify-content: center;row-gap: 12px;}
         .homeinfolink > *{width: 33.3333%;padding: 0 6px;}
         .homeinfolink > * a.btn-flat{font-size: 12px;font-weight: 500;padding: 0 10px;text-decoration: none;width: 100%;text-align: center;border-radius: 4px;display: flex;align-items: center;column-gap: 5px;justify-content: center;}
         .homeinfolink > * a.btn-flat span.material-icons{font-size: 18px;}
         .forauthors{font-size: 18px;font-weight: 500;text-align: center;}
         .ashtf .card{border-radius: 6px;margin: 0;}
         .ashtf .card-content{font-size: 18px;}
         .homeinfotable{border: 3px solid #e6d435;background: #4b6b80;}
         .homeinfotable ul li{display: flex;align-items: center;column-gap: 5px;padding: 5px;}
         .homeinfotable ul li span.material-icons{font-size: 14px;color: #fff;}
         @media (min-width: 1200px) {
         .self-container{width: 1100px;padding-left: 12px;padding-right: 12px;}
         }
         @media (max-width: 768px) {
         .header .container{justify-content: center;align-items: center;flex-direction: column;row-gap: 8px;padding-top: 0;padding-left: 12px;padding-right: 12px;}
         .header .container a{position:inherit;margin-top: -4px;left: auto;}
         .header .container form{width:100%;}
         .holder .row .col.sidebar{width: 100%;order: 1;}
         .holder .row .col.content{width: 100%;order: 0;}
         .secondary-footers .row{display: flex;flex-direction: column;row-gap: 20px;}
         .secondary-footers .row .col{text-align: center;}
         .homeinfocard{row-gap: 12px;}
         .homeinfocard > *,.homeinfolink > *{width: 50%;}
         }
         .redpaper-widget {
         width: 100%;
         padding: 8px;
         text-align: center;
         background: #fff;
         box-shadow: 0 8px 24px rgba(204, 0, 0, 0.15);
         transition: transform 0.3s ease;
         position: relative;
         display: flex;
         flex-direction: column;
         align-items: center;
         justify-content: center;
         row-gap: 10px;
         margin-bottom: 10px;
         border-radius: 6px;
         }
         .redpaper-widget:hover {
         transform: translateY(-4px);
         }
         .redpaper-widget img {
         float: none !important;
         width: 90px;
         height: auto;
         }
         .redpaper-widget .headline {
         font: 700 18px/1.2 sans-serif;
         color: #fff;
         background: #cc0000;
         padding: 8px 12px;
         border-radius: 6px;
         display: inline-block;
         text-transform: uppercase;
         }
         .redpaper-widget .cta {
         font: 600 15px/1.4 sans-serif;
         color: #cc0000;
         }
         .redpaper-widget .check-btn {
         background: #cc0000;
         color: #fff;
         border: none;
         padding: 10px 20px;
         font: 600 14px/1.4 sans-serif;
         border-radius: 25px;
         cursor: pointer;
         position: relative;
         overflow: hidden;
         z-index: 1;
         }
         .redpaper-widget .check-btn::before {
         content: '';
         position: absolute;
         top: 0;
         left: -100%;
         width: 100%;
         height: 100%;
         background:
         linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%),
         linear-gradient(90deg, rgba(255, 0, 0, 0.1), rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
         animation: wave-slide 2s infinite;
         z-index: 0;
         }
         .redpaper-widget .check-btn:hover {
         background: #a80000;
         }
         .redpaper-widget .check-btn span {
         position: relative;
         z-index: 2;
         }
         @keyframes wave-slide {
         0% {
         left: -100%;
         }
         50%, 100% {
         left: 100%;
         }
         }
.form-container {
	max-width: 800px;
	margin: 2rem auto;
	padding: 2.5rem;
	background: rgb(255 255 255 / .95);
	backdrop-filter: blur(20px);
	border: 1px solid rgb(255 255 255 / .2);
	border-radius: 24px;
	box-shadow: 0 20px 40px rgb(0 0 0 / .1), 0 8px 16px rgb(0 0 0 / .05), inset 0 1px 0 rgb(255 255 255 / .6);
	position: relative;
	overflow: hidden
}

.form-container::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 4px;
	border-radius: 24px 24px 0 0
}

.form-container form {
	margin-top: 20px
}

form {
	display: flex;
	flex-direction: column;
	gap: 1.5rem
}

.form-element-style {
	display: flex;
	flex-direction: column;
	position: relative
}

.form-element-style label {
	font-size: 1rem;
	font-weight: 600;
	margin-bottom: .5rem;
	color: #2c3e50;
	display: flex;
	align-items: center;
	gap: .25rem
}

.form-allowed-ext {
	font-size: 0.85rem !important;
	font-weight: 400 !important;
	color: #7f8c8d !important;
	font-style: italic
}

.form-required {
	color: #e74c3c;
	font-weight: 700;
	font-size: 1.1rem
}

.form-container input,
.form-container textarea,
.form-container select {
	padding: 1rem !important;
	font-size: 1rem !important;
	font-family: inherit !important;
	border: 2px solid #b0bec5 !important;
	border-radius: 12px !important;
	background: #f9f9f9 !important;
	color: #1a1a1a !important;
	transition: all 0.3s cubic-bezier(.4, 0, .2, 1) !important;
	position: relative !important;
	box-shadow: 0 1px 3px rgb(0 0 0 / .06) !important
}

.form-container input:focus,
.form-container textarea:focus,
.form-container select:focus {
	border-color: #1565c0 !important;
	box-shadow: 0 0 0 3px rgb(21 101 192 / .2), 0 2px 8px rgb(21 101 192 / .1) !important;
	outline: none !important
}

.form-container input:hover,
.form-container textarea:hover,
.form-container select:hover {
	border-color: #bdc3c7 !important
}

.form-container select {
	appearance: none;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");
	background-position: right .75rem center !important;
	background-repeat: no-repeat !important;
	background-size: 1.5em 1.5em !important;
	padding-right: 2.5rem !important
}

.form-container select .category-header {
	text-align: center !important;
	font-weight: bold !important;
	color: #2196f3 !important
}

.form-container input[type="file"] {
	padding: 1rem !important;
	cursor: pointer !important;
	background: linear-gradient(135deg, #f8f9fa, #e9ecef) !important;
	border: 2px dashed #bdc3c7 !important;
	border-radius: 12px !important;
	text-align: center !important;
	position: relative !important;
	transition: all 0.3s ease !important;
	font-weight: 500 !important
}

.form-container input[type="file"]:hover {
	background: linear-gradient(135deg, #e9ecef, #dee2e6) !important;
	border-color: #3498db !important;
	transform: translateY(-1px) !important
}

.form-container input[type="file"]:focus {
	border-color: #3498db !important;
	box-shadow: 0 0 0 4px rgb(52 152 219 / .15) !important
}

.form-error {
	color: #e74c3c;
	font-size: .875rem;
	margin-top: .5rem;
	font-weight: 500;
	display: flex;
	align-items: center;
	gap: .5rem;
	opacity: 0;
	transition: opacity 0.3s ease
}

.form-error:not(:empty) {
	opacity: 1
}

.form-error:not(:empty)::before {
	content: 'âš ';
	font-size: 1rem
}

.form-element-button-style {
	display: flex;
	gap: 1rem;
	justify-content: space-evenly;
	margin-top: 1.5rem
}

.form-container button {
	padding: 1rem 2rem;
	font-size: 1rem;
	font-weight: 600;
	font-family: inherit;
	border: none;
	border-radius: 12px;
	cursor: pointer;
	transition: all 0.3s cubic-bezier(.4, 0, .2, 1);
	position: relative;
	overflow: hidden;
	width: 100%;
	min-height: 50px
}

.form-container button[type="submit"],
.form-container button#submit {
	background: linear-gradient(135deg, #3498db, #2980b9);
	color: #fff;
	box-shadow: 0 4px 12px rgb(52 152 219 / .3)
}

.form-container button[type="submit"]:hover,
.form-container button#submit:hover {
	background: linear-gradient(135deg, #2980b9, #1c5aa0);
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgb(52 152 219 / .4)
}

button[type="reset"],
button#reset {
	background: linear-gradient(135deg, #95a5a6, #7f8c8d);
	color: #fff;
	box-shadow: 0 4px 12px rgb(149 165 166 / .3)
}

.form-container button[type="reset"]:hover,
.form-container button#reset:hover {
	background: linear-gradient(135deg, #7f8c8d, #6c7b7d);
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgb(149 165 166 / .4)
}

.form-container button:active {
	transform: translateY(0)
}

.form-container button.loading {
	pointer-events: none;
	opacity: .7
}

.form-container button.loading::after {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	margin: auto;
	border: 2px solid #fff0;
	border-top-color: currentColor;
	border-radius: 50%;
	animation: loading-spin 1s linear infinite;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

@keyframes loading-spin {
	0% {
		transform: translate(-50%, -50%) rotate(0deg)
	}

	100% {
		transform: translate(-50%, -50%) rotate(360deg)
	}
}

.form-success {
	background: linear-gradient(135deg, #27ae60, #2ecc71);
	color: #fff;
	padding: 1.5rem;
	border-radius: 12px;
	text-align: center;
	margin: 1rem 0;
	font-weight: 500;
	box-shadow: 0 4px 12px rgb(39 174 96 / .3);
	animation: slideIn 0.5s ease-out
}

@keyframes slideIn {
	from {
		opacity: 0;
		transform: translateY(-20px)
	}

	to {
		opacity: 1;
		transform: translateY(0)
	}
}

.form-container input:focus,
.form-container textarea:focus,
.form-container select:focus {
	animation: focusGlow 0.3s ease-out !important
}

@keyframes focusGlow {
	0% {
		box-shadow: 0 0 0 0 rgb(52 152 219 / .3)
	}

	50% {
		box-shadow: 0 0 0 6px rgb(52 152 219 / .2)
	}

	100% {
		box-shadow: 0 0 0 4px rgb(52 152 219 / .15)
	}
}

@media (max-width:768px) {
	body::after {
		font-size: 1rem;
		padding: 0 15px
	}

	.form-container {
		margin: 1rem;
		padding: 2rem 1.5rem;
		border-radius: 16px
	}

	.form-element-button-style {
		flex-direction: column;
		gap: .75rem
	}
}

@media(max-width:600px) {
	.justify .phead {
		font-size: 14px
	}

	.form.ajax .card-content {
		padding: 12px 15px
	}

	.form.ajax .card-action {
		padding: 15px
	}

	.footer.l {
		padding-bottom: 0
	}

	.footer.l .col {
		line-height: normal;
		margin-bottom: 10px;
		text-align: center
	}

	.footer.l .col a,
	.footer.l .col img {
		float: none !important
	}

	#toast-container {
		border-radius: 0;
		right: 0;
		bottom: 0
	}

	.toast {
		padding: 0 10px
	}
}

@media (max-width:400px) {
	.form-container {
		margin: .25rem auto;
		padding: 1.25rem 1rem
	}
}

.checkbox-style {
	display: flex !important
}

.checkbox-style input {
	max-width: 100px !important;
	margin-right: 10px !important
}