body.page-template-page-currencies-template, body.page-template-page-countries-template {cursor: default;}
body.page-template-page-currencies-template #page-wrap{padding-bottom: 50px;}
body.page-template-page-countries-template #page-wrap{padding-bottom: 0px;}
body.page-template-page-countries-template h2{margin-bottom:28px; font-size: 3rem; font-weight: 300; line-height: 1.2;}
body.page-template-page-currencies-template p, body.page-template-page-countries-template p {/*font-size: 1.85rem; line-height: 1.5;*/ line-height: 20px; margin-bottom: 20px;}
.page-heading, .page-template-page-currencies-template .page-heading .heading-text{border-bottom: none;}
.page-heading{padding-top: 53px;}
.page-template-page-countries-template .page-heading .heading-text{width:100%; padding-bottom: 12px;}
.page-heading h1, .page-heading h3{text-align: center;}
.page-heading h1{margin-bottom:0px; font-size: 4.5rem; font-weight: 300; line-height: 1;}
.page-heading h3{font-size: 2rem; letter-spacing: 0.01em;}
h2.row-headline{margin-bottom:28px; font-size: 3rem; font-weight: 300; line-height: 1; text-align: center;}
body.page-template-page-currencies-template .page-content p:last-of-type, body.page-template-page-countries-template .page-content p:last-of-type {/*margin-bottom: 0;*/}
.currencies-template-widget h2.row-headline{margin-top: 8px; margin-bottom: 24px;}
.currencies-template-widget p{max-width: 600px; margin-left: auto; margin-right: auto; margin-bottom: 35px !important;}
.currencies-template-widget .note{padding-left: 127px; margin-left: auto; margin-right: auto; font-size: 14px; line-height: 16px;}
.currencies-template-widget .note > strong{font-size: 15px;}

body.page-template-page-currencies-template .page-section{padding-bottom: 46px;}
body.page-template-page-countries-template .page-section{padding-bottom: 60px;}
body.page-template-page-currencies-template .page-content, body.page-template-page-countries-template .page-content {padding: 0;}
.page-content.box-shadow{box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.3);}


