:root{--primary:#111;--secondary:#ccc}.contact-code-number-wrapper{width:100%;padding-left:0;padding-right:0;display:grid;grid-template-columns:6rem 1fr}@media (min-width: 768px){.contact-code-number-wrapper{grid-template-columns:8rem 1fr}}.contact-detail-wrapper{display:grid;grid-template-columns:repeat(1, minmax(0, 1fr));width:100%}@media (min-width: 768px){.contact-detail-wrapper{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));width:100%}}.country_code_wrapper{width:100%;padding-left:0;padding-right:0;display:grid;grid-template-columns:6rem 1fr}@media (min-width: 768px){.country_code_wrapper{grid-template-columns:8rem 1fr}}.contact-phone-number{padding-left:0}.country_code_phone_number{padding-left:0;padding-right:0}@media (min-width: 768px){.country_code_phone_number{padding-left:0;padding-right:.9375rem}}.country_code_email_address{width:100%;padding-left:0;padding-right:0}@media (min-width: 768px){.country_code_email_address{padding-left:.9375rem;padding-right:.9375rem}}.country_code_select_box{min-width:6rem}@media (min-width: 768px){.country_code_select_box{min-width:8rem}}.country_code_select_box input{width:100%;padding:1rem .6rem;font-size:1.1rem;border:1px solid #ccc;outline:none}.country_code_select_box input:focus{border:1px solid #999}.country_code_selected{border-style:solid;border-width:1px;border-color:#ccc;box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);color:rgba(0, 0, 0, 0.75);background-color:white;overflow:hidden;display:flex;align-items:center;height:2.3125rem;justify-content:center}.country_code_selected div{position:relative;padding:0 1.0rem 0 0.6rem;text-align:center;cursor:pointer;display:inline;width:8rem;flex-direction:column;align-items:center;height:100%;align-content:center}.country_code_selected div > svg{vertical-align:-.2rem}.country_code_selected div::after{position:absolute;content:"";right:.5rem;top:50%;transform:translateY(-50%) rotate(45deg);width:.5rem;height:.5rem;border-right:.12rem solid #111;border-bottom:.12rem solid #111;transition:.2s}.country_code_selected div.active::after{transform:translateY(-50%) rotate(225deg)}.country_code_select_box .options{position:absolute;top:4rem;z-index:20;width:100%;background-color:#fff;display:none}.country_code_select_box .options.active{display:block}input.country_code_search_box{background-color:#f5f5f5;color:#111;padding:1.3rem 1rem;font-size:0.875rem}.country_code_select_box ol{list-style:none;max-height:23rem;overflow:overlay;margin-left:.7rem;padding-right:.7rem}.country_code_select_box ol::-webkit-scrollbar{width:0.6rem}.country_code_select_box ol::-webkit-scrollbar-thumb{width:0.4rem;height:3rem;background-color:#ccc;border-radius:.4rem}.country_code_select_box ol li{padding:.5rem;display:flex;justify-content:space-between;cursor:pointer}.country_code_select_box ol li.hide{display:none}.country_code_select_box ol li:not(:last-child){border-bottom:.1rem solid #eee}.country_code_select_box ol li div,.country_code_select_box ol li strong{pointer-events:none}.country_code_select_box ol li:hover,.country_code_select_box ol li:active,.country_code_select_box ol li:focus{background-color:#D2D2D2;transition:background 0.2s ease-in}.country_code_select_box ol li .country-name-wrapper{display:flex;align-items:center}.country_code_select_box ol li .country-name{margin-left:.4rem;font-size:0.875rem;margin-top:.1rem}.country_code_select_box ol li strong{font-weight:400;font-size:0.875rem}.contact-form .country_code_selected{border:none}.country_code_selected strong{line-height:1;font-weight:400;font-size:0.875rem}.options.country_code_options.active{width:80vw;max-width:350px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);-moz-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.1)}