:root{
--color-1: 9, 108, 225;
--color-2: 3, 63, 134;
--color-3: 0, 162, 177;
--color-4: 255, 185, 0;
--color-5: 132, 152, 187;
--bg-opacity:1;
--text-opacity:1;
--border-opacity:1;
--shadow-opacity:.15;
--font-family:'yekanbakh';
}

.page {  background: #f9f9f9;}

/* ===== BACKGROUND ======*/
.bg-1{background-color:rgba(var(--color-1),var(--bg-opacity)) !important;}
.bg-2{background-color:rgba(var(--color-2),var(--bg-opacity)) !important;}
.bg-3{background-color:rgba(var(--color-3),var(--bg-opacity)) !important;}
.bg-4{background-color:rgba(var(--color-4),var(--bg-opacity)) !important;}
.bg-5{background-color:rgba(var(--color-5),var(--bg-opacity)) !important;}


/* ====== BACKGROUND OPACITY ====== */
.bg-opacity-5{--bg-opacity:.05;}.bg-opacity-10{--bg-opacity:.10;}.bg-opacity-20{--bg-opacity:.20;}.bg-opacity-30{--bg-opacity:.30;}.bg-opacity-40{--bg-opacity:.40;}.bg-opacity-50{--bg-opacity:.50;}.bg-opacity-60{--bg-opacity:.60;}.bg-opacity-70{--bg-opacity:.70;}.bg-opacity-80{--bg-opacity:.80;}.bg-opacity-90{--bg-opacity:.90;}.bg-opacity-100{--bg-opacity:1;}

/* ====== GRADIENT BACKGROUNDS ====== */
.bg-gra-1{background:linear-gradient(0deg,rgba(var(--color-1),1) 10%,rgba(var(--color-2),1) 100%) !important;}
.bg-gra-2{background:linear-gradient(0deg,rgba(var(--color-2),1) 10%,rgba(var(--color-1),1) 100%) !important;}
.bg-gra-3{background:linear-gradient(0deg,rgba(var(--color-3),1) 10%,rgba(var(--color-2),1) 100%) !important;}
.bg-gra-4{background:linear-gradient(0deg,rgba(var(--color-4),1) 10%,rgba(var(--color-4),0) 100%) !important;}
.bg-gra-5{background:linear-gradient(0deg,rgba(var(--color-5),1) 10%,rgba(var(--color-5),0) 100%) !important;}
.bg-gra-6{background:linear-gradient(0deg,rgba(var(--color-6),1) 10%,rgba(var(--color-6),0) 100%) !important;}


/* ====== HOVER - BACKGROUND ====== */
.bg-hover-1:hover{background-color:rgba(var(--color-1),var(--bg-opacity)) !important;}
.bg-hover-2:hover{background-color:rgba(var(--color-2),var(--bg-opacity)) !important;}
.bg-hover-3:hover{background-color:rgba(var(--color-3),var(--bg-opacity)) !important;}
.bg-hover-4:hover{background-color:rgba(var(--color-4),var(--bg-opacity)) !important;}
.bg-hover-5:hover{background-color:rgba(var(--color-5),var(--bg-opacity)) !important;}

/* ====== BACKGROUND OPACITY ====== */
.bg-opacity-5{--bg-opacity:.05;}.bg-opacity-10{--bg-opacity:.10;}.bg-opacity-20{--bg-opacity:.20;}.bg-opacity-30{--bg-opacity:.30;}.bg-opacity-40{--bg-opacity:.40;}.bg-opacity-50{--bg-opacity:.50;}.bg-opacity-60{--bg-opacity:.60;}.bg-opacity-70{--bg-opacity:.70;}.bg-opacity-80{--bg-opacity:.80;}.bg-opacity-90{--bg-opacity:.90;}.bg-opacity-100{--bg-opacity:1;}

/* ====== TEXT ====== */
.text-1{color:rgba(var(--color-1),var(--text-opacity)) !important;}
.text-2{color:rgba(var(--color-2),var(--text-opacity)) !important;}
.text-3{color:rgba(var(--color-3),var(--text-opacity)) !important;}
.text-4{color:rgba(var(--color-4),var(--text-opacity)) !important;}
.text-5{color:rgba(var(--color-5),var(--text-opacity)) !important;}

/* ====== GRADIENT TEXT ====== */
.text-gra-1{background:linear-gradient(90deg,rgba(var(--color-1),1) 0%,rgba(var(--color-2),1) 70%,rgba(var(--color-3),1) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}
.text-gra-2{background:linear-gradient(90deg,rgba(var(--color-2),1) 0%,rgba(var(--color-1),1) 70%,rgba(var(--color-3),1) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}

/* ====== HOVER - TEXT ====== */
.text-hover-1:hover{color:rgba(var(--color-1),var(--text-opacity)) !important;}
.text-hover-2:hover{color:rgba(var(--color-2),var(--text-opacity)) !important;}
.text-hover-3:hover{color:rgba(var(--color-3),var(--text-opacity)) !important;}
.text-hover-4:hover{color:rgba(var(--color-4),var(--text-opacity)) !important;}
.text-hover-5:hover{color:rgba(var(--color-5),var(--text-opacity)) !important;}

/* ====== TEXT OPACITY ====== */
.text-opacity-5{--text-opacity:.05;}.text-opacity-10{--text-opacity:.10;}.text-opacity-20{--text-opacity:.20;}.text-opacity-30{--text-opacity:.30;}.text-opacity-40{--text-opacity:.40;}.text-opacity-50{--text-opacity:.50;}.text-opacity-60{--text-opacity:.60;}.text-opacity-70{--text-opacity:.70;}.text-opacity-80{--text-opacity:.80;}.text-opacity-90{--text-opacity:.90;}.text-opacity-100{--text-opacity:1;}

/* ====== BORDER ====== */
.bor-1{border:1px solid rgba(var(--color-1),var(--border-opacity));}
.bor-2{border:1px solid rgba(var(--color-2),var(--border-opacity));}
.bor-3{border:1px solid rgba(var(--color-3),var(--border-opacity));}
.bor-4{border:1px solid rgba(var(--color-4),var(--border-opacity));}
.bor-5{border:1px solid rgba(var(--color-5),var(--border-opacity));}

/* ====== BORDER STYLE ======*/
.bor-solid{border-style:solid !important;}
.bor-dashed{border-style:dashed !important;}
.bor-none{border-style:none !important;}

/* ====== HOVER - BORDER ====== */
.bor-hover-1,.bor-hover-2,.bor-hover-3,.bor-hover-4{border-width:1px;border-style:solid;border-color:transparent;}
.bor-hover-1:hover{border-color:rgba(var(--color-1),var(--border-opacity)) !important;}
.bor-hover-2:hover{border-color:rgba(var(--color-2),var(--border-opacity)) !important;}
.bor-hover-3:hover{border-color:rgba(var(--color-3),var(--border-opacity)) !important;}
.bor-hover-4:hover{border-color:rgba(var(--color-4),var(--border-opacity)) !important;}
.bor-hover-5:hover{border-color:rgba(var(--color-5),var(--border-opacity)) !important;}

/* ====== BORDER OPACITY ====== */
.bor-opacity-5{--border-opacity:.05;}.bor-opacity-10{--border-opacity:.10;}.bor-opacity-20{--border-opacity:.20;}.bor-opacity-30{--border-opacity:.30;}.bor-opacity-40{--border-opacity:.40;}.bor-opacity-50{--border-opacity:.50;}.bor-opacity-60{--border-opacity:.60;}.bor-opacity-70{--border-opacity:.70;}.bor-opacity-80{--border-opacity:.80;}.bor-opacity-90{--border-opacity:.90;}.bor-opacity-100{--border-opacity:1;}

/* ====== SHADOW ====== */
.shadow-1-1{box-shadow:0 0px 3px rgba(var(--color-1),var(--shadow-opacity)) !important;}
.shadow-1-2{box-shadow:0 0px 8px rgba(var(--color-1),var(--shadow-opacity)) !important;}
.shadow-1-3{box-shadow:0 0px 24px rgba(var(--color-1),var(--shadow-opacity)) !important;}
.shadow-1-4{box-shadow:0 0px 40px rgba(var(--color-1),var(--shadow-opacity)) !important;}
.shadow-1-5{box-shadow:0 0px 60px rgba(var(--color-1),var(--shadow-opacity)) !important;}

/* ====== SHADOW COLOR 2 ====== */
.shadow-2-1{box-shadow:0 0px 3px rgba(var(--color-2),var(--shadow-opacity)) !important;}
.shadow-2-2{box-shadow:0 0px 8px rgba(var(--color-2),var(--shadow-opacity)) !important;}
.shadow-2-3{box-shadow:0 0px 24px rgba(var(--color-2),var(--shadow-opacity)) !important;}
.shadow-2-4{box-shadow:0 0px 40px rgba(var(--color-2),var(--shadow-opacity)) !important;}
.shadow-2-5{box-shadow:0 0px 60px rgba(var(--color-2),var(--shadow-opacity)) !important;}

/* SHADOW COLOR 3 */
.shadow-3-1{box-shadow:0 0px 3px rgba(var(--color-3),var(--shadow-opacity)) !important;}
.shadow-3-2{box-shadow:0 0px 8px rgba(var(--color-3),var(--shadow-opacity)) !important;}
.shadow-3-3{box-shadow:0 0px 24px rgba(var(--color-3),var(--shadow-opacity)) !important;}
.shadow-3-4{box-shadow:0 0px 40px rgba(var(--color-3),var(--shadow-opacity)) !important;}
.shadow-3-5{box-shadow:0 0px 60px rgba(var(--color-3),var(--shadow-opacity)) !important;}

/* SHADOW COLOR 4 */
.shadow-4-1{box-shadow:0 0px 3px rgba(var(--color-4),var(--shadow-opacity)) !important;}
.shadow-4-2{box-shadow:0 0px 8px rgba(var(--color-4),var(--shadow-opacity)) !important;}
.shadow-4-3{box-shadow:0 0px 24px rgba(var(--color-4),var(--shadow-opacity)) !important;}
.shadow-4-4{box-shadow:0 0px 40px rgba(var(--color-4),var(--shadow-opacity)) !important;}
.shadow-4-5{box-shadow:0 0px 60px rgba(var(--color-4),var(--shadow-opacity)) !important;}

/* SHADOW COLOR 5 */
.shadow-5-1{box-shadow:0 0px 3px rgba(var(--color-5),var(--shadow-opacity)) !important;}
.shadow-5-2{box-shadow:0 0px 8px rgba(var(--color-5),var(--shadow-opacity)) !important;}
.shadow-5-3{box-shadow:0 0px 24px rgba(var(--color-5),var(--shadow-opacity)) !important;}
.shadow-5-4{box-shadow:0 0px 40px rgba(var(--color-5),var(--shadow-opacity)) !important;}
.shadow-5-5{box-shadow:0 0px 60px rgba(var(--color-5),var(--shadow-opacity)) !important;}

/* HOVER SHADOW 1 */
.shadow-hover-1-1:hover{box-shadow:0 1px 3px rgba(var(--color-1),var(--shadow-opacity)) !important;}
.shadow-hover-1-2:hover{box-shadow:0 2px 8px rgba(var(--color-1),var(--shadow-opacity)) !important;}
.shadow-hover-1-3:hover{box-shadow:0 5px 24px rgba(var(--color-1),var(--shadow-opacity)) !important;}
.shadow-hover-1-4:hover{box-shadow:0 10px 40px rgba(var(--color-1),var(--shadow-opacity)) !important;}
.shadow-hover-1-5:hover{box-shadow:0 15px 60px rgba(var(--color-1),var(--shadow-opacity)) !important;}

/* HOVER SHADOW 2 */
.shadow-hover-2-1:hover{box-shadow:0 1px 3px rgba(var(--color-2),var(--shadow-opacity)) !important;}
.shadow-hover-2-2:hover{box-shadow:0 2px 8px rgba(var(--color-2),var(--shadow-opacity)) !important;}
.shadow-hover-2-3:hover{box-shadow:0 5px 24px rgba(var(--color-2),var(--shadow-opacity)) !important;}
.shadow-hover-2-4:hover{box-shadow:0 10px 40px rgba(var(--color-2),var(--shadow-opacity)) !important;}
.shadow-hover-2-5:hover{box-shadow:0 15px 60px rgba(var(--color-2),var(--shadow-opacity)) !important;}

/* HOVER SHADOW 3 */
.shadow-hover-3-1:hover{box-shadow:0 1px 3px rgba(var(--color-3),var(--shadow-opacity)) !important;}
.shadow-hover-3-2:hover{box-shadow:0 2px 8px rgba(var(--color-3),var(--shadow-opacity)) !important;}
.shadow-hover-3-3:hover{box-shadow:0 5px 24px rgba(var(--color-3),var(--shadow-opacity)) !important;}
.shadow-hover-3-4:hover{box-shadow:0 10px 40px rgba(var(--color-3),var(--shadow-opacity)) !important;}
.shadow-hover-3-5:hover{box-shadow:0 15px 60px rgba(var(--color-3),var(--shadow-opacity)) !important;}

/* HOVER SHADOW 4 */
.shadow-hover-4-1:hover{box-shadow:0 1px 3px rgba(var(--color-4),var(--shadow-opacity)) !important;}
.shadow-hover-4-2:hover{box-shadow:0 2px 8px rgba(var(--color-4),var(--shadow-opacity)) !important;}
.shadow-hover-4-3:hover{box-shadow:0 5px 24px rgba(var(--color-4),var(--shadow-opacity)) !important;}
.shadow-hover-4-4:hover{box-shadow:0 10px 40px rgba(var(--color-4),var(--shadow-opacity)) !important;}
.shadow-hover-4-5:hover{box-shadow:0 15px 60px rgba(var(--color-4),var(--shadow-opacity)) !important;}

/* HOVER SHADOW 5 */
.shadow-hover-5-1:hover{box-shadow:0 1px 3px rgba(var(--color-5),var(--shadow-opacity)) !important;}
.shadow-hover-5-2:hover{box-shadow:0 2px 8px rgba(var(--color-5),var(--shadow-opacity)) !important;}
.shadow-hover-6-3:hover{box-shadow:0 5px 24px rgba(var(--color-5),var(--shadow-opacity)) !important;}
.shadow-hover-5-4:hover{box-shadow:0 10px 40px rgba(var(--color-5),var(--shadow-opacity)) !important;}
.shadow-hover-5-5:hover{box-shadow:0 15px 60px rgba(var(--color-5),var(--shadow-opacity)) !important;}


/* SHADOW OPACITY */
.shadow-opacity-5{--shadow-opacity:.05;}.shadow-opacity-10{--shadow-opacity:.10;}.shadow-opacity-20{--shadow-opacity:.20;}.shadow-opacity-30{--shadow-opacity:.30;}.shadow-opacity-40{--shadow-opacity:.40;}.shadow-opacity-50{--shadow-opacity:.50;}.shadow-opacity-60{--shadow-opacity:.60;}.shadow-opacity-70{--shadow-opacity:.70;}.shadow-opacity-80{--shadow-opacity:.80;}.shadow-opacity-90{--shadow-opacity:.90;}.shadow-opacity-100{--shadow-opacity:1;}

/* GLOBAL OPACITY */
.opacity-5{opacity:.05;}.opacity-10{opacity:.10;}.opacity-20{opacity:.20;}.opacity-30{opacity:.30;}.opacity-40{opacity:.40;}.opacity-50{opacity:.50;}.opacity-60{opacity:.60;}.opacity-70{opacity:.70;}.opacity-80{opacity:.80;}.opacity-90{opacity:.90;}.opacity-100{opacity:1;}

/* GLASS EFFECT */
.bg-blur{background:rgba(255,255,255,.75);backdrop-filter:blur(14px) saturate(180%);-webkit-backdrop-filter:blur(14px) saturate(180%);}

/* WIDTH */
.w-30{width:30% !important;}.w-40{width:40% !important;}.w-50{width:50% !important;}.w-60{width:60% !important;}.w-70{width:70% !important;}.w-80{width:80% !important;}.w-90{width:90% !important;}.w-100{width:100% !important;}

/* FONT WEIGHT */
.fw-300{font-weight:300 !important;}.fw-400{font-weight:400 !important;}.fw-500{font-weight:500 !important;}.fw-600{font-weight:600 !important;}.fw-700{font-weight:700 !important;}.fw-800{font-weight:800 !important;}.fw-900{font-weight:900 !important;}

/* LINE CLAMP */
.line-clamp{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;text-align:justify;}
.line-clamp-1{-webkit-line-clamp:1;}.line-clamp-2{-webkit-line-clamp:2;}.line-clamp-3{-webkit-line-clamp:3;}


/* FONT SIZE */
.fs-xxlarg{font-size:5rem;}.fs-xlarg{font-size:4rem;}.fs-larg{font-size:3rem;}.fs-7{font-size:.9rem;}.fs-8{font-size:.8rem;}.fs-9{font-size:.7rem;}.fs-10{font-size:.6rem;}

/* TRANSITION */
.transition,.transition-1{transition: opacity .5s ease, border-color .5s ease, border-width .5s ease, background-color .5s ease, background-image .5s ease, color .5s ease, box-shadow .5s ease !important;}
.transition-1:hover{transform:translateY(-10px) !important;}

/* PULSE - ALL COLORS */
.pulse-1,.pulse-2,.pulse-3,.pulse-4,.pulse-5,.pulse-6{width:10px;height:10px;border-radius:50%;}

/* PULSE COLOR 1 - GREEN */
.pulse-1{background:rgb(var(--color-1)) !important;animation:pulse-1 1.5s infinite;}

@keyframes pulse-1{
0%{box-shadow:0 0 0 0 rgba(var(--color-1),.5);}
70%{box-shadow:0 0 0 8px rgba(var(--color-1),0);}
100%{box-shadow:0 0 0 0 rgba(var(--color-1),0);}
}


/* PULSE COLOR 2 - BLUE */
.pulse-2{background:rgb(var(--color-2)) !important;animation:pulse-2 1.5s infinite;}
@keyframes pulse-2{
0%{box-shadow:0 0 0 0 rgba(var(--color-2),.5);}
70%{box-shadow:0 0 0 8px rgba(var(--color-2),0);}
100%{box-shadow:0 0 0 0 rgba(var(--color-2),0);}
}

/* PULSE COLOR 3 - ORANGE */
.pulse-3{background:rgb(var(--color-3)) !important;animation:pulse-3 1.5s infinite;}
@keyframes pulse-3{
0%{box-shadow:0 0 0 0 rgba(var(--color-3),.5);}
70%{box-shadow:0 0 0 8px rgba(var(--color-3),0);}
100%{box-shadow:0 0 0 0 rgba(var(--color-3),0);}
}

/* PULSE COLOR 4 - GRAY */
.pulse-4{background:rgb(var(--color-4)) !important;animation:pulse-4 1.5s infinite;}
@keyframes pulse-4{
0%{box-shadow:0 0 0 0 rgba(var(--color-4),.5);}
70%{box-shadow:0 0 0 8px rgba(var(--color-4),0);}
100%{box-shadow:0 0 0 0 rgba(var(--color-4),0);}
}

/* PULSE COLOR 5 */
.pulse-5{background:rgb(var(--color-5)) !important;animation:pulse-5 1.5s infinite;}
@keyframes pulse-5{
0%{box-shadow:0 0 0 0 rgba(var(--color-5),.5);}
70%{box-shadow:0 0 0 8px rgba(var(--color-5),0);}
100%{box-shadow:0 0 0 0 rgba(var(--color-5),0);}
}



/* KOMEIL TWA - MOBILE TOUCH BEHAVIOR */
/* 1. جلوگیری از Pull-to-Refresh و اسکرول زنجیره‌ای */
/*html,body {
overscroll-behavior: none !important;
overscroll-behavior-y: none !important;
overscroll-behavior-block: none !important;
}
html,body {  touch-action: pan-x pan-y;}

html,body,body * {
-webkit-user-select: none !important;
-moz-user-select: none !important;
user-select: none !important;
-webkit-touch-callout: none !important;
}

img,picture,svg,video,canvas {
-webkit-touch-callout: none !important;
-webkit-user-select: none !important;
user-select: none !important;
-webkit-user-drag: none !important;
}

a,a *,button,[role="button"],[onclick] {
-webkit-touch-callout: none !important;
-webkit-user-select: none !important;
user-select: none !important;
}

input,textarea,[contenteditable="true"] {
-webkit-user-select: text !important;
user-select: text !important;
-webkit-touch-callout: default !important;
}*/



/* Kamil Clinic Search */
.komail-search-form {max-width: 680px;}
.komail-search-form:focus-within {border-color: rgba(var(--color-1), .65) !important;box-shadow: 0 0 0 3px rgba(var(--color-1), .1) !important;}
.komail-search-form .form-control::placeholder {color: rgba(var(--color-5), 1);opacity: 1;}
.komail-search-form:hover button {  background-color: rgba(var(--color-2),var(--bg-opacity)) !important;}
@media (max-width: 575.98px) {
.komail-search-form {max-width: 320px;}
.komail-search-form .form-control::placeholder {
font-size: 11px;
}
}



/* ========================================== KOMAIL CLINIC SEARCH - DESIGN SYSTEM Bootstrap 5 | RTL | Responsive Colors and typography based on global CSS ========================================== */
/* Search Form */
.template-block-14 .CBlock-14 form {direction: rtl;box-sizing: border-box;width: calc(100% - 1rem);max-width: 100%;margin: 1.25rem auto;padding: .4rem;background-color: #fff;border: 1px solid rgba(var(--color-5), .25);border-radius: 3rem;box-shadow: 0 4px 18px rgba(var(--color-2), .07);transition: border-color .2s ease, box-shadow .2s ease;max-width: 680px;}

.template-block-14 .CBlock-14 form:focus-within {border-color: rgba(var(--color-1), .5);box-shadow: 0 0 0 3px rgba(var(--color-1), .08);}

/* Bootstrap Row */
.template-block-14 .CBlock-14 form > .row {--bs-gutter-x: .5rem;--bs-gutter-y: .75rem;align-items: center;}

/* Search Input */
.template-block-14 .CBlock-14 form input[name="q"] {width: 100%;height: 42px;min-height: 42px;padding: .5rem 1rem;background-color: #fff;color: rgb(var(--color-2));border: 1px solid transparent !important;border-radius: 3rem !important;box-shadow: none !important;font-family: var(--font-family), sans-serif;font-size: .875rem;font-weight: 400;transition: background-color .2s ease;}

.template-block-14 .CBlock-14 form input[name="q"]::placeholder {color: rgba(var(--color-5), .95);opacity: 1;}

.template-block-14 .CBlock-14 form input[name="q"]:focus {outline: 0;background-color: rgba(var(--color-1), .025);}

/* Search Button Column */
.template-block-14 .CBlock-14 form > .row > .col-lg-1 {flex: 0 0 110px;width: 110px;max-width: 110px;}

/* Search Input Column */
.template-block-14 .CBlock-14 form > .row > .col-lg-11 {flex: 1 1 0;width: auto;min-width: 0;}

/* Search Button */
.template-block-14 .CBlock-14 form button[type="submit"] {display: flex !important;align-items: center;justify-content: center !important;gap: .4rem;width: 100%;height: 42px;min-height: 42px;padding: .5rem 1rem;background-color: rgb(var(--color-1));color: #fff;border: 1px solid rgb(var(--color-1));border-radius: 5rem !important;box-shadow: 0 2px 6px rgba(var(--color-1), .12);font-family: var(--font-family), sans-serif;font-size: .8rem;font-weight: 600;white-space: nowrap;transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease;}
.template-block-14 .CBlock-14 form button[type="submit"]:hover {background-color: rgb(var(--color-2));border-color: rgb(var(--color-2));box-shadow: 0 4px 10px rgba(var(--color-2), .16);}
.template-block-14 .CBlock-14 form button[type="submit"]:active {box-shadow: none;}
.template-block-14 .CBlock-14 form button[type="submit"]::after {content: "\f060";font-family: "Font Awesome 6 Pro";font-size: .75rem;line-height: 1;}

/* Filter Labels */
.template-block-14 .CBlock-14 form label {display: block;margin-bottom: .4rem;color: rgb(var(--color-2));font-family: var(--font-family), sans-serif;font-size: .8rem;font-weight: 600;}

/* Date and Select Fields */
.template-block-14 .CBlock-14 form input.form-control:not([name="q"]),.template-block-14 .CBlock-14 form select.form-select {width: 100%;height: 42px;min-height: 42px;padding: .5rem .75rem;background-color: #fff;color: rgb(var(--color-2));border: 1px solid rgba(var(--color-5), .3);border-radius: .65rem;box-shadow: none;font-family: var(--font-family), sans-serif;font-size: .825rem;transition: border-color .2s ease, box-shadow .2s ease;}
.template-block-14 .CBlock-14 form input.form-control:not([name="q"]):focus,.template-block-14 .CBlock-14 form select.form-select:focus {border-color: rgba(var(--color-1), .65);box-shadow: 0 0 0 3px rgba(var(--color-1), .08);outline: 0;}

/* Date Picker */
.template-block-14 .CBlock-14 form .input-group {flex-wrap: nowrap;}
.template-block-14 .CBlock-14 form .input-group-prepend {display: flex;}
.template-block-14 .CBlock-14 form .input-group-text {display: flex;align-items: center;justify-content: center;min-width: 42px;padding: .5rem;background-color: rgba(var(--color-1), .06);color: rgb(var(--color-1));border: 1px solid rgba(var(--color-5), .3);border-left: 0;border-radius: .65rem 0 0 .65rem;cursor: pointer;transition: background-color .2s ease, color .2s ease;}
.template-block-14 .CBlock-14 form .input-group-text:hover {background-color: rgb(var(--color-1));color: #fff;}
.template-block-14 .CBlock-14 form .input-group .form-control {min-width: 0;border-radius: 0 .65rem .65rem 0;}

/* Tablet and Mobile */
@media (max-width: 991.98px) {
.template-block-14 .CBlock-14 form {padding: .5rem;border-radius: 5rem;}
.template-block-14 .CBlock-14 form > .row > .col-lg-11 {flex: 1 1 0;width: auto;min-width: 0;}
.template-block-14 .CBlock-14 form > .row > .col-lg-1 {flex: 0 0 100px;width: 100px;max-width: 100px;}
.template-block-14 .CBlock-14 form button[type="submit"] {width: 100%;}
}

/* Mobile */
@media (max-width: 575.98px) {
.template-block-14 .CBlock-14 form {width: calc(100% - 1rem);margin: 1rem auto;padding: .35rem;border-radius: 5rem;}
.template-block-14 .CBlock-14 form > .row {--bs-gutter-x: .4rem;--bs-gutter-y: .75rem;}
.template-block-14 .CBlock-14 form input[name="q"] {height: 40px;min-height: 40px;padding-inline: .75rem;font-size: .8rem;}
.template-block-14 .CBlock-14 form > .row > .col-lg-1 {flex: 0 0 110px;width: 110px;max-width: 110px;}
.template-block-14 .CBlock-14 form button[type="submit"] {height: 40px;min-height: 40px;padding-inline: .5rem;font-size: .75rem;}
.template-block-14 .CBlock-14 form label {margin-bottom: .3rem;font-size: .75rem;}
.template-block-14 .CBlock-14 form input.form-control:not([name="q"]),.template-block-14 .CBlock-14 form select.form-select {height: 40px;min-height: 40px;font-size: .8rem;}
}

/* Very Small Mobile */
@media (max-width: 359.98px) {
.template-block-14 .CBlock-14 form > .row > .col-lg-1 {flex-basis: 78px;width: 78px;max-width: 78px;}
.template-block-14 .CBlock-14 form button[type="submit"] {padding-inline: .35rem;font-size: .7rem;}
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
.template-block-14 .CBlock-14 form,.template-block-14 .CBlock-14 form * {transition: none !important;}
}