.country-banners{position:relative; padding: 0; margin:0;}
.country-banners > [class*='col-'] {padding-left: 0; padding-right: 0;}
.country-banners .banner-send-currency, .country-banners .banner-receive-currency{position: absolute; width:94px; bottom:0; padding: 12px 14px 13px 14px; background:rgba(15, 56, 75, 0.8); color:#ffffff; font-size: 2.4rem; line-height: 1; font-weight: 300;}
.country-banners .banner-send-currency{left:0;}
.country-banners .banner-receive-currency{right:0; text-align: right;}

.countries-holder{position: absolute; left:94px; right: 94px; top:-105px; height:105px; padding: 15px 30px 23px; background:rgba(15, 56, 75, 0.8); color:#ffffff; z-index: 10;}
.countries-holder:after{display: block; content: ''; clear: both;}
.countries-holder .send-holder{float: left; width: 45%;}
.countries-holder .receive-holder{float: right; width: 45%;}
.countries-holder .headline{font-size: 12px; line-height: 1.5; font-weight: 600; text-transform: uppercase; letter-spacing: 0.02em; color: #ffffff;}
.countries-holder .send-holder .headline{text-align: right;}
.countries-holder .send-input, .countries-holder .receive-input{position: relative; height:49px; background:#e9edf0;}
.countries-holder .currency-holder{position: absolute; width: 100%; height: 49px; left:0; top:0; }
.countries-holder .currency-holder.opened{}
.countries-holder .currency-holder.receive-currency{left:auto; right:0;}
.countries-holder .selected-currency{position:relative; height: 49px; padding: 10px 10px 10px 35px; font-size: 15px; line-height: 29px; font-weight: 700; color: #555555; background:#e9edf0; cursor: pointer; z-index: 1;}
.countries-holder .selected-currency:after{display: block; content: ''; position: absolute; width: 10px; height: 10px; left: 10px; top: 50%; border-right:2px solid #5c5c5c; border-bottom:2px solid #5c5c5c; transform: rotate(45deg) translate(-30%, -7px);}

.page-template-page-countries-template .currency-converter-table { position: relative; /*max-width:736px;*/ padding-left: 94px; padding-right: 94px; margin: 0 auto;}

.page-template-page-currencies-template .simple-converter{padding: 20px 30px 40px;}

.page-template-page-currencies-template .simple-converter{position: relative; padding: 23px 30px 23px; border-bottom:1px solid #e9edf0; z-index: 1;}
.page-template-page-countries-template .simple-converter{position: relative; padding: 23px 30px 23px; z-index: 1;}
.simple-converter:after{display: block; content: ''; clear: both;}
.simple-converter .send-holder{float:left; width: 45%;}
.simple-converter .receive-holder{float:right; width: 45%;}
.page-template-page-currencies-template .simple-converter .headline{margin-bottom: 5px; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; color: #1695ca;}
.page-template-page-countries-template .simple-converter .headline{font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.02em; color: #1695ca;}



/* Currency dropdown positioning removed - using styles from currencies-countries-template.css instead */
.simple-converter .send-input, .simple-converter .receive-input{position: relative;}

.multiple-converter-table-holder{padding: 49px 30px 40px;}
.page-template-page-currencies-template .multiple-converter-table-holder h3{margin:0 auto 11px; font-size: 2rem; font-weight: 700; letter-spacing: 0.01em; text-align: center; color: #444444;}
.page-template-page-countries-template .multiple-converter-table-holder h3{max-width:380px; margin:0 auto 11px; font-size: 2rem; font-weight: 700; letter-spacing: 0.01em; text-align: center; color: #444444;}
.multiple-converter-table-holder p{max-width:380px; margin:0 auto 22px; text-align: center; margin-bottom: 24px !important;}

.multiple-converter-table-holder p.table-note{max-width:100%; font-size: 14px; line-height: 16px; text-align: left; margin-bottom: 10px !important;}
.multiple-converter-table-holder p.table-note > strong{font-size: 15px;}
.multiple-converter-table-holder .button-holder{text-align: center;}
.multiple-converter-table-holder .button-holder a.button{display: inline-block; min-height: 43px; padding: 13px 30px; line-height: 1.2; color:#ffffff; background:#41b412; border-radius: 2px; text-align: center;}


.multiple-converter-table{position: relative; margin-top:12px; margin-bottom: 14px; font-weight: 700; border:1px solid #e9edf0;}
.multiple-converter-table .left-col{width:50%; float: left; padding: 10px 34px 11px 12px; text-align: right; background: #edf7fb; border-right:1px solid #e9edf0; border-bottom:1px solid #e9edf0;}
.multiple-converter-table .right-col{width:50%; float: right; padding: 10px 12px 11px 34px; text-align: left; border-bottom:1px solid #e9edf0;}
.multiple-converter-table .table-heading .left-col, .multiple-converter-table .table-heading .right-col{display:flex; align-items:center; padding-top: 7px; padding-bottom: 7px;}
.multiple-converter-table .left-col .flag, .multiple-converter-table .right-col .flag{display: inline-block; content: ''; vertical-align: top; margin-top: -1px;}
.multiple-converter-table .left-col .flag{margin-left: 3px;}
.multiple-converter-table .right-col .flag{margin-right: 2px;}
.multiple-converter-table .flag:before{margin-right: 0 !important;}
.multiple-converter-table .table-heading, .multiple-converter-table .table-heading .left-col{background: #f8f8f8;}
.multiple-converter-table .left-col.last-row, .multiple-converter-table .right-col.last-row{border-bottom:none;}
.multiple-converter-table .flip-currencies-btn{top:50%; bottom:auto; margin-top: -7px;}
.multiple-converter-table .table-heading{font-size: 15px; letter-spacing: -0.02em; color: #5c5c5c;}
.multiple-converter-table .rates-table{font-size: 18px;}
.multiple-converter-table .rates-table .left-col{color:#1695ca; text-decoration: underline;}
.multiple-converter-table .rates-table .right-col{color:#888888;}


.avail-currencies{display: none; position: absolute; left: 0; top: 0; width:100%; min-height: 49px; max-height: 299px; padding-top: 49px; background:#ffffff; border-width:0 2px 2px 2px; border-style: solid; border-color:#e9edf0; overflow: hidden; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);}
.avail-currencies > div{position:relative; width:100%; height:100%; max-height: 248px; overflow: auto;}
.avail-currencies > div::-webkit-scrollbar {
    width: 10px;
    border:1px solid #dddddd;
    background: #f4f4f4;
}
.avail-currencies > div::-webkit-scrollbar-button{
  height: 1px;
}
.avail-currencies > div::-webkit-scrollbar-track{
  width: 17px;
    -webkit-box-shadow: none;
}
.avail-currencies > div::-webkit-scrollbar-thumb{
  width: 10px !important;
  margin-left: 5px;
  margin-right: 5px;
    background-color: #b8c4d0;
    outline: none;
    border-radius: 5px;
}
.avail-currencies > div::-webkit-scrollbar-track-piece{}
.avail-currencies > div::-webkit-scrollbar-corner{}
.avail-currencies > div::-webkit-resizer{}

.avail-currencies .flag{display: block; padding: 13px 5px 13px 15px; font-size: 15px; line-height: 18px; font-weight: 700; color: #555555;}
.avail-currencies .flag.selected-flag, .avail-currencies .flag:hover{background:#e9edf0;}

.currency-converter-table .flag:before{
  width: 30px; 
  height: 20px; 
  display: inline-block; 
  content: ''; 
  margin-right: 5px; 
  margin-top: -4px; 
  vertical-align: middle; 
  background: #000000; 
  border-radius: 2px; 
  background: url("https://www.currencytransfer.com/wp-content/uploads/assets/flags/ct-wp-core-flags.png"); 
  background-size: 120px auto;}

.countrylist:before{ 
  content: ''; 
  display: block; 
  position:absolute; 
  top:19px; 
  left:10px; 
  width:30px; 
  height:20px; 
  background: url("https://www.currencytransfer.com/wp-content/uploads/assets/flags/ct-wp-core-flags.png") no-repeat; 
  background-size: 120px auto; 
}
.flag-ae:before, .flag-aed:before, .currency-converter-table .flag-aed:before, .currency-converter-table .flag-ae:before, .countrylist.flag-ae:before {background-position: -30px 0px;}
.flag-ar:before, .flag-ars:before, .currency-converter-table .flag-ars:before, .currency-converter-table .flag-ar:before, .countrylist.flag-ar:before {background-position: -60px -0px;}
.flag-at:before, .flag-aut:before, .currency-converter-table .flag-aut:before, .currency-converter-table .flag-at:before, .countrylist.flag-at:before {background-position: -90px -0px;}
.flag-au:before, .flag-aud:before, .currency-converter-table .flag-aud:before, .currency-converter-table .flag-au:before, .countrylist.flag-au:before {background-position: -0px -20px;}
.flag-be:before, .flag-bel:before, .currency-converter-table .flag-bel:before, .currency-converter-table .flag-be:before, .countrylist.flag-be:before {background-position: -30px -20px;}
.flag-bg:before, .flag-bgn:before, .currency-converter-table .flag-bgn:before, .currency-converter-table .flag-bg:before, .countrylist.flag-bg:before {background-position: -60px -20px;}
.flag-bh:before, .flag-bhd:before, .currency-converter-table .flag-bhd:before, .currency-converter-table .flag-bh:before, .countrylist.flag-bh:before {background-position: -90px -20px;;}
.flag-br:before, .flag-brl:before, .currency-converter-table .flag-brl:before, .currency-converter-table .flag-br:before, .countrylist.flag-br:before {background-position: -0px -40px}
.flag-ca:before, .flag-cad:before, .currency-converter-table .flag-cad:before, .currency-converter-table .flag-ca:before, .countrylist.flag-ca:before {background-position: -30px -40px;}

.flag-ch:before, .flag-chf:before, .currency-converter-table .flag-chf:before, .currency-converter-table .flag-ch:before, .countrylist.flag-ch:before {background-position: -60px -40px;}
.flag-cn:before, .flag-cny:before, .currency-converter-table .flag-cny:before, .currency-converter-table .flag-cn:before, .countrylist.flag-cn:before {background-position: -90px -40px;}
.flag-cy:before, .flag-cyp:before, .currency-converter-table .flag-cyp:before, .currency-converter-table .flag-cy:before, .countrylist.flag-cy:before {background-position: -0px -60px;}
.flag-cz:before, .flag-czk:before, .currency-converter-table .flag-czk:before, .currency-converter-table .flag-cz:before, .countrylist.flag-cz:before {background-position: -30px -60px;}
.flag-de:before, .flag-deu:before, .currency-converter-table .flag-deu:before, .currency-converter-table .flag-de:before, .countrylist.flag-de:before {background-position: -60px -60px;}
.flag-dk:before, .flag-dkk:before, .currency-converter-table .flag-dkk:before, .currency-converter-table .flag-dk:before, .countrylist.flag-dk:before {background-position: -90px -60px;}
.flag-ee:before, .currency-converter-table .flag-est:before, .currency-converter-table .flag-ee:before, .countrylist.flag-ee:before {background-position: -0px -80px;}
.flag-es:before, .flag-esp:before, .currency-converter-table .flag-esp:before, .currency-converter-table .flag-es:before, .countrylist.flag-es:before {background-position: -60px -80px;}
.flag-eu:before, .flag-eur:before, .currency-converter-table .flag-eur:before, .currency-converter-table .flag-eu:before, .countrylist.flag-eu:before {background-position: -90px -80px;}
.flag-fr:before, .flag-fra:before, .currency-converter-table .flag-fra:before, .currency-converter-table .flag-fr:before, .countrylist.flag-fr:before {background-position: -30px -100px;}
.flag-gh:before, .flag-ghs:before, .currency-converter-table .flag-ghs:before, .currency-converter-table .flag-gh:before, .countrylist.flag-gh:before {background-position: -90px -100px;}
.flag-gr:before, .currency-converter-table .flag-gr:before, .countrylist.flag-gr:before {background-position: -0px -120px;}
.flag-hk:before, .flag-hkd:before, .currency-converter-table .flag-hkd:before, .currency-converter-table .flag-hk:before, .countrylist.flag-hk:before {background-position: -30px -120px;}
.flag-hr:before, .flag-hrk:before, .currency-converter-table .flag-hrk:before, .currency-converter-table .flag-hr:before, .countrylist.flag-hr:before {background-position: -60px -120px;}
.flag-hu:before, .flag-huf:before, .currency-converter-table .flag-huf:before, .currency-converter-table .flag-hu:before, .countrylist.flag-hu:before {background-position: -90px -120px;}
.flag-ie:before, .currency-converter-table .flag-ie:before, .countrylist.flag-ie:before {background-position: -0px -140px;}
.flag-il:before, .flag-ils:before, .currency-converter-table .flag-ils:before, .currency-converter-table .flag-il:before, .countrylist.flag-il:before {background-position: -30px -140px;}
.flag-in:before, .flag-inr:before, .currency-converter-table .flag-inr:before, .currency-converter-table .flag-in:before, .countrylist.flag-in:before {background-position: -60px -140px;}
.flag-it:before, .flag-ita:before, .currency-converter-table .flag-ita:before, .currency-converter-table .flag-it:before, .countrylist.flag-it:before {background-position: -90px -140px;}
.flag-jm:before, .flag-jmd:before, .currency-converter-table .flag-jmd:before, .currency-converter-table .flag-jm:before, .countrylist.flag-jm:before {background-position: -0px -160px;}
.flag-jo:before, .flag-jod:before, .currency-converter-table .flag-jod:before, .currency-converter-table .flag-jo:before, .countrylist.flag-jo:before {background-position: -30px -160px;}
.flag-jp:before, .flag-jpy:before, .currency-converter-table .flag-jpy:before, .currency-converter-table .flag-jp:before, .countrylist.flag-jp:before {background-position: -60px -160px;}
.flag-ke:before, .flag-kes:before, .currency-converter-table .flag-kes:before, .currency-converter-table .flag-ke:before, .countrylist.flag-ke:before {background-position: -90px -160px;}
.flag-kw:before, .flag-kwd:before, .currency-converter-table .flag-kwd:before, .currency-converter-table .flag-kw:before, .countrylist.flag-kw:before {background-position: -0px -180px;}
.flag-lt:before, .currency-converter-table .flag-lt:before, .countrylist.flag-lt:before {background-position: -30px -180px;}
.flag-lu:before, .flag-lux:before, .currency-converter-table .flag-lux:before, .currency-converter-table .flag-lu:before, .countrylist.flag-lu:before {background-position: -60px -180px;}
.flag-lv:before, .flag-lva:before, .currency-converter-table .flag-lva:before, .currency-converter-table .flag-lv:before, .countrylist.flag-lv:before {background-position: -90px -180px;}
.flag-ma:before, .flag-mad:before, .currency-converter-table .flag-mad:before, .currency-converter-table .flag-ma:before, .countrylist.flag-ma:before {background-position: -0px -200px;}

.flag-mt:before, .flag-mtl:before, .currency-converter-table .flag-mtl:before, .currency-converter-table .flag-mt:before, .countrylist.flag-mt:before {background-position: -30px -200px;}
.flag-mu:before, .flag-mur:before, .currency-converter-table .flag-mur:before, .currency-converter-table .flag-mu:before, .countrylist.flag-mu:before {background-position: -60px -200px;}
.flag-mx:before, .flag-mxn:before, .currency-converter-table .flag-mxn:before, .currency-converter-table .flag-mx:before, .countrylist.flag-mx:before {background-position: -90px -200px;}
.flag-ng:before, .flag-ngn:before, .currency-converter-table .flag-ngn:before, .currency-converter-table .flag-ng:before, .countrylist.flag-ng:before {background-position: -0px -220px;}
.flag-nl:before, .flag-nld:before, .currency-converter-table .flag-nld:before, .currency-converter-table .flag-nl:before, .countrylist.flag-nl:before {background-position: -30px -220px;}
.flag-no:before, .flag-nok:before, .currency-converter-table .flag-nok:before, .currency-converter-table .flag-no:before, .countrylist.flag-no:before {background-position: -60px -220px;}
.flag-nz:before, .flag-nzd:before, .currency-converter-table .flag-nzd:before, .currency-converter-table .flag-nz:before, .countrylist.flag-nz:before {background-position: -90px -220px;}
.flag-om:before, .flag-omr:before, .currency-converter-table .flag-omr:before, .currency-converter-table .flag-om:before, .countrylist.flag-om:before {background-position: -0px -240px;}
.flag-ph:before, .flag-php:before, .currency-converter-table .flag-php:before, .currency-converter-table .flag-ph:before, .countrylist.flag-ph:before {background-position: -30px -240px;}
.flag-pk:before, .flag-pkr:before, .currency-converter-table .flag-pkr:before, .currency-converter-table .flag-pk:before, .countrylist.flag-pk:before {background-position: -60px -240px;}

.flag-pl:before, .flag-pln:before, .currency-converter-table .flag-pln:before, .currency-converter-table .flag-pl:before, .countrylist.flag-pl:before {background-position: -90px -240px;}
.flag-pt:before, .flag-prt:before, .currency-converter-table .flag-prt:before, .currency-converter-table .flag-pr:before, .currency-converter-table .flag-pt:before, .currency-converter-table .flag-pr:before, .countrylist.flag-pr:before {background-position: -0px -260px;}
.flag-qa:before, .flag-qar:before, .currency-converter-table .flag-qar:before, .currency-converter-table .flag-qa:before, .countrylist.flag-qa:before {background-position: -30px -260px;}
.flag-ro:before, .flag-ron:before, .currency-converter-table .flag-ron:before, .currency-converter-table .flag-ro:before, .countrylist.flag-ro:before {background-position: -60px -260px;}
.flag-ru:before, .flag-rub:before, .currency-converter-table .flag-rub:before, .currency-converter-table .flag-ru:before, .countrylist.flag-ru:before {background-position: -90px -260px;}
.flag-sa:before, .flag-sar:before, .currency-converter-table .flag-sar:before, .currency-converter-table .flag-sa:before, .countrylist.flag-sa:before {background-position: -0px -280px;}
.flag-se:before, .flag-sek:before, .currency-converter-table .flag-sek:before, .currency-converter-table .flag-se:before, .countrylist.flag-se:before {background-position: -30px -280px;}
.flag-sg:before, .flag-sgd:before, .currency-converter-table .flag-sgd:before, .currency-converter-table .flag-sg:before, .countrylist.flag-sg:before {background-position: -60px -280px;}
.flag-si:before, .flag-svn:before, .currency-converter-table .flag-svn:before, .currency-converter-table .flag-si:before, .countrylist.flag-si:before {background-position: -90px -280px;}
.flag-sk:before, .flag-svk:before, .currency-converter-table .flag-svk:before, .currency-converter-table .flag-sk:before, .countrylist.flag-sk:before {background-position: -0px -300px;}

.flag-th:before, .flag-thb:before, .currency-converter-table .flag-thb:before, .currency-converter-table .flag-th:before, .countrylist.flag-th:before {background-position: -30px -300px;}
.flag-tn:before, .flag-tnd:before, .currency-converter-table .flag-tnd:before, .currency-converter-table .flag-tn:before, .countrylist.flag-tn:before {background-position: -60px -300px;}
.flag-tr:before, .flag-try:before, .currency-converter-table .flag-try:before, .currency-converter-table .flag-tr:before, .countrylist.flag-tr:before {background-position: -90px -300px;}
.flag-tt:before, .flag-ttd:before, .currency-converter-table .flag-ttd:before, .currency-converter-table .flag-tt:before, .countrylist.flag-tt:before {background-position: -0px -320px;}
.flag-ug:before, .flag-ugx:before, .currency-converter-table .flag-ugx:before, .currency-converter-table .flag-ug:before, .countrylist.flag-ug:before {background-position: -30px -320px;}
.flag-gb:before, .flag-gbp:before, .currency-converter-table .flag-gbp:before, .currency-converter-table .flag-uk:before, .countrylist.flag-uk:before {background-position: -60px -100px;}
.flag-us:before, .flag-usd:before, .currency-converter-table .flag-usd:before, .currency-converter-table .flag-us:before, .countrylist.flag-us:before {background-position: -60px -320px;}
.flag-za:before, .flag-zar:before, .currency-converter-table .flag-zar:before, .currency-converter-table .flag-za:before, .countrylist.flag-za:before {background-position: -90px -320px;}

.flag-ad:before, .currency-converter-table .flag-and:before, .countrylist.flag-and:before {background-position: 0px 0px;}
.flag-fi:before, .currency-converter-table .flag-fin:before, .currency-converter-table .flag-fi:before, .countrylist.flag-fi:before {background-position: -0px -100px}
.flag-eg:before, .currency-converter-table .flag-egp:before, .currency-converter-table .flag-eg:before, .countrylist.flag-eg:before {background-position: -30px -80px;}

.flip-currencies-btn{position: absolute; display: block; width:50px; height: 50px; left:50%; bottom:-25px; margin-left: -25px; /*background: url('../images/arrows.png') center no-repeat;*/ background: #1294c9; border-radius: 50px;}
.flip-currencies-btn span{display: block; width: 100%; height: 100%; padding: 0; font-weight: normal; margin: 0; text-align: center; color:#ffffff !important;}
.flip-currencies-btn span:before{display: block; height: 100%; font-size: 28px; line-height: 57px; text-indent: -1px; text-align: center;}

#highchart-holder{height:345px;}

.transfer-supported-container {
  display: flex; 
  flex-direction: row;
  align-items: center; 
  padding: 15px; 
  border: 2px solid #E53935; 
  border-radius: 5px; 
  background-color: #FEF9F9; 
  color:#E53935; 
  font-size:16px;
}
.ts-icon {
  min-width: 64px; 
  height: 64px; 
  background: url(https://www.currencytransfer.com/wp-content/themes/dante-child/assets/images/transfer-error.min.svg); 
  background-repeat: no-repeat; 
  background-size: 100%
}

@media (min-width: 768px){
  #highchart-holder{height:305px;}
  .currency-converter-table{padding-left: 0; padding-right: 0;}
  .countries-holder{left:0; right: 0;}
  .country-banners .banner-send-currency, .country-banners .banner-receive-currency{display:none;}
  .page-template-page-countries-template .simple-converter .headline{display: none;}
}
@media (min-width: 992px){
  #page-wrap .container {width: 895px;}
  #highchart-holder{height:287px;}
  .page-template-page-countries-template .currency-converter-table{padding-left: 127px; padding-right: 127px;}
  .countries-holder{left:127px; right: 127px;}
  .country-banners .banner-send-currency, .country-banners .banner-receive-currency{display:block; width:127px; padding: 12px 16px 13px 16px;}
  .countries-holder .send-holder, .countries-holder .receive-holder, .simple-converter .send-holder, .simple-converter .receive-holder{width:44.5%;}
}
@media (min-width: 1200px){
  #page-wrap .container {width: 1100px;}
  #highchart-holder{height:345px;}
  .page-template-page-countries-template .currency-converter-table{padding-left: 94px; padding-right: 94px;}
  .countries-holder{left:94px; right: 94px;}
  .countries-holder .send-holder, .countries-holder .receive-holder, .simple-converter .send-holder, .simple-converter .receive-holder{width:45%;}
  .country-banners .banner-send-currency, .country-banners .banner-receive-currency{width:94px; padding: 12px 14px 13px 14px;}
}

@media (max-width: 767px){
  #page-wrap .container {width: 540px;}
  body.page-template-page-countries-template .page-section{padding-bottom: 30px;}
  .currencies-template-widget .note{padding-left: 0;}
  .simple-converter{padding: 20px 30px 40px;}
  .countries-holder .send-holder .headline, .simple-converter .send-holder .headline{text-align: left;}

  .countries-holder .send-holder, .countries-holder .receive-holder, .simple-converter .send-holder, .simple-converter .receive-holder{float: none; width:100%;}
  .countries-holder .send-holder, .simple-converter .send-holder {position: relative; z-index: 2;}
  .countries-holder .receive-holder, .simple-converter .receive-holder{margin-top: 20px; position: relative; z-index: 1;}

  /* Mobile currency positioning removed - using currencies-countries-template.css */
  .page-template-page-currencies-template .multiple-converter-table-holder{padding-left: 20px; padding-right: 20px;}
  .page-template-page-countries-template .multiple-converter-table-holder{padding-left: 30px; padding-right: 30px;}



  .multiple-converter-table-holder p{max-width: 100%;}
  .multiple-converter-table .longname{display: none;}
  .currencies-template-widget p{margin-bottom: 0 !important;}
  .country-banners .banner-send-currency, .country-banners .banner-receive-currency{display:none;}
}
@media (max-width: 550px){
  body.page-template-page-currencies-template #page-wrap, body.page-template-page-countries-template #page-wrap{padding-left: 20px !important; padding-right: 20px !important;}
  #page-wrap .container {width: 100%;}
}
@media (max-width: 480px){
  .page-heading{padding-top: 45px; padding-left: 0; padding-right: 0;}
  .page-template-page-countries-template .page-heading .heading-text{margin-bottom: -35px;}
  .page-heading h1{font-size: 3rem;}
  body.page-template-page-currencies-template .page-section{padding-bottom: 30px;}
  body.page-template-page-countries-template h2{font-size: 2.4rem;}
  body.page-template-page-countries-template .page-section{padding-bottom: 65px;}
  body.page-template-page-countries-template .page-content p:last-of-type {margin-bottom: 0;}
  .col-xs-12, .col-sm-12{margin-bottom: 0;}
  body.page-template-page-countries-template .countries-holder .receive-holder, .simple-converter .receive-holder{margin-top: 25px;}
  body.page-template-page-countries-template .simple-converter{padding-bottom: 30px;}
  body.page-template-page-countries-template .multiple-converter-table-holder{padding-left: 20px; padding-right: 20px; padding-bottom: 50px;}
  body.page-template-page-countries-template .the-content{padding-left: 25px; padding-right: 25px;}
}
@media (min-width: 441px){
  .ts-icon {margin-right: 15px;}
}
@media (max-width: 440px){
  body.page-template-page-currencies-template .multiple-converter-table .rates-table{font-size: 14px;}
  .transfer-supported-container {flex-direction: column;}
  .ts-icon {margin-bottom: 15px;}
}
@media (max-width: 375px){
  body.page-template-page-currencies-template .multiple-converter-table .rates-table{font-size: 12px;}
}
@media (max-width: 330px){
  body.page-template-page-currencies-template .multiple-converter-table .rates-table{font-size: 10px;}
}
/* ---------- Hide signup and Login buttons ---------- */
li.menu-item-3956.menu-item.menu-item-type-custom.menu-item-object-custom,
li.menu-item-4268.menu-item.menu-item-type-custom.menu-item-object-custom {
  display: none;
}

/* ============================================================================
   TIER CONTENT BLOCKS (PSEO-005)
   Styling for tier-specific content on amount pages
   ============================================================================ */

.tier-content-section {
  padding-bottom: 46px;
}

.tier-content-section .page-content {
  padding: 0;
}

/* Tier Summary Block */
.tier-summary-block {
  margin-bottom: 30px;
  padding: 25px 30px;
  background: #f8f9fa;
  border-left: 4px solid #1695ca;
  border-radius: 0 4px 4px 0;
}

.tier-summary-block p {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.6;
  color: #444444;
}

/* Section Headings */
.tier-section-heading {
  margin: 0 0 16px 0;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  color: #333333;
  text-align: left;
}

/* Corridor Details */
.tier-corridor-details {
  margin-bottom: 35px;
}

.tier-facts-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.tier-facts-list li {
  position: relative;
  padding: 10px 0 10px 24px;
  border-bottom: 1px solid #e9edf0;
  line-height: 1.5;
}

.tier-facts-list li:before {
  content: '';
  position: absolute;
  left: 0;
  top: 16px;
  width: 8px;
  height: 8px;
  background: #1695ca;
  border-radius: 50%;
}

.tier-facts-list li:last-child {
  border-bottom: none;
}

.tier-facts-list li strong {
  color: #333333;
}

/* Rate Factors */
.tier-rate-factors {
  margin-bottom: 35px;
}

.rate-factor-item {
  margin-bottom: 15px;
  padding: 15px 20px;
  background: #ffffff;
  border: 1px solid #e9edf0;
  border-radius: 4px;
}

.rate-factor-item:last-child {
  margin-bottom: 0;
}

.rate-factor-item strong {
  display: inline;
  color: #1695ca;
}

/* Use Cases */
.tier-use-cases {
  margin-bottom: 35px;
}

.tier-use-cases-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.tier-use-cases-list li {
  position: relative;
  padding: 12px 0 12px 28px;
  line-height: 1.5;
}

.tier-use-cases-list li:before {
  content: '✓';
  position: absolute;
  left: 0;
  top: 12px;
  color: #41b412;
  font-weight: bold;
}

/* Tier CTA Block */
.tier-cta-block {
  margin-bottom: 35px;
  padding: 30px;
  background: linear-gradient(135deg, #f8f9fa 0%, #edf7fb 100%);
  border-radius: 8px;
  text-align: center;
}

.tier-cta-block .sf-button {
  min-width: 200px;
}

.tier-cta-subtext {
  margin: 15px 0 0 0 !important;
  font-size: 14px;
  color: #666666;
}

.tier-cta-phone {
  margin: 10px 0 0 0 !important;
  font-size: 14px;
}

.tier-cta-phone a {
  color: #1695ca;
  font-weight: 600;
  text-decoration: none;
}

.tier-cta-phone a:hover {
  text-decoration: underline;
}

/* Premium/VIP button variants */
.sf-button.premium {
  background: linear-gradient(135deg, #41b412 0%, #2e8b0d 100%);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

.sf-button.vip {
  background: linear-gradient(135deg, #0f384b 0%, #1a5570 100%);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

/* Timing Table */
.tier-timing-section {
  margin-bottom: 35px;
}

.tier-timing-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 15px;
  background: #ffffff;
}

.tier-timing-table th,
.tier-timing-table td {
  padding: 12px 15px;
  text-align: left;
  border: 1px solid #e9edf0;
}

.tier-timing-table th {
  background: #f8f8f8;
  font-weight: 600;
  color: #333333;
  font-size: 14px;
}

.tier-timing-table td {
  font-size: 14px;
  color: #555555;
}

.tier-timing-table tbody tr:hover {
  background: #fafafa;
}

.tier-timing-disclaimer {
  margin: 0;
  font-size: 13px;
  color: #888888;
}

/* Regulatory Note */
.tier-regulatory-note {
  padding: 20px;
  background: #fafafa;
  border-radius: 4px;
}

.tier-regulatory-note p {
  margin: 0;
}

.tier-regulatory-note small {
  font-size: 12px;
  line-height: 1.6;
  color: #888888;
}

/* Tier-specific accent colors */
.tier-content-section.tier-small .tier-summary-block {
  border-left-color: #1695ca;
}

.tier-content-section.tier-medium .tier-summary-block {
  border-left-color: #5cb85c;
}

.tier-content-section.tier-large .tier-summary-block {
  border-left-color: #f0ad4e;
}

.tier-content-section.tier-hnw .tier-summary-block {
  border-left-color: #0f384b;
}

/* Mobile Responsive */
@media (max-width: 767px) {
  .tier-summary-block {
    padding: 20px;
  }

  .tier-cta-block {
    padding: 25px 20px;
  }

  .tier-timing-table th,
  .tier-timing-table td {
    padding: 10px;
    font-size: 13px;
  }

  .rate-factor-item {
    padding: 12px 15px;
  }
}

@media (max-width: 480px) {
  .tier-section-heading {
    font-size: 1.6rem;
  }

  .tier-timing-table {
    font-size: 12px;
  }

  .tier-timing-table th,
  .tier-timing-table td {
    padding: 8px;
  }

  /* Stack timing table on very small screens */
  .tier-timing-table thead {
    display: none;
  }

  .tier-timing-table tbody tr {
    display: block;
    margin-bottom: 15px;
    border: 1px solid #e9edf0;
    border-radius: 4px;
  }

  .tier-timing-table td {
    display: block;
    padding: 8px 12px;
    border: none;
    border-bottom: 1px solid #e9edf0;
  }

  .tier-timing-table td:before {
    content: attr(data-label);
    display: block;
    font-weight: 600;
    font-size: 11px;
    color: #888888;
    margin-bottom: 4px;
  }

  .tier-timing-table td:last-child {
    border-bottom: none;
  }
}

/* =====================================================
   Comparison Table Component (PSEO-018)
   Provider vs CurrencyTransfer comparison table
   ===================================================== */

.ct-comparison-table-wrapper {
  margin: 30px 0;
}

/* Savings Callout */
.ct-savings-callout {
  background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%);
  border-radius: 8px;
  padding: 20px 25px;
  margin-bottom: 20px;
  text-align: center;
  border-left: 4px solid #41b412;
}

.ct-savings-callout .savings-amount {
  display: block;
  font-size: 1.8rem;
  font-weight: 700;
  color: #2e7d32;
  margin-bottom: 5px;
}

.ct-savings-callout .savings-text {
  font-size: 0.95rem;
  color: #555555;
}

/* Comparison Table */
.ct-comparison-table {
  width: 100%;
  border-collapse: collapse;
  background: #ffffff;
  border: 1px solid #e9edf0;
  border-radius: 8px;
  overflow: hidden;
}

.ct-comparison-table thead {
  background: #f8f8f8;
}

.ct-comparison-table th {
  padding: 14px 12px;
  text-align: left;
  font-weight: 600;
  font-size: 13px;
  color: #5c5c5c;
  border-bottom: 2px solid #e9edf0;
  white-space: nowrap;
}

.ct-comparison-table td {
  padding: 16px 12px;
  font-size: 14px;
  color: #333333;
  border-bottom: 1px solid #e9edf0;
  vertical-align: middle;
}

.ct-comparison-table tbody tr:last-child td {
  border-bottom: none;
}

.ct-comparison-table tbody tr:hover {
  background: #fafafa;
}

/* Winner Row (CurrencyTransfer) */
.ct-comparison-table .ct-winner-row {
  background: linear-gradient(to right, #f0f9eb 0%, #ffffff 100%);
}

.ct-comparison-table .ct-winner-row:hover {
  background: linear-gradient(to right, #e8f5e9 0%, #fafafa 100%);
}

.ct-comparison-table .ct-winner-row .recipient-col strong {
  color: #2e7d32;
  font-size: 1.1em;
}

/* Provider Column */
.ct-comparison-table .provider-col {
  min-width: 140px;
}

.ct-comparison-table .provider-name {
  display: block;
  font-weight: 600;
  color: #333333;
}

.ct-comparison-table .provider-badge {
  display: inline-block;
  margin-top: 4px;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 600;
  color: #ffffff;
  background: #41b412;
  border-radius: 10px;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

/* Numeric Columns */
.ct-comparison-table .recipient-col,
.ct-comparison-table .rate-col,
.ct-comparison-table .markup-col,
.ct-comparison-table .fee-col,
.ct-comparison-table .cost-col,
.ct-comparison-table .speed-col {
  text-align: right;
}

.ct-comparison-table th.recipient-col,
.ct-comparison-table th.rate-col,
.ct-comparison-table th.markup-col,
.ct-comparison-table th.fee-col,
.ct-comparison-table th.cost-col,
.ct-comparison-table th.speed-col {
  text-align: right;
}

/* Data Source Notice (INV-CONTENT-002) */
.ct-comparison-source {
  margin-top: 12px;
  font-size: 12px;
  color: #888888;
  line-height: 1.5;
}

.ct-comparison-source .source-label {
  font-weight: 600;
  color: #666666;
}

.ct-comparison-source .source-separator {
  margin: 0 8px;
  color: #cccccc;
}

.ct-comparison-source .stale-warning {
  color: #e65100;
}

/* Responsive - Tablet */
@media (max-width: 768px) {
  .ct-comparison-table th,
  .ct-comparison-table td {
    padding: 12px 8px;
    font-size: 12px;
  }

  .ct-comparison-table .provider-col {
    min-width: 100px;
  }

  .ct-savings-callout .savings-amount {
    font-size: 1.5rem;
  }

  /* Hide less important columns on tablet */
  .ct-comparison-table .markup-col,
  .ct-comparison-table .speed-col {
    display: none;
  }
}

/* Responsive - Mobile */
@media (max-width: 480px) {
  .ct-savings-callout {
    padding: 15px 20px;
  }

  .ct-savings-callout .savings-amount {
    font-size: 1.3rem;
  }

  /* Stack table vertically on mobile */
  .ct-comparison-table,
  .ct-comparison-table thead,
  .ct-comparison-table tbody,
  .ct-comparison-table th,
  .ct-comparison-table td,
  .ct-comparison-table tr {
    display: block;
  }

  .ct-comparison-table thead {
    display: none;
  }

  .ct-comparison-table tr {
    margin-bottom: 15px;
    border: 1px solid #e9edf0;
    border-radius: 8px;
    overflow: hidden;
  }

  .ct-comparison-table td {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    text-align: right;
    border-bottom: 1px solid #f0f0f0;
  }

  .ct-comparison-table td:before {
    content: attr(data-label);
    font-weight: 600;
    font-size: 12px;
    color: #666666;
    text-align: left;
  }

  .ct-comparison-table td:last-child {
    border-bottom: none;
  }

  .ct-comparison-table .provider-col {
    background: #f8f8f8;
    justify-content: flex-start;
    text-align: left;
    padding: 12px 15px;
  }

  .ct-comparison-table .ct-winner-row .provider-col {
    background: linear-gradient(to right, #e8f5e9 0%, #f0f9eb 100%);
  }

  .ct-comparison-table td.provider-col:before {
    display: none;
  }

  /* Show all columns on mobile (stacked) */
  .ct-comparison-table .markup-col,
  .ct-comparison-table .speed-col {
    display: flex;
  }

  .ct-comparison-source {
    font-size: 11px;
  }

  .ct-comparison-source .source-separator {
    display: none;
  }

  .ct-comparison-source .source-date {
    display: block;
    margin-top: 4px;
  }
}

/* ==========================================================================
   Comparison Calculator Widget (PSEO-019)
   ========================================================================== */

.comparison-calculator-wrapper {
  background: #fff;
  border: 1px solid #e9edf0;
  border-radius: 8px;
  padding: 25px 30px;
  margin-bottom: 20px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.comparison-calculator-wrapper .calc-heading {
  text-align: center;
  margin-bottom: 20px;
}

.comparison-calculator-wrapper .calc-heading h3 {
  margin: 0 0 8px 0;
  font-size: 1.4rem;
  font-weight: 600;
  color: #333;
}

.comparison-calculator-wrapper .calc-heading p {
  margin: 0;
  font-size: 0.95rem;
  color: #666;
}

.comparison-calculator-wrapper .calc-input-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  flex-wrap: wrap;
  margin-bottom: 15px;
}

.comparison-calculator-wrapper .calc-label {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #1695ca;
}

.comparison-calculator-wrapper .calc-input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  max-width: 300px;
}

.comparison-calculator-wrapper .calc-currency-symbol {
  position: absolute;
  left: 15px;
  font-size: 19px;
  color: #555;
  font-weight: 500;
  z-index: 1;
}

.comparison-calculator-wrapper .calc-input {
  width: 100%;
  height: 49px;
  border: 2px solid #e9edf0;
  border-radius: 4px;
  padding: 5px 60px 5px 35px;
  font-size: 19px;
  color: #555;
  text-align: right;
  transition: border-color 0.2s ease;
}

.comparison-calculator-wrapper .calc-input:focus {
  outline: none;
  border-color: #1695ca;
}

.comparison-calculator-wrapper .calc-currency-code {
  position: absolute;
  right: 15px;
  font-size: 14px;
  font-weight: 600;
  color: #888;
  text-transform: uppercase;
}

.comparison-calculator-wrapper .calc-loading {
  font-size: 13px;
  color: #1695ca;
  font-style: italic;
}

/* Quick amount buttons */
.comparison-calculator-wrapper .calc-quick-amounts {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
}

.comparison-calculator-wrapper .quick-label {
  font-size: 13px;
  color: #888;
  margin-right: 5px;
}

.comparison-calculator-wrapper .quick-amount-btn {
  background: #f5f7f9;
  border: 1px solid #e9edf0;
  border-radius: 20px;
  padding: 6px 14px;
  font-size: 13px;
  color: #555;
  cursor: pointer;
  transition: all 0.2s ease;
}

.comparison-calculator-wrapper .quick-amount-btn:hover {
  background: #e9edf0;
  border-color: #ddd;
}

.comparison-calculator-wrapper .quick-amount-btn.active {
  background: #1695ca;
  border-color: #1695ca;
  color: #fff;
}

/* Loading state for comparison table */
.ct-comparison-table.loading {
  opacity: 0.6;
  pointer-events: none;
}

/* Responsive adjustments for calculator */
@media (max-width: 768px) {
  .comparison-calculator-wrapper {
    padding: 20px;
  }

  .comparison-calculator-wrapper .calc-input-row {
    flex-direction: column;
    gap: 10px;
  }

  .comparison-calculator-wrapper .calc-input-wrapper {
    max-width: 100%;
    width: 100%;
  }

  .comparison-calculator-wrapper .calc-quick-amounts {
    gap: 6px;
  }

  .comparison-calculator-wrapper .quick-label {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 5px;
  }

  .comparison-calculator-wrapper .quick-amount-btn {
    padding: 5px 10px;
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  .comparison-calculator-wrapper .calc-heading h3 {
    font-size: 1.2rem;
  }

  .comparison-calculator-wrapper .calc-input {
    height: 44px;
    font-size: 16px;
  }

  .comparison-calculator-wrapper .calc-currency-symbol {
    font-size: 16px;
  }

  .comparison-calculator-wrapper .quick-amount-btn {
    padding: 4px 8px;
    font-size: 11px;
  }
}
/* ===========================================
   COMPARISON PAGE FAQ SECTION (PSEO-020)
   =========================================== */

.ct-comparison-faq-section {
  margin: 40px 0;
}

.ct-comparison-faq-section .faq-section-title {
  font-size: 1.6rem;
  font-weight: 600;
  color: #333;
  margin-bottom: 25px;
  text-align: center;
}

.ct-comparison-faq-section .faq-list {
  max-width: 800px;
  margin: 0 auto;
}

.ct-comparison-faq-section .faq-item {
  background: #fff;
  border: 1px solid #e9edf0;
  border-radius: 8px;
  margin-bottom: 12px;
  overflow: hidden;
  transition: box-shadow 0.2s ease;
}

.ct-comparison-faq-section .faq-item:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.ct-comparison-faq-section .faq-question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 18px 20px;
  background: none;
  border: none;
  text-align: left;
  font-size: 1rem;
  font-weight: 600;
  color: #333;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.ct-comparison-faq-section .faq-question:hover {
  background: #f8f9fa;
}

.ct-comparison-faq-section .faq-question[aria-expanded="true"] {
  background: #f5f7f9;
}

.ct-comparison-faq-section .faq-question span:first-child {
  flex: 1;
  padding-right: 15px;
}

.ct-comparison-faq-section .faq-toggle-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
}

.ct-comparison-faq-section .faq-toggle-icon::before,
.ct-comparison-faq-section .faq-toggle-icon::after {
  content: '';
  position: absolute;
  background: #666;
  transition: transform 0.2s ease;
}

.ct-comparison-faq-section .faq-toggle-icon::before {
  left: 50%;
  top: 4px;
  width: 2px;
  height: 12px;
  margin-left: -1px;
}

.ct-comparison-faq-section .faq-toggle-icon::after {
  top: 50%;
  left: 4px;
  width: 12px;
  height: 2px;
  margin-top: -1px;
}

.ct-comparison-faq-section .faq-question[aria-expanded="true"] .faq-toggle-icon::before {
  transform: rotate(90deg);
}

.ct-comparison-faq-section .faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease, padding 0.3s ease;
}

.ct-comparison-faq-section .faq-answer.expanded {
  max-height: 500px;
}

.ct-comparison-faq-section .faq-answer > div {
  padding: 0 20px 20px 20px;
}

.ct-comparison-faq-section .faq-answer p {
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.6;
  color: #555;
}

/* ============================================
   TYPOGRAPHY & SPACING IMPROVEMENTS
   Better breathing room and readability
   ============================================ */

/* Improved paragraph spacing throughout */
.tier-content-section p {
  margin-bottom: 1.25em;
  line-height: 1.7;
  font-size: 16px;
  color: #444;
}

/* Better heading spacing */
.tier-section-heading {
  margin-top: 2.5rem;
  margin-bottom: 1.25rem;
}

.tier-content-section .tier-section-heading:first-child {
  margin-top: 0;
}

/* Improved list spacing */
.tier-facts-list li {
  padding: 14px 0 14px 28px;
  line-height: 1.65;
}

.tier-use-cases-list li {
  padding: 14px 0 14px 32px;
  line-height: 1.65;
}

/* Better block spacing */
.tier-summary-block {
  margin-bottom: 2rem;
  padding: 1.5rem 1.75rem;
}

.tier-corridor-details,
.tier-rate-factors,
.tier-use-cases {
  margin-bottom: 2.5rem;
}

/* Rate factor cards improved spacing */
.rate-factor-item {
  margin-bottom: 1rem;
  padding: 1.25rem 1.5rem;
  line-height: 1.65;
}

/* ============================================
   CORRIDOR FAQ SECTION
   Visible FAQ accordion matching schema
   ============================================ */

.corridor-faq-section {
  margin-top: 3rem;
  margin-bottom: 2.5rem;
  padding-top: 2rem;
  border-top: 1px solid #e9edf0;
}

.corridor-faq-section .tier-section-heading {
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-size: 1.75rem;
  color: #333;
}

/* ============================================
   FAQ ACCORDION - REFINED FINANCIAL SERVICES
   ============================================ */

.faq-accordion {
  max-width: 100%;
}

.faq-item {
  background: #fff;
  border: 1px solid #dfe4e8;
  border-radius: 6px;
  margin-bottom: 8px;
  /* Override parent theme's 40px padding-top and border-top */
  padding-top: 0 !important;
  border-top: 1px solid #dfe4e8 !important;
  overflow: hidden; /* Clips hover bg to rounded corners */
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.faq-item:last-child {
  margin-bottom: 0;
}

.faq-item:hover {
  border-color: #c5d0d8;
  box-shadow: 0 2px 8px rgba(22, 149, 202, 0.08);
}

/* Removed active border - keeping design clean */

/* Question button - the main interactive element */
.faq-question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  width: 100%;
  padding: 12px 16px;
  background: transparent;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  font-size: 17px;
  font-weight: 600;
  color: #2c3e50;
  line-height: 1.4;
  transition: background 0.15s ease;
}

/* Remove focus outlines - prevent blue lines on click/focus */
.faq-question:focus,
.faq-question:focus-visible {
  outline: none;
  box-shadow: none;
}

.faq-question:hover {
  background: #f8fafb;
}

.faq-question[aria-expanded="true"] {
  background: transparent;
}

.faq-question span:first-child {
  flex: 1;
  min-width: 0;
}

/* Toggle icon - larger, more clickable */
.faq-icon {
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  position: relative;
  border-radius: 50%;
  background: #f0f4f7;
  transition: background 0.2s ease, transform 0.2s ease;
}

.faq-question:hover .faq-icon {
  background: #e4eaef;
}

.faq-question[aria-expanded="true"] .faq-icon {
  background: #1695ca;
  transform: rotate(0deg);
}

.faq-icon::before,
.faq-icon::after {
  content: '';
  position: absolute;
  background: #1695ca;
  border-radius: 1px;
  transition: transform 0.25s ease, background 0.2s ease;
}

.faq-question[aria-expanded="true"] .faq-icon::before,
.faq-question[aria-expanded="true"] .faq-icon::after {
  background: #fff;
}

/* Vertical bar of the plus */
.faq-icon::before {
  left: 50%;
  top: 7px;
  width: 2px;
  height: 12px;
  margin-left: -1px;
}

/* Horizontal bar of the plus */
.faq-icon::after {
  top: 50%;
  left: 7px;
  width: 12px;
  height: 2px;
  margin-top: -1px;
}

/* Rotate vertical bar to create minus when expanded */
.faq-question[aria-expanded="true"] .faq-icon::before {
  transform: rotate(90deg);
}

/* FAQ answer content */
.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}

.faq-answer.expanded {
  max-height: 500px;
}

.faq-answer > div,
.faq-answer > p {
  padding: 8px 16px 12px 16px;
}

.faq-answer p {
  margin: 0;
  font-size: 15px;
  line-height: 1.65;
  color: #4a5568;
}

/* ============================================
   RESPONSIVE ADJUSTMENTS
   ============================================ */

@media (max-width: 768px) {
  .ct-comparison-faq-section .faq-section-title {
    font-size: 1.3rem;
    padding: 0 15px;
  }

  .ct-comparison-faq-section .faq-question {
    padding: 15px 16px;
    font-size: 0.95rem;
  }

  .ct-comparison-faq-section .faq-answer > div {
    padding: 0 16px 16px 16px;
  }

  .ct-comparison-faq-section .faq-answer p {
    font-size: 0.9rem;
  }

  /* Corridor FAQ responsive */
  .corridor-faq-section {
    margin-top: 2rem;
    padding-top: 1.5rem;
  }

  .corridor-faq-section .tier-section-heading {
    font-size: 1.4rem;
  }

  /* FAQ Mobile - Refined */
  .faq-item {
    margin-bottom: 6px;
    border-radius: 6px;
  }

  .faq-question {
    padding: 12px 14px;
    font-size: 16px;
    gap: 12px;
  }

  .faq-icon {
    width: 24px;
    height: 24px;
  }

  .faq-icon::before {
    top: 6px;
    height: 12px;
  }

  .faq-icon::after {
    left: 6px;
    width: 12px;
  }

  .faq-answer > div,
  .faq-answer > p {
    padding: 0 14px 14px 14px;
  }

  .faq-answer p {
    font-size: 14px;
    line-height: 1.6;
  }

  /* Improved mobile spacing */
  .tier-section-heading {
    margin-top: 2rem;
    margin-bottom: 1rem;
  }

  .tier-content-section p {
    line-height: 1.6;
  }
}

/* ============================================================================
   POPULAR AMOUNTS SECTION (PSEO-008)
   Three-tier card grid for base currency pages linking to amount pages
   ============================================================================ */

.popular-amounts-section {
  max-width: 800px;
  margin: 0 auto 46px auto;
  padding: 0 15px;
}

.popular-amounts-heading {
  margin: 0 0 12px 0;
  font-size: 2rem;
  font-weight: 600;
  color: #333333;
  text-align: center;
}

.popular-amounts-intro {
  margin: 0 0 24px 0;
  font-size: 15px;
  color: #666666;
  text-align: center;
}

.popular-amounts-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

/* Card Base Styles */
.popular-amount-card {
  background: #ffffff;
  border: 1px solid #e9edf0;
  border-radius: 8px;
  padding: 20px;
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.popular-amount-card:hover {
  border-color: #c5d0d8;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

/* Card Header */
.popular-amount-card .card-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}

.popular-amount-card .card-icon {
  font-size: 20px;
  line-height: 1;
}

.popular-amount-card .card-label {
  font-size: 14px;
  font-weight: 600;
  color: #333333;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

/* Card Amounts */
.popular-amount-card .card-amounts {
  margin-bottom: 6px;
  font-size: 15px;
  line-height: 1.6;
}

.popular-amount-card .amount-link {
  color: #1695ca;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.15s ease;
}

.popular-amount-card .amount-link:hover {
  color: #0f6d94;
  text-decoration: underline;
}

/* GBP Equivalent */
.popular-amount-card .card-gbp-equivalent {
  margin-bottom: 14px;
}

.popular-amount-card .card-gbp-equivalent small {
  font-size: 13px;
  color: #888888;
}

/* Card Reasons */
.popular-amount-card .card-reasons {
  margin-bottom: 16px;
  padding-top: 12px;
  border-top: 1px solid #f0f0f0;
}

.popular-amount-card .card-reasons strong {
  display: block;
  margin-bottom: 6px;
  font-size: 12px;
  font-weight: 600;
  color: #666666;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.popular-amount-card .card-reasons ul {
  margin: 0;
  padding: 0 0 0 16px;
  list-style: disc;
}

.popular-amount-card .card-reasons li {
  margin-bottom: 3px;
  font-size: 13px;
  line-height: 1.4;
  color: #555555;
}

.popular-amount-card .card-reasons li:last-child {
  margin-bottom: 0;
}

/* Card CTA */
.popular-amount-card .card-cta {
  display: block;
  padding: 10px 16px;
  background: #f5f7f9;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 600;
  color: #1695ca;
  text-align: center;
  text-decoration: none;
  transition: background 0.15s ease, color 0.15s ease;
}

.popular-amount-card .card-cta:hover {
  background: #e9edf0;
  color: #0f6d94;
}

/* Tier-specific accent colors */
.popular-amount-card.tier-medium {
  border-top: 3px solid #1695ca;
}

.popular-amount-card.tier-large {
  border-top: 3px solid #5cb85c;
}

.popular-amount-card.tier-hnw {
  border-top: 3px solid #0f384b;
}

/* Tablet Responsive */
@media (max-width: 768px) {
  .popular-amounts-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .popular-amount-card {
    padding: 16px;
  }

  .popular-amounts-heading {
    font-size: 1.6rem;
  }
}

/* Mobile Responsive */
@media (max-width: 480px) {
  .popular-amounts-section {
    margin-bottom: 30px;
  }

  .popular-amounts-heading {
    font-size: 1.4rem;
  }

  .popular-amounts-intro {
    font-size: 14px;
  }

  .popular-amount-card .card-label {
    font-size: 13px;
  }

  .popular-amount-card .card-amounts {
    font-size: 14px;
  }
}