@import url('https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,1..1000&display=swap');      @font-face { font-family: Geograph-Regular; src: url('https://res.cloudinary.com/drzp49flz/raw/upload/v1779362053/Geograph-Regular_qdjmz5.otf'); }      @font-face { font-family: Geograph-RegularItalic; src: url('https://res.cloudinary.com/drzp49flz/raw/upload/v1779362046/Geograph-RegularItalic_y2zpsf.otf'); }      @font-face { font-family: Geograph-Bold; src: url('https://res.cloudinary.com/drzp49flz/raw/upload/v1779362097/Geograph-Bold_wu6hwn.otf'); }      @font-face { font-family: Geograph-BoldItalic; src: url('https://res.cloudinary.com/drzp49flz/raw/upload/v1779362090/Geograph-BoldItalic_oxtjgt.otf'); }      * {     font-family: Geograph-Regular, sans-serif !important; } .promo {     font-size: 16px; } .align-items-center.row > div.col-12.order-1.col-lg-3.order-lg-2 {     display: none; } .col-12.order-2.col-lg-9.order-lg-1 {     flex: 0 0 100%;     max-width: 100%; } .col-8.col-lg-9 label {     margin-top: -7px; } footer {     background-color: lightgrey;     padding: 15px;     color: black !important; }  .col-12.order-1.col-lg-8 > div:nth-child(2) > div > div:nth-child(2) > div.sc-jhAzac.fXWRHe > div:nth-child(2) {     display: none; } .col-12.order-1.col-lg-8 > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(4) > div > div:nth-child(2) {     display: none; } .col-12.order-1.col-lg-8 > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(4) > div > div:nth-child(4) {     display: none; } /* Updates to promo code box and spacing around header area */ header { padding-top: 0 !important; margin-top: 0 !important; } .promoCode_1pager.row { margin-top: 25px; } .col-1 { margin-top: 5px; } @media screen and (max-width: 1200px) { .col-md-2.col-lg-2.col-xl-2 { flex: 0 0 20%; max-width: 20%; } } @media screen and (max-width: 991px) { .col-md-2.col-lg-2.col-xl-2 { flex: 0 0 27%; max-width: 27%; } .promoCode_1pager.row { margin-top: 0px; margin-bottom: -15px; } } @media screen and (max-width: 768px) { header { min-height: 0px !important; } .promoCode_1pager input { margin-bottom: 10px; } .promoCode_1pager.row { margin-bottom: -15px; margin-top: 25px } } @media screen and (max-width: 768px) { .col-md-2.col-lg-2.col-xl-2 { flex: 0 0 67%; max-width: 67%; } } .gnNrll {border-top: 1px solid rgb(91, 91, 91);margin-top: 0px; padding-top: 0px;} .fXWRHe {     border-top: 0px solid gray; } .row[style="margin-top: 30px;"] {     margin-top: 25px !important;     margin-bottom: 15px; } .place-order-wrapper {     min-height: inherit; } /* Summary box gift order numbersizing */ #summary > div:nth-child(2) > div > div:nth-child(1) > div:nth-child(1) {     max-width: 100%; }  /* Update button to be Nat Geo yellow */ button {     background-color: #ffd800 !important;     color: black !important;     border: 1px solid rgb(204, 204, 204) !important; } /* Remove Your offers-location label-country button - THIS CANT BE USED IF THERE IS MULTIPLE GEOGRAPHICAL OPTIONS*/ div[style="margin-top: 40px; padding-bottom: 10px;"] {     display: none; } /* Update instant pay label to be MOBILE PAY */ .instant-pay-container.row > div > div:nth-child(1) {     font-size: 0px !important; } .instant-pay-container.row > div > div:nth-child(1):after {     content: '';     font-size: 18px !important; } /* Country/Region label UK and Ireland only*/ .col-sm-6:has(select#userProvince) label {     font-size: 0 !important; }    .col-sm-6:has(select#userProvince) label::after {     content: "County/Region";     font-size: 16px; } .col-sm-6:has(select#mailingProvince) label {     font-size: 0 !important; }    .col-sm-6:has(select#mailingProvince) label::after {     content: "County/Region";     font-size: 16px; } .col-sm-6:has(select#recipientProvince1) label {     font-size: 0 !important; }    .col-sm-6:has(select#recipientProvince1) label::after {     content: "County/Region";     font-size: 16px; } .col-sm-6:has(select#recipientProvince2) label {     font-size: 0 !important; }    .col-sm-6:has(select#recipientProvince2) label::after {     content: "County/Region";     font-size: 16px; } .col-sm-6:has(select#recipientProvince3) label {     font-size: 0 !important; }    .col-sm-6:has(select#recipientProvince3) label::after {     content: "Country/Region";     font-size: 16px; } .col-sm-6:has(select#recipientProvince4) label {     font-size: 0 !important; }    .col-sm-6:has(select#recipientProvince4) label::after {     content: "Country/Region";     font-size: 16px; } .col-sm-6:has(select#recipientProvince5) label {     font-size: 0 !important; }    .col-sm-6:has(select#recipientProvince5) label::after {     content: "Country/Region";     font-size: 16px; } #summary > div:nth-child(1) {     background-color: #ffd800;     color: black; }.sc-nrwXf.aDPTc { width: 200px; }#summary .col {     padding-right: 0px !important; } #policyProgress label {     display: inline; } /* Client request to hide address type select boxes */ .row > .col-sm-12:has(   > .form-group > select#userAddressType[name="userAddressType"] ) {   display: none !important; } select#userAddressType {     display: none; } .row > .col-sm-12:has(   > .form-group > select#mailingAddressType[name="mailingAddressType"] ) {   display: none !important; } select#mailingAddressType {     display: none; } .row > .col-sm-12:has(   > .form-group > select#recipientAddressType1[name="recipientAddressType1"] ) {   display: none !important; } select#recipientAddressType1 {     display: none; } .row > .col-sm-12:has(   > .form-group > select#recipientAddressType2[name="recipientAddressType2"] ) {   display: none !important; } select#recipientAddressType2 {     display: none; } .row > .col-sm-12:has(   > .form-group > select#recipientAddressType3[name="recipientAddressType3"] ) {   display: none !important; } select#recipientAddressType3 {     display: none; } .row > .col-sm-12:has(   > .form-group > select#recipientAddressType4[name="recipientAddressType4"] ) {   display: none !important; } select#recipientAddressType4 {     display: none; } .row > .col-sm-12:has(   > .form-group > select#recipientAddressType5[name="recipientAddressType5"] ) {   display: none !important; } select#recipientAddressType5 {     display: none; } #summary div {     color: black !important; } /* Add Gift Scenario This is a Gift*/ .col-12.order-1.col-lg-8 > div:nth-child(2) > div > div:nth-child(2) > div.row > div > button {     font-size: 0px; } .col-12.order-1.col-lg-8 > div:nth-child(2) > div > div:nth-child(2) > div.row > div > button:after {     font-size: 16px;     content: "Add Another Gift Recipient" } /* This is a gift not selected scenario */ .col-12.order-1.col-lg-8 > div:nth-child(2) > div > div:nth-child(4) > div:nth-child(4) > div > button {     font-size: 0px; } .col-12.order-1.col-lg-8 > div:nth-child(2) > div > div:nth-child(4) > div:nth-child(4) > div > button:after {     font-size: 16px;     content: "Add Another Gift Recipient" }  /* Different mailing address scenario */ .col-12.order-1.col-lg-8 > div:nth-child(2) > div > div:nth-child(3) > div.row > div > button {     font-size: 0px; } .col-12.order-1.col-lg-8 > div:nth-child(2) > div > div:nth-child(3) > div.row > div > button:after {     font-size: 16px;     content: "Add Another Gift Recipient" }