:root{
 --navy:#071b4f; --blue:#123f9d; --blue2:#1f55bf; --gold:#f5a623; --gold2:#ffb21c;
 --ink:#24324b; --muted:#78839a; --line:#e9edf3; --cream:#fffaf2; --white:#fff;
 --shadow:0 14px 40px rgba(8,31,78,.10);
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.65}
a{color:inherit;text-decoration:none} img{max-width:100%;display:block}
.container{width:min(1120px,92%);margin:auto}
.site-header{height:88px;background:#fff;border-bottom:1px solid #eef1f6;display:flex;align-items:center;position:sticky;top:0;z-index:50}
.nav{display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand img{width:94px;height:64px;object-fit:contain}
.navlinks{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:700;color:#53617a}
.navlinks a{padding:34px 0 28px;border-bottom:2px solid transparent}
.navlinks a:hover,.navlinks a.active{color:var(--navy);border-bottom-color:var(--gold)}
.navlinks .nav-donate{background:var(--gold);color:#fff;padding:11px 20px;border-radius:24px;border:0}
.mobile-menu{display:none}
.hero{background:linear-gradient(110deg,#061743 0%,#0d2f86 58%,#0e48b7 100%);color:white}
.hero-home{min-height:540px;display:flex;align-items:center}
.hero-home .grid{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center}
.eyebrow{font-size:14px;letter-spacing:2px;color:var(--gold);font-weight:800;text-transform:uppercase}
h1{font-size:64px;line-height:1.02;margin:14px 0 24px;font-weight:900;letter-spacing:-2px}
h1 span{color:#fff} .hero p{font-size:18px;color:#dce6ff;max-width:680px}
.cta{display:inline-block;background:var(--gold);color:#fff;font-weight:800;padding:13px 24px;border-radius:7px;margin-top:18px;box-shadow:0 8px 22px rgba(245,166,35,.24)}
.cta.secondary{background:transparent;border:1px solid rgba(255,255,255,.35);margin-left:10px}
.hero-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:18px;padding:28px}
.hero-card h3{color:var(--gold);margin:0 0 10px}.hero-card p{font-size:15px}
.section{padding:82px 0}.section.alt{background:#fbfcff}.center{text-align:center}
.kicker{font-size:14px;color:var(--gold);font-weight:800;letter-spacing:1.8px;text-transform:uppercase}
.section-title{font-size:40px;color:var(--navy);line-height:1.15;margin:8px 0 14px;font-weight:900}
.section-intro{max-width:780px;margin:0 auto 42px;color:#77839a}
.two{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.blue-band{background:linear-gradient(110deg,#081b4d,#1d52bd);color:#fff;padding:75px 0}
.blue-band h2{color:#fff}.blue-band p{color:#d9e4ff}
.checks{display:grid;grid-template-columns:1fr 1fr;gap:10px 30px;padding:0;margin:24px 0 0;list-style:none}
.checks li:before{content:"✓";color:var(--gold);font-weight:900;margin-right:9px}
.values{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.value-card{border:1px solid #efc48b;border-radius:18px;padding:30px;background:#fff;min-height:190px}
.value-card .icon{font-size:26px}.value-card h3{margin:12px 0 6px;color:var(--navy)}
.value-card p{margin:0;color:#748096}
.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 44px;align-items:center}
.action-grid .media img{width:100%;height:245px;object-fit:cover;border-radius:18px}
.pill{display:inline-block;background:#f1f3f8;color:#56627a;padding:7px 14px;border-radius:30px;font-size:12px;letter-spacing:1px;font-weight:800}
.action-grid h3{color:var(--navy);font-size:18px}.action-grid p{color:#7a8599}
.footer{background:linear-gradient(120deg,#08163d,#091b4f 50%,#08163b);color:#fff;padding:65px 0 24px}
.footer-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:45px}.footer h4{color:var(--gold);margin:0 0 14px;text-transform:uppercase;letter-spacing:1px}.footer p,.footer a{color:#d6def0;font-size:14px}.footer a{display:block;margin:7px 0}
.footer-brand img{width:105px;height:75px;object-fit:contain;background:white;border-radius:2px;margin-bottom:18px}
.social{display:flex;gap:10px;margin-top:20px}.social a{width:32px;height:32px;border-radius:50%;background:#1d2d5b;display:grid;place-items:center;color:white;margin:0}
.subscribe{display:flex;margin-top:15px}.subscribe input{min-width:0;flex:1;border:0;padding:12px;border-radius:7px 0 0 7px}.subscribe button{border:0;background:var(--gold);padding:0 15px;border-radius:0 7px 7px 0}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:35px;padding-top:18px;display:flex;justify-content:space-between;color:#aebbd7;font-size:12px}
.page-hero{padding:75px 0;background:linear-gradient(110deg,#081b4d,#1749aa);color:#fff;text-align:center}.page-hero h1{font-size:54px;margin:0 0 10px}.page-hero p{max-width:760px;margin:auto;color:#dce6ff}
.support-hero{display:grid;grid-template-columns:1fr 1fr;min-height:430px}.support-copy{background:linear-gradient(110deg,#081b4d,#1647a5);color:#fff;padding:70px 8%}.support-copy h1{font-size:54px}.support-image{min-height:430px;background:#edf6f7}.support-image img{width:100%;height:100%;object-fit:cover}
.service-tabs{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #e8edf4;border-radius:10px;overflow:hidden;margin-bottom:45px}.service-tabs div{padding:18px;text-align:center;font-weight:800;color:#4c5b75;border-right:1px solid #e8edf4}.service-tabs div:last-child{border-right:0}
.service-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}.service-card{padding:26px;border:1px solid #e8edf4;border-radius:15px;background:white}.service-card h3{color:var(--navy);font-size:18px;margin:8px 0}.service-card p{color:#77839a;font-size:14px}
.notice{background:#fff7ea;border-left:4px solid var(--gold);padding:20px 24px;border-radius:8px;margin-top:30px}.notice strong{color:#9c6512}
.form{max-width:900px;margin:auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form label{font-size:13px;font-weight:700;color:#56627a}.form input,.form select,.form textarea{width:100%;padding:14px;border:1px solid #e1e6ef;border-radius:7px;margin-top:7px;font:inherit}.form textarea{min-height:170px}.full{grid-column:1/-1}
.shop-hero{background:linear-gradient(105deg,#071a4a,#1250bd);color:#fff;padding:82px 0}.shop-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center}.shop-hero h1{font-size:55px}.shop-hero .gold{color:var(--gold)}.shop-visual{min-height:280px;display:grid;place-items:center}.shop-mark{font-size:82px;font-weight:900;opacity:.28}
.product-area{padding:70px 0}.category{display:inline-block;background:#f2a95a;color:#fff;font-weight:800;padding:8px 18px;border-radius:5px;text-transform:uppercase;font-size:12px}.product-note{border:1px solid #e7ebf1;border-radius:15px;padding:40px;text-align:center;color:#768197;margin-top:35px}
@media(max-width:800px){.site-header{height:74px}.brand img{width:78px}.navlinks{display:none}.mobile-menu{display:block}.hero-home .grid,.two,.support-hero,.shop-grid{grid-template-columns:1fr}.hero-home{padding:70px 0}.hero-home h1,h1{font-size:48px}.values,.service-grid{grid-template-columns:1fr}.action-grid{grid-template-columns:1fr}.action-grid .media{order:0}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;gap:10px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.page-hero h1,.support-copy h1,.shop-hero h1{font-size:42px}}

/* FOJGF responsive updates */
.brand img{width:150px;height:68px;object-fit:contain}.site-header{min-height:88px;height:auto}.navlinks{gap:15px;font-size:11px;flex-wrap:wrap}.navlinks a{padding:20px 0}.navlinks .nav-donate{padding:10px 16px}.feature-photo{width:100%;max-height:420px;object-fit:cover;border-radius:16px}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:20px 0 30px}.photo-grid img{height:250px}.crisis{border-left:5px solid #d97816;background:#fff5e7;padding:20px;margin:0 0 30px;border-radius:8px;color:#26344c}.crisis a,main p a{color:#154a9c;text-decoration:underline}.footer-brand img{width:170px;max-height:110px;object-fit:contain}.mobile-menu{background:none;border:0;color:#071b4f;font-size:28px;cursor:pointer}@media(max-width:980px){.mobile-menu{display:block}.navlinks{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:16px 5%;box-shadow:0 12px 20px #071b4f25;flex-direction:column;align-items:stretch;gap:4px}.navlinks.expanded{display:flex}.navlinks a{padding:8px 0}.photo-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){h1{font-size:38px}.photo-grid{grid-template-columns:1fr}.photo-grid img{height:auto}.hero-home{padding:60px 0}.cta{margin-right:8px}.brand img{width:130px}}

/* October 2026 brand refinement: lighter blues and more readable header */
:root{--navy:#1a4174;--blue:#2c65a2;--blue2:#367bb9;--ink:#293d56;--shadow:0 12px 30px rgba(24,67,114,.10)}
.site-header{min-height:100px;background:#fff;box-shadow:0 3px 20px rgba(27,66,108,.07);border-bottom:1px solid #e9eef5}
.nav{gap:18px}.brand{display:flex;align-items:center;flex-shrink:0;padding:9px 0}.brand img{width:180px;height:80px;object-fit:contain;object-position:left center}
.navlinks{gap:13px;font-size:11px;letter-spacing:.02em}.navlinks a{color:#365475}.navlinks .nav-donate{background:#ed9a19;color:#fff}
.hero{background:linear-gradient(112deg,#24517f 0%,#3573ab 62%,#568cbd 100%)}
.page-hero{background:linear-gradient(112deg,#285681,#4d83b7)}
.blue-band{background:linear-gradient(112deg,#285681,#4c85bd)}
.support-copy{background:linear-gradient(112deg,#285681,#4c85bd)}
.footer{background:linear-gradient(115deg,#17375b,#25547f 55%,#1d426b)}
.footer-brand img{width:195px;height:115px;max-height:none;background:#fff;border-radius:12px;padding:10px}
.hero-home{position:relative;isolation:isolate;min-height:510px;overflow:hidden}
.hero-home::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(19,58,96,.90),rgba(30,76,118,.78) 55%,rgba(28,79,118,.45)),url('approved_photos/01_IMG_8320(3).jpeg') center 45%/cover no-repeat;z-index:-1}
.hero-home h1{font-size:clamp(40px,5vw,65px);text-shadow:0 2px 12px rgba(0,0,0,.18)}
.hero-home .hero-card{background:rgba(255,255,255,.16);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3)}
.welcome-banner{background:#edf5fc;border-top:4px solid #eda028;padding:40px 0}
.welcome-banner .container{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.welcome-banner h2{color:#285681;margin:0;font-size:clamp(24px,3vw,35px)}
.welcome-banner p{margin:4px 0 0;color:#42627f}
.scripture-card{background:#f0f6fc;border-left:5px solid #e89b21;border-radius:12px;padding:28px 32px;margin:22px 0 30px;max-width:850px}
.scripture-card blockquote{font-size:clamp(20px,2.4vw,29px);line-height:1.45;color:#244d7b;font-weight:700;margin:0 0 12px}
.scripture-card cite{font-style:normal;color:#6d5b3e;font-weight:700}
@media(max-width:1100px){.navlinks{gap:9px;font-size:10px}.brand img{width:145px;height:76px}}
@media(max-width:980px){.site-header{min-height:84px}.brand img{width:165px;height:65px}.navlinks{gap:4px;font-size:13px}.navlinks a{padding:10px 0}}
@media(max-width:600px){.brand img{width:150px;height:62px}.hero-home{min-height:unset}.hero-home::before{background-position:60% center}.hero-home .hero-card{margin-top:24px}.welcome-banner{padding:30px 0}}

/* Accessibility, readable scale and natural image display */
html{font-size:17px}body{font-size:1rem;line-height:1.7} .container{width:min(1200px,94%)}
.section{padding:55px 0}.section-title{font-size:clamp(29px,3.2vw,42px)}.page-hero{padding:54px 0}.page-hero h1{font-size:clamp(32px,4vw,50px)}
.navlinks{font-size:12px}.navlinks a{white-space:nowrap}.brand img{width:190px;height:78px}.site-header{min-height:90px}
.feature-photo,.action-grid .media img,.photo-grid img{height:auto!important;max-height:none!important;object-fit:contain!important;object-position:center!important;background:#f1f6fb}
.photo-grid{align-items:start}.photo-grid img{width:100%;aspect-ratio:4/3;object-fit:contain!important;border-radius:14px}
.section p,.section li{font-size:1.04rem;color:#42536b}.footer{background:#285681}.footer p,.footer a{color:#f0f5fb}
.page-hero,.blue-band,.support-copy{background:linear-gradient(115deg,#32689a,#5b91bf)}
.form-panel{background:#f5f9fd;border:1px solid #dce8f2;border-radius:18px;padding:clamp(20px,4vw,45px);margin:25px auto;max-width:850px}
.request-form label{display:block;font-weight:700;color:#254e77;margin-bottom:16px}.request-form input,.request-form select,.request-form textarea{display:block;width:100%;margin-top:6px;border:1px solid #b9ccdd;border-radius:9px;padding:12px 14px;font:inherit;background:white;color:#1d3550}
.request-form textarea{min-height:105px}.request-form button{border:0;cursor:pointer;font:inherit}.request-form .consent{display:flex;align-items:flex-start;gap:10px;font-weight:400;font-size:.91rem}.request-form .consent input{width:auto;margin-top:7px}.fineprint{font-size:.87rem!important;color:#596a7b!important}.form-note{background:#fff5e7;border-left:4px solid #e99c24;padding:14px 18px;border-radius:6px}
@media(max-width:980px){.site-header{min-height:76px}.navlinks.expanded{display:flex}.brand img{width:160px;height:65px}}
@media(max-width:600px){html{font-size:16px}.section{padding:40px 0}.photo-grid{grid-template-columns:1fr}.photo-grid img{aspect-ratio:auto}}

/* FOJGF modern responsive redesign — shared across all pages */
:root{--navy:#10366f;--blue:#1553a8;--blue2:#2d78c9;--gold:#f79316;--gold2:#ff9d21;--ink:#213b59;--muted:#62748b;--line:#e4edf6;--cream:#f7fbff}
body{font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:17px;line-height:1.65;background:#fff}
.container{width:min(1260px,94%)}
.site-header{height:auto;min-height:88px;box-shadow:0 4px 24px rgba(14,52,101,.06)}
.brand img{width:110px;height:74px}
.navlinks{gap:clamp(10px,1.5vw,24px);font-size:13px}
.navlinks a{padding:27px 0}
.navlinks .nav-donate,.cta{background:var(--gold);color:white;border-radius:9px;font-weight:750;box-shadow:0 6px 18px rgba(247,147,22,.18)}
.navlinks .nav-donate{padding:11px 18px}
h1{font-size:clamp(36px,4.5vw,62px);line-height:1.13;letter-spacing:-1.3px}
h2{font-size:clamp(28px,3vw,43px);line-height:1.2;letter-spacing:-.7px}
h3{line-height:1.25}
.page-hero{background:linear-gradient(120deg,#0c3674,#1764b5);padding:72px 0}
.section{padding-top:clamp(55px,6vw,94px);padding-bottom:clamp(55px,6vw,94px)}
img{height:auto}
.homepage-banner{background:linear-gradient(#e6f4ff,#fff);padding:0 0 26px}
.homepage-banner>img{display:block;width:100%;height:auto;object-fit:contain;max-height:none}
.banner-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;padding:24px 16px 0}
.banner-actions .cta{padding:13px 24px}.banner-actions .secondary{background:#124e9d;color:white}
.card,.program-card,.hero-card{border-radius:18px;overflow:hidden}
.card img,.program-card img{object-fit:cover}
.request-form input,.request-form textarea,.request-form select{font-size:16px;max-width:100%}
@media(max-width:800px){.container{width:92%}.site-header{min-height:76px}.brand img{width:88px;height:64px}.homepage-banner{padding-bottom:20px}.banner-actions{padding-top:18px}.banner-actions .cta{width:100%;text-align:center;max-width:420px}.page-hero{padding:52px 0}.section{padding-top:52px;padding-bottom:52px}}

/* About Us: approved imagery and accessible responsive layout */
.about-story-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(26px,5vw,72px);align-items:center}
.about-story-copy{max-width:660px}.about-story-copy p{font-size:clamp(1.05rem,1.5vw,1.19rem);line-height:1.85}
.about-story-figure,.vision-wide-figure{margin:0;overflow:hidden;border-radius:22px;background:#edf3fa;box-shadow:0 12px 35px rgba(15,55,100,.09)}
.about-story-figure img{display:block;width:100%;height:auto;object-fit:contain}
.vision-wide-figure{margin-top:34px}.vision-wide-figure img{display:block;width:100%;height:auto;object-fit:contain}
.vision-wide-figure figcaption{font-size:.92rem;padding:12px 18px;color:#385271;text-align:center}
@media(max-width:800px){.about-story-grid{grid-template-columns:1fr;gap:22px}.about-story-copy{max-width:none}.about-story-figure,.vision-wide-figure{border-radius:14px}}

.values-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:28px}.values-photo-grid figure{margin:0;border-radius:18px;overflow:hidden;background:#edf3fa;box-shadow:0 12px 35px rgba(15,55,100,.09)}.values-photo-grid img{display:block;width:100%;height:350px;object-fit:cover;object-position:center}.values-photo-grid figcaption{padding:14px 18px;color:#174c8c;font-weight:650}@media(max-width:720px){.values-photo-grid{grid-template-columns:1fr}.values-photo-grid img{height:auto;max-height:450px;object-fit:contain}}

/* Our Values: Love in Action video */
.values-video-figure{margin:36px auto 0;max-width:950px;border-radius:18px;overflow:hidden;background:#102e59;box-shadow:0 12px 35px rgba(15,55,100,.13)}
.values-video-figure video{display:block;width:100%;height:auto;max-height:650px;background:#091c35;object-fit:contain}
.values-video-figure figcaption{background:#f2f7fc;padding:16px 22px;text-align:center;color:#174c8c;font-weight:650}

/* Site-wide language selector */
.fojgf-language{display:flex;align-items:center;gap:7px;margin-left:12px;white-space:nowrap;font-size:13px;font-weight:700;color:#174e93}.fojgf-language select{max-width:145px;border:1px solid #cbd8e9;border-radius:8px;padding:8px 9px;background:#fff;color:#164d91;font:inherit}.fojgf-language select:focus-visible{outline:3px solid #ff9600;outline-offset:2px}.goog-te-banner-frame,.skiptranslate iframe{max-width:100%}body{top:0!important}#google_translate_element{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}@media(max-width:900px){.fojgf-language{margin:8px 0 10px}.fojgf-language select{max-width:none}}

/* Updated footer logo presentation */
.footer-brand img{display:block;width:260px;max-width:100%;height:auto;max-height:none;object-fit:contain;background:transparent;border-radius:0;padding:0;margin:0 0 22px}
@media(max-width:600px){.footer-brand img{width:220px}}

.footer-brand img{box-sizing:border-box;background:#fff;padding:18px;width:260px;border-radius:8px;height:auto;box-shadow:0 4px 14px #102b4520}
@media(max-width:600px){.footer-brand img{width:220px;padding:14px}}

.footer-brand img{width:190px;height:auto;background:#fff;padding:14px;border-radius:6px;margin-bottom:18px}
@media(max-width:600px){.footer-brand img{width:170px;padding:12px}}

/* Compact footer logo */
.footer-brand img{width:120px;max-width:120px;height:auto;padding:8px;border-radius:5px;margin-bottom:14px}
@media(max-width:600px){.footer-brand img{width:110px;max-width:110px;padding:7px}}

/* Compact responsive footer */
.footer{background:#173b5b;color:#e4edf5;padding:32px 0 0;font-size:13px;line-height:1.65}
.footer .footer-grid{display:grid;grid-template-columns:1.1fr .7fr 1.2fr;gap:32px;padding-bottom:24px;align-items:start}
.footer .footer-identity{display:flex;align-items:center;gap:14px}
.footer .footer-brand img{display:block;flex:0 0 72px;width:72px;max-width:72px;height:auto;padding:5px;background:#fff;border-radius:4px;margin:0;box-shadow:none}
.footer .footer-brand strong{font-size:13px;line-height:1.4;color:#fff;display:block}
.footer .footer-brand p{font-size:12px;margin:6px 0 0}
.footer .footer-founded{margin-top:10px!important;color:#c7d5e3}
.footer h4{font-size:12px;letter-spacing:1px;margin:0 0 10px;color:#ffb24a}
.footer nav a,.footer-contact>a{display:block;margin:0 0 6px;color:#e4edf5;text-decoration:none}
.footer-contact p{margin:8px 0 0}.footer-contact a{overflow-wrap:anywhere}
.footer a:hover{text-decoration:underline}.footer a:focus-visible{outline:2px solid #ffb24a;outline-offset:3px}
.footer .footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #ffffff26;padding-top:14px;padding-bottom:16px;font-size:11px}
.footer .footer-bottom small{font-size:11px}.footer .footer-bottom a{color:#e4edf5;font-size:11px}
@media(max-width:700px){.footer{padding-top:24px}.footer .footer-grid{grid-template-columns:1fr 1fr;gap:24px 18px;padding-bottom:20px}.footer .footer-brand{grid-column:1/-1}.footer .footer-brand img{width:60px;max-width:60px;flex-basis:60px}.footer .footer-identity{gap:12px}.footer .footer-brand strong br,.footer .footer-brand p br{display:none}.footer .footer-brand strong br:after{content:' '}.footer .footer-bottom{flex-direction:column;align-items:flex-start;gap:6px}.footer nav a,.footer-contact>a{padding:4px 0;margin-bottom:2px}.footer-contact{min-width:0}}

@media(max-width:600px){.nav{flex-wrap:wrap;gap:8px;justify-content:space-between}.fojgf-language{width:100%;max-width:100%;display:flex;justify-content:flex-end;gap:8px;padding-bottom:8px;box-sizing:border-box}.fojgf-language select{max-width:130px}.footer .footer-grid{grid-template-columns:.7fr 1.3fr}}

.footer-social{display:flex;gap:7px;margin-top:12px;flex-wrap:wrap}.footer-social a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #ffffff45;border-radius:50%;color:#fff;background:#ffffff0b}.footer-social a:hover{background:#ffffff22}.footer-social svg{width:17px;height:17px}.footer-social a:focus-visible{outline:2px solid #ffb24a;outline-offset:3px}

.office-app-link{background:#e8f4ff;color:#155ca5!important;border:1px solid #a9d3f3;border-radius:8px;padding:8px 10px!important}