:root {--accent: #E7E763 ;}

/*Main*/
body{font-family: "Open Sans", sans-serif;}
.bg-main{background: #005050 !important;}
.bg-main-alt{background: #ffc107 !important;}
.text-main-alt{color:#ffc107 !important;}
.text-main{color:#000C3C !important;}
.navbar-brand.brand {display: flex;align-items: center;gap: .7rem;color: #fff;line-height: 1;}
.brand-mark {width: 50px; height: 50px;display: grid; place-items: center;font-size: 1.35rem;}
.brand strong { display: block; font-size: 1.2rem; }
.brand small {display: block;margin-top: .25rem;font-family: "Open Sans", sans-serif;font-size: .68rem;letter-spacing: .12em;text-transform: uppercase;opacity: .75;}

/*Auxilliary*/
.mhide{display:none;}
.m-card{min-height:400px;background: linear-gradient(180deg, rgba(0, 80, 80,0.8) 0%, rgba(0, 80, 80,1) 100%);}
.m-border{border-color:#005050 !important;}
.mcursor{cursor:pointer;}
.m-justify{text-align: justify;text-justify: inter-word;}
#dropZone{border: 2px dashed #aaa;text-align: center;cursor: pointer;background: #f9f9f9;min-height:150px;}
#dropZone.dragover {background: #fff3cd;border-color: #ffc107;}
.modal-open .container-fluid, .modal-open  .container {-webkit-filter: blur(5px) grayscale(90%);}
.my-st{font-size:10.5pt !important;}
.progress-circle {--size: 100px;--thickness: 8px;--value: 0;width: var(--size);height: var(--size);border-radius: 50%;position: relative;display: inline-flex;align-items: center;justify-content: center;}

/* Hollow center */
.progress-circle::before {content: "";position: absolute;inset: var(--thickness);border-radius: 50%;background: #fff;}

/* Map Bootstrap background classes to ring colors */
.progress-circle.text-bg-primary {background: conic-gradient(var(--bs-primary) calc(var(--value) * 1%), var(--bs-light) 0);}
.progress-circle.text-bg-success {background: conic-gradient(var(--bs-success) calc(var(--value) * 1%), var(--bs-light) 0);}
.progress-circle.text-bg-danger {background: conic-gradient(var(--bs-danger) calc(var(--value) * 1%), var(--bs-light) 0);}
.progress-circle.text-bg-warning {background: conic-gradient(var(--bs-warning) calc(var(--value) * 1%), var(--bs-light) 0);}
.page{position: relative; min-height: 297mm; background: white; overflow: hidden;}
.page:last-child {page-break-after: auto;}
.watermark {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover; opacity: .16;pointer-events: none;}
.page::before{content: ""; position: absolute; inset: 7mm; pointer-events: none; z-index: 3;}
.page::after{content: ""; position: absolute; left: 8mm; right: 8mm; top: 8mm; height: 16mm; background: linear-gradient(90deg, rgba(222,70,50,.08), rgba(248,226,70,.07), rgba(0,145,75,.06) ); border-radius: 2mm; pointer-events: none; z-index: 0; }
.content {position: relative; z-index: 2; }
.college-name {color: #14743f;font-weight: bold;font-size: 16pt;line-height: 1.1;margin-top: 2mm;}
.college-location {color: #14743f; font-weight: bold; font-size: 11pt; margin-top: 1mm; }
.contact {text-align: right; font-size: 9.5pt; line-height: 1.35; margin-top: 1mm; }
.contact .label {font-style: italic; color: #14743f; font-weight: bold; }
.recipient {margin: 4mm 5mm 5mm 5mm; font-size: 11pt; font-weight: bold; line-height: 1.5; }
.salutation {margin: 0 5mm 5mm 5mm; font-size: 11pt; }
.title{text-align: center; font-size: 12pt; line-height: 1.15; font-weight: bold; margin: 5mm 8mm 6mm; }
.body-text {margin: 0 5mm; font-size: 11pt; line-height: 1.38; }
.para {display: grid; grid-template-columns: 8mm 1fr; margin-bottom: 4.7mm; }
.num {font-weight: bold; }
.bold {font-weight: bold; }
.italic {font-style: italic;}
.documents {margin-top: 1mm; padding-left: 0; } 
.documents div {margin: 1mm 0; }
.closing {margin: 6mm 5mm 0; font-size: 10.7pt; line-height: 1.35; } 
.signature {display: block; width: 49mm; height: auto; margin: 5mm 0 1mm 12mm; } 
.stamp {display: block; width: 31mm; height: auto; margin-top: 9mm; } 
.footer {position: absolute; left: 13mm; right: 13mm; bottom: 9mm; z-index: 2; font-size: 8.8pt; text-align: left; } 
.page2 .body-text {margin-top: 2mm; }