/* =========================================================
   INNER PAGES  (About Us etc.)  - load AFTER style.css
   ========================================================= */

/* ---------- INNER BANNER (animated logo, no photo) ---------- */
.inner-banner{
  position: relative;
  display: flex;
  align-items: center;
  padding:89px 0 70px;
  color: #fff;
  overflow: hidden;
  background:
    radial-gradient(circle at 78% 50%, rgba(242,218,89,.16) 0%, rgba(242,218,89,0) 42%),
    radial-gradient(rgba(255,255,255,.07) 1.5px, transparent 1.5px) 0 0 / 26px 26px,
    linear-gradient(215deg, #143F31 0%, #2b6a56 100%);
}
.cr-text .h-lg {
    margin: 0 0 22px;
}
.ib-wrap{ display:flex;     align-items: self-end; justify-content:space-between; gap:40px; }
.ib-text{ display:flex; flex-direction:column; align-items:flex-start; gap:14px; }


.ib-text h1{ font-size:64px; font-weight:500; line-height:1.1; color:#fff; margin:0; }
.crumbs{
  display:flex; align-items:center; gap:12px;
  list-style:none; padding:0; margin:0;
  font-family:'Mona Sans'; font-size:16px;
}
.crumbs a{ color:#e8e8e8; transition:color .3s; }
.crumbs a:hover{ color:#f2da59; }
.crumbs .cur{ color:#f2da59; }
.crumbs .sep img{ width:14px; filter:invert(1); opacity:.8; display:block; }

/* rising bubbles */
.ib-bub{
  position:absolute; bottom:-30px; z-index:1;
  width:var(--s); height:var(--s); border-radius:50%;
  background:rgba(242,218,89,.55);
  animation: ibRise 9s linear var(--d) infinite;
}
@keyframes ibRise{
  0%{ transform:translateY(0) scale(.6); opacity:0; }
  15%{ opacity:.9; }
  100%{ transform:translateY(-560px) scale(1.1); opacity:0; }
}

/* logo showcase */


.ib-logo .disc{
  position:absolute; left:50%; top:50%;
  width:200px; height:200px; margin:-100px 0 0 -100px;
  border-radius:50%; background:#fff;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 24px 60px rgba(0,0,0,.35), 0 0 0 10px rgba(255,255,255,.12);
  animation: discIn 1.1s cubic-bezier(.22,.8,.2,1) .3s both, discFloat 5s ease-in-out 1.4s infinite;
}
.ib-logo .disc img{ width:118px; display:block; animation: logoSway 6s ease-in-out infinite; }
@keyframes discIn{ from{ opacity:0; transform:scale(.3) rotate(-90deg);} to{ opacity:1; transform:none; } }
@keyframes discFloat{ 50%{ transform:translateY(-14px); } }
@keyframes logoSway{ 0%,100%{ transform:rotate(-4deg) scale(1);} 50%{ transform:rotate(4deg) scale(1.06);} }


.disc{
    
   
    padding: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.disc img{
   width: 100%;
    max-width: 125px;
    filter: none;
    }
.ib-logo .orbit.o2 i{ width:10px; height:10px; margin-left:-5px; top:-5px; background:#fff; box-shadow:0 0 0 5px rgba(255,255,255,.18); }
@keyframes ibSpin{ to{ transform:rotate(360deg); } }

/* ---------- IMAGE HOVER ZOOM ---------- */
.img-hover{ overflow:hidden; border-radius:15px; }
.img-hover img{ display:block; width:100%; transition:transform 1.1s cubic-bezier(.22,.8,.2,1); }
.img-hover:hover img{ transform:scale(1.08); }
.ab-grid .img-hover img{ border-radius:0; }

/* ---------- ABOUT TEXT BLOCK ---------- */
.ab-text-two{ display:flex; flex-direction:column; gap:18px; padding-top:35px; }
.ab-text-two p{ font-size:17px; line-height:1.75; color:#000; margin:0; }

/* ---------- WHO WE ARE. WHAT WE DO ---------- */
.who-sec{ padding: 100px 0 90px; overflow:hidden; }
.who-grid{ display:grid; grid-template-columns:1fr 1.05fr; gap:70px; align-items:center; }
.who-media{ position:relative; padding:0 0 70px; }


.who-media::after{                  /* dotted pattern */
  content:""; position:absolute; left:-24px; bottom:20px; width:150px; height:150px; z-index:0;
  background: radial-gradient(#205846 2px, transparent 2.5px) 0 0 / 18px 18px; opacity:.35;
}
@keyframes whoFrame{ 50%{ transform:translate(8px,-8px); } }
.who-img{ position:relative; z-index:1; overflow:hidden; border-radius:22px; }
.who-img img{ transform: scaleX(-1);display:block; width:100%; height:100%; object-fit:cover; transition:transform 1.1s cubic-bezier(.22,.8,.2,1); }

.who-img.main{ width:78%; height:345px; margin-left:auto; }
.who-img.sub{
  position:absolute; left:0; bottom:0; width:52%; height:270px;
  border:10px solid #fff; border-radius:26px; box-shadow:0 22px 44px rgba(0,0,0,.16);
}





.who-content .h-lg{ margin:0 0 22px; }
.who-p{ font-size:17px; line-height:1.75; color:#000; margin:0 0 16px; }
.who-points{ padding:8px 0 28px; margin:0; }
.who-actions{ display:flex; align-items:center; gap:34px; flex-wrap:wrap; }
.who-call .hl-ic{ animation: whoRing 2.6s ease-in-out infinite; }
@keyframes whoRing{ 0%,60%,100%{ transform:rotate(0);} 66%{ transform:rotate(-14deg);} 72%{ transform:rotate(12deg);} 78%{ transform:rotate(-10deg);} 84%{ transform:rotate(6deg);} }

/* ---------- MISSION / VISION / VALUES ---------- */
.mv-sec{ padding: 20px 0 100px; }
.mv-head{ padding-bottom: 50px; }
.mv-head .h-lg{ margin:0; }
.mv-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.mv-card{
  position: relative;
  background: #fff;
  border: 1px solid #ececec;
  border-radius: 20px;
  padding: 42px 34px 40px;
  overflow: hidden;
  transition: transform .5s cubic-bezier(.22,.8,.2,1), box-shadow .5s, background .5s, border-color .5s;
}
.mv-card::before{                  /* green fill slides up on hover */
  content:""; position:absolute; inset:0;
  background: linear-gradient(215deg,#143F31 0%,#2b6a56 100%);
  transform: translateY(101%);
  transition: transform .6s cubic-bezier(.22,.8,.2,1);
  z-index:0;
}
.mv-card > *{ position:relative; z-index:1; transition: color .4s; }
.mv-card:hover{ transform:translateY(-12px); box-shadow:0 28px 46px rgba(31,92,67,.22); border-color:transparent; }
.mv-card:hover::before{ transform:translateY(0); }
.mv-no{
  position:absolute !important; right:26px; top:10px;
  font-family:'Mona Sans Expanded'; font-size:72px; font-weight:500;
  color:#f1f0ed; line-height:1; z-index:1;
}
.mv-card:hover .mv-no{ color:rgba(255,255,255,.14); }
.mv-ic{
  width:72px; height:72px; border-radius:18px;
  background:#fdf5e0; display:flex; align-items:center; justify-content:center;
  margin-bottom:26px; transition: transform .6s cubic-bezier(.22,.8,.2,1), background .4s;
}
.mv-ic img{ width:100%; max-width:38px; }
.mv-card:hover .mv-ic{ transform:rotateY(180deg); background:#f2da59; }
.mv-card h4{ font-size:24px; font-weight:500; margin:0 0 14px; color:#000; }
.mv-card p{ font-size:16px; line-height:1.7; color:#333; margin:0; }
.mv-card:hover h4, .mv-card:hover p{ color:#fff; }

/* ---------- HOW WE WORK ---------- */
.how-sec{ padding: 0 0 100px; }
.how-top{ padding-bottom: 60px; }
.how-top .h-lg{ margin:0; }
.how-grid{ position:relative; display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.how-line{
  position:absolute; left:12%; right:12%; top:32px; height:2px;
  background:#e6e6e6; z-index:0;
}
.how-line span{ display:block; height:100%; width:0; background:#eeba27; transition:width 2.2s cubic-bezier(.22,.8,.2,1); }
.how-grid.run .how-line span{ width:100%; }
.how-step{ position:relative; z-index:1; text-align:center; padding:0 10px; }
.how-dot{
  width:66px; height:66px; border-radius:50%; margin:0 auto 22px;
  background:#fff; border:2px solid #205846;
  display:flex; align-items:center; justify-content:center;
  transition: transform .5s cubic-bezier(.22,.8,.2,1), background .4s, box-shadow .4s;
}
.how-dot b{ font-family:'Mona Sans Expanded'; font-size:22px; font-weight:500; color:#205846; transition:color .4s; }
.how-step:hover .how-dot{ transform:scale(1.15) translateY(-4px); background:#205846; box-shadow:0 14px 26px rgba(32,88,70,.3); }
.how-step:hover .how-dot b{ color:#fff; }
.how-step h5{ font-family:'Mona Sans Expanded'; font-size:22px; font-weight:500; margin:0 0 10px; }
.how-step p{ font-size:16px; line-height:1.65; color:#333; margin:0; }

/* ---------- HOVER POLISH FOR SHARED PIECES ---------- */

.cap-img img{ transition: transform 1s cubic-bezier(.22,.8,.2,1); }
.cap-img{ overflow:hidden; border-radius:20px; }
.cap-img:hover img{ transform:scale(1.07); }

/* ---------- RESPONSIVE (inner sections) ---------- */
@media (max-width: 991px){
  .ib-logo{ width:240px; height:240px; margin-right:10px; }
  .ib-logo .disc{ width:150px; height:150px; margin:-75px 0 0 -75px; }
  .ib-logo .disc img{ width:88px; }
  .ib-logo .ring{ width:150px; height:150px; margin:-75px 0 0 -75px; }
  .who-grid{ grid-template-columns:1fr; gap:60px; }
  .who-img.main{ height:420px; }
  .inner-banner{ min-height: 380px; padding: 140px 0 50px; }
  .ib-text h1{ font-size: 44px; }
  .mv-grid{ grid-template-columns:1fr; }
  .how-grid{ grid-template-columns:1fr 1fr; row-gap:40px; }
  .how-line{ display:none; }
  .ab-grid, .ab-grid-two, .cap-grid, .val-grid, .cap-top{ grid-template-columns:1fr !important; }
  .st-grid{ grid-template-columns:1fr; }
  .h-lg.center{ padding-left:0; text-align:left; }
  .h-xl{ padding-left:0; font-size:34px; }
  .ab-grid-two-image{ max-width:160px; }
}
@media (max-width: 767px){
  .ib-logo{ display:none; }
}
@media (max-width: 575px){
  .who-img.main{ height:320px; }
  .who-img.sub{ height:190px; }
  .who-badge{ width:120px; height:120px; }


  .who-actions{ gap:20px; }
  .ib-text h1{ font-size: 36px; }
  .how-grid{ grid-template-columns:1fr; }
  .checks{ grid-template-columns:1fr; }
  .proc{ grid-template-columns:1fr; }
}



/* careers */
.cr-sec {
    padding: 100px 0 110px;
}

/* form card */
.cr-form-card{
  position:relative; background:#fff; border:1px solid #ececec; border-radius:22px;
  padding:42px 40px 40px; overflow:hidden;
  box-shadow:0 26px 60px rgba(31,92,67,.10);
}
.cr-form-card::before{
  content:""; position:absolute; left:0; top:0; right:0; height:6px;
  background:linear-gradient(90deg,#143F31,#2b6a56 60%,#f2da59);
}
.cr-form-card h3{
 font-size:30px; font-weight:500; margin:0 0 8px; color:#000;
  }
.cr-sub{
 font-size:16px; color:#444; line-height:1.6; margin:0 0 28px; 
}

.fg{ margin-bottom:20px; position:relative; }
.fg-row{ display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.fg label{ display:block; font-family:'Mona Sans'; font-size:15px; font-weight:500; color:#111; margin-bottom:8px; }
.fg label em{ color:#d93025; font-style:normal; }
.fg input[type=text], .fg input[type=email], .fg input[type=tel], .fg textarea{
  width:100%; border:1.5px solid #e2e6e4; border-radius:12px; background:#fafbfa;
  padding:14px 16px; font-family:'Mona Sans'; font-size:16px; color:#111; outline:none;
  transition:border-color .3s, box-shadow .3s, background .3s;
}
.fg textarea{ resize:vertical; min-height:110px; }
.fg input::placeholder, .fg textarea::placeholder{ color:#9aa5a0; }
.fg input:hover, .fg textarea:hover{ border-color:#b9c9c1; }
.fg input:focus, .fg textarea:focus{ border-color:#205846; background:#fff; box-shadow:0 0 0 4px rgba(32,88,70,.12); }
.msg-err{ display:none; color:#d93025; font-family:'Mona Sans'; font-size:13.5px; margin-top:6px; }
.fg.err .msg-err{ display:block; animation:crShake .4s; }
.fg.err input[type=text], .fg.err input[type=email], .fg.err input[type=tel], .fg.err textarea{ border-color:#d93025; background:#fff7f6; }
.fg.err .file-drop{ border-color:#d93025; background:#fff7f6; }
@keyframes crShake{ 25%{ transform:translateX(-4px);} 75%{ transform:translateX(4px);} }

/* file upload */
.fg input[type=file]{ position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
.file-drop{
  display:flex !important; align-items:center; gap:16px; margin:0 !important; cursor:pointer;
  border:2px dashed #b9c9c1; border-radius:14px; padding:18px 20px; background:#fafbfa;
  transition:border-color .3s, background .3s, transform .3s;
}
.file-drop:hover, .file-drop.drag{ border-color:#205846; background:#f1f7f4; transform:translateY(-2px); }
.file-ic{ flex:none; width:48px; height:48px; border-radius:50%; background:#fdf5e0; display:flex; align-items:center; justify-content:center; transition:transform .4s; }
.file-drop:hover .file-ic{ transform:translateY(-3px) scale(1.08); background:#f2da59; }
.file-txt b{ display:block; font-family:'Mona Sans'; font-size:15px; font-weight:500; color:#111; word-break:break-all; }
.file-txt small{ display:block; font-family:'Mona Sans'; font-size:13px; color:#6b7772; margin-top:2px; }
.file-drop.has .file-txt b{ color:#205846; }

.hp-wrap{ position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }

/* submit */
.cr-actions{ padding-top:6px; }
.cr-btn{
  display:inline-flex; align-items:center; gap:14px; border:0; cursor:pointer;
  background:#f2da59; border-radius:9px; padding:7px 9px 7px 22px;
  font-family:'Mona Sans'; font-size:16px; font-weight:500; color:#000;
  transition:transform .35s, box-shadow .35s, background .35s, opacity .3s;
}
.cr-btn-i{ background:#fff; border-radius:5px; padding:5px; display:flex; }
.cr-btn-i img{ width:23px; display:block; transition:transform .5s; }
.cr-btn:hover{ transform:translateY(-3px); box-shadow:0 10px 22px rgba(232,168,23,.45); background:#f7e373; }
.cr-btn:hover .cr-btn-i img{ transform:translateX(4px); }
.cr-btn.loading{ pointer-events:none; opacity:.8; }
.cr-btn.loading .cr-btn-i img{ animation:crSpin .9s linear infinite; }
@keyframes crSpin{ to{ transform:rotate(360deg); } }

.cr-status{ display:none; margin-top:20px; padding:14px 18px; border-radius:12px; font-family:'Mona Sans'; font-size:15.5px; line-height:1.5; }
.cr-status.ok{ display:block; background:#edfef1; color:#14532d; border:1px solid #b7e4c7; animation:crPop .5s; }
.cr-status.bad{ display:block; background:#fff1f0; color:#8a1c14; border:1px solid #f5c2be; animation:crPop .5s; }
@keyframes crPop{ from{ opacity:0; transform:translateY(8px);} to{ opacity:1; transform:none;} }

@media (max-width: 991px){
  .cr-grid{ grid-template-columns:1fr; gap:50px; }
}
@media (max-width: 575px){
  .cr-sec{ padding:70px 0 80px; }
  .cr-form-card{ padding:34px 22px 28px; }
  .fg-row{ grid-template-columns:1fr; gap:0; }
}



/*contect us*/

.ct-head{ max-width: 780px; margin-bottom: 56px; }
.ct-head .h-lg{ margin: 0 0 22px; }
.ct-head .who-p{ margin: 0; }
.ct-grid{ display:grid; grid-template-columns:.85fr 1.15fr; gap:50px;align-items: center; }

/* info cards */
.ct-info{ display:flex; flex-direction:column; gap:20px; }
.ct-card{
  position:relative; display:flex; align-items:center; gap:22px; overflow:hidden;
  background:#fff; border:1px solid #ececec; border-radius:20px; padding:28px 30px;
  transition:transform .45s cubic-bezier(.22,.8,.2,1), box-shadow .45s, border-color .45s;
}
.ct-card::before{
  content:""; position:absolute; left:0; top:0; bottom:0; width:5px;
  background:linear-gradient(#143F31,#f2da59);
  transform:scaleY(0); transform-origin:top; transition:transform .5s cubic-bezier(.22,.8,.2,1);
}
.ct-card:hover{ transform:translateY(-8px); box-shadow:0 24px 44px rgba(31,92,67,.16); border-color:transparent; }
.ct-card:hover::before{ transform:scaleY(1); }
.ct-ic{
  flex:none; width:64px; height:64px; border-radius:50%; background:#fdf5e0;
  display:flex; align-items:center; justify-content:center;
  transition:transform .6s cubic-bezier(.22,.8,.2,1), background .4s;
}
.ct-card:hover .ct-ic{ transform:rotateY(180deg); background:#f2da59; }
.ct-txt small{
  display:block; font-family:'Mona Sans'; font-size:14px; font-weight:500;
  letter-spacing:1px; text-transform:uppercase; color:#205846; margin-bottom:6px;
}
.ct-txt p{ font-family:'Mona Sans'; font-size:18px; line-height:1.6; color:#000; margin:0; }
.ct-txt p a{ transition:color .3s; }
.ct-txt p a:hover{ color:#205846; }

/* map */
.ct-map-sec{ padding: 20px 0 100px; }
.ct-map{
  position:relative; height:460px; border-radius:24px; overflow:hidden; background:#e9efec;
  box-shadow:0 26px 60px rgba(31,92,67,.14);
}
.ct-map iframe{ display:block; width:100%; height:100%; border:0; }
.ct-map-btn{
  position:absolute; left:20px; top:20px; background:#fff; color:#143F31;
  font-family:'Mona Sans'; font-size:15px; font-weight:500;
  padding:10px 20px; border-radius:10px; box-shadow:0 10px 24px rgba(0,0,0,.18);
  transition:transform .3s, background .3s;
}
.ct-map-btn:hover{ background:#f2da59; transform:translateY(-3px); }

@media (max-width: 991px){
  .ct-sec{ padding: 70px 0 50px; }
  .ct-grid{ grid-template-columns:1fr; gap:40px; }
  .ct-map{ height:380px; }
}
@media (max-width: 575px){
  .ct-card{ padding:22px 20px; gap:16px; }
  .ct-ic{ width:54px; height:54px; }
  .ct-txt p{ font-size:16px; }
  .ct-map{ height:320px; }
}

/* ---------- SERVICE DETAIL PAGES (new - add at the end of inner.css) ---------- */
.sv-sec{ padding: 100px 0 110px; }
.sv-grid{ display:grid; grid-template-columns:1fr 370px; gap:40px; align-items:start; }
.sv-main .h-lg{ margin:0 0 32px; }
.sv-img{ overflow:hidden; border-radius:24px; margin-bottom:32px; box-shadow:0 24px 54px rgba(31,92,67,.14); }
.sv-img img{ display:block; width:100%; max-height:430px; object-fit:cover; transition:transform 1.1s cubic-bezier(.22,.8,.2,1); }
.sv-img:hover img{ transform:scale(1.06); }
.sv-h3{ font-size:30px; font-weight:500; color:#000; margin:44px 0 22px; position:relative; padding-left:18px; }
.sv-h3::before{ content:""; position:absolute; left:0; top:6px; bottom:6px; width:5px; border-radius:5px; background:linear-gradient(#143F31,#f2da59); }
.sv-offer{ grid-template-columns:1fr 1fr; gap:16px 24px; padding:0 0 6px 0; margin:0; }
.sv-offer li{ background:#fafbfa; border:1px solid #ececec; border-radius:14px; padding:16px 18px; align-items:center; font-size:16px; transition:transform .35s, box-shadow .35s, border-color .35s; }
.sv-offer li:hover{ transform:translateY(-4px); box-shadow:0 14px 28px rgba(31,92,67,.12); border-color:#cfe3d8; }
.sv-boxes{ grid-template-columns:repeat(3,1fr); gap:18px; }
.sv-boxes .mv-card{ padding:34px 24px 30px; }
.sv-boxes .mv-no{ font-size:56px; right:18px; }

/* sidebar */
.sv-side{  top:110px; display:flex; flex-direction:column; gap:24px; }
.sv-box-list{ background:#fff; border:1px solid #ececec; border-radius:22px; padding:30px 26px 24px; box-shadow:0 20px 44px rgba(31,92,67,.08); }
.sv-box-list h4, .sv-contact h4{ font-size:24px; font-weight:500; margin:0 0 18px; }
.sv-list{ padding:0; margin:0; }
.sv-list li + li{ margin-top:10px; }
.sv-list a{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  background:#f4f7f5; border-radius:12px; padding:14px 18px;
  font-family:'Mona Sans'; font-size:16px; font-weight:500; color:#111;
  transition:background .35s, color .35s, padding .35s;
}
.sv-list a span{ display:flex; opacity:.6; transition:transform .35s, opacity .35s; }
.sv-list a:hover, .sv-list li.on a{ background:#205846; color:#fff; padding-left:24px; }
.sv-list a:hover span, .sv-list li.on a span{ opacity:1; transform:translateX(4px); }

.sv-contact{
  position:relative; overflow:hidden; border-radius:22px; padding:34px 28px 30px; color:#fff;
  background:linear-gradient(215deg,#143F31 0%,#2b6a56 100%);
  box-shadow:0 26px 54px rgba(20,63,49,.32);
}
.sv-contact::after{
  content:""; position:absolute; right:-60px; top:-60px; width:190px; height:190px; border-radius:50%;
  background:rgba(242,218,89,.18); animation:svPulse 5s ease-in-out infinite;
}
@keyframes svPulse{ 50%{ transform:scale(1.25); } }
.sv-contact > *{ position:relative; z-index:1; }
.sv-contact h4{ color:#fff; margin-bottom:10px; }
.sv-contact p{ font-family:'Mona Sans'; font-size:15.5px; line-height:1.6; color:#dfece6; margin:0 0 22px; }
.sv-row{ display:flex; align-items:center; gap:16px; margin-bottom:18px; transition:transform .35s; }
.sv-row:hover{ transform:translateX(6px); }
.sv-ic{ flex:none; width:52px; height:52px; border-radius:14px; background:#f2da59; display:flex; align-items:center; justify-content:center; transition:transform .5s; }
.sv-row:hover .sv-ic{ transform:rotate(-12deg) scale(1.08); }
.sv-t small{ display:block; font-family:'Mona Sans'; font-size:13px; letter-spacing:1px; text-transform:uppercase; color:#cfe3d8; }
.sv-t b{ display:block; font-family:'Mona Sans'; font-size:17px; font-weight:500; word-break:break-all; }
.sv-contact .bntext-hd-tag{ padding-top:8px; }


@media (max-width: 1199px){
  .sv-grid{ grid-template-columns:1fr 330px; gap:40px; }
  .sv-boxes{ grid-template-columns:1fr; }
}
@media (max-width: 991px){
  .sv-sec{ padding:70px 0 80px; }
  .sv-grid{ grid-template-columns:1fr; }
  .sv-side{ position:static; }
  .sv-boxes{ grid-template-columns:1fr 1fr; }
}
@media (max-width: 575px){
  .sv-offer, .sv-boxes{ grid-template-columns:1fr; }
  .sv-h3{ font-size:24px; }
}
.fg .iti{ display:block; width:100%; }
.fg .iti input[type=tel]{ width:100%; }
.fg .iti__selected-flag{ border-radius:12px 0 0 12px; }
.fg .iti__selected-dial-code{ font-family:'Mona Sans'; font-size:16px; color:#111; }
.iti--container{ z-index:3000; }
.iti__country-list{ font-family:'Mona Sans'; font-size:15px; }