/*---------------------------------------------------

    Version: 1.0

-----------------------------------------------------

    CSS INDEX
    ===================

    01. Theme default CSS
        - Google Font
        - Breadcrumb Css
    02. Header Css
        - Header Bottom Css
        - Main Menu Css
        - Shopping Cart Css
        - Mobile menu css
    03. Hero Css
    04. Search Css
    05. Product Area Css
    06. Testimonial
    07. Product Details Css
    08. Banner CSs
    09. Bloag Css
    10. Footer Css
    11. Widget Css
    12. Compare Page Css
    13. Login And Register Css
    14. My Account Page Css
    14. Customer Section Page Css (alias)
    15. Error 404 Page Css
    16. Cart Page Css
    17. Checkout Page Css
    18. About Css
    19. Team Area Css
    20. Project Conunt Css
    21. Alert Messages CSS
 */

 --------------------------------------------------------*/
 /* transition */
 /* flex */
 /* transform */
 /* opacity */
 /*----------------------------------------*/
 /*  01. Theme default CSS
 /*----------------------------------------*/

 /*-- Common Style --*/
 *,
 *::after,
 *::before {
   box-sizing: border-box;
 }

 html,
 body {
   height: 100%;
 }

 body {
   background-color: #ffffff;
   font-size: 15px;
   font-style: normal;
   font-weight: 400;
   visibility: visible;
   font-family: var(--font-body);
   color: #030303;
   position: relative;
 }

 body.bg-light {
   background:
     radial-gradient(circle, rgba(255, 231, 185, .4) 0%, rgba(0, 0, 0, 0) 40%) -300px -30%/600px 600px repeat-y fixed,
     radial-gradient(circle, rgba(255, 231, 185, .4) 0%, rgba(0, 0, 0, 0) 40%) calc(100% + 400px) 100px/600px 600px repeat-y fixed,
     #f1f1f1;

   @media screen and (min-width: 992px) {
     background-size:
       969.06px 775.98px,
       1200px 1200px,
       1200px 1200px,
       cover;
   }
 }

 body.bg-lighter {
   background:
     radial-gradient(circle, rgba(255, 231, 185, .4) 0%, rgba(0, 0, 0, 0) 40%) -300px -30%/600px 600px repeat-y fixed,
     radial-gradient(circle, rgba(255, 231, 185, .4) 0%, rgba(0, 0, 0, 0) 40%) calc(100% + 400px) 100px/600px 600px repeat-y fixed,
     #fff;

   @media screen and (min-width: 992px) {
     background-size:
       969.06px 775.98px,
       1200px 1200px,
       1200px 1200px,
       cover;
   }
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   font-family: var(--font-heading);
   font-weight: 400;
   margin-top: 0;
 }

 .switzer {
   font-family: var(--font-body) !important;
   font-weight: 500;
 }

 .text-primary {
   color: #a88323 !important;
 }

 .text-gray {
   color: #6a6a6a;
 }

 .cursor-pointer {
   cursor: pointer;
 }

 .text-underline {
   text-decoration: underline;
 }

 .goldeen-btn {
   display: inline-block;
   padding: 0.65rem 1.5rem;
   border-radius: 3px;
   color: #fff;
   text-transform: uppercase;
   font-size: 0.8rem;
   transition: all 0.3s;
   position: relative;
   overflow: hidden;
   z-index: 1;
   border: none;
   font-weight: 500;
 }

 .goldeen-btn:after {
   content: "";
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: #a88323;
   border-radius: 3px;

   z-index: -2;
 }

 .goldeen-btn:before {
   content: "";
   position: absolute;
   bottom: 0;
   left: 0;
   width: 0%;
   height: 100%;
   background-color: #b68f2f;
   transition: all 0.3s;
   border-radius: 3px;
   z-index: -1;
 }

 .goldeen-btn:hover {
   color: #fff;
 }

 .goldeen-btn:hover:before {
   width: 100%;
 }

 .border-bottom-golden {
   border-image: linear-gradient(to right, #ffe7b9, #caa969) 1;
   border-bottom: 1px solid;
   padding-bottom: 2px;
 }

 .transparrent-btn {
   display: inline-block;
   padding: 0.65rem 1.5rem;
   border-radius: 3px;
   color: #000;
   text-transform: uppercase;
   font-size: 0.8rem;
   transition: all 0.3s;
   position: relative;
   overflow: hidden;
   z-index: 1;
   border: none;
   background-color: transparent;
   font-weight: 500;
 }

 .transparrent-btn:after {
   content: "";
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: transparent;
   border-radius: 3px;
   z-index: -2;
   border: 1px solid #000;
 }

 .fa-minus:before {
   content: "\f068" !important;
 }

 .transparrent-btn:before {
   content: "";
   position: absolute;
   bottom: 0;
   left: 0;
   width: 0%;
   height: 100%;
   background-color: #000;
   transition: all 0.3s;
   border-radius: 3px;
   z-index: -1;
 }

 .transparrent-btn:hover {
   color: #fff;
 }

 .transparrent-btn:hover:before {
   width: 100%;
 }

 @media only screen and (min-width: 320px) {
   .goldeen-btn,
   .transparrent-btn {
     padding: 12px 20px;
     font-size: 14px;
   }
 }

 @media only screen and (min-width: 768px) {
   .goldeen-btn,
   .transparrent-btn {
     padding: 13px 20px;
     font-size: 15px;
   }
 }

 @media only screen and (min-width: 1200px) {
   .goldeen-btn,
   .transparrent-btn {
     padding: 0.691vw 1.25vw;

     font-size: 0.819vw;
   }
 }

 /* Style the input container */
 .form .input-container {
   display: flex;
   align-items: center;
   width: 100%;
   margin-bottom: 15px;
 }

 .sell-pages .form .new-customer-from .input-container {
   margin-bottom: 20px;
 }

 .form .input-container label {
   color: #1e1e1e;
   font-weight: 500;
   white-space: nowrap;
   margin-right: 6px;
   min-width: 76px;
 }

 .form .icon {
   padding: 10px;
   width: 35px;
 }

 .form .input-field {
   width: 100%;
   background-color: #ffffff;
   font-weight: 500;
   border: 1px solid #e1e1e1;
   border-radius: 2px;
   color: #1e1e1e;
 }

 .form .input-field:focus {
   border: 2px solid dodgerblue;
 }

 input:not([type="radio"]):not([type="checkbox"]),
 select,
 textarea,
 .form1 {
   width: 100%;

   border: 1px solid #ccc;
   border-radius: 4px;
   resize: vertical;
   color: #1f1f1f;
 }

 .stepwizard-row {
   display: table-row;
 }

 .stepwizard {
   display: table;
   width: 100%;
   position: relative;
 }

 .stepwizard-step button[disabled] {
   opacity: 1 !important;
   filter: alpha(opacity=100) !important;
 }

 .stepwizard-row:before {
   top: 14px;
   bottom: 0;
   position: absolute;
   content: " ";
   width: 100%;
   height: 1px;
   background-color: #ccc;
   z-index: 0;
 }

 .stepwizard-step {
   display: table-cell;
   text-align: center;
   position: relative;
   width: 33.33%;
 }

 .stepwizard-step .btn-circle {
   width: 40px;
   height: 40px;
   text-align: center;
   padding: 8px 0;
   font-size: 15px;
   line-height: 1.428571429;
   border-radius: 15px;
   background-color: white;
 }

 .stepwizard-step .btn-circle.btn-primary {
   background-color: #222;
   color: white;
 }

 .stepwizard-step .btn-circle.btn-primary:hover {
   background-color: #f5f5f5 !important;
   color: white;
 }

 .info-strip__inner img {
   width: 60px;
   height: 60px;
 }

 .cust-checkbox {
   display: block;
   margin-bottom: 15px;
 }

 .cust-checkbox input {
   padding: 0;
   height: initial;
   width: initial;
   margin-bottom: 0;
   display: none;
   cursor: pointer;
 }

 .cust-checkbox label {
   position: relative;
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   font-weight: 500;
 }

 .cust-checkbox label:before {
   content: "";
   -webkit-appearance: none;
   background-color: transparent;
   border: 2px solid #a88323;
   box-shadow:
     0 1px 2px rgba(0, 0, 0, 0.05),
     inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
   padding: 8px;
   display: inline-block;
   position: relative;
   vertical-align: middle;
   cursor: pointer;
   margin-right: 8px;
   border-radius: 2px;
 }

 .cust-checkbox input:checked + label:after {
   content: "";
   display: block;
   position: absolute;
   top: 4px;
   left: 8px;
   width: 5px;
   height: 12px;
   border: solid #a88323;
   border-width: 0 2px 2px 0;
   transform: rotate(45deg);
 }

 .box {
   background: #ffffff;
   border: 1px solid #ebebeb;
   border-radius: 4px;
   padding: 20px 15px;
 }

 .box-title {
   line-height: initial !important;

   color: #a88323;
   font-weight: 400;
   color: #a88323;
 }

 .fn-162 {
   font-size: 162px;
   line-height: 162px;
 }
 .fn-440 {
   font-size: 22.5vw;
   line-height: 22.5vw;
   margin-bottom: 30px !important;
   background: #484b54;
   background: linear-gradient(to right, #484b54 0%, #dfbd75 60%, #c88d56 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   display: block;
   width: fit-content;
   position: relative;
 }
 .slick-active .home_slider_text .fn-440.anim-typewriter {
   -webkit-animation: marquee 3s linear !important;
   animation: marquee 3s linear !important;
   -webkit-animation-delay: 2s !important;
   animation-delay: 2s !important;
 }

 @keyframes marquee {
   0% {
     left: 0%;
   }
   50% {
     left: -28%;
   }
   100% {
     left: 0%;
   }
 }

 h1,
 .fn-100 {
   font-size: 100px;
   line-height: 100px;
 }

 h2,
 .fn-64 {
   font-size: 64px;
   line-height: 80px;
 }
 .fn-54 {
   font-size: 54px;
   line-height: 64px;
 }

 h3,
 .fn-40 {
   font-size: 40px;
   line-height: 48px;
 }

 h4,
 .fn-36 {
   font-size: 36px;
   line-height: 52px;
 }

 h5,
 .fn-20 {
   font-size: 18px;
   line-height: 22px;
 }

 h6 {
   font-size: 16px;
   line-height: 18px;
 }

 @media only screen and (max-width: 767px) {
   h1 {
     font-size: 34px;
     line-height: 42px;
   }

   h1 br {
     display: none;
   }

   .logoclient-area .slick-arrow {
     font-size: 28px;

     width: 21px;
     height: 21px;
   }
 }

 @media only screen and (max-width: 479px) {
   h1 {
     font-size: 26px;
     line-height: 32px;
   }

   h1 br {
     display: none;
   }
 }

 p:last-child {
   margin-bottom: 0;
 }

 a,
 button {
   color: inherit;
   display: inline-block;
   line-height: inherit;
   text-decoration: none;
   cursor: pointer;
 }

 a,
 button,
 img,
 input,
 span {
   transition: all 0.3s ease 0s;
 }

 *:focus {
   outline: none !important;
 }

 a:focus {
   color: inherit;
   outline: none;
   text-decoration: none;
 }

 a:hover {
   text-decoration: none;
 }

 button,
 input[type="submit"] {
   cursor: pointer;
 }

 ul {
   list-style: outside none none;
   margin: 0;
   padding: 0;
 }

 img {
   max-width: 100%;
 }

 button:focus,
 a:focus {
   outline: none;
   box-shadow: none;
 }

 .btn,
 .btn:focus {
   outline: 0;
   box-shadow: none !important;
 }

 /*--
     - Common Classes
 -----------------------------------------*/
 .fix {
   overflow: hidden;
 }

 .hidden {
   display: none;
 }

 .clear {
   clear: both;
 }

 .section {
   float: left;
   width: 100%;
 }

 @media only screen and (max-width: 479px) {
   .container {
     width: 100%;
   }
 }

 .bold {
   font-weight: 700 !important;
 }

 .semi-bold {
   font-weight: 600;
 }

 .medium {
   font-weight: 500;
 }

 .light {
   font-weight: 300;
 }

 .capitalize {
   text-transform: capitalize;
 }

 .uppercase {
   text-transform: uppercase;
 }

 .no-gutters {
   margin-left: 0;
   margin-right: 0;
 }

 .no-gutters > .col,
 .no-gutters > [class*="col-"] {
   padding-right: 0;
   padding-left: 0;
   margin: 0;
 }

 /*--
     - Custom Container
 ------------------------------------------*/
 .container-ext-5 {
   max-width: 1210px;
   width: 100%;
 }

 .container-ext-10 {
   max-width: 1220px;
   width: 100%;
 }

 .container-ext-15 {
   max-width: 1230px;
   width: 100%;
 }

 .container-ext-20 {
   max-width: 1240px;
   width: 100%;
 }

 .container-ext-25 {
   max-width: 1250px;
   width: 100%;
 }

 .container-ext-30 {
   max-width: 1260px;
   width: 100%;
 }

 .container-ext-35 {
   max-width: 1270px;
   width: 100%;
 }

 .container-ext-40 {
   max-width: 1280px;
   width: 100%;
 }

 .container-ext-45 {
   max-width: 1290px;
   width: 100%;
 }

 .container-ext-50 {
   max-width: 1300px;
   width: 100%;
 }

 .container-ext-55 {
   max-width: 1310px;
   width: 100%;
 }

 .container-ext-60 {
   max-width: 1320px;
   width: 100%;
 }

 .container-ext-65 {
   max-width: 1330px;
   width: 100%;
 }

 .container-ext-70 {
   max-width: 1340px;
   width: 100%;
 }

 .container-ext-75 {
   max-width: 1350px;
   width: 100%;
 }

 .container-ext-80 {
   max-width: 1360px;
   width: 100%;
 }

 .container-ext-85 {
   max-width: 1370px;
   width: 100%;
 }

 .container-ext-90 {
   max-width: 1380px;
   width: 100%;
 }

 .container-ext-95 {
   max-width: 1390px;
   width: 100%;
 }

 .container-ext-100 {
   max-width: 1400px;
   width: 100%;
 }

 /*--
     - Custom Row
 ------------------------------------------*/
 .row-1 {
   margin-left: -1px;
   margin-right: -1px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-1 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-1 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-1 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-1 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-1 > [class*="col"] {
   padding-left: 1px;
   padding-right: 1px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-1 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-1 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-1 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-1 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-2 {
   margin-left: -2px;
   margin-right: -2px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-2 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-2 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-2 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-2 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-2 > [class*="col"] {
   padding-left: 2px;
   padding-right: 2px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-2 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-2 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-2 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-2 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-3 {
   margin-left: -3px;
   margin-right: -3px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-3 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-3 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-3 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-3 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-3 > [class*="col"] {
   padding-left: 3px;
   padding-right: 3px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-3 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-3 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-3 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-3 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-4 {
   margin-left: -4px;
   margin-right: -4px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-4 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-4 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-4 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-4 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-4 > [class*="col"] {
   padding-left: 4px;
   padding-right: 4px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-4 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-4 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-4 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-4 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-5 {
   margin-left: -5px;
   margin-right: -5px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-5 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-5 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-5 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-5 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-5 > [class*="col"] {
   padding-left: 5px;
   padding-right: 5px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-5 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-5 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-5 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-5 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-6 {
   margin-left: -6px;
   margin-right: -6px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-6 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-6 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-6 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-6 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-6 > [class*="col"] {
   padding-left: 6px;
   padding-right: 6px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-6 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-6 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-6 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-6 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-7 {
   margin-left: -7px;
   margin-right: -7px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-7 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-7 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-7 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-7 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-7 > [class*="col"] {
   padding-left: 7px;
   padding-right: 7px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-7 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-7 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-7 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-7 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-8 {
   margin-left: -8px;
   margin-right: -8px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-8 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-8 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-8 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-8 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-8 > [class*="col"] {
   padding-left: 8px;
   padding-right: 8px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-8 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-8 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-8 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-8 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-9 {
   margin-left: -9px;
   margin-right: -9px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-9 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-9 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-9 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-9 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-9 > [class*="col"] {
   padding-left: 9px;
   padding-right: 9px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-9 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-9 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-9 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-9 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-10 {
   margin-left: -10px;
   margin-right: -10px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-10 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-10 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-10 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-10 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-10 > [class*="col"] {
   padding-left: 10px;
   padding-right: 10px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-10 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-10 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-10 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-10 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-11 {
   margin-left: -11px;
   margin-right: -11px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-11 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-11 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-11 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-11 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-11 > [class*="col"] {
   padding-left: 11px;
   padding-right: 11px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-11 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-11 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-11 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-11 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-12 {
   margin-left: -12px;
   margin-right: -12px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-12 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-12 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-12 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-12 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-12 > [class*="col"] {
   padding-left: 12px;
   padding-right: 12px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-12 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-12 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-12 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-12 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-13 {
   margin-left: -13px;
   margin-right: -13px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-13 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-13 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-13 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-13 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-13 > [class*="col"] {
   padding-left: 13px;
   padding-right: 13px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-13 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-13 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-13 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-13 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-14 {
   margin-left: -14px;
   margin-right: -14px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-14 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-14 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-14 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-14 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-14 > [class*="col"] {
   padding-left: 14px;
   padding-right: 14px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-14 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-14 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-14 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-14 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-15 {
   margin-left: -15px;
   margin-right: -15px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-15 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-15 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-15 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-15 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-15 > [class*="col"] {
   padding-left: 15px;
   padding-right: 15px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-15 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-15 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-15 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-15 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-16 {
   margin-left: -16px;
   margin-right: -16px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-16 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-16 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-16 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-16 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-16 > [class*="col"] {
   padding-left: 16px;
   padding-right: 16px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-16 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-16 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-16 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-16 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-17 {
   margin-left: -17px;
   margin-right: -17px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-17 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-17 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-17 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-17 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-17 > [class*="col"] {
   padding-left: 17px;
   padding-right: 17px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-17 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-17 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-17 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-17 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-18 {
   margin-left: -18px;
   margin-right: -18px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-18 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-18 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-18 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-18 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-18 > [class*="col"] {
   padding-left: 18px;
   padding-right: 18px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-18 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-18 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-18 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-18 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-19 {
   margin-left: -19px;
   margin-right: -19px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-19 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-19 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-19 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-19 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-19 > [class*="col"] {
   padding-left: 19px;
   padding-right: 19px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-19 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-19 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-19 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-19 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-20 {
   margin-left: -20px;
   margin-right: -20px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-20 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-20 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-20 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-20 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-20 > [class*="col"] {
   padding-left: 20px;
   padding-right: 20px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-20 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-20 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-20 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-20 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-21 {
   margin-left: -21px;
   margin-right: -21px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-21 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-21 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-21 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-21 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-21 > [class*="col"] {
   padding-left: 21px;
   padding-right: 21px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-21 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-21 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-21 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-21 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-22 {
   margin-left: -22px;
   margin-right: -22px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-22 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-22 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-22 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-22 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-22 > [class*="col"] {
   padding-left: 22px;
   padding-right: 22px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-22 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-22 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-22 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-22 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-23 {
   margin-left: -23px;
   margin-right: -23px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-23 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-23 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-23 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-23 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-23 > [class*="col"] {
   padding-left: 23px;
   padding-right: 23px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-23 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-23 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-23 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-23 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-24 {
   margin-left: -24px;
   margin-right: -24px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-24 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-24 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-24 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-24 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-24 > [class*="col"] {
   padding-left: 24px;
   padding-right: 24px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-24 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-24 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-24 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-24 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-25 {
   margin-left: -25px;
   margin-right: -25px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-25 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-25 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-25 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-25 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-25 > [class*="col"] {
   padding-left: 25px;
   padding-right: 25px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-25 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-25 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-25 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-25 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-26 {
   margin-left: -26px;
   margin-right: -26px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-26 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-26 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-26 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-26 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-26 > [class*="col"] {
   padding-left: 26px;
   padding-right: 26px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-26 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-26 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-26 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-26 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-27 {
   margin-left: -27px;
   margin-right: -27px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-27 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-27 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-27 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-27 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-27 > [class*="col"] {
   padding-left: 27px;
   padding-right: 27px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-27 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-27 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-27 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-27 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-28 {
   margin-left: -28px;
   margin-right: -28px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-28 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-28 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-28 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-28 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-28 > [class*="col"] {
   padding-left: 28px;
   padding-right: 28px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-28 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-28 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-28 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-28 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-29 {
   margin-left: -29px;
   margin-right: -29px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-29 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-29 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-29 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-29 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-29 > [class*="col"] {
   padding-left: 29px;
   padding-right: 29px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-29 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-29 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-29 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-29 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-30 {
   margin-left: -30px;
   margin-right: -30px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-30 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-30 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-30 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-30 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-30 > [class*="col"] {
   padding-left: 30px;
   padding-right: 30px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-30 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-30 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-30 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-30 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-31 {
   margin-left: -31px;
   margin-right: -31px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-31 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-31 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-31 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-31 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-31 > [class*="col"] {
   padding-left: 31px;
   padding-right: 31px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-31 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-31 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-31 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-31 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-32 {
   margin-left: -32px;
   margin-right: -32px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-32 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-32 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-32 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-32 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-32 > [class*="col"] {
   padding-left: 32px;
   padding-right: 32px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-32 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-32 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-32 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-32 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-33 {
   margin-left: -33px;
   margin-right: -33px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-33 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-33 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-33 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-33 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-33 > [class*="col"] {
   padding-left: 33px;
   padding-right: 33px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-33 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-33 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-33 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-33 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-34 {
   margin-left: -34px;
   margin-right: -34px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-34 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-34 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-34 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-34 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-34 > [class*="col"] {
   padding-left: 34px;
   padding-right: 34px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-34 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-34 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-34 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-34 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-35 {
   margin-left: -35px;
   margin-right: -35px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-35 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-35 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-35 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-35 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-35 > [class*="col"] {
   padding-left: 35px;
   padding-right: 35px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-35 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-35 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-35 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-35 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-36 {
   margin-left: -36px;
   margin-right: -36px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-36 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-36 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-36 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-36 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-36 > [class*="col"] {
   padding-left: 36px;
   padding-right: 36px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-36 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-36 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-36 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-36 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-37 {
   margin-left: -37px;
   margin-right: -37px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-37 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-37 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-37 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-37 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-37 > [class*="col"] {
   padding-left: 37px;
   padding-right: 37px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-37 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-37 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-37 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-37 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-38 {
   margin-left: -38px;
   margin-right: -38px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-38 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-38 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-38 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-38 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-38 > [class*="col"] {
   padding-left: 38px;
   padding-right: 38px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-38 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-38 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-38 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-38 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-39 {
   margin-left: -39px;
   margin-right: -39px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-39 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-39 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-39 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-39 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-39 > [class*="col"] {
   padding-left: 39px;
   padding-right: 39px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-39 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-39 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-39 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-39 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-40 {
   margin-left: -40px;
   margin-right: -40px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-40 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-40 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-40 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-40 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-40 > [class*="col"] {
   padding-left: 40px;
   padding-right: 40px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-40 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-40 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-40 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-40 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 /*--
     - Custom Row
 ------------------------------------------*/
 .row-0 {
   margin-left: 0px;
   margin-right: 0px;
 }

 .row-0 > [class*="col"] {
   padding-left: 0px;
   padding-right: 0px;
 }

 .row-1 {
   margin-left: -1px;
   margin-right: -1px;
 }

 .row-1 > [class*="col"] {
   padding-left: 1px;
   padding-right: 1px;
 }

 .row-2 {
   margin-left: -2px;
   margin-right: -2px;
 }

 .row-2 > [class*="col"] {
   padding-left: 2px;
   padding-right: 2px;
 }

 .row-3 {
   margin-left: -3px;
   margin-right: -3px;
 }

 .row-3 > [class*="col"] {
   padding-left: 3px;
   padding-right: 3px;
 }

 .row-4 {
   margin-left: -4px;
   margin-right: -4px;
 }

 .row-4 > [class*="col"] {
   padding-left: 4px;
   padding-right: 4px;
 }

 .row-5 {
   margin-left: -5px;
   margin-right: -5px;
 }

 .row-5 > [class*="col"] {
   padding-left: 5px;
   padding-right: 5px;
 }

 .row-6 {
   margin-left: -6px;
   margin-right: -6px;
 }

 .row-6 > [class*="col"] {
   padding-left: 6px;
   padding-right: 6px;
 }

 .row-7 {
   margin-left: -7px;
   margin-right: -7px;
 }

 .row-7 > [class*="col"] {
   padding-left: 7px;
   padding-right: 7px;
 }

 .row-8 {
   margin-left: -8px;
   margin-right: -8px;
 }

 .row-8 > [class*="col"] {
   padding-left: 8px;
   padding-right: 8px;
 }

 .row-9 {
   margin-left: -9px;
   margin-right: -9px;
 }

 .row-9 > [class*="col"] {
   padding-left: 9px;
   padding-right: 9px;
 }

 .row-10 {
   margin-left: -10px;
   margin-right: -10px;
 }

 .row-10 > [class*="col"] {
   padding-left: 10px;
   padding-right: 10px;
 }

 .row-11 {
   margin-left: -11px;
   margin-right: -11px;
 }

 .row-11 > [class*="col"] {
   padding-left: 11px;
   padding-right: 11px;
 }

 .row-12 {
   margin-left: -12px;
   margin-right: -12px;
 }

 .row-12 > [class*="col"] {
   padding-left: 12px;
   padding-right: 12px;
 }

 .row-13 {
   margin-left: -13px;
   margin-right: -13px;
 }

 .row-13 > [class*="col"] {
   padding-left: 13px;
   padding-right: 13px;
 }

 .row-14 {
   margin-left: -14px;
   margin-right: -14px;
 }

 .row-14 > [class*="col"] {
   padding-left: 14px;
   padding-right: 14px;
 }

 .row-15 {
   margin-left: -15px;
   margin-right: -15px;
 }

 .row-15 > [class*="col"] {
   padding-left: 15px;
   padding-right: 15px;
 }

 .row-16 {
   margin-left: -16px;
   margin-right: -16px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-16 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-16 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-16 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-16 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-16 > [class*="col"] {
   padding-left: 16px;
   padding-right: 16px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-16 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-16 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-16 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-16 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-17 {
   margin-left: -17px;
   margin-right: -17px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-17 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-17 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-17 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-17 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-17 > [class*="col"] {
   padding-left: 17px;
   padding-right: 17px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-17 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-17 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-17 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-17 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-18 {
   margin-left: -18px;
   margin-right: -18px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-18 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-18 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-18 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-18 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-18 > [class*="col"] {
   padding-left: 18px;
   padding-right: 18px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-18 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-18 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-18 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-18 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-19 {
   margin-left: -19px;
   margin-right: -19px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-19 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-19 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-19 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-19 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-19 > [class*="col"] {
   padding-left: 19px;
   padding-right: 19px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-19 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-19 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-19 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-19 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-20 {
   margin-left: -20px;
   margin-right: -20px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-20 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-20 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-20 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-20 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-20 > [class*="col"] {
   padding-left: 20px;
   padding-right: 20px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-20 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-20 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-20 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-20 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-21 {
   margin-left: -21px;
   margin-right: -21px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-21 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-21 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-21 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-21 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-21 > [class*="col"] {
   padding-left: 21px;
   padding-right: 21px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-21 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-21 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-21 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-21 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-22 {
   margin-left: -22px;
   margin-right: -22px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-22 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-22 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-22 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-22 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-22 > [class*="col"] {
   padding-left: 22px;
   padding-right: 22px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-22 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-22 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-22 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-22 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-23 {
   margin-left: -23px;
   margin-right: -23px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-23 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-23 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-23 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-23 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-23 > [class*="col"] {
   padding-left: 23px;
   padding-right: 23px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-23 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-23 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-23 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-23 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-24 {
   margin-left: -24px;
   margin-right: -24px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-24 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-24 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-24 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-24 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-24 > [class*="col"] {
   padding-left: 24px;
   padding-right: 24px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-24 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-24 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-24 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-24 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-25 {
   margin-left: -25px;
   margin-right: -25px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-25 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-25 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-25 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-25 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-25 > [class*="col"] {
   padding-left: 25px;
   padding-right: 25px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-25 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-25 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-25 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-25 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-26 {
   margin-left: -26px;
   margin-right: -26px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-26 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-26 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-26 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-26 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-26 > [class*="col"] {
   padding-left: 26px;
   padding-right: 26px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-26 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-26 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-26 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-26 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-27 {
   margin-left: -27px;
   margin-right: -27px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-27 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-27 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-27 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-27 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-27 > [class*="col"] {
   padding-left: 27px;
   padding-right: 27px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-27 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-27 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-27 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-27 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-28 {
   margin-left: -28px;
   margin-right: -28px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-28 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-28 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-28 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-28 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-28 > [class*="col"] {
   padding-left: 28px;
   padding-right: 28px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-28 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-28 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-28 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-28 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-29 {
   margin-left: -29px;
   margin-right: -29px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-29 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-29 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-29 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-29 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-29 > [class*="col"] {
   padding-left: 29px;
   padding-right: 29px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-29 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-29 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-29 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-29 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-30 {
   margin-left: -30px;
   margin-right: -30px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-30 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-30 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-30 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-30 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-30 > [class*="col"] {
   padding-left: 30px;
   padding-right: 30px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-30 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-30 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-30 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-30 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-31 {
   margin-left: -31px;
   margin-right: -31px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-31 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-31 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-31 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-31 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-31 > [class*="col"] {
   padding-left: 31px;
   padding-right: 31px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-31 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-31 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-31 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-31 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-32 {
   margin-left: -32px;
   margin-right: -32px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-32 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-32 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-32 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-32 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-32 > [class*="col"] {
   padding-left: 32px;
   padding-right: 32px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-32 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-32 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-32 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-32 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-33 {
   margin-left: -33px;
   margin-right: -33px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-33 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-33 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-33 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-33 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-33 > [class*="col"] {
   padding-left: 33px;
   padding-right: 33px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-33 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-33 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-33 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-33 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-34 {
   margin-left: -34px;
   margin-right: -34px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-34 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-34 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-34 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-34 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-34 > [class*="col"] {
   padding-left: 34px;
   padding-right: 34px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-34 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-34 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-34 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-34 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-35 {
   margin-left: -35px;
   margin-right: -35px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-35 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-35 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-35 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-35 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-35 > [class*="col"] {
   padding-left: 35px;
   padding-right: 35px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-35 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-35 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-35 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-35 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-36 {
   margin-left: -36px;
   margin-right: -36px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-36 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-36 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-36 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-36 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-36 > [class*="col"] {
   padding-left: 36px;
   padding-right: 36px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-36 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-36 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-36 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-36 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-37 {
   margin-left: -37px;
   margin-right: -37px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-37 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-37 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-37 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-37 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-37 > [class*="col"] {
   padding-left: 37px;
   padding-right: 37px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-37 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-37 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-37 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-37 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-38 {
   margin-left: -38px;
   margin-right: -38px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-38 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-38 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-38 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-38 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-38 > [class*="col"] {
   padding-left: 38px;
   padding-right: 38px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-38 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-38 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-38 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-38 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-39 {
   margin-left: -39px;
   margin-right: -39px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-39 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-39 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-39 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-39 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-39 > [class*="col"] {
   padding-left: 39px;
   padding-right: 39px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-39 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-39 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-39 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-39 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-40 {
   margin-left: -40px;
   margin-right: -40px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-40 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-40 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-40 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-40 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-40 > [class*="col"] {
   padding-left: 40px;
   padding-right: 40px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-40 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-40 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-40 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-40 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-41 {
   margin-left: -41px;
   margin-right: -41px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-41 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-41 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-41 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-41 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-41 > [class*="col"] {
   padding-left: 41px;
   padding-right: 41px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-41 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-41 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-41 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-41 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-42 {
   margin-left: -42px;
   margin-right: -42px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-42 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-42 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-42 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-42 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-42 > [class*="col"] {
   padding-left: 42px;
   padding-right: 42px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-42 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-42 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-42 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-42 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-43 {
   margin-left: -43px;
   margin-right: -43px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-43 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-43 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-43 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-43 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-43 > [class*="col"] {
   padding-left: 43px;
   padding-right: 43px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-43 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-43 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-43 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-43 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-44 {
   margin-left: -44px;
   margin-right: -44px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-44 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-44 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-44 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-44 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-44 > [class*="col"] {
   padding-left: 44px;
   padding-right: 44px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-44 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-44 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-44 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-44 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-45 {
   margin-left: -45px;
   margin-right: -45px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-45 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-45 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-45 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-45 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-45 > [class*="col"] {
   padding-left: 45px;
   padding-right: 45px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-45 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-45 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-45 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-45 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-46 {
   margin-left: -46px;
   margin-right: -46px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-46 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-46 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-46 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-46 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-46 > [class*="col"] {
   padding-left: 46px;
   padding-right: 46px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-46 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-46 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-46 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-46 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-47 {
   margin-left: -47px;
   margin-right: -47px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-47 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-47 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-47 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-47 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-47 > [class*="col"] {
   padding-left: 47px;
   padding-right: 47px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-47 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-47 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-47 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-47 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-48 {
   margin-left: -48px;
   margin-right: -48px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-48 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-48 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-48 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-48 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-48 > [class*="col"] {
   padding-left: 48px;
   padding-right: 48px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-48 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-48 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-48 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-48 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-49 {
   margin-left: -49px;
   margin-right: -49px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-49 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-49 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-49 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-49 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-49 > [class*="col"] {
   padding-left: 49px;
   padding-right: 49px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-49 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-49 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-49 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-49 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-50 {
   margin-left: -50px;
   margin-right: -50px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-50 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-50 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-50 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-50 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-50 > [class*="col"] {
   padding-left: 50px;
   padding-right: 50px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-50 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-50 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-50 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-50 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-51 {
   margin-left: -51px;
   margin-right: -51px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-51 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-51 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-51 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-51 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-51 > [class*="col"] {
   padding-left: 51px;
   padding-right: 51px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-51 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-51 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-51 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-51 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-52 {
   margin-left: -52px;
   margin-right: -52px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-52 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-52 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-52 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-52 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-52 > [class*="col"] {
   padding-left: 52px;
   padding-right: 52px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-52 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-52 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-52 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-52 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-53 {
   margin-left: -53px;
   margin-right: -53px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-53 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-53 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-53 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-53 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-53 > [class*="col"] {
   padding-left: 53px;
   padding-right: 53px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-53 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-53 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-53 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-53 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-54 {
   margin-left: -54px;
   margin-right: -54px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-54 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-54 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-54 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-54 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-54 > [class*="col"] {
   padding-left: 54px;
   padding-right: 54px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-54 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-54 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-54 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-54 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-55 {
   margin-left: -55px;
   margin-right: -55px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-55 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-55 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-55 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-55 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-55 > [class*="col"] {
   padding-left: 55px;
   padding-right: 55px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-55 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-55 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-55 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-55 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-56 {
   margin-left: -56px;
   margin-right: -56px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-56 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-56 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-56 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-56 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-56 > [class*="col"] {
   padding-left: 56px;
   padding-right: 56px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-56 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-56 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-56 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-56 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-57 {
   margin-left: -57px;
   margin-right: -57px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-57 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-57 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-57 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-57 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-57 > [class*="col"] {
   padding-left: 57px;
   padding-right: 57px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-57 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-57 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-57 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-57 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-58 {
   margin-left: -58px;
   margin-right: -58px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-58 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-58 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-58 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-58 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-58 > [class*="col"] {
   padding-left: 58px;
   padding-right: 58px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-58 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-58 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-58 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-58 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-59 {
   margin-left: -59px;
   margin-right: -59px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-59 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-59 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-59 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-59 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-59 > [class*="col"] {
   padding-left: 59px;
   padding-right: 59px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-59 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-59 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-59 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-59 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-60 {
   margin-left: -60px;
   margin-right: -60px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-60 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-60 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-60 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-60 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-60 > [class*="col"] {
   padding-left: 60px;
   padding-right: 60px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-60 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-60 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-60 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-60 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-61 {
   margin-left: -61px;
   margin-right: -61px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-61 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-61 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-61 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-61 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-61 > [class*="col"] {
   padding-left: 61px;
   padding-right: 61px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-61 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-61 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-61 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-61 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-62 {
   margin-left: -62px;
   margin-right: -62px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-62 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-62 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-62 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-62 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-62 > [class*="col"] {
   padding-left: 62px;
   padding-right: 62px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-62 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-62 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-62 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-62 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-63 {
   margin-left: -63px;
   margin-right: -63px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-63 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-63 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-63 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-63 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-63 > [class*="col"] {
   padding-left: 63px;
   padding-right: 63px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-63 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-63 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-63 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-63 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-64 {
   margin-left: -64px;
   margin-right: -64px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-64 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-64 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-64 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-64 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-64 > [class*="col"] {
   padding-left: 64px;
   padding-right: 64px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-64 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-64 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-64 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-64 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-65 {
   margin-left: -65px;
   margin-right: -65px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-65 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-65 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-65 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-65 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-65 > [class*="col"] {
   padding-left: 65px;
   padding-right: 65px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-65 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-65 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-65 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-65 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-66 {
   margin-left: -66px;
   margin-right: -66px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-66 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-66 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-66 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-66 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-66 > [class*="col"] {
   padding-left: 66px;
   padding-right: 66px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-66 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-66 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-66 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-66 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-67 {
   margin-left: -67px;
   margin-right: -67px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-67 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-67 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-67 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-67 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-67 > [class*="col"] {
   padding-left: 67px;
   padding-right: 67px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-67 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-67 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-67 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-67 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-68 {
   margin-left: -68px;
   margin-right: -68px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-68 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-68 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-68 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-68 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-68 > [class*="col"] {
   padding-left: 68px;
   padding-right: 68px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-68 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-68 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-68 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-68 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-69 {
   margin-left: -69px;
   margin-right: -69px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-69 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-69 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-69 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-69 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-69 > [class*="col"] {
   padding-left: 69px;
   padding-right: 69px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-69 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-69 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-69 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-69 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-70 {
   margin-left: -70px;
   margin-right: -70px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-70 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-70 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-70 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-70 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-70 > [class*="col"] {
   padding-left: 70px;
   padding-right: 70px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-70 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-70 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-70 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-70 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-71 {
   margin-left: -71px;
   margin-right: -71px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-71 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-71 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-71 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-71 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-71 > [class*="col"] {
   padding-left: 71px;
   padding-right: 71px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-71 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-71 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-71 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-71 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-72 {
   margin-left: -72px;
   margin-right: -72px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-72 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-72 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-72 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-72 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-72 > [class*="col"] {
   padding-left: 72px;
   padding-right: 72px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-72 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-72 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-72 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-72 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-73 {
   margin-left: -73px;
   margin-right: -73px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-73 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-73 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-73 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-73 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-73 > [class*="col"] {
   padding-left: 73px;
   padding-right: 73px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-73 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-73 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-73 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-73 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-74 {
   margin-left: -74px;
   margin-right: -74px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-74 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-74 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-74 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-74 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-74 > [class*="col"] {
   padding-left: 74px;
   padding-right: 74px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-74 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-74 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-74 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-74 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-75 {
   margin-left: -75px;
   margin-right: -75px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-75 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-75 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-75 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-75 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-75 > [class*="col"] {
   padding-left: 75px;
   padding-right: 75px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-75 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-75 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-75 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-75 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-76 {
   margin-left: -76px;
   margin-right: -76px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-76 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-76 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-76 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-76 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-76 > [class*="col"] {
   padding-left: 76px;
   padding-right: 76px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-76 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-76 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-76 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-76 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-77 {
   margin-left: -77px;
   margin-right: -77px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-77 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-77 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-77 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-77 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-77 > [class*="col"] {
   padding-left: 77px;
   padding-right: 77px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-77 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-77 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-77 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-77 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-78 {
   margin-left: -78px;
   margin-right: -78px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-78 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-78 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-78 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-78 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-78 > [class*="col"] {
   padding-left: 78px;
   padding-right: 78px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-78 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-78 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-78 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-78 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-79 {
   margin-left: -79px;
   margin-right: -79px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-79 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-79 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-79 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-79 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-79 > [class*="col"] {
   padding-left: 79px;
   padding-right: 79px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-79 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-79 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-79 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-79 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .row-80 {
   margin-left: -80px;
   margin-right: -80px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-80 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-80 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-80 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-80 {
     margin-left: -15px;
     margin-right: -15px;
   }
 }

 .row-80 > [class*="col"] {
   padding-left: 80px;
   padding-right: 80px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .row-80 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .row-80 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .row-80 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .row-80 > [class*="col"] {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 /*--
     - Paginatoin Css
 ---------------------------------*/
 .pagination-box {
   display: flex;
   justify-content: center;
   margin-top: 40px;
 }

 @media only screen and (max-width: 767px) {
   .pagination-box {
     margin-top: 40px;
   }
 }

 .pagination-box li {
   display: inline-block;
   margin: 0 4px;
 }

 .pagination-box li.active a {
   color: #ffffff;
   background: #ff5151;
   border: 1px solid #ff5151;
 }

 .pagination-box li a {
   color: #333333;
   display: block;
   width: 40px;
   height: 40px;
   border: 1px solid #e8e8e8;
   line-height: 40px;
   text-align: center;
   color: #ff5151;
   font-size: 14px;
   border-radius: 5px;
 }

 .pagination-box li a:hover {
   color: #ffffff;
   background: #ff5151;
   border: 1px solid #ff5151;
 }

 .pagination-box li a span {
   font-size: 18px;
 }

 /*--
     - Margin & Padding
 -----------------------------------------*/
 /*-- Margin Top --*/
 .mt-5 {
   margin-top: 5px;
 }

 .mt-10 {
   margin-top: 10px;
 }

 .mt-15 {
   margin-top: 15px;
 }

 .mt-20 {
   margin-top: 20px;
 }

 .mt-25 {
   margin-top: 25px;
 }

 .mt-30 {
   margin-top: 30px;
 }

 .mt-35 {
   margin-top: 35px;
 }

 .mt-40 {
   margin-top: 40px;
 }

 .mt-45 {
   margin-top: 45px;
 }

 .mt-50 {
   margin-top: 50px;
 }

 .mt-55 {
   margin-top: 55px;
 }

 .mt-60 {
   margin-top: 60px;
 }

 .mt-65 {
   margin-top: 65px;
 }

 .mt-70 {
   margin-top: 70px;
 }

 .mt-75 {
   margin-top: 75px;
 }

 .mt-80 {
   margin-top: 80px;
 }

 .mt-85 {
   margin-top: 85px;
 }

 .mt-90 {
   margin-top: 90px;
 }

 .mt-95 {
   margin-top: 95px;
 }

 .mt-100 {
   margin-top: 100px;
 }

 .mt-105 {
   margin-top: 105px;
 }

 .mt-110 {
   margin-top: 110px;
 }

 .mt-115 {
   margin-top: 115px;
 }

 .mt-120 {
   margin-top: 120px;
 }

 .mt-125 {
   margin-top: 125px;
 }

 .mt-130 {
   margin-top: 130px;
 }

 .mt-135 {
   margin-top: 135px;
 }

 .mt-140 {
   margin-top: 140px;
 }

 .mt-145 {
   margin-top: 145px;
 }

 .mt-150 {
   margin-top: 150px;
 }

 .mt-155 {
   margin-top: 155px;
 }

 .mt-160 {
   margin-top: 160px;
 }

 .mt-165 {
   margin-top: 165px;
 }

 .mt-170 {
   margin-top: 170px;
 }

 .mt-175 {
   margin-top: 175px;
 }

 .mt-180 {
   margin-top: 180px;
 }

 .mt-185 {
   margin-top: 185px;
 }

 .mt-190 {
   margin-top: 190px;
 }

 .mt-195 {
   margin-top: 195px;
 }

 .mt-200 {
   margin-top: 200px;
 }

 /*-- Margin Bottom --*/

 .mb-10 {
   margin-bottom: 10px;
 }

 .mb-15 {
   margin-bottom: 15px;
 }

 .mb-20 {
   margin-bottom: 20px;
 }

 .mb-25 {
   margin-bottom: 25px;
 }

 .mb-30 {
   margin-bottom: 30px;
 }

 .mb-35 {
   margin-bottom: 35px;
 }

 .mb-40 {
   margin-bottom: 40px;
 }

 .mb-45 {
   margin-bottom: 45px;
 }

 .mb-50 {
   margin-bottom: 50px;
 }

 .mb-55 {
   margin-bottom: 55px;
 }

 .mb-60 {
   margin-bottom: 60px;
 }

 .mb-65 {
   margin-bottom: 65px;
 }

 .mb-70 {
   margin-bottom: 70px;
 }

 .mb-75 {
   margin-bottom: 75px;
 }

 .mb-80 {
   margin-bottom: 80px;
 }

 .mb-85 {
   margin-bottom: 85px;
 }

 .mb-90 {
   margin-bottom: 90px;
 }

 .mb-95 {
   margin-bottom: 95px;
 }

 .mb-100 {
   margin-bottom: 100px;
 }

 .mb-105 {
   margin-bottom: 105px;
 }

 .mb-110 {
   margin-bottom: 110px;
 }

 .mb-115 {
   margin-bottom: 115px;
 }

 .mb-120 {
   margin-bottom: 120px;
 }

 .mb-125 {
   margin-bottom: 125px;
 }

 .mb-130 {
   margin-bottom: 130px;
 }

 .mb-135 {
   margin-bottom: 135px;
 }

 .mb-140 {
   margin-bottom: 140px;
 }

 .mb-145 {
   margin-bottom: 145px;
 }

 .mb-150 {
   margin-bottom: 150px;
 }

 .mb-155 {
   margin-bottom: 155px;
 }

 .mb-160 {
   margin-bottom: 160px;
 }

 .mb-165 {
   margin-bottom: 165px;
 }

 .mb-170 {
   margin-bottom: 170px;
 }

 .mb-175 {
   margin-bottom: 175px;
 }

 .mb-180 {
   margin-bottom: 180px;
 }

 .mb-185 {
   margin-bottom: 185px;
 }

 .mb-190 {
   margin-bottom: 190px;
 }

 .mb-195 {
   margin-bottom: 195px;
 }

 .mb-200 {
   margin-bottom: 200px;
 }

 /*-- Margin Left --*/

 .ml-10 {
   margin-left: 10px;
 }

 .ml-15 {
   margin-left: 15px;
 }

 .ml-20 {
   margin-left: 20px;
 }

 .ml-25 {
   margin-left: 25px;
 }

 .ml-30 {
   margin-left: 30px;
 }

 .ml-35 {
   margin-left: 35px;
 }

 .ml-40 {
   margin-left: 40px;
 }

 .ml-45 {
   margin-left: 45px;
 }

 .ml-50 {
   margin-left: 50px;
 }

 .ml-55 {
   margin-left: 55px;
 }

 .ml-60 {
   margin-left: 60px;
 }

 .ml-65 {
   margin-left: 65px;
 }

 .ml-70 {
   margin-left: 70px;
 }

 .ml-75 {
   margin-left: 75px;
 }

 .ml-80 {
   margin-left: 80px;
 }

 .ml-85 {
   margin-left: 85px;
 }

 .ml-90 {
   margin-left: 90px;
 }

 .ml-95 {
   margin-left: 95px;
 }

 .ml-100 {
   margin-left: 100px;
 }

 .ml-105 {
   margin-left: 105px;
 }

 .ml-110 {
   margin-left: 110px;
 }

 .ml-115 {
   margin-left: 115px;
 }

 .ml-120 {
   margin-left: 120px;
 }

 .ml-125 {
   margin-left: 125px;
 }

 .ml-130 {
   margin-left: 130px;
 }

 .ml-135 {
   margin-left: 135px;
 }

 .ml-140 {
   margin-left: 140px;
 }

 .ml-145 {
   margin-left: 145px;
 }

 .ml-150 {
   margin-left: 150px;
 }

 .ml-155 {
   margin-left: 155px;
 }

 .ml-160 {
   margin-left: 160px;
 }

 .ml-165 {
   margin-left: 165px;
 }

 .ml-170 {
   margin-left: 170px;
 }

 .ml-175 {
   margin-left: 175px;
 }

 .ml-180 {
   margin-left: 180px;
 }

 .ml-185 {
   margin-left: 185px;
 }

 .ml-190 {
   margin-left: 190px;
 }

 .ml-195 {
   margin-left: 195px;
 }

 .ml-200 {
   margin-left: 200px;
 }

 .ml-5 {
   margin-left: 5px !important;
 }

 /*-- Margin Right --*/
 .mr-5 {
   margin-right: 5px;
 }

 .mr-10 {
   margin-right: 10px;
 }

 .mr-15 {
   margin-right: 15px;
 }

 .mr-20 {
   margin-right: 20px;
 }

 .mr-25 {
   margin-right: 25px;
 }

 .mr-30 {
   margin-right: 30px;
 }

 .mr-35 {
   margin-right: 35px;
 }

 .mr-40 {
   margin-right: 40px;
 }

 .mr-45 {
   margin-right: 45px;
 }

 .mr-50 {
   margin-right: 50px;
 }

 .mr-55 {
   margin-right: 55px;
 }

 .mr-60 {
   margin-right: 60px;
 }

 .mr-65 {
   margin-right: 65px;
 }

 .mr-70 {
   margin-right: 70px;
 }

 .mr-75 {
   margin-right: 75px;
 }

 .mr-80 {
   margin-right: 80px;
 }

 .mr-85 {
   margin-right: 85px;
 }

 .mr-90 {
   margin-right: 90px;
 }

 .mr-95 {
   margin-right: 95px;
 }

 .mr-100 {
   margin-right: 100px;
 }

 .mr-105 {
   margin-right: 105px;
 }

 .mr-110 {
   margin-right: 110px;
 }

 .mr-115 {
   margin-right: 115px;
 }

 .mr-120 {
   margin-right: 120px;
 }

 .mr-125 {
   margin-right: 125px;
 }

 .mr-130 {
   margin-right: 130px;
 }

 .mr-135 {
   margin-right: 135px;
 }

 .mr-140 {
   margin-right: 140px;
 }

 .mr-145 {
   margin-right: 145px;
 }

 .mr-150 {
   margin-right: 150px;
 }

 .mr-155 {
   margin-right: 155px;
 }

 .mr-160 {
   margin-right: 160px;
 }

 .mr-165 {
   margin-right: 165px;
 }

 .mr-170 {
   margin-right: 170px;
 }

 .mr-175 {
   margin-right: 175px;
 }

 .mr-180 {
   margin-right: 180px;
 }

 .mr-185 {
   margin-right: 185px;
 }

 .mr-190 {
   margin-right: 190px;
 }

 .mr-195 {
   margin-right: 195px;
 }

 .mr-200 {
   margin-right: 200px;
 }

 .mr-5 {
   margin-right: 5px !important;
 }

 /*-- Opacity --*/
 .op-75 {
     opacity: .75;
 }

 /*-- Padding Top --*/
 .pt-5 {
   padding-top: 5px;
 }

 .pt-10 {
   padding-top: 10px;
 }
 .pt-10-imp {
   padding-top: 10px !important;
 }

 .pt-15 {
   padding-top: 15px;
 }

 .pt-20 {
   padding-top: 20px;
 }
 .p-20 {
  padding: 20px;
}
 .pt-25 {
   padding-top: 25px;
 }

 .pt-30 {
   padding-top: 30px;
 }

 .pt-35 {
   padding-top: 35px;
 }

 .pt-40 {
   padding-top: 40px;
 }

 .pt-45 {
   padding-top: 45px;
 }

 .pt-50 {
   padding-top: 50px;
 }

 .pt-55 {
   padding-top: 55px;
 }

 .pt-60 {
   padding-top: 60px;
 }

 .pt-65 {
   padding-top: 65px;
 }

 .pt-70 {
   padding-top: 70px;
 }

 .pt-75 {
   padding-top: 75px;
 }

 .pt-80 {
   padding-top: 80px;
 }

 .pt-85 {
   padding-top: 85px;
 }

 .pt-90 {
   padding-top: 90px;
 }

 .pt-95 {
   padding-top: 95px;
 }

 .pt-100 {
   padding-top: 100px;
 }

 .pt-105 {
   padding-top: 105px;
 }

 .pt-110 {
   padding-top: 110px;
 }

 .pt-115 {
   padding-top: 115px;
 }

 .pt-120 {
   padding-top: 120px;
 }

 .pt-125 {
   padding-top: 125px;
 }

 .pt-130 {
   padding-top: 130px;
 }

 .pt-135 {
   padding-top: 135px;
 }

 .pt-140 {
   padding-top: 140px;
 }

 .pt-145 {
   padding-top: 145px;
 }

 .pt-150 {
   padding-top: 150px;
 }

 .pt-155 {
   padding-top: 155px;
 }

 .pt-160 {
   padding-top: 160px;
 }

 .pt-165 {
   padding-top: 165px;
 }

 .pt-170 {
   padding-top: 170px;
 }

 .pt-175 {
   padding-top: 175px;
 }

 .pt-180 {
   padding-top: 180px;
 }

 .pt-185 {
   padding-top: 185px;
 }

 .pt-190 {
   padding-top: 190px;
 }

 .pt-195 {
   padding-top: 195px;
 }

 .pt-200 {
   padding-top: 200px;
 }

 .pb-10 {
   padding-bottom: 10px;
 }

 .pb-15 {
   padding-bottom: 15px;
 }

 .pb-20 {
   padding-bottom: 20px;
 }

 .pb-25 {
   padding-bottom: 25px;
 }

 .pb-30 {
   padding-bottom: 30px;
 }

 .pb-35 {
   padding-bottom: 35px;
 }

 .pb-40 {
   padding-bottom: 40px;
 }

 .pb-45 {
   padding-bottom: 45px;
 }

 .pb-50 {
   padding-bottom: 50px;
 }

 .pb-55 {
   padding-bottom: 55px;
 }

 .pb-60 {
   padding-bottom: 60px;
 }

 .pb-65 {
   padding-bottom: 65px;
 }

 .pb-70 {
   padding-bottom: 70px;
 }

 .pb-75 {
   padding-bottom: 75px;
 }

 .pb-80 {
   padding-bottom: 80px;
 }

 .pb-85 {
   padding-bottom: 85px;
 }

 .pb-90 {
   padding-bottom: 90px;
 }

 .pb-95 {
   padding-bottom: 95px;
 }

 .pb-100 {
   padding-bottom: 100px;
 }

 .pb-105 {
   padding-bottom: 105px;
 }

 .pb-110 {
   padding-bottom: 110px;
 }

 .pb-115 {
   padding-bottom: 115px;
 }

 .pb-120 {
   padding-bottom: 120px;
 }

 .pb-125 {
   padding-bottom: 125px;
 }

 .pb-130 {
   padding-bottom: 130px;
 }

 .pb-135 {
   padding-bottom: 135px;
 }

 .pb-140 {
   padding-bottom: 140px;
 }

 .pb-145 {
   padding-bottom: 145px;
 }

 .pb-150 {
   padding-bottom: 150px;
 }

 .pb-155 {
   padding-bottom: 155px;
 }

 .pb-160 {
   padding-bottom: 160px;
 }

 .pb-165 {
   padding-bottom: 165px;
 }

 .pb-170 {
   padding-bottom: 170px;
 }

 .pb-175 {
   padding-bottom: 175px;
 }

 .pb-180 {
   padding-bottom: 180px;
 }

 .pb-185 {
   padding-bottom: 185px;
 }

 .pb-190 {
   padding-bottom: 190px;
 }

 .pb-195 {
   padding-bottom: 195px;
 }

 .pb-200 {
   padding-bottom: 200px;
 }

 .pb-5 {
   padding-bottom: 5px !important;
 }

 /*-- Padding Left --*/
 .pl-5 {
   padding-left: 5px;
 }

 .pl-10 {
   padding-left: 10px;
 }

 .pl-15 {
   padding-left: 15px;
 }

 .pl-20 {
   padding-left: 20px;
 }

 .pl-25 {
   padding-left: 25px;
 }

 .pl-30 {
   padding-left: 30px;
 }

 .pl-35 {
   padding-left: 35px;
 }

 .pl-40 {
   padding-left: 40px;
 }

 .pl-45 {
   padding-left: 45px;
 }

 .pl-50 {
   padding-left: 50px;
 }

 .pl-55 {
   padding-left: 55px;
 }

 .pl-60 {
   padding-left: 60px;
 }

 .pl-65 {
   padding-left: 65px;
 }

 .pl-70 {
   padding-left: 70px;
 }

 .pl-75 {
   padding-left: 75px;
 }

 .pl-80 {
   padding-left: 80px;
 }

 .pl-85 {
   padding-left: 85px;
 }

 .pl-90 {
   padding-left: 90px;
 }

 .pl-95 {
   padding-left: 95px;
 }

 .pl-100 {
   padding-left: 100px;
 }

 .pl-105 {
   padding-left: 105px;
 }

 .pl-110 {
   padding-left: 110px;
 }

 .pl-115 {
   padding-left: 115px;
 }

 .pl-120 {
   padding-left: 120px;
 }

 .pl-125 {
   padding-left: 125px;
 }

 .pl-130 {
   padding-left: 130px;
 }

 .pl-135 {
   padding-left: 135px;
 }

 .pl-140 {
   padding-left: 140px;
 }

 .pl-145 {
   padding-left: 145px;
 }

 .pl-150 {
   padding-left: 150px;
 }

 .pl-155 {
   padding-left: 155px;
 }

 .pl-160 {
   padding-left: 160px;
 }

 .pl-165 {
   padding-left: 165px;
 }

 .pl-170 {
   padding-left: 170px;
 }

 .pl-175 {
   padding-left: 175px;
 }

 .pl-180 {
   padding-left: 180px;
 }

 .pl-185 {
   padding-left: 185px;
 }

 .pl-190 {
   padding-left: 190px;
 }

 .pl-195 {
   padding-left: 195px;
 }

 .pl-200 {
   padding-left: 200px;
 }

 .pl-5 {
   padding-left: 5px !important;
 }

 /*-- Padding Right --*/
 .pr-5 {
   padding-right: 5px;
 }

 .pr-10 {
   padding-right: 10px;
 }

 .pr-15 {
   padding-right: 15px;
 }

 .pr-20 {
   padding-right: 20px;
 }

 .pr-25 {
   padding-right: 25px;
 }

 .pr-30 {
   padding-right: 30px;
 }

 .pr-35 {
   padding-right: 35px;
 }

 .pr-40 {
   padding-right: 40px;
 }

 .pr-45 {
   padding-right: 45px;
 }

 .pr-50 {
   padding-right: 50px;
 }

 .pr-55 {
   padding-right: 55px;
 }

 .pr-60 {
   padding-right: 60px;
 }

 .pr-65 {
   padding-right: 65px;
 }

 .pr-70 {
   padding-right: 70px;
 }

 .pr-75 {
   padding-right: 75px;
 }

 .pr-80 {
   padding-right: 80px;
 }

 .pr-85 {
   padding-right: 85px;
 }

 .pr-90 {
   padding-right: 90px;
 }

 .pr-95 {
   padding-right: 95px;
 }

 .pr-100 {
   padding-right: 100px;
 }

 .pr-105 {
   padding-right: 105px;
 }

 .pr-110 {
   padding-right: 110px;
 }

 .pr-115 {
   padding-right: 115px;
 }

 .pr-120 {
   padding-right: 120px;
 }

 .pr-125 {
   padding-right: 125px;
 }

 .pr-130 {
   padding-right: 130px;
 }

 .pr-135 {
   padding-right: 135px;
 }

 .pr-140 {
   padding-right: 140px;
 }

 .pr-145 {
   padding-right: 145px;
 }

 .pr-150 {
   padding-right: 150px;
 }

 .pr-155 {
   padding-right: 155px;
 }

 .pr-160 {
   padding-right: 160px;
 }

 .pr-165 {
   padding-right: 165px;
 }

 .pr-170 {
   padding-right: 170px;
 }

 .pr-175 {
   padding-right: 175px;
 }

 .pr-180 {
   padding-right: 180px;
 }

 .pr-185 {
   padding-right: 185px;
 }

 .pr-190 {
   padding-right: 190px;
 }

 .pr-195 {
   padding-right: 195px;
 }

 .pr-200 {
   padding-right: 200px;
 }

 .pr-5 {
   padding-right: 5px !important;
 }

 /*--
     - Section Padding
 -------------------------------------*/
 .section-ptb {
   padding: 90px 0;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .section-ptb {
     padding: 80px 0;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .section-ptb {
     padding: 70px 0;
   }
 }

 @media only screen and (max-width: 767px) {
   .section-ptb {
     padding: 60px 0;
   }
 }

 @media only screen and (max-width: 479px) {
   .section-ptb {
     padding: 60px 0;
   }
 }

 .section-pt {
   padding-top: 90px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .section-pt {
     padding-top: 80px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .section-pt {
     padding-top: 70px;
   }
 }

 @media only screen and (max-width: 767px) {
   .section-pt {
     padding-top: 60px;
   }
 }

 @media only screen and (max-width: 479px) {
   .section-pt {
     padding-top: 60px;
   }
 }

 .section-pt-60 {
   padding-top: 60px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .section-pt-60 {
     padding-top: 50px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .section-pt-60 {
     padding-top: 40px;
   }
 }

 @media only screen and (max-width: 767px) {
   .section-pt-60 {
     padding-top: 40px;
   }
 }

 @media only screen and (max-width: 479px) {
   .section-pt-60 {
     padding-top: 30px;
   }
 }

 .section-pt-30 {
   padding-top: 30px;
 }

 .section-pb {
   padding-bottom: 60px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .section-pb {
     padding-bottom: 50px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .section-pb {
     padding-bottom: 50px;
   }
 }

 @media only screen and (max-width: 767px) {
   .section-pb {
     padding-bottom: 40px;
   }
 }

 @media only screen and (max-width: 479px) {
   .section-pb {
     padding-bottom: 30px;
   }
 }

 .section-pb-60 {
   padding-bottom: 60px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .section-pb-60 {
     padding-bottom: 50px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .section-pb-60 {
     padding-bottom: 40px;
   }
 }

 @media only screen and (max-width: 767px) {
   .section-pb-60 {
     padding-bottom: 40px;
   }
 }

 @media only screen and (max-width: 479px) {
   .section-pb-60 {
     padding-bottom: 30px;
   }
 }

 .section-pb-30 {
   padding-bottom: 30px;
 }

 .bg-image {
   background-size: cover;
 }

 /*--
     - Input Placeholder
 -----------------------------------------*/
 input:-moz-placeholder,
 textarea:-moz-placeholder {
   opacity: 1;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 }

 input::-webkit-input-placeholder,
 textarea::-webkit-input-placeholder {
   opacity: 1;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 }

 input::-moz-placeholder,
 textarea::-moz-placeholder {
   opacity: 1;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 }

 input:-ms-input-placeholder,
 textarea:-ms-input-placeholder {
   opacity: 1;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 }

 /*--
     Scroll Up
 -----------------------------------------*/
 #scrollUp {
   width: 40px;
   height: 40px;
   background-color: #c7aa60;
   border: 3px solid #eeeeee;
   color: #ffffff;
   right: 20px;
   bottom: 60px;
   text-align: center;
   overflow: hidden;
   border-radius: 50px;
   z-index: 9811 !important;
 }

 @media only screen and (max-width: 767px) {
   #scrollUp {
     display: none !important;
   }
 }

 #scrollUp i {
   display: block;
   line-height: normal;
   font-size: 16px;
   padding: 6px 0;
 }

 #scrollUp:hover i {
   animation-name: fadeInUp;
   animation-duration: 1s;
   animation-fill-mode: both;
   animation-iteration-count: infinite;
 }

 /*--
     - Background Color
 ------------------------------------------*/
 .bg-gray {
   background-color: #fafafa !important;
 }

 .bg-footer {
   background: #222;
 }

 img.mfp-img {
   background-color: #f6f7f8;
   padding: 0;
   margin: 40px auto;
 }

 .white-bg {
   background: #ffffff;
 }

 .black-bg {
   background: #191919;
 }

 /*--
     Boxed Layout
 --------------------------*/
 .boxed-layout {
   background: #ffffff none repeat scroll 0 0;
   box-shadow: -3px 0 50px -2px rgba(0, 0, 0, 0.14);
   margin: auto;
   max-width: 1400px;
   position: relative;
   width: 100%;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .boxed-layout {
     max-width: 980px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .boxed-layout {
     max-width: 730px;
   }
 }

 @media only screen and (max-width: 767px) {
   .boxed-layout {
     max-width: 560px;
   }
 }

 /*--
     - Social Color
 ------------------------------------------*/
 .facebook {
   background-color: #3b5997;
   color: #ffffff;
 }

 .facebook:hover {
   background-color: #3b5997;
   color: #ffffff;
 }

 .twitter {
   background-color: #1da1f2;
   color: #ffffff;
 }

 .twitter:hover {
   background-color: #1da1f2;
   color: #ffffff;
 }

 .linkedin {
   background-color: #0077b5;
   color: #ffffff;
 }

 .linkedin:hover {
   background-color: #0077b5;
   color: #ffffff;
 }

 .pinterest {
   background-color: #bd081c;
   color: #ffffff;
 }

 .pinterest:hover {
   background-color: #bd081c;
   color: #ffffff;
 }

 .google-plus {
   background-color: #d11718;
   color: #ffffff;
 }

 .google-plus:hover {
   background-color: #d11718;
   color: #ffffff;
 }

 .behance {
   background-color: #005cff;
   color: #ffffff;
 }

 .behance:hover {
   background-color: #005cff;
   color: #ffffff;
 }

 .dribbble {
   background-color: #e84c88;
   color: #ffffff;
 }

 .dribbble:hover {
   background-color: #e84c88;
   color: #ffffff;
 }

 .github {
   background-color: #323131;
   color: #ffffff;
 }

 .github:hover {
   background-color: #323131;
   color: #ffffff;
 }

 .instagram {
   background-color: #dc3472;
   color: #ffffff;
 }

 .instagram:hover {
   background-color: #dc3472;
   color: #ffffff;
 }

 .medium {
   background-color: #00ab6c;
   color: #ffffff;
 }

 .medium:hover {
   background-color: #00ab6c;
   color: #ffffff;
 }

 .reddit {
   background-color: #ff4501;
   color: #ffffff;
 }

 .reddit:hover {
   background-color: #ff4501;
   color: #ffffff;
 }

 .skype {
   background-color: #00aff0;
   color: #ffffff;
 }

 .skype:hover {
   background-color: #00aff0;
   color: #ffffff;
 }

 .slack {
   background-color: #63c1a0;
   color: #ffffff;
 }

 .slack:hover {
   background-color: #63c1a0;
   color: #ffffff;
 }

 .snapchat {
   background-color: #fffc00;
   color: #ffffff;
 }

 .snapchat:hover {
   background-color: #fffc00;
   color: #ffffff;
 }

 .tumblr {
   background-color: #01273a;
   color: #ffffff;
 }

 .tumblr:hover {
   background-color: #01273a;
   color: #ffffff;
 }

 .vimeo {
   background-color: #00adef;
   color: #ffffff;
 }

 .vimeo:hover {
   background-color: #00adef;
   color: #ffffff;
 }

 .youtube {
   background-color: #fe0002;
   color: #ffffff;
 }

 .youtube:hover {
   background-color: #fe0002;
   color: #ffffff;
 }

 /*-- Tab Content & Pane Fix --*/
 .porduct-area .tab-content {
   width: 100%;
 }

 .porduct-area .tab-content .tab-pane {
   display: block;
   height: 0;
   max-width: 100%;
   visibility: hidden;
   overflow: hidden;
   opacity: 0;
 }

 .porduct-area .tab-content .tab-pane.active {
   height: auto;
   visibility: visible;
   opacity: 1;
   overflow: visible;
 }

 /*--
     - Product Full Width
 ------------------------------------------*/
 .full-width-product-wrap > [class*="col-"]:nth-child(1),
 .full-width-product-wrap > [class*="col"]:nth-child(1) {
   flex: 1 0 450px;
   max-width: 450px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .full-width-product-wrap > [class*="col-"]:nth-child(1),
   .full-width-product-wrap > [class*="col"]:nth-child(1) {
     flex: 1 0 350px;
     max-width: 350px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .full-width-product-wrap > [class*="col-"]:nth-child(1),
   .full-width-product-wrap > [class*="col"]:nth-child(1) {
     flex: 1 0 350px;
     max-width: 350px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .full-width-product-wrap > [class*="col-"]:nth-child(1),
   .full-width-product-wrap > [class*="col"]:nth-child(1) {
     flex: 0 0 100%;
     max-width: 100%;
   }
 }

 @media only screen and (max-width: 767px) {
   .full-width-product-wrap > [class*="col-"]:nth-child(1),
   .full-width-product-wrap > [class*="col"]:nth-child(1) {
     flex: 0 0 100%;
     max-width: 100%;
   }
 }

 .full-width-product-wrap > [class*="col-"]:nth-child(2),
 .full-width-product-wrap > [class*="col"]:nth-child(2) {
   flex: 0 0 calc(100% - 450px);
   max-width: calc(100% - 450px);
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .full-width-product-wrap > [class*="col-"]:nth-child(2),
   .full-width-product-wrap > [class*="col"]:nth-child(2) {
     flex: 0 0 calc(100% - 350px);
     max-width: calc(100% - 350px);
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .full-width-product-wrap > [class*="col-"]:nth-child(2),
   .full-width-product-wrap > [class*="col"]:nth-child(2) {
     flex: 0 0 calc(100% - 350px);
     max-width: calc(100% - 350px);
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .full-width-product-wrap > [class*="col-"]:nth-child(2),
   .full-width-product-wrap > [class*="col"]:nth-child(2) {
     flex: 0 0 100%;
     max-width: 100%;
   }
 }

 @media only screen and (max-width: 767px) {
   .full-width-product-wrap > [class*="col-"]:nth-child(2),
   .full-width-product-wrap > [class*="col"]:nth-child(2) {
     flex: 0 0 100%;
     max-width: 100%;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .full-width-product-wrap.desktop-full-width > [class*="col-"]:nth-child(1),
   .full-width-product-wrap.desktop-full-width > [class*="col"]:nth-child(1) {
     flex: 0 0 100%;
     max-width: 100%;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .full-width-product-wrap.desktop-full-width > [class*="col-"]:nth-child(2),
   .full-width-product-wrap.desktop-full-width > [class*="col"]:nth-child(2) {
     flex: 0 0 100%;
     max-width: 100%;
   }
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .laptop-3-column > [class*="col-"],
   .laptop-3-column > [class*="col"] {
     flex: 1 0 33.3333%;
     max-width: 33.3333%;
   }
 }

 /*--
     - Page Pagination
 ------------------------------------------*/
 .page-pagination {
   background: #fff6f6;
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   align-items: center;
   padding: 10px 20px;
 }

 .page-pagination a {
   color: #ff5151;
 }

 .page-pagination a:hover {
   color: #222;
 }

 .page-pagination ul {
   display: flex;
   justify-content: center;
 }

 .page-pagination li {
   font-size: 16px;
   line-height: 24px;
   color: #222;
   text-align: center;
   margin: 2px 3px;
 }

 .page-pagination li a {
   color: #333;
   padding: 10px;
   border-radius: 50px;
   width: 30px;
   height: 30px;
   display: flex;
   justify-content: center;
   align-items: center;
   font-size: 14px;
   font-weight: 500;
 }

 @media only screen and (max-width: 479px) {
   .page-pagination li {
     font-size: 14px;
   }

   .page-pagination li a {
     padding: 9px;
     width: 35px;
     height: 35px;
   }

   .page-pagination li a i {
     line-height: 24px;
   }
 }

 .page-pagination li:hover a {
   color: #ff5151;
   background-color: #ffffff;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
 }

 .page-pagination li.active a {
   color: #ff5151;
   background-color: #ffffff;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
 }

 /*-- Category Page Title --*/
 .category-page-title h4 {
   margin: 0;
   text-transform: uppercase;
   font-weight: 600;
   font-size: 18px;
   color: #222;
 }

 .breadcrumb-item + .breadcrumb-item {
   padding-left: 0;
 }


 /*--
     - Blockquote
 ------------------------------------------*/
 .blockquote {
   padding: 30px 20px;
   position: relative;
   color: #ffffff;
   font-size: 15px;
 }

 @media only screen and (max-width: 767px) {
   .blockquote {
     padding: 30px 15px 0 15px;
   }
 }

 @media only screen and (max-width: 479px) {
   .blockquote {
     padding: 20px;
   }
 }

 .blockquote p {
   font-size: 14px;
   color: #ff5151;
 }

 .light-background {
   background: #fffcf8;
 }

 /*--
 - Section Title
 ----------------------------*/
 .section-title {
   margin-bottom: 0;
   padding-bottom: 40px;
   padding-top: 40px;
 }

 .section-title h3 {
   font-weight: 500;
   line-height: 50px;
   color: #fff;
   font-family: inherit;
 }

 .section-title h4 {
   color: #fff;
   font-weight: 400;
 }

 .water-mark {
   position: relative;
 }

 .bg_shape1 .section-title p {
   color: #131212;
   font-family: var(--font-heading);
 }

 .margin-today .section-title p {
   color: #6a6a6a;
   font-size: 16px;
   line-height: 24px;
 }

 .water-mark:before {
   background-image: url('https://stage-assets.goldbank.co.uk/home_new/assets/images/icon/title-bg.png');
   content: "";
   position: absolute;
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
   width: 100%;
   height: 100%;
   bottom: 0;
   left: 0;
   right: 0;
   z-index: 0;
 }

 @media only screen and (max-width: 767px) {
   .section-title {
     margin-bottom: 10px;
   }
 }

 .section-title h2 {
   font-size: 50px;
   font-weight: 100;
   color: #131212;
   font-weight: 100;
   margin: -5px 0 0 0;
   line-height: 70px;
 }

 .section-title h2 span {
   color: #a88323;
 }

 .product-active-lg-4 .section-title h2,
 .porduct-area .section-title h2 {
   font-size: 50px;
   font-weight: 500;
   margin: -5px 0 0 0;
   line-height: 70px;
   color: #343a40;
   font-family: inherit;
 }

 .product-active-lg-4 .section-title h2 span,
 .porduct-area .section-title h2 span {
   color: #a88323;
 }

 .porduct-area .section-title {
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/shape-title.png');
   background-size: contain;
   background-position: center;
   background-repeat: no-repeat;
   padding-bottom: 20px;
   background-image: none;
 }

 @media only screen and (max-width: 479px) {
   .section-title h2 {
     font-size: 32px !important;
     line-height: 35px !important;
     margin-bottom: 10px;
   }
 }

 .section-title h2 span {
   color: #c7aa60;
 }

 .section-title p {
   margin-top: 16px;
   margin-bottom: 0;
   font-size: 18px;
   line-height: 32px;
   color: #ffff;
 }

 .section-title.text-center p {
   margin-left: auto;
   margin-right: auto;
 }

 .section-title.text-right p {
   margin-left: auto;
   margin-right: 0;
 }

 .title-2 h4 {
   color: #ff5151;
   font-weight: 600;
 }

 .title-2 h3 {
   color: #ff5151;
   font-weight: 600;
 }

 /*--
     - Breadcrumb Css
 ------------------------------------------*/
 .breadcrumb-area {
   text-align: left;
   padding: 30px 0;
 }

 .breadcrumb-area h2 {
   font-size: 30px;
   font-weight: 600;
   margin-top: -5px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .breadcrumb-area h2 {
     font-size: 24px;
   }
 }

 @media only screen and (max-width: 767px) {
   .breadcrumb-area h2 {
     font-size: 24px;
   }

   .bottom-area .single-btm {
     margin-bottom: 2rem;
   }
 }

 .breadcrumb-list .breadcrumb-item {
   font-size: 16px;
   text-transform: capitalize;
   line-height: 1;
   display: inline-block;
   font-family: inherit;
   font-weight: 500;
   position: relative;
 }

 .breadcrumb-item + .breadcrumb-item::before {
   margin: 0 8px 0 6px !important;
   content: "";
   width: 8px;
   height: 8px;
   border-top: 1px solid #2E2D31;
   border-right: 1px solid #2E2D31;
   border-left: 0;
   margin: auto 0;
   transform: rotate(45deg);
   padding: 0;
   display: inline-block;
 }
 .arrow-change-beadcrumb .breadcrumb-item + .breadcrumb-item::before {
   display: none;
 }

 /*--
     Sidebar Widget Css
 ----------------------------------*/
 .widget-title {
   margin-bottom: 20px;
 }

 .widget-title h4 {
   font-weight: 600;
 }

 .widget-search-form {
   position: relative;
   margin-top: 20px;
 }

 .widget-search-form input {
   border-bottom: 1px solid #ddd;
   position: relative;
   border-top: none;
   border-left: none;
   border-right: none;
   width: 100%;
   padding: 0 40px 10px 10px;
 }

 .widget-search-form button {
   position: absolute;
   top: 0;
   right: 0;
   border: none;
   background: transparent;
 }

 .widget-search-form button:hover {
   color: #ff5151;
 }

 .widget-related-wrap .single-related {
   position: relative;
   padding-left: 115px;
   min-height: 105px;
   margin-bottom: 20px;
   padding-top: 10px;
   overflow: hidden;
 }

 .widget-related-wrap .single-related:last-child {
   margin-bottom: 0;
 }

 .widget-related-wrap .single-related-image {
   position: absolute;
   left: 0;
   top: 5px;
   overflow: hidden;
   max-width: 100px;
 }

 .widget-related-wrap .single-related-contents h5 {
   font-weight: 600;
   font-size: 16px;
 }

 .widget-related-wrap .single-related-contents p {
   font-weight: 13px;
 }

 .archives li {
   position: relative;
   padding-left: 10px;
   margin-bottom: 10px;
   font-weight: 500;
 }

 .archives li::before {
   position: absolute;
   content: "";
   left: 0;
   top: 50%;
   background: #222;
   height: 3px;
   width: 3px;
   border-radius: 50%;
 }

 .archives li a span {
   margin-left: 30px;
 }

 .justify-content-between [class*="col"],
 .justify-content-between [class*="col-"] {
   flex-grow: 0;
 }

 .black-ovelay {
   position: relative;
 }

 .black-ovelay::before {
   background: rgba(0, 0, 0, 0.8);
   content: "";
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   display: block;
 }

 /*-- Overlay styles --*/
 [data-overlay],
 [data-secondary-overlay],
 [data-black-overlay],
 [data-white-overlay] {
   position: relative;
 }

 [data-overlay] > div,
 [data-overlay] > *,
 [data-secondary-overlay] > div,
 [data-secondary-overlay] > *,
 [data-black-overlay] > div,
 [data-black-overlay] > *,
 [data-white-overlay] > div,
 [data-white-overlay] > * {
   position: relative;
   z-index: 2;
 }

 [data-overlay]:before,
 [data-secondary-overlay]:before,
 [data-black-overlay]:before,
 [data-white-overlay]:before {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   height: 100%;
   width: 100%;
   z-index: 2;
 }

 [data-overlay]:before {
   background-color: #ff5151;
 }

 [data-secondary-overlay]:before {
   background-color: #6564db;
 }

 [data-black-overlay]:before {
   background-color: #000000;
 }

 [data-white-overlay]:before {
   background-color: #ffffff;
 }

 [data-overlay="1"]:before,
 [data-secondary-overlay="1"]:before,
 [data-black-overlay="1"]:before,
 [data-white-overlay="1"]:before {
   opacity: 0.1;
 }

 [data-overlay="2"]:before,
 [data-secondary-overlay="2"]:before,
 [data-black-overlay="2"]:before,
 [data-white-overlay="2"]:before {
   opacity: 0.2;
 }

 [data-overlay="3"]:before,
 [data-secondary-overlay="3"]:before,
 [data-black-overlay="3"]:before,
 [data-white-overlay="3"]:before {
   opacity: 0.3;
 }

 [data-overlay="4"]:before,
 [data-secondary-overlay="4"]:before,
 [data-black-overlay="4"]:before,
 [data-white-overlay="4"]:before {
   opacity: 0.4;
 }

 [data-overlay="5"]:before,
 [data-secondary-overlay="5"]:before,
 [data-black-overlay="5"]:before,
 [data-white-overlay="5"]:before {
   opacity: 0.5;
 }

 [data-overlay="6"]:before,
 [data-secondary-overlay="6"]:before,
 [data-black-overlay="6"]:before,
 [data-white-overlay="6"]:before {
   opacity: 0.6;
 }

 [data-overlay="7"]:before,
 [data-secondary-overlay="7"]:before,
 [data-black-overlay="7"]:before,
 [data-white-overlay="7"]:before {
   opacity: 0.7;
 }

 [data-overlay="8"]:before,
 [data-secondary-overlay="8"]:before,
 [data-black-overlay="8"]:before,
 [data-white-overlay="8"]:before {
   opacity: 0.8;
 }

 [data-overlay="9"]:before,
 [data-secondary-overlay="9"]:before,
 [data-black-overlay="9"]:before,
 [data-white-overlay="9"]:before {
   opacity: 0.9;
 }

 [data-overlay="10"]:before,
 [data-secondary-overlay="10"]:before,
 [data-black-overlay="10"]:before,
 [data-white-overlay="10"]:before {
   opacity: 1;
 }

 /*--
     02. Header Css
 -----------------------*/
 .transparent-header {
   background-color: transparent;
   position: absolute;
   left: 0;
   top: 0;
   z-index: 111;
   margin: auto;
   width: 100%;
 }

 .white-header .transparent-header {
   border-color: rgba(255 255 255 / 30%);
 }

 .haeader-bottom-area .mini-cart-btns .cart-btns a,
 .haeader-bottom-area.is-sticky .mini-cart-btns .cart-btns a {
   color: #fff;
 }

 .haeader-bottom-area.white-header {
   position: relative;
 }

 .haeader-bottom-area.white-header > .container {
   border-bottom: 1px solid #ebebeb;
 }

 .haeader-bottom-area.white-header .button-wrap a {
   color: #000;
 }

 .button-wrap {
   position: relative;
 }

 .haeader-bottom-area.white-header .mini-cart-btns .cart-btns a {
   color: #fff;
 }

 .main-menu-area ul > li > a.ratestar img {
   width: 90px;
 }

 .main-menu-area ul > li:last-child {
   padding-right: 0px;
 }

 .haeader-bottom-area.white-header .main-menu-area ul > li > a,
 .haeader-bottom-area.white-header .button-wrap a.btn,
 .haeader-bottom-area.white-header .right-blok-box a {
   color: #000;
 }

 .haeader-bottom-area.white-header .main-menu-area ul > li > a:hover,
 .main-menu-area ul > li > a:hover,
 .main-menu-area .mega-menu .menu-bottom > a:hover,
 .main-menu-area .mega-menu > div > ul > li ul li a:hover {
   color: #a88323;
 }

 .haeader-bottom-area.is-sticky .button-wrap a.btn:hover {
   color: #fff;
 }

 .haeader-bottom-area.is-sticky .mobile-menu-btn .off-canvas-btn {
   color: #000;
 }

 .fl-header .transparent-header.is-sticky img.sticky-head,
 .fl-header .transparent-header.is-sticky .star-white {
   display: block;
 }

 .haeader-bottom-area.is-sticky .main-menu-area ul > li > a,
 .haeader-bottom-area.is-sticky .right-blok-box a,
 .haeader-bottom-area.is-sticky .button-wrap a.btn {
   color: #5e5e5e;
 }

 .transparent-header img.sticky-head,
 .is-sticky img.transparent-head,
 .transparent-header .star-white,
 .is-sticky .star-transparent {
   display: none;
 }

 .header-top-inner {
   border-bottom: 1px solid #ddd;
 }

 .top-info {
   padding: 10px 0;
 }

 .top-info li {
   display: inline-block;
   margin-right: 15px;
   padding-right: 15px;
   position: relative;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .top-info li {
     margin-right: 12px;
     padding-right: 12px;
   }
 }

 .top-info li::after {
   height: 15px;
   width: 1px;
   content: "";
   position: absolute;
   background: #000000;
   right: 0;
   top: 50%;
   transform: translate(0%, -50%) rotate(20deg);
 }

 .top-info li:last-child {
   margin-right: 0px;
   padding-right: 0px;
 }

 .top-info li:last-child::after {
   display: none;
 }

 .social-top {
   padding: 10px 0;
 }

 .social-top ul li {
   display: inline-block;
   margin-right: 20px;
 }

 .social-top ul li a {
   color: transparent;
   color: transparent;
   background-color: rgb(19 18 18 / 70%);
   padding: 8px;
   border-radius: 5px;
   width: 30px;
   height: 30px;
   text-align: center;
 }

 /*--
     - Header Bottom Css
 -------------------------------*/
 .logo {
   margin: 40px 0;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .logo {
     margin: 26px 0;
   }
 }

 @media only screen and (max-width: 479px) {
   .logo {
     width: 125px;
     margin: 25px 0;
   }
 }

 @media only screen and (max-width: 767px) {
   .logo {
     margin: 25px 0;
   }
 }

 .main-menu-area ul > li {
   display: inline-block;
   position: relative;
   padding: 0 20px;
 }

 @media only screen and (max-width: 1400px) {
   .main-menu-area ul > li {
     padding: 0 10px;
   }
 }

 .main-menu-area ul > li.dropdownmenu,
 .haeader-bottom-area .mid-menu {
   position: inherit;
 }

 .main-menu-area ul > li > a {
   display: block;
   font-size: 15px;
   font-weight: 400;
   padding: 25px 0 25px 0;
   text-transform: capitalize;
   position: relative;
   -webkit-transition: 0.4s;
   transition: 0.4s;
   color: #ffffff;
 }

 .main-menu-area ul > li:first-child {
   padding-left: 0;
 }

 .main-menu-area ul > li:hover .sub-menu {
   visibility: visible;
   opacity: 1;
   -ms-filter: 1;
   filter: 1;
   top: 100%;
 }

 .main-menu-area ul > li:hover .mega-menu {
   visibility: visible;
   opacity: 1;
   display: block;
   -ms-filter: 1;
   filter: 1;
   top: 98%;
   -webkit-animation: slide-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
   animation: slide-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
   transition: ease-in 0.3s;
 }

 /* ----------------------------------------------
  * Generated by Animista on 2021-11-24 13:25:19
  * Licensed under FreeBSD License.
  * See http://animista.net/license for more info.
  * w: http://animista.net, t: @cssanimista
  * ---------------------------------------------- */

 /**
  * ----------------------------------------
  * animation slide-top
  * ----------------------------------------
  */
 @-webkit-keyframes slide-top {
   0% {
     -webkit-transform: translateY(0px);
     transform: translateY(0px);
   }

   100% {
     -webkit-transform: translateY(0);
     transform: translateY(0);
   }
 }

 @keyframes slide-top {
   0% {
     -webkit-transform: translateY(0px);
     transform: translateY(0px);
   }

   100% {
     -webkit-transform: translateY(0);
     transform: translateY(0);
   }
 }

 option[value=""][disabled] {
   display: none;
 }

 .form-group1.w-35 {
   width: 35%;
 }

 .main-menu-area .mega-menu ul.row {
   position: relative;
 }

 .main-menu-area .mega-menu .right-marea .row-one .menu-title button {
   background: transparent;
   float: right;
   border: 1px solid #dadada;
   padding: 5px 20px;
   margin-top: 15px;
 }

 .main-menu-area .mega-menu ul.row:before,
 .bg-gold:before {
   content: "";
   position: absolute;
   background-size: contain;
   background-repeat: no-repeat;
   background-position: top center;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   z-index: -1;
 }

 .bg-gold {
   position: relative;
 }

 .bg-gold:before {
   z-index: 0;
 }

 /*--
     - Main Menu Css
 ---------------------*/
 .main-menu-area .sub-menu {
   background: #fff;
   border-top: 4px solid #a88323;
   left: 0;
   padding: 15px;
   position: absolute;
   text-align: left;
   width: 180px;
   z-index: 99;
   top: 120%;
   visibility: hidden;
   opacity: 0;
   -ms-filter: 0;
   filter: 0;
   -webkit-transition: 0.3s;
   transition: 0.3s;
 }

 .main-menu-area .sub-menu > li {
   padding: 0;
   display: block;
 }

 .main-menu-area .sub-menu > li:first-child {
   margin-bottom: 0;
 }

 .main-menu-area .sub-menu > li > a {
   padding: 0;
   font-weight: 400;
   margin-bottom: 8px;
   text-transform: capitalize;
   color: #000;
 }

 .main-menu-area .sub-menu > li > a::before {
   display: none;
 }

 .main-menu-area .mega-menu {
   background: #fff;
   border-top: 1px solid #dbdbdb;
   left: 0;
   padding: 30px 20px;
   position: absolute;
   text-align: left;
   width: 100%;
   z-index: 99;
   display: none;
   top: 98%;
   visibility: hidden;
   opacity: 0;
   -ms-filter: 0;
   filter: 0;
   -webkit-transition: 0.3s;
   transition: 0.3s;
   box-shadow:
     0,
     0,
     0,
     0.1 rgba(0, 0, 0, 0.1);
   box-shadow: 0 12px 10px -6px #e2e1e1;
 }

 .main-menu-area .mega-menu .right-marea .row img.menu-ibtm {
   border-radius: 0px 0px 0px 35px;
   margin-top: 20px;
 }

 .main-menu-area .mega-menu .right-marea .row-one {
   border: 1px solid #dadada;
   align-items: center;
   border-radius: 0px 0px 0px 35px;
 }

 .main-menu-area .mega-menu .right-marea .row .menu-title h4,
 .main-menu-area .mega-menu .right-marea .row .menu-title p {
   margin: 15px 20px;
 }

 .main-menu-area .mega-menu .right-marea .row .menu-bottom h4 {
   border-bottom: 2px solid #a88323;
   width: fit-content;
 }

 .main-menu-area .mega-menu .menu-bottom > a {
   color: #5e5e5e;
 }

 .main-menu-area .mega-menu .right-marea .row-one img {
   padding: 20px 10px 5px 10px;
 }

 .haeader-bottom-area.is-sticky .main-menu-area .mega-menu > div > ul > li > a {
   color: #5e5e5e;
 }

 .haeader-bottom-area.is-sticky .button-wrap a {
   color: #fff;
 }

 .haeader-bottom-area.is-sticky .button-wrap .nav-tabs a {
   color: #5e5e5e;
 }

 .haeader-bottom-area.is-sticky .button-wrap .nav-tabs a.active {
   color: #fff;
 }

 .main-menu-area .mega-menu .right-marea .row .menu-title h4 {
   font-weight: 500;
 }

 .main-menu-area .mega-menu > div > ul > li > a {
   padding: 0;
   margin-bottom: 5px;
   padding-bottom: 5px;
   color: #5e5e5e;
   text-decoration: underline;
 }

 .main-menu-area .mega-menu > div > ul > li > a::before {
   display: none;
 }

 .main-menu-area ul > li.drop-menu:hover > a::after,
 .main-menu-area ul > li.drop-menu:hover > a::before {
   content: "";
   width: 0;
   height: 0;
   border-left: 6px solid transparent;
   border-right: 6px solid transparent;
   border-bottom: 8px solid #dbdbdb;
   position: absolute;
   -webkit-transition: 0.4s;
   transition: 0.4s;
   bottom: 0;
   left: 0;
   right: 0;
   margin: 0 auto;
 }

 .main-menu-area ul > li.drop-menu:hover > a::after {
   border-bottom: 8px solid #fff;
   bottom: -1px;
   z-index: 991;
 }

 .main-menu-area .mega-menu > div > ul > li ul li {
   display: block;
   padding: 0;
 }

 .main-menu-area .mega-menu > div > ul > li ul li a {
   padding: 0;
   text-transform: capitalize;
   display: block;
   font-weight: 400;
   margin-top: 5px;
   color: #000;
 }

 .main-menu-area .mega-menu > div > ul > li ul li a::before {
   display: none;
 }

 .trigger-search {
   display: inline-block;
 }

 .search-wrap.user-wrap {
   position: relative;
 }

 .main-search-active {
   background: #fff;
   width: auto;
   min-height: 1px;
   padding: 0;
   position: absolute;
   top: 132%;
   right: 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   visibility: hidden;
   opacity: 0;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   z-index: 9999;
   -webkit-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
   box-shadow: 1px 1px 20px 5px #e2e1e1;
 }

 .sidebar-search-icon {
   background: #fff;
   border: 0 none;
   border-radius: 100%;
   color: #ffffff;
   font-size: 15px;
   width: 20px;
   height: 20px;
   line-height: 1;
   padding: 0;
   position: absolute;
   right: -10px;
   top: -10px;
   z-index: 22;
 }

 .sidebar-search-icon button {
   background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
   border: medium none;
   color: #000;
   cursor: pointer;
   font-size: 15px;
   line-height: 1;
   transition: all 0.3s ease 0s;
   width: 20px;
   height: 20px;
   padding: 0;
 }

 .sidebar-search-icon button:hover {
   color: #ff5151;
 }

 .sidebar-search-input {
   -ms-flex-item-align: center;
   align-self: center;
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   align-items: center;
 }

 .sidebar-search-input .form-search {
   position: relative;
 }

 .sidebar-search-input .form-search input {
   background-color: transparent;
   border-color: #dddddd;
   border-style: solid;
   border-width: 0 0 1px;
   color: #000;
   display: block;
   font-size: 14px;
   height: 40px;
   line-height: 70px;
   padding: 0 50px 0 10px;
   width: 300px;
   border-radius: 0;
 }

 .sidebar-search-input .form-search input::placeholder {
   color: #000;
 }

 .sidebar-search-input .form-search input::-webkit-input-placeholder {
   color: #000;
 }

 .sidebar-search-input .form-search input::-moz-placeholder {
   color: #000;
 }

 .sidebar-search-input .form-search input::-ms-input-placeholder {
   color: #000;
 }

 .sidebar-search-input .form-search input::placeholder {
   color: #000;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .sidebar-search-input .form-search input {
     width: 500px;
   }
 }

 @media only screen and (max-width: 767px) {
   .sidebar-search-input .form-search input {
     width: 400px;
   }
 }

 @media only screen and (max-width: 479px) {
   .sidebar-search-input .form-search input {
     width: 280px;
   }
 }

 .sidebar-search-input .form-search button {
   background-color: rgba(0, 0, 0, 0);
   border: medium none;
   color: #ffffff;
   cursor: pointer;
   font-size: 20px;
   padding: 0;
   position: absolute;
   right: 0;
   top: 0;
   transition: all 0.3s ease 0s;
   width: 40px;
   height: 40px;
   border-left: 1px solid #dddddd;
 }

 .sidebar-search-input .form-search button:hover {
   color: #ff5151;
 }

 .main-search-active.inside {
   visibility: visible;
   opacity: 1;
   z-index: 99999;
 }

 /*--
     - Right Blok Box Css
 ---------------------------*/
 .right-blok-box {
   justify-content: flex-end;
   margin: 0px 0;
 }

 .right-blok-box .subtotal-titles a i {
   color: #000;
   margin-right: 18px;
 }

 .right-blok-box li.subtotal-titles {
   margin-bottom: 10px;
   border-bottom: 2px solid #e0dede;
   padding-bottom: 8px;
 }

 @media only screen and (max-width: 991px) {
   .right-blok-box {
     margin: 14px 0;
   }
 }

 .right-blok-box a {
   font-size: 24px;
   color: #fff;
 }

 header .user-wrap > a {
   padding: 5px 10px 10px;
   background-color: #2c282d;
   border-radius: 10px;
 }

 .right-blok-box .live-prices {
   font-size: 14px;
   padding: 7.5px 10px 7.5px;
 }

 .right-blok-box .after-login-menu a {
   color: #000;
   font-size: 14px;
   line-height: 22px;
   display: block;
 }

 @media only screen and (max-width: 479px) {
   .right-blok-box a {
     font-size: 20px;
   }
 }

 .user-wrap {
   padding-right: 0px;
   padding-left: 5px;
   position: relative;
 }

 .header_info .col-lg-3 {
   flex: 0 0 200px;
   max-width: 200px;
 }

 .header_info .col-lg-9 {
   flex: 0 0 calc(100% - 200px);
   max-width: calc(100% - 200px);
 }

 @media only screen and (max-width: 1199px) {
   .user-wrap {
     padding-right: 0px;
     padding-left: 15px;
   }

   .header_info .col-lg-3 {
     flex: 0 0 170px;
     max-width: 170px;
   }

   .header_info .col-lg-9 {
     flex: 0 0 calc(100% - 170px);
     max-width: calc(100% - 170px);
   }
 }

 @media only screen and (max-width: 1199px) {
   .header_info .col-lg-3 {
     flex: 0 0 140px;
     max-width: 140px;
   }

   .header_info .col-lg-9 {
     flex: 0 0 calc(100% - 140px);
     max-width: calc(100% - 140px);
   }
 }

 @media only screen and (max-width: 1199px) {
   .button-wrap.header-trust {
     display: none;
   }
 }

 @media only screen and (max-width: 479px) {
   .user-wrap {
     padding-right: 0px;
     padding-left: 15px;
   }
 }

 /*--
     - Shopping Cart Css
 ----------------------------*/
 .shopping-cart-wrap {
   position: relative;
 }

 .sign-in-out {
   position: relative;
 }

 .after-login-menu {
   position: absolute;
   width: 180px;
   background: #fff;
   right: -10px;
   top: 132%;
   padding: 0 15px;
   z-index: 99;
   visibility: hidden;
   opacity: 0;
   -ms-filter: 0;
   filter: 0;
   transition: all 0.3s ease-in-out;
   box-shadow: 1px 1px 20px 5px #e2e1e1;
 }

 .sign-in-out:hover .after-login-menu {
   visibility: visible;
   opacity: 1;
   -ms-filter: 1;
   filter: 1;
 }

 .ion-ios-person-outline {
   font-size: 24px;
 }

 .ion-ios-person-outline:before {
   font-weight: 600;
 }

 .after-login-menu li {
   border-bottom: 1px solid #e0dede;
   padding: 5px 0;
   font-size: 14px;
   line-height: 22px;
   color: #1e1e1e;
 }

 .shopping-cart-wrap ul.mini-cart {
   position: absolute;
   box-shadow: 1px 1px 20px 5px #e2e1e1;
   width: 300px;
   background: #fff;
   right: -10px;
   top: 132%;
   padding: 15px;
   z-index: 112;
   visibility: hidden;
   opacity: 0;
   -ms-filter: 0;
   filter: 0;
   transition: all 0.3s ease-in-out;
   max-height: 400px;
   overflow-x: hidden;
   overflow-y: auto;
   scrollbar-color: #a9a9a9 transparent;
   scrollbar-width: none;
 }

 .shopping-cart-wrap .mini-cart::-webkit-scrollbar-thumb {
   background-color: #a9a9a9;
 }

 .shopping-cart-wrap .mini-cart::-webkit-scrollbar-track {
   background-color: transparent;
 }

 .shopping-cart-wrap .mini-cart::-webkit-scrollbar-corner {
   background-color: transparent;
 }

 .shopping-cart-wrap .mini-cart::-webkit-scrollbar {
   width: 0;
 }

 .shopping-cart-wrap .mini-cart:hover {
   scrollbar-width: thin;
 }

 .shopping-cart-wrap .mini-cart:hover::-webkit-scrollbar {
   width: 0.5rem;
   height: 0.5rem;
 }

 .shopping-cart-wrap ul.mini-cart:before,
 .shopping-cart-wrap ul.mini-cart:after,
 .after-login-menu:before,
 .after-login-menu:after {
   content: "";
   width: 0;
   height: 0;
   border-left: 6px solid transparent;
   border-right: 6px solid transparent;
   border-bottom: 8px solid #dbdbdb;
   position: absolute;
   -webkit-transition: 0.4s;
   transition: 0.4s;
   top: -7px;
   right: 10px;
   margin: 0 auto;
 }

 .shopping-cart-wrap ul.mini-cart:after,
 .after-login-menu:after {
   border-bottom: 8px solid #fff;
   top: -6px;
   z-index: 991;
 }

 .shopping-cart-wrap ul.mini-cart .cart-item {
   display: flex;
   padding-bottom: 10px;
   position: relative;
   border-bottom: 1px solid #e0dede;
   margin-bottom: 10px;
 }

 .shopping-cart-wrap ul.mini-cart .cart-item .cart-image {
   display: block;
   width: 60px;
   height: 60px;
 }

 .shopping-cart-wrap ul.mini-cart .cart-item .cart-image {
   position: relative;
 }

 .shopping-cart-wrap ul.mini-cart .cart-item .cart-image span#cart-total {
   top: -5px;
   position: absolute;
   right: -5px;
   font-weight: 600;
 }

 .shopping-cart-wrap ul.mini-cart .cart-item .cart-title {
   padding-left: 15px;
   width: 60%;
 }

 .shopping-cart-wrap ul.mini-cart .cart-item .cart-title h4 {
   font-size: 14px;
   line-height: 18px;
   margin-bottom: 0px;
   font-family: inherit;
 }

 .shopping-cart-wrap ul.mini-cart .cart-item .cart-title .quantity {
   display: block;
 }

 .shopping-cart-wrap ul.mini-cart .cart-item .cart-title .price-box {
   color: #808080;
   font-weight: 600;
   margin-top: 10px;
   font-size: 15px;
 }

 .shopping-cart-wrap:hover > a {
   color: #000;
 }

 .shopping-cart-wrap ul.mini-cart .subtotal-titles .subtotal-titles span b {
   color: #808080;
   font-weight: 600;
 }

 .shopping-cart-wrap ul.mini-cart .cart-item .cart-title .price-box .old-price {
   color: #666;
   text-decoration: line-through;
 }

 .shopping-cart-wrap ul.mini-cart .cart-item .cart-title .remove_from_cart,
 .shopping-cart-wrap ul.mini-cart .cart-item .cart-title .price-box {
   position: absolute;
   right: 0;
   font-size: 14px;
   width: 24px;
   height: 24px;
   text-align: center;
   line-height: 24px;
   margin: auto 0;
   top: -50px;
   bottom: 0;
 }

 .shopping-cart-wrap ul.mini-cart .cart-item .cart-title .price-box {
   top: 0;
   width: auto;
 }

 .shopping-cart-wrap ul.mini-cart .subtotal-titles .subtotal-titles {
   display: flex;
   justify-content: space-between;
   font-size: 14px;
   font-weight: 600;
   color: #000000;
 }

 .shopping-cart-wrap ul.mini-cart .subtotal-titles .subtotal-titles h3 {
   font-size: 14px;
   font-weight: 600;
   color: #000000;
   line-height: 20px;
   margin: 0;
   opacity: 0;
 }

 @media only screen and (max-width: 767px) {
   .shopping-cart-wrap ul.mini-cart {
     right: -30px;
     width: 280px;
   }
 }

 .shopping-cart-wrap:hover ul.mini-cart {
   visibility: visible;
   opacity: 1;
   -ms-filter: 1;
   filter: 1;
 }

 .button-wrap .user-hover {
   position: absolute;
   width: 350px;
   background: #fff;
   right: -10px;
   top: 99%;
   z-index: 99;
   visibility: hidden;
   opacity: 0;
   -ms-filter: 0;
   filter: 0;
   transition: all 0.3s ease-in-out;
   box-shadow: 1px 1px 20px 5px #e2e1e1;
 }

 .button-wrap:hover .user-hover {
   visibility: visible;
   opacity: 1;
   -ms-filter: 1;
   filter: 1;
   top: 99%;
 }

 .button-wrap .user-hover ul {
   text-align: right;
   float: right;
 }

 .button-wrap .user-hover thead tr th {
   border-bottom: 0px !important;
   font-weight: 500;
   color: #b7b7b7;
   font-size: 12px;
   padding: 0.75rem 0 0 0;
   text-align: right;
 }

 .button-wrap .user-hover tbody {
   border-bottom: 1px solid #dee2e6;
 }

 .button-wrap .user-hover p {
   color: #6a6a6a;
   font-weight: 500;
   text-align: left;
   margin-left: 10px;
   margin-bottom: 10px;
   font-size: 13px;
   text-align: center;
 }

 .button-wrap .user-hover ul {
   margin-right: 20px;
 }

 .button-wrap .user-hover ul li a {
   background: transparent;
   padding: 0;
   margin-bottom: 10px;
   margin-top: 10px;
   color: #6a6a6a;
   padding: 2px 5px;
   border: 1px solid #e1e1e1;
   border-radius: 5px;
   font-weight: 500;
   font-size: 13px;
 }

 .button-wrap .user-hover table.table tr td {
   font-weight: 500;
   color: #131212;
 }

 .button-wrap .user-hover table.table tr td:first-child {
   border-left: 1px solid #000;
   padding-left: 40px;
   position: relative;
   width: 33.3%;
   margin-left: 10px;
 }

 .button-wrap .user-hover table.table tr td:last-child {
   border-right: 1px solid #000;
   padding-right: 10px;
 }

 .button-wrap .user-hover table.table tr td:first-child img {
   position: absolute;
   left: -9px;
   width: 40px;
   top: -6px;
 }

 .button-wrap .user-hover table.table {
   border-collapse: collapse;
   border-collapse: separate;
   border-spacing: 0 10px;
   padding: 0 15px;
 }

 .button-wrap .user-hover table.table tr td {
   padding-right: 0;
   padding-left: 0;
   border-top: 1px solid #000;
   border-bottom: 1px solid #000;
   font-size: 12px;
   line-height: 1;
   font-weight: 500;
   text-align: right;

   padding: 4px 0;
   color: #333;
 }

 .button-wrap .user-hover table.table tr td.user-t img {
   margin-right: 5px;
 }

 .button-wrap .user-hover table.table tr td.price-t {
   color: #6a6a6a;
 }

 .button-wrap .user-hover ul li a.active {
   background: #a88323;
   color: #fff;
 }

 .button-wrap .user-hover ul li {
   padding-right: 0px;
   padding-left: 10px;
 }

 .mini-cart-btns .cart-btns {
   display: flex;
   justify-content: center;
   padding-top: 5px;
   width: 100%;
 }

 .mini-cart-btns .cart-btns a {
   background: #000000;
   border: 2px solid #000000;
   border-radius: 0px;
   color: #ffffff;
   display: inline-block;
   font-size: 12px;
   font-weight: 500;
   height: 35px;
   letter-spacing: 1px;
   width: 80%;
   line-height: 30px;
   padding: 0 30px;
   text-align: center;
   text-transform: capitalize;
 }

 .mini-cart-btns .cart-btns a:hover {
   background-color: #626262;
   border: 2px solid #626262;
 }

 /*---------------------------
     - Mobile menu css
 -----------------------------*/
 .mobile-header .category-toggle {
   padding: 8px 15px;
 }

 .mobile-header-top {
   border-bottom: 1px solid #ebebeb;
 }

 .mobile-header-top .header-top-settings {
   float: none;
 }

 .mobile-logo {
   max-width: 140px;
   width: 100%;
 }

 .mobile-main-header {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   justify-content: space-between;
 }

 .mobile-main-header .mobile-menu-toggler {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
 }

 .mobile-main-header .mobile-menu-toggler .mini-cart-wrap {
   display: inline-block;
   font-size: 24px;
   line-height: 1;
   position: relative;
   margin-left: 30px;
 }

 .mobile-main-header .mobile-menu-toggler .mini-cart-wrap a {
   color: #252525;
 }

 .mobile-main-header .mobile-menu-toggler .mini-cart-wrap a:hover {
   color: #ff5151;
 }

 .mobile-main-header .mobile-menu-toggler .mini-cart-wrap .notification {
   font-size: 13px;
   color: #fff;
   width: 16px;
   height: 16px;
   line-height: 16px;
   border-radius: 50%;
   text-align: center;
   font-weight: 600;
   right: -8px;
   top: 0;
   position: absolute;
   background-color: #ff5151;
 }

 .mobile-main-header .mobile-menu-toggler .mobile-menu-btn {
   margin-left: 15px;
 }

 .mobile-menu-btn .off-canvas-btn {
   font-size: 24px;
   cursor: pointer;
   padding: 3px 10px 0;
   line-height: 1;
   padding-right: 0;
   -webkit-transition: 0.4s;
   -o-transition: 0.4s;
   transition: 0.4s;
   color: #fff;
   position: relative;
   top: 1px;
 }

 .mobile-main-header .mobile-menu-toggler .mobile-menu-btn .off-canvas-btn:hover {
   color: #ff5151;
 }

 .mobile-navigation {
   overflow: hidden;
 }

 li.menu-item-has-children {
   border-bottom: 1px solid gray;
 }

 li.menu-item-has-children.active > a,
 li.mega-title.has-children.active > a {
   color: #a88323;
 }

 .mega-title ul.dropdown li {
   margin-left: 20px;
 }

 ul.dropdown > li {
   margin-left: 10px;
 }

 .mobile-menu {
   margin-top: 30px;
   height: 100%;
   overflow: auto;
   padding-right: 30px;
   margin-right: -30px;
 }

 @media only screen and (max-width: 479.98px) {
   .mobile-menu {
     margin-top: 15px;
   }
 }

 .mobile-menu li > a {
   font-size: 15px;
   color: #252525;
   text-transform: capitalize;
   line-height: 18px;
   position: relative;
   display: inline-block;
   padding: 10px 0;
 }

 .mobile-menu li > a:hover {
   color: #ff5151;
 }

 .mobile-menu li ul li {
   border: none;
 }

 .mobile-menu li ul li a {
   font-size: 14px;
   text-transform: capitalize;
   padding: 10px 15px 8px;
 }

 .mobile-menu .has-children,
 .mobile-menu .menu-item-has-children {
   position: relative;
 }

 /*----- mobile menu end -----*/

 /* Global Styles */

 @import url('//fonts.googleapis.com/css?family=Maven+Pro');

 /* Menu Controls */

 .menu-button {
   color: #fff;
   cursor: pointer;
   font-size: 2rem;
   padding: 0.75rem 1.55rem;
   position: fixed;
   right: 0;
 }

 .open-menu {
   color: #fff;
   cursor: pointer;
   font-size: 1rem;
   padding: 1rem;
   position: absolute;
   right: 0;
   top: 0;
   transition: transform 250ms ease;
 }

 .rotate {
   transform: rotate(135deg);
 }

 /* Generated Overflow Element */

 .overflow {
   margin-top: 57px;
   overflow-x: hidden;
   overflow-y: auto;
 }

 #mobile-nav .button-wrap .user-hover ul li a {
   padding: 2px 5px;
   border: 1px solid #e1e1e1;
   border-radius: 5px;
   font-weight: 500;
   font-size: 13px;
 }

 #mobile-nav .button-wrap .user-hover ul li a.active {
   color: #fff;
 }

 #mobile-nav .button-wrap .user-hover ul li a {
   margin-bottom: 0;
 }

 #mobile-nav .button-wrap .user-hover ul {
   text-align: center;
   float: right;
   display: flex !important;
   border: none !important;
 }

 /* Menu Styles */

 #mobile-nav {
   z-index: 1;
   position: relative;
   height: 100vh;
 }

 .offcanvas-widget-area {
   position: absolute;
   left: 20px;
   bottom: 20px;
   right: 20px;
 }

 #mobile-nav ul {
   background-color: rgba(0, 0, 0, 0.1);
   margin: 0 1rem;
   padding: 0;
   position: relative;
 }

 #mobile-nav ul:first-child {
   background-color: transparent;
 }

 #mobile-nav ul li {
   border-top: 1px solid #e1dfdf;
   list-style: none;
   margin-bottom: 0;
   position: relative;
 }

 #mobile-nav ul li a {
   color: #131212;
   display: inline-block;
   font-size: 1.1rem;
   padding: 1rem 0;
   text-decoration: none;
   width: 100%;
   margin-right: 20px;
 }

 #mobile-nav ul li.parent ul li > a {
   padding: 0.7rem 0;
   font-size: 1rem;
 }

 #mobile-nav ul li.parent ul li a {
   padding: 0.6rem 0;
   font-size: 1rem;
 }

 .mobile-navigation nav {
   height: calc(100vh - 70px);
   overflow-x: hidden;
   overflow-y: auto;
 }

 .open-menu {
   color: #9b9898;
   font-size: 14px;
   padding: 1rem 0.5rem;
 }

 #mobile-nav ul ul {
   margin: 0;
   display: none;
 }

 #mobile-nav ul ul li {
   border-top: none;
   padding-left: 1rem;
 }

 /* ----scroll to top css ----*/
 .scroll-top {
   bottom: 50px;
   cursor: pointer;
   height: 50px;
   position: fixed;
   right: 20px;
   text-align: center;
   width: 50px;
   z-index: 9999;
   -webkit-transition: 0.4s;
   -o-transition: 0.4s;
   transition: 0.4s;
   border-radius: 50%;
   background-color: #ff5151;
   -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
   box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
 }

 .scroll-top i {
   line-height: 50px;
   color: #fff;
   font-size: 25px;
 }

 .scroll-top.not-visible {
   bottom: -50px;
   visibility: hidden;
   opacity: 0;
 }

 .custom-row .col-xl-3 {
   max-width: 23%;
   -webkit-flex-basis: 23%;
   -ms-flex-preferred-size: 23%;
   flex-basis: 23%;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199.98px),
   only screen and (min-width: 768px) and (max-width: 991.98px) {
   .custom-row .col-xl-3 {
     max-width: 28%;
     -webkit-flex-basis: 28%;
     -ms-flex-preferred-size: 28%;
     flex-basis: 28%;
   }

   .custom-row .col-xl-3:first-child {
     display: none;
   }
 }

 @media only screen and (max-width: 767.98px) {
   .custom-row .col-xl-3 {
     max-width: 100%;
     -webkit-flex-basis: 100%;
     -ms-flex-preferred-size: 100%;
     flex-basis: 100%;
   }
 }

 .custom-row .col-xl-6 {
   max-width: calc(100% - 46%);
   -webkit-flex-basis: calc(100% - 46%);
   -ms-flex-preferred-size: calc(100% - 46%);
   flex-basis: calc(100% - 46%);
 }

 @media only screen and (min-width: 992px) and (max-width: 1199.98px),
   only screen and (min-width: 768px) and (max-width: 991.98px) {
   .custom-row .col-xl-6 {
     max-width: calc(100% - 28%);
     -webkit-flex-basis: calc(100% - 28%);
     -ms-flex-preferred-size: calc(100% - 28%);
     flex-basis: calc(100% - 28%);
   }
 }

 @media only screen and (max-width: 767.98px) {
   .custom-row .col-xl-6 {
     max-width: 100%;
     -webkit-flex-basis: 100%;
     -ms-flex-preferred-size: 100%;
     flex-basis: 100%;
   }
 }

 .custom-row-2 .col-xl-3 {
   max-width: 23%;
   -webkit-flex-basis: 23%;
   -ms-flex-preferred-size: 23%;
   flex-basis: 23%;
 }

 @media only screen and (min-width: 768px) and (max-width: 991.98px) {
   .custom-row-2 .col-xl-3 {
     max-width: 28%;
     -webkit-flex-basis: 28%;
     -ms-flex-preferred-size: 28%;
     flex-basis: 28%;
   }

   .custom-row-2 .col-xl-3:first-child {
     display: none;
   }
 }

 @media only screen and (max-width: 767.98px) {
   .custom-row-2 .col-xl-3 {
     max-width: 100%;
     -webkit-flex-basis: 100%;
     -ms-flex-preferred-size: 100%;
     flex-basis: 100%;
   }
 }

 .custom-row-2 .col-xl-6 {
   max-width: calc(100% - 46%);
   -webkit-flex-basis: calc(100% - 46%);
   -ms-flex-preferred-size: calc(100% - 46%);
   flex-basis: calc(100% - 46%);
 }

 @media only screen and (min-width: 768px) and (max-width: 991.98px) {
   .cart_right_section { padding-left: 15px; padding-right: 15px;}
   .cart_btns_links {    max-width: 285px;
     margin: auto;}
   .custom-row-2 .col-xl-6 {
     max-width: calc(100% - 28%);
     -webkit-flex-basis: calc(100% - 28%);
     -ms-flex-preferred-size: calc(100% - 28%);
     flex-basis: calc(100% - 28%);
   }
 }

 @media only screen and (max-width: 767.98px) {
   .custom-row-2 .col-xl-6 {
     max-width: 100%;
     -webkit-flex-basis: 100%;
     -ms-flex-preferred-size: 100%;
     flex-basis: 100%;
   }
 }

 /*----------- header top area start -----------*/
 .header-top-settings ul li {
   color: #fff;
   cursor: pointer;
   font-size: 12px;
   position: relative;
   margin-left: 40px;
   padding: 12px 0;
   position: relative;
   margin-left: 20px;
   padding-left: 20px;
 }

 .header-top-settings ul li:before {
   top: 50%;
   left: 0;
   width: 1px;
   height: 15px;
   content: "";
   position: absolute;
   background-color: #ebebeb;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
 }

 .header-top-settings ul li span {
   cursor: auto;
   color: #fff;
   font-size: 14px;
   padding-right: 5px;
   text-transform: capitalize;
 }

 .header-top-settings ul li img {
   vertical-align: middle;
 }

 .header-sticky.is-sticky {
   -webkit-animation: 600ms ease-in-out 0s normal none 1 running fadeInDown;
   animation: 600ms ease-in-out 0s normal none 1 running fadeInDown;
   background: rgb(255 255 255) none repeat scroll 0 0;
   -webkit-box-shadow: 0 0px 10px rgb(0 0 0 / 40%);
   box-shadow: 0 0px 10px rgb(0 0 0 / 40%);
   left: 0;
   margin: auto;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
   filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
   padding: 0;
   position: fixed;
   top: 0;
   width: 100%;
   z-index: 999;
 }

 .header-top-settings ul li .dropdown-list {
   top: 100%;
   left: 0;
   position: absolute;
   opacity: 0;
   visibility: hidden;
   -webkit-transform: translateY(30px);
   -ms-transform: translateY(30px);
   transform: translateY(30px);
   -webkit-transition: 0.4s;
   -o-transition: 0.4s;
   transition: 0.4s;
   padding: 15px 15px 20px;
   width: 150px;
   z-index: 9;
   pointer-events: none;
   border-bottom: 2px solid #ff5151;
   background-color: #fff;
   -webkit-box-shadow: 0 0 6.65px 0.35px rgba(0, 0, 0, 0.15);
   box-shadow: 0 0 6.65px 0.35px rgba(0, 0, 0, 0.15);
 }

 .header-top-settings ul li .dropdown-list li {
   margin-left: 0;
   padding: 0;
 }

 .header-top-settings ul li .dropdown-list li a {
   color: #252525;
   font-size: 14px;
   display: block;
   padding: 5px 0 3px;
   text-transform: capitalize;
 }

 .header-top-settings ul li .dropdown-list li a:hover {
   color: #ff5151;
 }

 .header-top-settings ul li .dropdown-list li a img {
   vertical-align: inherit;
 }

 .header-top-settings ul li .dropdown-list li:before {
   display: none;
 }

 .header-top-settings ul li:hover .dropdown-list,
 .header-top-settings ul li:hover .cart-list {
   opacity: 1;
   visibility: visible;
   pointer-events: visible;
   -webkit-transform: translateY(0);
   -ms-transform: translateY(0);
   transform: translateY(0);
 }

 .header-top-settings ul li:first-child {
   margin-left: 0;
   padding-left: 0;
 }

 .header-top-settings ul li:first-child:before {
   display: none;
 }

 .header-links ul li {
   color: #fff;
   font-size: 14px;
   position: relative;
   padding-left: 20px;
   margin-left: 20px;
 }

 .header-links ul li a {
   color: #fff;
 }

 .header-links ul li:before {
   left: 0;
   top: 50%;
   width: 1px;
   height: 15px;
   content: "";
   position: absolute;
   background-color: #fff;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
 }

 .header-links ul li:first-child:before {
   display: none;
 }

 /*------- header middile area start -------*/
 .header-middle-area {
   padding: 40px 0;
 }

 .header-middle-area-black-text .search-box-inner .search-field {
   background-color: #fff;
 }

 .header-middle-area-black-text .search-box-inner .search-btn {
   color: #ff5151;
 }

 .header-middle-area-black-text .search-box-inner .search-btn:hover {
   color: #252525;
 }

 .header-middle-area-black-text .support-icon {
   color: #252525;
 }

 .header-middle-area-black-text .support-info {
   color: #252525;
 }

 .header-middle-area-black-text .header-configure-area ul li a {
   color: #252525;
 }

 .header-middle-area-black-text .header-configure-area ul li a:hover {
   color: #ff5151;
 }

 .search-box-inner {
   position: relative;
 }

 .search-box-inner .search-field {
   width: 100%;
   height: 48px;
   border: none;
   background-color: #fff;
   border-radius: 50px;
   padding: 0 55px 0 20px;
 }

 .search-box-inner .search-btn {
   width: 40px;
   height: 40px;
   font-size: 25px;
   line-height: 40px;
   text-align: center;
   border-radius: 50%;
   display: block;
   position: absolute;
   top: 50%;
   right: 10px;
   color: #ff5151;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
 }
 /*---------- header mini cart start ----------*/
 .header-configure-wrapper {
   padding-right: 5px;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: end;
   -webkit-justify-content: flex-end;
   -ms-flex-pack: end;
   justify-content: flex-end;
 }

 .support-inner {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
   margin-right: 40px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199.98px) {
   .support-inner {
     margin-right: 5px;
   }
 }

 .support-icon {
   color: #fff;
   font-size: 30px;
   padding-right: 15px;
 }

 .support-info {
   color: #fff;
   font-size: 16px;
 }

 .support-info p {
   font-size: 14px;
   line-height: 1;
 }

 .support-info strong {
   font-size: 16px;
   font-weight: 500;
   line-height: 1;
 }

 .support-info strong a {
   color: #fff;
 }

 .support-info strong a:hover {
   color: #252525;
 }

 .header-support2 {
   text-align: right;
 }

 .header-support2 p {
   font-size: 14px;
   line-height: 1;
   color: #252525;
 }

 .header-support2 p i {
   color: #ff5151;
   font-size: 25px;
   padding-right: 5px;
   vertical-align: middle;
 }

 .header-support2 p a {
   color: #252525;
 }

 .header-support2 p a:hover {
   color: #ff5151;
 }

 .header-configure-area ul li {
   display: inline-block;
   font-size: 32px;
   line-height: 1;
   position: relative;
   margin-left: 30px;
 }

 .header-configure-area ul li a {
   color: #fff;
   position: relative;
 }

 .header-configure-area ul li a:hover {
   color: #252525;
 }

 .header-configure-area ul li a .notify {
   right: -4px;
   bottom: 2px;
   width: 18px;
   height: 18px;
   color: #fff;
   font-size: 10px;
   line-height: 20px;
   text-align: center;
   position: absolute;
   border-radius: 50%;
   background-color: #252525;
 }

 .mini-cart-wrap {
   position: relative;
 }

 .mini-cart-wrap .cart-list-wrapper {
   width: 380px;
   top: 100%;
   right: 0;
   background-color: #fff;
   position: absolute;
   padding: 30px 20px;
   z-index: 1;
   opacity: 0;
   visibility: hidden;
   -webkit-transform: translateY(30px);
   -ms-transform: translateY(30px);
   transform: translateY(30px);
   -webkit-transition: 0.4s;
   -o-transition: 0.4s;
   transition: 0.4s;
   -webkit-box-shadow: 0 0 6.65px 0.35px rgba(0, 0, 0, 0.15);
   box-shadow: 0 0 6.65px 0.35px rgba(0, 0, 0, 0.15);
 }

 .mini-cart-wrap .cart-list-wrapper .cart-list {
   max-height: 201px;
   overflow-y: auto;
 }

 .mini-cart-wrap .cart-list-wrapper .cart-list li {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   margin-left: 0;
   margin-bottom: 20px;
 }

 .mini-cart-wrap .cart-list-wrapper .cart-list li .cart-img {
   -webkit-box-flex: 0;
   -webkit-flex: 0 0 90px;
   -ms-flex: 0 0 90px;
   flex: 0 0 90px;
   max-width: 90px;
   position: relative;
   border: 1px solid #ebebeb;
 }

 .mini-cart-wrap .cart-list-wrapper .cart-list li .cart-info {
   -webkit-box-flex: 0;
   -webkit-flex: 0 0 calc(100% - 110px);
   -ms-flex: 0 0 calc(100% - 110px);
   flex: 0 0 calc(100% - 110px);
   padding-left: 10px;
   text-align: left;
 }

 .mini-cart-wrap .cart-list-wrapper .cart-list li .cart-info h4 {
   font-size: 15px;
   line-height: 1.4;
   font-weight: 400;
 }

 .mini-cart-wrap .cart-list-wrapper .cart-list li .cart-info h4 a {
   color: #252525;
 }

 .mini-cart-wrap .cart-list-wrapper .cart-list li .cart-info h4 a:hover {
   color: #ff5151;
 }

 .mini-cart-wrap .cart-list-wrapper .cart-list li .cart-info span {
   color: #252525;
   font-size: 15px;
   margin-top: 5px;
   display: block;
   line-height: 1.4;
   font-weight: 400;
 }

 .mini-cart-wrap .cart-list-wrapper .cart-list li .cart-info span.cart-qty {
   font-size: 12px;
   color: #555;
   font-weight: 400;
 }

 .mini-cart-wrap .cart-list-wrapper .cart-list li .cart-info p {
   font-size: 12px;
   color: #555;
   text-transform: capitalize;
 }

 .mini-cart-wrap .cart-list-wrapper .cart-list li .del-icon {
   max-width: 20px;
   -webkit-box-flex: 0;
   -webkit-flex: 0 0 20px;
   -ms-flex: 0 0 20px;
   flex: 0 0 20px;
   font-size: 15px;
   color: #555;
   text-align: center;
   cursor: pointer;
 }

 .mini-cart-wrap .cart-list-wrapper .cart-list li .del-icon:hover {
   color: #ff5151;
 }

 .mini-cart-wrap .cart-list-wrapper .cart-list li:last-child {
   margin-bottom: 0;
 }

 .mini-cart-wrap .cart-list-wrapper.mobile-cart-list {
   opacity: 0;
   visibility: hidden;
 }

 .mini-cart-wrap .cart-list-wrapper.mobile-cart-list.open {
   opacity: 1;
   visibility: visible;
   -webkit-transform: translateY(0);
   -ms-transform: translateY(0);
   transform: translateY(0);
 }

 .mini-cart-wrap:hover .cart-list-wrapper {
   opacity: 1;
   visibility: visible;
   -webkit-transform: translateY(10px);
   -ms-transform: translateY(10px);
   transform: translateY(10px);
 }

 ul.minicart-pricing-box {
   border-bottom: 1px solid #ebebeb;
   border-top: 1px solid #ebebeb;
   padding-bottom: 20px;
   margin-bottom: 20px;
   padding-top: 15px;
   margin-top: 20px;
 }

 ul.minicart-pricing-box li {
   margin-bottom: 15px;
   margin-left: 0;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   justify-content: space-between;
 }

 ul.minicart-pricing-box li span {
   font-size: 14px;
   color: #252525;
   text-transform: capitalize;
 }

 ul.minicart-pricing-box li span strong {
   color: #ff5151;
   font-weight: 500;
 }

 ul.minicart-pricing-box li.total span {
   font-size: 16px;
   font-weight: 500;
 }

 ul.minicart-pricing-box li:last-child {
   margin-bottom: 0;
 }

 .minicart-button a {
   color: #fff !important;
   font-size: 13px;
   display: block;
   font-weight: 500;
   line-height: 1;
   padding: 17px 0;
   background-color: #252525;
   text-transform: uppercase;
   border-radius: 40px;
   text-align: center;
   margin-bottom: 10px;
 }

 .minicart-button a i {
   padding-right: 5px;
 }

 .minicart-button a:hover {
   color: #fff !important;
   background-color: #ff5151;
 }

 .minicart-button a:last-child {
   margin-bottom: 0;
 }

 /*----------- header settinngs area end -----------*/
 /*---------- main menu style start ---------*/
 .main-menu ul {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
 }

 .main-menu ul li {
   position: relative;
   padding: 15px 5px;
 }

 .main-menu ul li a {
   color: #252525;
   font-size: 14px;
   padding: 4px 15px;
   font-weight: 400;
   display: block;
   text-transform: uppercase;
   border-radius: 5px;
 }

 .main-menu ul li a i {
   font-size: 14px;
   padding: 0 3px;
 }

 .main-menu ul li:first-child {
   padding-left: 0;
 }

 .main-menu ul li:hover > a,
 .main-menu ul li.active > a {
   color: #fff;
   background-color: #ff5151;
 }

 .main-menu ul li ul.dropdown {
   top: 100%;
   left: 0;
   width: 220px;
   position: absolute;
   -webkit-transition: 0.4s;
   -o-transition: 0.4s;
   transition: 0.4s;
   background-color: #fff;
   opacity: 0;
   visibility: hidden;
   z-index: 99999;
   padding: 20px 0;
   pointer-events: none;
   -webkit-transform: translateY(20px);
   -ms-transform: translateY(20px);
   transform: translateY(20px);
   -webkit-box-shadow: 0 0 6.65px 0.35px rgba(0, 0, 0, 0.15);
   box-shadow: 0 0 6.65px 0.35px rgba(0, 0, 0, 0.15);
 }

 .main-menu ul li ul.dropdown li {
   margin-right: 0;
   border-right: none;
   -webkit-flex-basis: 100%;
   -ms-flex-preferred-size: 100%;
   flex-basis: 100%;
   padding: 0;
 }

 .main-menu ul li ul.dropdown li a {
   color: #555;
   font-size: 14px;
   font-weight: 400;
   padding: 5px 15px;
   text-transform: capitalize;
 }

 .main-menu ul li ul.dropdown li a i {
   float: right;
   padding-top: 5px;
 }

 .main-menu ul li ul.dropdown li:hover > a {
   color: #ff5151;
   background-color: #fff;
 }

 .main-menu ul li ul.dropdown li ul.dropdown {
   top: 100%;
   left: 100%;
   position: absolute;
   width: 250px;
   opacity: 0;
   visibility: hidden;
 }

 .main-menu ul li ul.dropdown li:hover ul.dropdown {
   top: 0;
   opacity: 1;
   visibility: visible;
 }

 .main-menu ul li ul.megamenu {
   width: 800px;
   -webkit-box-shadow: 0 0 6.65px 0.35px rgba(0, 0, 0, 0.15);
   box-shadow: 0 0 6.65px 0.35px rgba(0, 0, 0, 0.15);
 }

 .main-menu ul li ul.megamenu li {
   -webkit-flex-basis: 25%;
   -ms-flex-preferred-size: 25%;
   flex-basis: 25%;
 }

 .main-menu ul li ul.megamenu li.mega-title > a {
   color: #252525;
   font-size: 16px;
   font-weight: 500;
 }

 .main-menu ul li ul.megamenu li ul li {
   -webkit-flex-basis: 100%;
   -ms-flex-preferred-size: 100%;
   flex-basis: 100%;
 }

 .main-menu ul li ul.megamenu li:hover > a {
   color: #ff5151;
 }

 .main-menu ul li:hover ul.dropdown {
   opacity: 1;
   visibility: visible;
   pointer-events: visible;
   -webkit-transform: translate(0, 0);
   -ms-transform: translate(0, 0);
   transform: translate(0, 0);
 }

 .main-menu ul li:hover ul.megamenu {
   opacity: 1;
   visibility: visible;
 }

 .main-menu-style-2 ul li ul.megamenu {
   margin-left: -92px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199.98px) {
   .main-menu-style-2 ul li ul.megamenu {
     margin-left: -220px;
   }
 }

 .main-menu-style-1 ul li ul.megamenu {
   margin-left: -220px;
 }

 .main-menu.menu-style-4 ul li:hover > a,
 .main-menu.menu-style-4 ul li.active > a {
   color: #ff5151;
   background-color: transparent;
 }

 /*---------- main menu style end ---------*/
 /*------ sticky menu style start ------*/
 .sticky.is-sticky {
   top: 0;
   position: fixed;
   width: 100%;
   z-index: 9999;
   -webkit-box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.2);
   box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.2);
   -webkit-animation: 900ms cubic-bezier(0.2, 1, 0.22, 1) 0s normal none 1 running fadeInDown;
   animation: 900ms cubic-bezier(0.2, 1, 0.22, 1) 0s normal none 1 running fadeInDown;
 }

 .sticky.is-sticky .mobile-header-top {
   display: none;
 }

 .sticky.is-sticky.mobile-header {
   background-color: #fff;
 }

 @media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (max-width: 767.98px) {
   .sticky.is-sticky .category-toggle-wrap {
     display: none;
   }
 }

 /*------ sticky menu style end ------*/
 /*----- mobile menu start -----*/
 .mobile-header .category-toggle {
   padding: 8px 15px;
 }

 .mobile-header-top {
   border-bottom: 1px solid #ebebeb;
 }

 .mobile-header-top .header-top-settings {
   float: none;
 }

 .mobile-logo {
   max-width: 140px;
   width: 100%;
 }

 .mobile-main-header {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   justify-content: space-between;
 }

 @media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (max-width: 767.98px) {
   .mobile-main-header {
     border-bottom: 1px solid #ebebeb;
   }
 }

 .mobile-main-header .mobile-menu-toggler {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
 }

 .mobile-main-header .mobile-menu-toggler .mini-cart-wrap {
   display: inline-block;
   font-size: 24px;
   line-height: 1;
   position: relative;
   margin-left: 30px;
 }

 .mobile-main-header .mobile-menu-toggler .mini-cart-wrap a {
   color: #252525;
 }

 .mobile-main-header .mobile-menu-toggler .mini-cart-wrap a:hover {
   color: #ff5151;
 }

 .mobile-main-header .mobile-menu-toggler .mini-cart-wrap .notification {
   font-size: 13px;
   color: #fff;
   width: 16px;
   height: 16px;
   line-height: 16px;
   border-radius: 50%;
   text-align: center;
   font-weight: 600;
   right: -8px;
   top: 0;
   position: absolute;
   background-color: #ff5151;
 }

 .mobile-main-header .mobile-menu-toggler .mobile-menu-btn {
   margin-left: 15px;
 }

 .mobile-main-header .mobile-menu-toggler .mobile-menu-btn .off-canvas-btn {
   font-size: 30px;
   cursor: pointer;
   padding: 10px 15px;
   line-height: 1;
   padding-right: 0;
   -webkit-transition: 0.4s;
   -o-transition: 0.4s;
   transition: 0.4s;
 }

 .mobile-main-header .mobile-menu-toggler .mobile-menu-btn .off-canvas-btn:hover {
   color: #ff5151;
 }

 .mobile-navigation {
   overflow: hidden;
 }

 .mobile-menu {
   margin-top: 30px;
   height: 100%;
   overflow: auto;
   padding-right: 30px;
   margin-right: -30px;
 }

 @media only screen and (max-width: 479.98px) {
   .mobile-menu {
     margin-top: 15px;
   }
 }

 .mobile-menu li > a {
   font-size: 15px;
   color: #252525;
   text-transform: capitalize;
   line-height: 18px;
   position: relative;
   display: inline-block;
   padding: 10px 0;
 }

 .mobile-menu li > a:hover {
   color: #ff5151;
 }

 .mobile-menu li ul li {
   border: none;
 }

 .mobile-menu li ul li a {
   font-size: 14px;
   text-transform: capitalize;
   padding: 10px 15px 8px;
 }

 /*------ offcanvas widget area start ------*/
 .offcanvas-widget-area {
   margin-top: auto;
   padding-bottom: 0px;
 }

 @media only screen and (max-width: 479.98px) {
   .offcanvas-widget-area {
     padding-bottom: 0;
   }
 }

 .off-canvas-social-widget {
   margin-top: 20px;
   text-align: center;
 }

 .off-canvas-social-widget a {
   color: #555;
   font-size: 18px;
   display: inline-block;
   margin-right: 15px;
 }

 .off-canvas-social-widget a:hover {
   color: #ff5151;
 }

 /*------ offcanvas widget area end ------*/
 .off-canvas-wrapper {
   position: fixed;
   top: 0;
   left: 0;
   height: 100vh;
   width: 100vw;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: 0.4s;
   -o-transition: 0.4s;
   transition: 0.4s;
   z-index: 9999;
 }

 .off-canvas-wrapper.open {
   opacity: 1;
   visibility: visible;
 }

 .off-canvas-wrapper.open .off-canvas-inner-content {
   -webkit-transform: none;
   -ms-transform: none;
   transform: none;
 }

 .off-canvas-wrapper .off-canvas-overlay {
   background-color: rgba(0, 0, 0, 0.4);
   content: "";
   cursor: url('https://stage-assets.goldbank.co.uk/home_new/assets/images/icon/cancel.png'), auto;
   position: absolute;
   left: 0;
   top: 0;
   height: 100%;
   width: 100%;
 }

 .off-canvas-wrapper .off-canvas-inner-content {
   background-color: #fff;
   width: 300px;
   padding: 0;
   height: 100%;
   position: relative;
   -webkit-transform: translateX(calc(-100% - 50px));
   -ms-transform: translateX(calc(-100% - 50px));
   transform: translateX(calc(-100% - 50px));
   -webkit-transition: 0.4s;
   -o-transition: 0.4s;
   transition: 0.4s;
 }

 @media only screen and (max-width: 479.98px) {
   .off-canvas-wrapper .off-canvas-inner-content {
     width: 290px;
     padding: 0;
   }
 }

 .off-canvas-wrapper .btn-close-off-canvas {
   top: 0;
   left: 100%;
   width: 50px;
   height: 50px;
   font-size: 30px;
   background-color: #a88323;
   color: #fff;
   line-height: 50px;
   text-align: center;
   cursor: pointer;
   position: absolute;
   -webkit-transition: 0.4s;
   -o-transition: 0.4s;
   transition: 0.4s;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 @media only screen and (max-width: 479.98px) {
   .off-canvas-wrapper .btn-close-off-canvas {
     width: 40px;
     height: 40px;
     font-size: 20px;
     line-height: 40px;
   }
 }

 .off-canvas-wrapper .btn-close-off-canvas i {
   -webkit-transform: rotate(0);
   -ms-transform: rotate(0);
   transform: rotate(0);
   -webkit-transition: 0.4s;
   -o-transition: 0.4s;
   transition: 0.4s;
   display: block;
 }

 .off-canvas-wrapper .btn-close-off-canvas:hover i {
   -webkit-transform: rotate(-90deg);
   -ms-transform: rotate(-90deg);
   transform: rotate(-90deg);
 }

 .off-canvas-wrapper .off-canvas-inner {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
   margin-left: auto;
   height: 100%;
 }

 /*------- mobile top bar settings end -------*/
 .category-dropdown-wrapper {
   height: 100%;
   -webkit-box-shadow: -1px 0px 3px 0px #cccccc;
   box-shadow: -1px 0px 3px 0px #cccccc;
 }

 @media only screen and (max-width: 767.98px) {
   .category-dropdown-wrapper {
     display: none;
   }
 }

 .category-toggle-wrap {
   position: relative;
 }

 .category-toggle-wrap .category-toggle {
   width: 100%;
   border: none;
   cursor: pointer;
   color: #252525;
   font-size: 14px;
   font-weight: 500;
   text-align: left;
   text-transform: uppercase;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
   padding: 18px 0;
 }

 @media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (max-width: 767.98px) {
   .category-toggle-wrap .category-toggle {
     padding: 10px 0;
   }
 }

 .category-toggle-wrap .category-toggle i {
   font-size: 22px;
   line-height: 1;
   padding-right: 15px;
 }

 .category-toggle-wrap .category-toggle span {
   line-height: 1;
   margin-left: auto;
 }

 .category-toggle-wrap .category-toggle span i {
   font-size: 14px;
   padding-right: 0;
 }

 .category-toggle-wrap .category-toggle:hover {
   color: #ff5151;
 }

 .category-toggle-wrap .category-toggle-style_3 {
   background: #fff;
   padding: 18px 20px;
   border-bottom: 1px solid #ebebeb;
 }

 @media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (max-width: 767.98px) {
   .category-toggle-wrap .category-toggle-style_3 {
     padding: 10px 20px;
   }
 }

 .category-toggle-wrap nav.category-menu {
   border-top: none;
   top: 100%;
   left: 0;
   width: 100%;
   max-width: 269px;
   position: absolute;
   z-index: 11;
   display: none;
   background-color: #fff;
 }

 .category-toggle-wrap nav.category-menu-style_2 {
   display: block;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199.98px) {
   .category-toggle-wrap nav.category-menu-style_2 {
     display: none;
   }
 }

 .category-toggle-wrap nav.category-menu-style_3 {
   display: block;
 }

 @media only screen and (min-width: 768px) and (max-width: 991.98px) {
   .category-toggle-wrap nav.category-menu-style_3 {
     display: none;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (max-width: 767.98px) {
   .category-toggle-wrap nav.category-menu {
     max-width: 100%;
     -webkit-box-shadow: 0 2px 5px 0.35px rgba(0, 0, 0, 0.15);
     box-shadow: 0 2px 5px 0.35px rgba(0, 0, 0, 0.15);
   }
 }

 .category-toggle-wrap nav.category-menu > ul.categories-list {
   padding: 17px 20px;
 }

 .category-toggle-wrap nav.category-menu > ul.categories-list-style_3 {
   padding: 8px 20px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (max-width: 767.98px) {
   .category-toggle-wrap nav.category-menu > ul {
     max-height: 300px;
     overflow-y: auto;
   }
 }

 @media only screen and (max-width: 575.98px) {
   .category-toggle-wrap nav.category-menu > ul {
     max-height: 220px;
     overflow-y: auto;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (max-width: 767.98px) {
   .category-toggle-wrap nav.category-menu > ul > li {
     position: relative;
   }
 }

 .category-toggle-wrap nav.category-menu > ul > li.menu-item-has-children {
   position: relative;
 }

 .category-toggle-wrap nav.category-menu > ul > li.menu-item-has-children > a::after {
   content: "\f105";
   position: absolute;
   right: 0;
   top: 50%;
   line-height: 1;
   font-family: var(--font-awesome);
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
 }

 @media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (max-width: 767.98px) {
   .category-toggle-wrap nav.category-menu > ul > li.menu-item-has-children > a::after {
     display: none;
   }
 }

 .category-toggle-wrap nav.category-menu > ul > li .menu-expand {
   position: absolute;
   right: 0;
   top: 0;
   cursor: pointer;
   height: 50px;
   width: 40px;
   line-height: 50px;
   z-index: 9;
   text-align: center;
 }

 .category-toggle-wrap nav.category-menu > ul > li > a {
   display: block;
   padding: 10px 0;
   line-height: 24px;
   font-size: 14px;
   color: #555;
   position: relative;
   text-transform: capitalize;
   border-bottom: 1px solid #ebebeb;
 }

 .category-toggle-wrap nav.category-menu > ul > li > a:hover {
   color: #ff5151;
 }

 .category-toggle-wrap nav.category-menu > ul > li:first-child a {
   padding-top: 0;
 }

 @media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (max-width: 767.98px) {
   .category-toggle-wrap nav.category-menu > ul > li:first-child a {
     padding-top: 10px;
   }
 }

 .category-toggle-wrap nav.category-menu > ul > li:last-child a {
   padding-bottom: 0;
   border-bottom: none;
 }

 @media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (max-width: 767.98px) {
   .category-toggle-wrap nav.category-menu > ul > li:last-child a {
     padding-bottom: 10px;
   }
 }

 .category-toggle-wrap nav.category-menu > ul > li:hover .category-mega-menu {
   top: 0;
   z-index: 9;
   opacity: 1;
   visibility: visible;
 }

 .category-toggle-wrap nav.category-menu > ul > li .category-mega-menu {
   position: absolute;
   left: calc(100% + 20px);
   top: 110%;
   width: 800px;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   padding: 30px;
   opacity: 0;
   z-index: -9;
   visibility: hidden;
   -webkit-transition: 0.4s;
   -o-transition: 0.4s;
   transition: 0.4s;
   background-color: #fff;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199.98px) {
   .category-toggle-wrap nav.category-menu > ul > li .category-mega-menu {
     width: 600px;
     padding-bottom: 5px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (max-width: 767.98px) {
   .category-toggle-wrap nav.category-menu > ul > li .category-mega-menu {
     position: static;
     z-index: 9;
     opacity: 1;
     visibility: visible;
     background-color: transparent;
     padding: 0;
     width: 100%;
     -webkit-transition: none;
     -o-transition: none;
     transition: none;
     border: none;
   }
 }

 .category-toggle-wrap nav.category-menu > ul > li .category-mega-menu.two-column {
   width: 400px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (max-width: 767.98px) {
   .category-toggle-wrap nav.category-menu > ul > li .category-mega-menu.two-column {
     width: 100%;
   }
 }

 .category-toggle-wrap nav.category-menu > ul > li .category-mega-menu.two-column > li {
   width: 50%;
 }

 @media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (max-width: 767.98px) {
   .category-toggle-wrap nav.category-menu > ul > li .category-mega-menu.two-column > li {
     width: 100%;
   }
 }

 .category-toggle-wrap nav.category-menu > ul > li .category-mega-menu.three-column {
   width: 600px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (max-width: 767.98px) {
   .category-toggle-wrap nav.category-menu > ul > li .category-mega-menu.three-column {
     width: 100%;
   }
 }

 .category-toggle-wrap nav.category-menu > ul > li .category-mega-menu.three-column > li {
   width: 33.33%;
 }

 @media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (max-width: 767.98px) {
   .category-toggle-wrap nav.category-menu > ul > li .category-mega-menu.three-column > li {
     width: 100%;
   }
 }

 .category-toggle-wrap nav.category-menu > ul > li .category-mega-menu > li {
   float: left;
   width: 25%;
   padding: 0 15px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199.98px) {
   .category-toggle-wrap nav.category-menu > ul > li .category-mega-menu > li {
     width: 50%;
     margin-bottom: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (max-width: 767.98px) {
   .category-toggle-wrap nav.category-menu > ul > li .category-mega-menu > li {
     -webkit-box-flex: 1;
     -webkit-flex: 1 0 100%;
     -ms-flex: 1 0 100%;
     flex: 1 0 100%;
     padding: 0;
     position: relative;
   }
 }

 .category-toggle-wrap nav.category-menu > ul > li .category-mega-menu > li > a {
   display: block;
   font-size: 15px;
   font-weight: 500;
   color: #252525;
   text-transform: uppercase;
   margin-bottom: 10px;
   position: relative;
 }

 .category-toggle-wrap nav.category-menu > ul > li .category-mega-menu > li > a:before,
 .category-toggle-wrap nav.category-menu > ul > li .category-mega-menu > li > a:after {
   left: 0;
   bottom: -3px;
   content: "";
   position: absolute;
   height: 2px;
   width: 100%;
   background-color: #ebebeb;
 }

 .category-toggle-wrap nav.category-menu > ul > li .category-mega-menu > li > a:after {
   width: 50%;
 }

 @media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (max-width: 767.98px) {
   .category-toggle-wrap nav.category-menu > ul > li .category-mega-menu > li > a {
     padding: 10px 25px 10px 35px;
     line-height: 30px;
     font-size: 14px;
     color: #606060;
     font-weight: 400;
     position: relative;
     margin: 0;
     text-transform: inherit;
   }
 }

 .category-toggle-wrap nav.category-menu > ul > li .category-mega-menu > li:nth-child(odd) a:after {
   background-color: #f00;
 }

 @media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (max-width: 767.98px) {
   .category-toggle-wrap nav.category-menu > ul > li .category-mega-menu > li:nth-child(odd) a:after {
     display: none;
   }
 }

 .category-toggle-wrap nav.category-menu > ul > li .category-mega-menu > li:nth-child(even) a:after {
   background-color: #ff5151;
 }

 @media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (max-width: 767.98px) {
   .category-toggle-wrap nav.category-menu > ul > li .category-mega-menu > li:nth-child(even) a:after {
     display: none;
   }
 }

 .category-toggle-wrap nav.category-menu > ul > li .category-mega-menu > li > ul li:last-child {
   border: none;
 }

 .category-toggle-wrap nav.category-menu > ul > li .category-mega-menu > li > ul li:last-child {
   margin-bottom: 0;
 }

 .category-toggle-wrap nav.category-menu > ul > li .category-mega-menu > li > ul li a {
   display: block;
   font-size: 14px;
   color: #606060;
   line-height: 30px;
   padding-bottom: 4px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991.98px) {
   .category-toggle-wrap nav.category-menu > ul > li .category-mega-menu > li > ul li a {
     padding: 10px 25px 10px 45px;
     line-height: 30px;
     font-size: 14px;
     color: #606060;
     font-weight: 400;
     position: relative;
   }
 }

 @media only screen and (max-width: 767.98px) {
   .category-toggle-wrap nav.category-menu > ul > li .category-mega-menu > li > ul li a {
     padding: 10px 25px 10px 45px;
     line-height: 30px;
     font-size: 14px;
     color: #606060;
     font-weight: 400;
     position: relative;
   }
 }

 .category-toggle-wrap nav.category-menu > ul > li .category-mega-menu > li > ul li a:hover {
   color: #ff5151;
 }

 .category-toggle-wrap nav.category-menu > ul > li .category-mega-menu > li > ul li:last-child a {
   border-bottom: 0;
 }

 /*--
     03. Hero Css
 --------------------------------*/
 .hero-slider-one .single-slide {
   align-items: center;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   align-items: center;
   height: 820px;
   position: relative;
   z-index: 1;
 }

 .hero-slider.hero-slider-two ul.slick-dots .slick-active button {
   background: #e1c574;
 }

 .hero-slider.hero-slider-two ul.slick-dots button {
   font-size: 0px;
   width: 10px;
   height: 10px;
   border-radius: 50%;
   padding: 0;
   margin-right: 5px;
   border: 0px;
 }

 .hero-slider-one .single-slide::before {
   background: rgba(0, 0, 0, 0.15);
   content: "";
   height: 100%;
   width: 100%;
   left: 0;
   top: 0;
   position: absolute;
   z-index: -1;
 }

 @media only screen and (min-width: 1200px) {
   .product_filters .search-field {
     flex: 1;
     max-width: 100%;
   }
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .hero-slider-one .single-slide {
     height: 680px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .hero-slider-one .single-slide {
     height: 600px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .hero-slider-one .single-slide {
     height: 500px;
   }
 }

 @media only screen and (max-width: 767px) {
   .hero-slider-one .single-slide {
     height: 480px;
   }
 }

 @media only screen and (max-width: 479px) {
   .hero-slider-one .single-slide {
     height: 420px;
   }
 }

 .hero-slider-one .slick-arrow {
   background-color: rgba(0, 0, 0, 0.2);
   border: medium none;
   border-radius: 100px;
   color: #ffffff;
   height: 60px;
   position: absolute;
   top: 50%;
   width: 60px;
   z-index: 999;
   font-size: 20px;
   visibility: hidden;
   opacity: 0;
   -ms-filter: 0;
   filter: 0;
   -webkit-transition: 0.4s;
   transition: 0.4s;
 }

 .hero-slider-one .slick-arrow:hover {
   background-color: #ff5151;
 }

 @media only screen and (max-width: 479px), only screen and (max-width: 767px) {
   .hero-slider-one .slick-arrow {
     height: 40px;
     width: 40px;
   }
 }

 .hero-slider-one .slick-arrow.slick-next {
   right: 15px;
 }

 .hero-slider-one .slick-arrow.slick-prev {
   left: 15px;
 }

 .hero-slider-one:hover .slick-arrow {
   visibility: visible;
   opacity: 1;
   -ms-filter: 1;
   filter: 1;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
 }

 .slick-current .slider-text-info h2 {
   animation-name: leFadeInLeft;
   animation-duration: 1s;
 }

 .slick-current .slider-text-info h1 {
   animation-name: leFadeInLeft;
   animation-duration: 1.9s;
 }

 .slick-current .slider-text-info p {
   animation-name: fadeInBottom;
   animation-duration: 1.7s;
 }

 .slick-current .slider-text-info .slider-btn-two {
   animation-name: fadeInBottom;
   animation-duration: 1.9s;
   background: transparent;
   padding: 10px 30px;
   font-size: 14px;
   font-weight: 500;
   color: #131212;
   border: 1px solid #131212;
   -webkit-transform: perspective(1px) translateZ(0);
   transform: perspective(1px) translateZ(0);
   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
   position: relative;
   border-radius: 2px;
   -webkit-transition-property: color;
   transition-property: color;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   background-color: #fff;
 }

 .slick-current .slider-text-info .social-top {
   animation-name: fadeInBottom;
   animation-duration: 1.9s;
 }

 .hero-slider .slick-slide {
   padding-right: 0;
   padding-left: 0;
 }

 .hero-slider .slick-slide .u_row {
   min-height: 100vh;
 }

 .hero-slider .slick-slide * {
   color: #fff !important;
 }

 .hero-slider-two .single-slide-two {
   align-items: center;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   align-items: center;
   height: 950px;
   position: relative;
   z-index: 1;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .hero-slider-two .single-slide-two {
     height: 800px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .hero-slider-two .single-slide-two {
     height: 600px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .hero-slider-two .single-slide-two {
     height: 700px;
   }
 }

 @media only screen and (max-width: 767px) {
   .hero-slider-two .single-slide-two {
     height: 700px;
   }
 }

 @media only screen and (max-width: 479px) {
   .hero-slider-two .single-slide-two {
     height: 650px;
   }
 }

 .hero-slider-two .slick-arrow {
   background-color: rgba(0, 0, 0, 0.2);
   border: medium none;
   border-radius: 100px;
   color: #ffffff;
   height: 40px;
   position: absolute;
   top: 50%;
   width: 40px;
   z-index: 99;
   font-size: 20px;
   font-weight: 900;
   visibility: hidden;
   opacity: 0;
   -ms-filter: 0;
   filter: 0;
   -webkit-transition: 0.4s;
   transition: 0.4s;
 }

 .hero-slider-two .slick-arrow:hover {
   background-color: #d8bf71;
 }

 .bottom-area .single-btm .btm-text:last-child h3 {
   color: #1e1e1e;
   font-weight: 400;
 }

 .bottom-area .single-btm .btm-text:last-child h3:hover {
   color: #6a6a6a;
 }

 .bottom-area .row.logo-row .col-lg-3 {
   padding: 0px;
 }

 .bottom-area .single-btm .btm-text h3 {
   font-weight: 400;
   font-size: 22px;
   line-height: 26px;
   color: #1e1e1e;
   font-weight: 400;

   border-bottom: 1px solid #ccc7c7;
   margin-bottom: 10px;
   padding: 10px 0;
 }

 .bottom-area .single-btm .btm-text h3:hover {
   color: #e1c574;
 }

 .bottom-area .row.logo-row:before {
   border-bottom: 1px solid #ccc7c7;
   content: "";
   width: 85%;
   bottom: -10px;
   height: 100%;
   position: absolute;
 }

 @media only screen and (max-width: 479px), only screen and (max-width: 767px) {
   .hero-slider-two .slick-arrow {
     height: 40px;
     width: 40px;
   }
 }

 .hero-slider-two .slick-arrow.slick-next {
   right: 15px;
 }

 .hero-slider-two .slick-arrow.slick-prev {
   left: 15px;
 }

 .hero-slider-two:hover .slick-arrow {
   visibility: visible;
   opacity: 1;
   -ms-filter: 1;
   filter: 1;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
 }

 .hero-slider-one .slider-text-info,
 .hero-slider-two .slider-text-info {
   z-index: 1;
 }

 .hero-slider-one .slider-text-info h2,
 .hero-slider-two .slider-text-info h2 {
   font-weight: 600;
   font-size: 14px;
   line-height: 30px;
 }

 .hero-slider-one .slider-text-info h2 span,
 .hero-slider-two .slider-text-info h2 span {
   color: #a88323;
   font-family: var(--font-body);
   font-weight: 500;
   font-size: 13px;
   line-height: 20px;
   text-transform: uppercase;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .hero-slider-one .slider-text-info h2,
   .hero-slider-two .slider-text-info h2 {
     font-size: 30px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .hero-slider-one .slider-text-info h2,
   .hero-slider-two .slider-text-info h2 {
     font-size: 20px;
     line-height: 25px;
   }
 }

 @media only screen and (max-width: 767px) {
   .hero-slider-one .slider-text-info h2,
   .hero-slider-two .slider-text-info h2 {
     font-size: 20px;
     line-height: 25px;
   }
 }

 @media only screen and (max-width: 479px) {
   .hero-slider-one .slider-text-info h2,
   .hero-slider-two .slider-text-info h2 {
     font-size: 20px;
     margin-bottom: 0px;
     line-height: 30px;
   }
 }

 .hero-slider-one .slider-text-info h1,
 .hero-slider-two .slider-text-info h1 {
   text-transform: initial;
   margin-bottom: 20px;
   color: #fff;
   font-weight: 600;
   font-size: 42px;
   line-height: 54px;
 }

 .hero-slider-one .slider-text-info h1 span,
 .hero-slider-two .slider-text-info h1 span {
   color: #ff5151;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .hero-slider-one .slider-text-info h1,
   .hero-slider-two .slider-text-info h1 {
     font-size: 40px;
     line-height: 50px;
   }

   .newsletter .input_box {
     float: left;
     margin-top: 20px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .hero-slider-one .slider-text-info h1,
   .hero-slider-two .slider-text-info h1 {
     font-size: 30px;
     line-height: 40px;
   }

   .newsletter .input_box {
     float: left;
     margin-top: 20px;
   }
 }

 @media only screen and (max-width: 767px) {
   .hero-slider-one .slider-text-info h1,
   .hero-slider-two .slider-text-info h1 {
     font-size: 25px;
     line-height: 25px;
   }

   .newsletter .input_box {
     float: left;
     margin-top: 20px;
   }
 }

 @media only screen and (max-width: 479px) {
   .hero-slider-one .slider-text-info h1,
   .hero-slider-two .slider-text-info h1 {
     font-size: 30px;
     margin-bottom: 10px;
     line-height: 40px;
   }
 }

 .hero-slider-one .slider-text-info p,
 .hero-slider-two .slider-text-info p {
   margin: 0;
   max-width: 730px;
   color: rgb(255 255 255 / 80%);
   font-size: 18px;
   line-height: 32px;
 }

 .hero-slider-one .slider-text-info .slider-btn,
 .hero-slider-two .slider-text-info .slider-btn {
   font-weight: 600;
   margin-top: 60px;
   -webkit-transition: 0.4s;
   transition: 0.4s;
   position: relative;
 }

 .hero-slider-one .slider-text-info .slider-btn::before,
 .hero-slider-two .slider-text-info .slider-btn::before {
   position: absolute;
   content: "";
   left: 0;
   top: -40px;
   height: 30px;
   width: 1px;
   background: #ff5151;
 }

 .hero-slider-one .slider-inner-image,
 .hero-slider-two .slider-inner-image {
   justify-content: center;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   align-items: center;
   opacity: 0;
   -ms-filter: 0;
   filter: 0;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .hero-slider-one .slider-inner-image,
   .hero-slider-two .slider-inner-image {
     display: none;
   }
 }

 @media only screen and (max-width: 767px) {
   .hero-slider-one .slider-inner-image,
   .hero-slider-two .slider-inner-image {
     display: none;
   }
 }

 @media only screen and (max-width: 479px) {
   .hero-slider-one .slider-inner-image,
   .hero-slider-two .slider-inner-image {
     display: none;
   }
 }

 .hero-slider-two .slider-text-info {
   margin-top: 20px;
 }

 .hero-slider-two .slider-btn-two {
   font-weight: 500;
   margin-top: 20px;
   -webkit-transition: 0.4s;
   transition: 0.4s;
   position: relative;
 }

 .slick-current .slider-text-info .golden-btn {
   animation-name: fadeInBottom;
   animation-duration: 1.9s;
   background: transparent;
   padding: 10px 50px;
   font-size: 12px;
   color: #131212;
   border: 1px solid #e1c574;
   -webkit-transform: perspective(1px) translateZ(0);
   transform: perspective(1px) translateZ(0);
   box-shadow: 0 0 1px rgb(0 0 0 / 0%);
   position: relative;
   border-radius: 2px;
   -webkit-transition-property: color;
   transition-property: color;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   background-color: #e1c574;
   margin-right: 12px;
 }

 .slick-current .slider-text-info .black-btn {
   animation-name: fadeInBottom;
   animation-duration: 1.9s;
   background: transparent;
   padding: 10px 50px;
   font-size: 12px;
   color: #f5f5f5;
   border: 1px solid #f5f5f5;
   -webkit-transform: perspective(1px) translateZ(0);
   transform: perspective(1px) translateZ(0);
   box-shadow: 0 0 1px rgb(0 0 0 / 0%);
   position: relative;
   border-radius: 2px;

   -webkit-transition-property: color;
   transition-property: color;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   background-color: transparent;
 }

 .hero-slider-two .social-top {
   margin-top: 30px;
 }

 .hero-slider-one .slick-dots {
   text-align: center;
   margin-top: 20px;
   position: absolute;
   bottom: 40px;
   left: 0;
   right: 0;
   margin: auto;
 }

 .hero-slider-one .slick-dots li {
   display: inline-block;
   margin: 0 4px;
 }

 .hero-slider-one .slick-dots li button {
   background-image: url('https://stage-assets.goldbank.co.uk/home_new/assets/images/icon/slider-btn-01.png');
   background-size: cover;
   background-repeat: no-repeat;
   font-size: 0;
   line-height: 0;
   display: block;
   width: 20px;
   height: 20px;
   padding: 5px;
   cursor: pointer;
   color: transparent;
   border: 0;
   outline: none;
   border-radius: 50%;
 }

 .hero-slider-one .slick-dots li.slick-active button {
   background-image: url('https://stage-assets.goldbank.co.uk/home_new/assets/images/icon/slider-btn-active.png');
 }

 /*--
     04. Search Css
 --------------------*/
 .search-area {
   background: #fff;
   position: absolute;
   bottom: 0px;
   width: 100%;
   padding: 30px 0 45px 0;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
 }

 .search-area h2 {
   color: #000000;
   font-weight: 600;
 }

 .search-area input {
   width: 100%;
 }

 .search-area .btn {
   background: #ff5151;
   border: 1px solid #ff5151;
   color: #ffffff;
 }

 .search-area .btn i {
   font-size: 12px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .search-area {
     padding: 20px 0 35px 0;
   }

   .search-area h2 {
     font-size: 34px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .search-area {
     padding: 10px 0 35px 0;
   }

   .search-area h2 {
     font-size: 28px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .search-area {
     padding: 10px 0 35px 0;
   }

   .search-area h2 {
     font-size: 28px;
     margin-bottom: 0;
     line-height: 28px;
   }
 }

 @media only screen and (max-width: 767px) {
   .search-area {
     position: inherit;
     padding: 10px 0 35px 0;
   }

   .search-area h2 {
     font-size: 28px;
     margin-bottom: 0;
     line-height: 28px;
   }

   .search-area .btn {
     padding: 9px 31px;
   }
 }

 .class-grow .col {
   flex-grow: 1;
 }

 .nice-select,
 .input-box-2 {
   width: 100%;
   height: 45px;
 }

 .btn-custom {
   max-width: 180px;
 }

 @media only screen and (max-width: 767px) {
   .btn-custom {
     max-width: 150px;
   }
 }

 .search-area input {
   width: 100%;
   padding: 10px 20px;
   border-radius: 5px;
   border: 1px solid #ddd;
 }

 .nice-select .list {
   min-width: 100%;
   background-color: #f1f1ff;
   border: 1px solid #f1f1ff;
   box-shadow: none;
 }

 .container-100 {
   max-width: 1470px;
   margin: auto;
 }

 /*--
    05. Product Area Css
 ------------------------------*/
 .porduct-area .tab-content .row {
   justify-content: center;
 }

 .plp-products .porduct-area .row {
   margin-right: -5px;
   margin-left: -5px;
 }

 .single-product-wrap {
   background: #fff;

   border: 1px solid #e1e1e1;
   padding: 0 10px 20px 10px;
   margin-bottom: 30px;
   transition: all ease-in-out 0.5s;
   margin-top: 10px;
   border-radius: 10px;
 }

 .single-product-wrap:hover {
   box-shadow: 1px 1px 20px 5px #e2e1e1;
   transform: translate(0, 5px);
 }

 .porduct-area .pbtn-transparent:before {
   background: transparent;
   border: 1px solid #000;
 }

 .porduct-area .pbtn-transparent a {
   color: #000;
 }

 .porduct-area .pbtn-transparent {
   background: transparent;
   border: 1px solid transparent;
 }

 .bottom-area .single-btm .btm-text a i {
   margin-left: 5px;
 }

 .single-product-wrap:hover .product-action {
   opacity: 1;
   -ms-filter: 1;
   filter: 1;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
 }

 .single-product-wrap:hover a:before {
   opacity: 1;
   -ms-filter: 1;
   filter: 1;
 }

 .product-image {
   position: relative;
   margin: 0;
   height: 18.5rem;
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
   overflow: hidden;
 }

 .slick-slide {
   height: auto;
 }

 .slick-slide {
   padding-right: 20px;
   padding-left: 20px;
 }

 .product-image > a {
   display: block;
   position: relative;
 }

 .single-product-wrap a {
   position: relative;
   cursor: pointer;
   z-index: 11;
   display: block;
 }

 .single-product-wrap .product-action {
   display: inline-block;
   left: 0;
   position: absolute;
   text-align: center;
   top: 100%;
   width: 100%;
   opacity: 0;
   -ms-filter: 0;
   filter: 0;
   -webkit-transition: 0.3s;
   transition: 0.3s;
   z-index: 1;
   align-items: center;
   justify-content: center;
   display: flex;
 }

 .single-product-wrap .product-action .wishlist,
 .single-product-wrap .product-action .add-to-cart,
 .single-product-wrap .product-action .quick-view {
   background: rgb(221 221 221 / 60%) none repeat scroll 0 0;
   display: inline-block;
   font-size: 18px;
   height: 40px;
   line-height: 44px;
   width: 40px;
   color: #222;

   vertical-align: middle;
   text-align: center;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-right: 3px;
 }

 .single-product-wrap .product-action .wishlist:hover,
 .single-product-wrap .product-action .add-to-cart:hover,
 .single-product-wrap .product-action .quick-view:hover {
   background: #131212;
   color: #ffffff;
 }

 .single-product-wrap .product-action a:hover i {
   color: #fff;
 }

 .product-content .price-box .new-price i {
   margin-left: 10px;
 }

 .product-content .price-box .new-price i,
 .porduct-area .product-content .price-box .new-price.increase.decrease i {
   display: none;
 }

 .porduct-area .product-content .price-box .new-price.decrease.increase {
   background: transparent;
   color: #000;
 }

 .product-content .price-box .new-price.decrease i.ion-arrow-up-c,
 .product-content .price-box .new-price.increase i.ion-arrow-down-c {
   display: block;
 }

 .product-content .price-box .new-price.increase,
 .product-content .price-box .new-price.increase i {
   color: #20a449;
   display: inline-block !important;
 }

 .product-content .price-box .new-price.decrease,
 .product-content .price-box .new-price.decrease i {
   color: #fa0909;
   display: inline-block;
 }

 .product-content .price-box .new-price.decrease i:before {
   content: "\f105";
 }

 .product-content .price-box .new-price.decrease {
   background: rgb(250 9 9 / 30%);
   display: flex;
 }

 .product-content .price-box .new-price.increase {
   background: rgb(32 164 73 / 30%);
 }

 .product-image span.label {
   position: absolute;
   top: 0;
   background: #ff5151;
   color: #ffffff;
   font-size: 12px;
   padding: 2px 15px;
   border-radius: 25px;
 }

 .product-content {
   text-align: center;
   position: relative;
   z-index: 2;
 }

 .product-content h3 {
   font-family: inherit;
   font-weight: 400;
   margin: 0;
   font-size: 14px;
   line-height: 18px;
   height: 65px;
   color: #000;
   display: flex;
   margin-bottom: 0;
   padding: 5px 0;
   justify-content: center;
 }

 .product-content .price-box {
   font-size: 14px;
 }

 .product-content .price-box span {
   margin: 0 8px;
 }

 .product-content .price-box .new-price {
   color: #000;
   display: flex;
   justify-content: center;
   width: fit-content;
   align-items: center;
   margin: 0 auto;
   padding: 5px;
   font-weight: 500;
 }

 .product-content .price-box .old-price {
   text-decoration: line-through;
   color: #a88323;
 }

 .product-content .price-box span {
   font-weight: 700;
   font-size: 18px;
   margin-top: 10px;
   display: block;
 }

 .product-active-lg-4 .slick-arrow,
 .product-two-row-4 .slick-arrow {
   font-size: 20px;
   position: absolute;
   top: 50%;
   left: -35px;
   right: auto;
   background: #ddd;
   border: none;
   width: 40px;
   height: 40px;
   border-radius: 5px;
   z-index: 5;
   opacity: 1;
   visibility: visible;
   transform: translateY(-50%);
   transition: 0.3s ease-in-out;
 }

 .product-active-lg-4 .slick-arrow.slick-next,
 .product-two-row-4 .slick-arrow.slick-next {
   right: -35px;
   left: auto;
 }

 .product-active-lg-4:hover .slick-arrow,
 .product-two-row-4:hover .slick-arrow {
   visibility: visible;
   opacity: 1;
 }

 .product-active-lg-4:hover .slick-arrow.slick-prev,
 .product-two-row-4:hover .slick-arrow.slick-prev {
   left: -35px;
 }

 .product-active-lg-4:hover .slick-arrow.slick-next,
 .product-two-row-4:hover .slick-arrow.slick-next {
   right: -35px;
 }

 /*--
     06. Testimonial
 --------------------*/
 .testimonial-bg {
   background: url('https://stage-assets.goldbank.co.uk/home_new/assets/images/bg/testimonial-bg.jpg');
   background-size: cover;
   background-repeat: no-repeat;
 }

 .content-testimonial {
   padding: 40px 35px 40px 30px;
   border-bottom: 1px solid #e1e1e1;
   position: relative;
   text-align: center;
 }

 .content-testimonial::after {
   position: absolute;
   content: "";
   /* Since there is no image with this name in the project, I have not replaced the path with the AWS path */
   background: url('../images/icon/testimonial-01.png');
   height: 175px;
   width: 33px;
   top: 30px;
   left: 0;
   background-repeat: no-repeat;
 }

 .testimonial-info {
   padding: 30px 30px;
   position: relative;
 }

 .testimonial-info::after {
   position: absolute;
   content: "";
   /* Since there is no image with this name in the project, I have not replaced the path with the AWS path  */
   background: url('../image/icon/testimonial-02.png');
   background-repeat: repeat;
   height: 120px;
   width: 131px;
   top: 0;
   left: 0;
   background-repeat: no-repeat;
 }

 .testimonial-info h5 {
   font-weight: 500;
 }

 .testimonial-inner {
   padding-bottom: 50px;
 }

 .testimonial-inner .test-author {
   margin-top: 20px;
 }

 .test-cont {
   text-align: center;
   margin: auto;
 }

 .test-cont img {
   display: inline-block;
 }

 .test-cont p {
   margin-top: 30px;
 }

 .testimonial-slider .slick-dots {
   text-align: center;
   margin-top: 20px;
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   margin: 30px auto 0 0;
 }

 .testimonial-slider .slick-dots li {
   display: inline-block;
   margin: 0 4px;
 }

 .testimonial-slider .slick-dots li button {
   background-image: url('https://stage-assets.goldbank.co.uk/home_new/assets/images/icon/slider-btn-01.png');
   background-size: cover;
   background-repeat: no-repeat;
   font-size: 0;
   line-height: 0;
   display: block;
   width: 20px;
   height: 20px;
   padding: 5px;
   cursor: pointer;
   color: transparent;
   border: 0;
   outline: none;
   border-radius: 50%;
 }

 .testimonial-slider .slick-dots li.slick-active button {
   background-image: url('https://stage-assets.goldbank.co.uk/home_new/assets/images/icon/slider-btn-active.png');
 }

 .btn-label {
   right: 0;
   display: inline-block;
   padding: 15px 12px;
   background: rgba(0, 0, 0, 0.15);
   border-radius: 3px 0 0 3px;
 }

 .btn-labeled {
   padding-top: 0;
   padding-bottom: 0;
   padding: 0;
   position: relative;
   -webkit-transform: perspective(1px) translateZ(0);
   transform: perspective(1px) translateZ(0);
   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
   border: none;
   border-radius: 0;
   position: relative;
   background: #e1c574;
   color: #fff;
 }

 .btn-labeled-silver {
   background: #6a6a6a;
 }

 .btn-labeled .btn-label {
   background: #efd69d;
 }

 .btn-labeled-silver .btn-label {
   background: #808080;
 }

 .btn-labeled:before {
   background: #bba35b;
   transition: all 0.4s ease 0s;
 }

 .btn-labeled-silver:before {
   background: #545353;
 }

 .btn {
   margin-bottom: 10px;
 }

 .btn-text {
   font-size: 12px;
   padding: 15px 12px;
   color: #fff;
 }

 .btn-labeled .ion-chevron-right:before {
   content: "\f125";
   font-size: 12px;
   color: white;
 }

 /*--
    07. Product Details Css
 ---------------------------*/
 .modal-dialog {
   max-width: 700px;
 }
 .modal-dialog.modal-md {
   max-width: 500px;
 }
 .modal-dialog.modal-xl {
   max-width: 1140px;
 }

 .modal-wrapper .modal-body {
   padding: 30px 15px;
 }

 .modal-wrapper button.close {
   font-size: 24px;
   padding: 0;
   position: absolute;
   right: 10px;
   top: 5px;
 }

 .modal-wrapper .modal {
   display: inline-block !important;
   visibility: hidden;
   opacity: 0;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   -webkit-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
   z-index: -9;
 }

 .modal-wrapper .modal.show {
   visibility: visible;
   opacity: 1;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   z-index: 99950;
 }

 .modal-wrapper .modal-dialog {
   max-width: 1000px;
 }

 .modal-content .fa-close {
   font-weight: 300;
 }

 .qty-product .input-text,
 .qty-product input {
   border-radius: 0;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .modal-wrapper .modal-dialog {
     width: 680px;
   }
 }

 @media only screen and (max-width: 767px) {
   .modal-wrapper .modal-dialog {
     width: 470px;
   }
 }

 @media only screen and (max-width: 479px) {
   .modal-wrapper .modal-dialog {
     width: 300px;
   }
 }

 .portfolio-full-image img {
   width: 100%;
 }

 .pot-small-img {
   border: 1px solid #ddd;
 }

 .pot-small-img img {
   width: 100%;
 }

 .product_big_images-right {
   float: right;
   width: calc(100% - 115px);
   padding-left: 15px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .product_big_images-right {
     width: calc(100% - 0px);
     padding-left: 0px;
     margin-bottom: 10px;
   }
 }

 @media only screen and (max-width: 767px) {
   .product_big_images-right {
     width: calc(100% - 0px);
     padding-left: 0px;
     margin-bottom: 10px;
   }
 }

 @media only screen and (max-width: 479px) {
   .product_big_images-right {
     width: calc(100% - 0px);
     padding-left: 0px;
     margin-bottom: 10px;
   }
 }

 .product-details-page .product_details_info .table td {
   font-weight: 500;
   padding: 12px 9px;
   border-top: none;
   border-bottom: 1px solid #dee2e6;
 }

 .product-details-page .product_details_info .table tr td:last-child {
   text-align: right;
 }

 .product-details-page .product_details_info .table tr a.learn_table {
   border: 1px solid #ebebeb;
   font-size: 12px;
   padding: 7px 20px;
 }

 .product_small_images-left {
   float: left;
   width: 115px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .product_small_images-left {
     width: 100%;
   }
 }

 @media only screen and (max-width: 767px) {
   .product_small_images-left {
     width: 100%;
   }
 }

 @media only screen and (max-width: 479px) {
   .product_small_images-left {
     width: 100%;
   }
 }

 .vartical-product-active li {
   margin: 0 0px 10px 0;
 }

 .vartical-product-active li:last-child {
   margin-bottom: 0;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .vartical-product-active li {
     margin: 0 10px 0px 0;
   }
 }

 @media only screen and (max-width: 767px) {
   .vartical-product-active li {
     margin: 0 10px 0px 0;
   }
 }

 @media only screen and (max-width: 479px) {
   .vartical-product-active li {
     margin: 0 10px 0px 0;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .vartical-product-active .slick-list {
     margin: 0 -9px 0 0;
   }
 }

 @media only screen and (max-width: 767px) {
   .vartical-product-active .slick-list {
     margin: 0 -9px 0 0;
   }
 }

 @media only screen and (max-width: 479px) {
   .vartical-product-active .slick-list {
     margin: 0 -9px 0 0;
   }
 }

 .product_small_images-left .arrow-prv,
 .product_small_images-left .arrow-next,
 .product_small_images-bottom .arrow-prv,
 .product_small_images-bottom .arrow-next {
   width: 30px;
   height: 30px;
   line-height: 30px;
   text-align: center;
   background: #ddd;
   color: #fff;
   z-index: 9;
   position: absolute;
   top: 50%;
   opacity: 0;
   visibility: hidden;
   transform: translateY(-50%);
   cursor: pointer;
   transition: all 0.3s ease-in-out;
 }

 .product_small_images-left .arrow-prv:hover,
 .product_small_images-left .arrow-next:hover,
 .product_small_images-bottom .arrow-prv:hover,
 .product_small_images-bottom .arrow-next:hover {
   background: #c7aa60;
 }

 .product_small_images-left .arrow-next,
 .product_small_images-bottom .arrow-next {
   right: 0;
 }

 .product_small_images-left:hover .arrow-prv,
 .product_small_images-left:hover .arrow-next,
 .product_small_images-bottom:hover .arrow-prv,
 .product_small_images-bottom:hover .arrow-next {
   opacity: 1;
   visibility: visible;
 }

 @media only screen and (max-width: 479px), only screen and (max-width: 767px) {
   .product_details_info {
     margin-top: 20px;
   }
 }

 .product_big_images-top {
   margin-bottom: 15px;
 }

 .horizantal-product-active .pot-small-img {
   margin-right: 15px;
 }

 .product_small_images-bottom .slick-list {
   margin-right: -15px;
 }

 .product_details_info > h2 {
   color: #131212;
   font-size: 35px;
   line-height: 42px;
   font-weight: 500;
   text-transform: capitalize;
 }

 .product-details-page {
   padding: 120px 0 40px;
 }

 .product-details-page .product_details_info .table tr td:first-child {
   color: #6a6a6a;
 }

 .product-rating li {
   padding-right: 10px;
   color: #ff5151;
   font-size: 18px;
 }

 .qty-product input {
   border: 1px solid #ebebeb;
   padding: 0;
   border: 1px solid #ebebeb;
   font-size: 20px;
   color: #1f1f1f;
   text-align: center;
   margin: 0 auto;
   font-weight: 500;
   min-width: auto !important;
   height: 35px;
   line-height: 35px;
   width: 37px;
 }

 .product_details_info .qty-product input:last-child {
   margin-right: 0;
 }

 .product_details_info .qty-product input {
   margin-right: 5px;
 }

 .qty-product .input-text {
   width: 35px;
   padding: 0;
 }

 .qty-product input[type="number"]::-webkit-inner-spin-button,
 .qty-product input[type="number"]::-webkit-outer-spin-button {
   -webkit-appearance: none;
 }

 .qty-product input[type="number"] {
   -moz-appearance: textfield;
 }

 .main-tittle {
   color: #1e1e1e;
   font-family: var(--font-heading);
   font-weight: 400;
   border-bottom: 1px solid #ccc7c7;
   margin-bottom: 10px;
   padding: 20px 0 10px 0;
 }

 select#exampleFormControlSelect1 {
   height: 35px;
 }

 .pro_details p {
   margin-top: 10px;
 }

 .pro_dtl_color .ipro_dtl-information a.ipro_swaparrow {
   -webkit-transform: rotate(90deg);
   -moz-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   -o-transform: rotate(90deg);
   transform: rotate(90deg);
 }

 .pro_dtl_prize li {
   font-size: 22px;
   color: #ff5151;
   display: inline-block;
   font-weight: 500;
 }

 .pro_dtl_logo li img {
   width: 60%;
   object-fit: contain;
   float: right;
   display: flex;
   justify-content: center;
   align-items: center;
   height: 30px;
 }

 .pro_dtl_prize li.old_prize {
   font-size: 24px;
   color: #131212;
   font-weight: 600;
 }

 .pro_dtl_color span.input-group-btn .quantity-left-minus.btn-number {
   background: #e1e1e1;
 }

 .pro_dtl_color input#quantity {
   width: 45px;
   border: 0px;
   border: 1px solid #e1e1e1;
   border-radius: 0px;
   height: 40px;
 }

 ul.pro_dtl_prize {
   align-items: center;
   text-align: right;
   flex-grow: 1;
   display: flex;
   justify-content: end;
 }

 .pro_dtl_btn li a.add_to_btn {
   width: 100%;
   background: #131212;
   color: #ffff;
   font-size: 13px;
   position: relative;
 }

 .pro_dtl_color span.input-group-btn button.quantity-right-plus {
   border-top: 1px solid #e1e1e1;
   border-right: 1px solid #e1e1e1;
   border-bottom: 1px solid #e1e1e1;
 }

 .pro_dtl_btn li a:hover i {
   color: #000;
 }

 .product-details-page .product_details_info .table tr {
   transition: all ease-in-out 0.7s;
 }

 .pro_dtl_color span.input-group-btn button {
   border: 0px;
   background: transparent;
   height: 40px;
   width: 48px;
 }

 .title_2 {
   font-size: 20px;
   font-weight: 500;
   line-height: 1;
 }

 .pro_dtl_color .title_2 {
   font-size: 20px;
   font-weight: 500;
   line-height: 1;
   font-weight: 500;
   font-size: 14px;
   color: #6a6a6a;
 }

 .pro_feature .table tr td:last-child {
   color: #131212;
   font-weight: 600;
 }

 .pro_feature .table td.border-0 {
   font-weight: 500;
   font-size: 14px;
   color: #6a6a6a;
   padding: 5px 0;
 }

 .pro_dtl_color {
   margin-top: 15px;
 }

 .pro_dtl_color li {
   font-size: 24px;
   display: inline-block;
   padding-right: 5px;
 }

 .pro_dtl_color li:last-child {
   padding: 0;
 }

 .pro_dtl_color .red a {
   color: #ff5d42;
 }

 .pro_dtl_color .blue a {
   color: #425dff;
 }

 .pro_dtl_color .perpal a {
   color: #fd42ff;
 }

 .pro_dtl_color .yellow a {
   color: #ffd542;
 }

 .pro_dtl_size {
   margin-top: 15px;
 }

 .pro_dtl_size .pro_choose_size li {
   display: inline-block;
   padding-right: 10px;
 }

 .pro_dtl_size .pro_choose_size li:last-child {
   padding: 0;
 }

 .product-quantity-action {
   margin-top: 15px;
   font-weight: 500;
   display: flex;
   align-items: center;
 }

 .product-quantity-action .product-quantity {
   margin-left: 10px;
 }

 .product-quantity-action .product-quantity input {
   width: 40px;
   text-align: center;
   height: 30px;
 }

 .pro_social_share {
   margin-top: 15px;
 }

 .pro_social_share .pro_social_link > li {
   display: inline-block;
   padding-left: 10px;
 }

 .pro_dtl_btn {
   margin-top: 20px;
   display: flex;
   font-weight: 500;
 }

 .pro_dtl_btn li a {
   border: 1px solid #dddddd;
   display: block;
   font-size: 20px;
   height: 35px;
   line-height: 35px;
   text-align: center;
   width: 37px;
 }

 .pro_dtl_btn li a.buy_now_btn {
   text-transform: uppercase;
   font-weight: 500;
   font-size: 14px;
   width: 120px;
 }

 .pro_dtl_btn li a:hover {
   background: transparent;
   color: #000;
 }

 .pro_dtl_btn li.ipro_dtl-information a:hover {
   background: #000;
   color: #fff;
 }

 .pro_dtl_btn li.ipro_dtl-information a:hover i {
   color: #fff;
 }

 .product-details-tab .nav {
   justify-content: flex-start;
   border-bottom: 1px solid #ddd;
 }

 .product-details-tab .nav li a ul.d-flex li i {
   color: #00b67a;
   font-size: 20px;
 }

 .product-details-tab .nav li {
   margin-right: 15px;
 }

 .product-details-tab .nav li a ul.d-flex {
   margin-left: 10px;
   line-height: 20px;
 }

 .product-details-tab .nav li a ul.d-flex li {
   margin-right: 0px;
 }

 .review_info ul.d-flex li i,
 .review_date ul.d-flex li i {
   color: #00b67a;
   font-size: 20px;
 }

 .review_date {
   font-weight: 100;
   flex: 0 0 calc(100% - 120px);
   max-width: calc(100% - 120px);
 }

 .review_date h4 {
   font-family: inherit;
   font-weight: 500;
   color: #000;
   font-size: 14px;
   line-height: 24px;
   margin-right: 10px;
   margin-bottom: 0;
 }

 .review_details ul.share-review li {
   color: #85858f;
   padding-left: 10px;
 }

 .review_details ul.share-review li:first-child {
   padding-left: 0;
 }

 .pro_dtl_color input[type="number"] {
   min-width: auto !important;
 }

 .review_date b {
   color: #85858f;
 }

 .review_details p {
   font-weight: 100;
   font-size: 13px;
 }

 .review_info h5 {
   color: #222;
   font-family: inherit;
   font-weight: 100;
   font-size: 16px;
   line-height: 20px;
 }

 .product-details-tab .nav li a {
   font-weight: 500;
   font-size: 15px;
   display: block;
   padding: 14px 35px;
   -webkit-transition: 0.4s;
   transition: 0.4s;
   position: relative;
   color: #999999;
   font-weight: 600;
 }

 .product-details-tab .nav li a.active {
   color: #000;
   border: none;
   border-bottom: 0;
   border-top-left-radius: 6px;
   border-top-right-radius: 6px;
   background-color: #f5f5f5;
 }

 .product_description_wrap b {
   font-family: var(--font-heading) !important;
   font-size: 16px;
 }

 .product_details_tab_content .product_desc {
   color: gray !important;
 }

 .product-details-tab .nav li a.active::before {
   visibility: visible;
   opacity: 1;
   -ms-filter: 1;
   filter: 1;
   width: 100%;
 }

 @media only screen and (max-width: 479px) {
   .product-details-tab .nav li a {
     padding-bottom: 10px;
   }

   .product-details-tab .nav li a:last-child {
     margin-top: 10px;
   }
 }

 .product-details-tab .nav li:hover > a::before {
   visibility: visible;
   opacity: 1;
   -ms-filter: 1;
   filter: 1;
   width: 100%;
 }

 .single-product-gallery {
   float: left;
   padding: 5px;
   width: 50%;
 }

 .title_3 {
   font-size: 22px;
   font-weight: 500;
 }

 .feature_list li {
   margin-bottom: 5px;
 }

 .feature_list li:last-child {
   margin: 0;
 }

 .feature_list li a i {
   font-size: 18px;
   color: #000000;
   margin-right: 8px;
 }

 .pro_review {
   margin-bottom: 15px;
   position: relative;
   padding-bottom: 15px;
   width: 100%;
   max-width: 100%;
 }

 .pro_review.ans {
   margin-bottom: 50px;
   margin-left: 50px;
   margin-top: 50px;
 }

 @media only screen and (max-width: 479px) {
   .pro_review.ans {
     margin-bottom: 30px;
     margin-left: 20px;
     margin-top: 30px;
   }
 }

 /*--
     08. Banner CSs
 --------------------------*/
 .single-banner {
   position: relative;
 }

 .single-banner:hover .banner-content {
   visibility: visible;
   opacity: 1;
   transform: rotate(0deg);
 }

 .banner-content {
   position: absolute;
   top: 0;
   right: 0;
   padding: 0 50px;
   background: rgba(255, 255, 255, 0.6);
   height: auto;
   width: auto;
   left: 0;
   bottom: 0;
   margin: 30px;
   display: flex;
   align-items: center;
   opacity: 0;
   visibility: hidden;
   transition: all 0.4s ease-in-out;
   transform: rotate(15deg);
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .banner-content {
     padding: 0 20px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .banner-content {
     padding: 0 10px;
     margin: 10px;
   }

   .banner-content p {
     margin-bottom: 5px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .banner-content {
     padding: 0 10px;
     margin: 10px;
   }

   .banner-content p {
     margin-bottom: 5px;
   }
 }

 @media only screen and (max-width: 479px) {
   .banner-content {
     padding: 0 10px;
     margin: 10px;
   }

   .banner-content p {
     margin-bottom: 5px;
   }
 }

 .banner-content a {
   color: #ff5151;
   font-weight: 600;
 }

 .single-banner-two:hover img {
   transform: scale(1.03);
 }

 .single-banner-two:hover .banner-content-two h3 {
   -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInUp;
   animation: 500ms ease-in-out 0s normal none 1 running fadeInUp;
 }

 .single-banner-two:hover .banner-content-two a {
   -webkit-animation: 600ms ease-in-out 0s normal none 1 running fadeInUp;
   animation: 600ms ease-in-out 0s normal none 1 running fadeInUp;
 }

 .single-banner-two {
   overflow: hidden;
 }

 .single-banner-two img {
   transform: scale(1);
   transition: all 0.3s ease-in-out;
 }

 .banner_bg-two {
   background: url('https://stage-assets.goldbank.co.uk/home_new/assets/images/banner/banner.jpg');
 }

 .banner-content-two {
   top: 0;
   right: 0;
   padding: 60px 50px;
   height: auto;
   width: auto;
   left: 0;
   bottom: 0;
   margin-left: 50px;
   display: flex;
   align-items: center;
   transition: all 0.4s ease-in-out;
 }

 .banner-content-two h3 span {
   color: #ff5151;
   font-size: 46px;
 }

 .banner-content-two a {
   margin-top: 30px;
   color: #ff5151;
   font-weight: 600;
   font-size: 18px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .banner-content-two {
     margin-left: 20px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .banner-content-two {
     padding: 40px 10px;
     margin-left: 20px;
   }
 }

 @media only screen and (max-width: 767px) {
   .banner-content-two {
     padding: 30px 10px;
     margin-left: 10px;
   }

   .banner-content-two h3 {
     font-size: 18px;
     line-height: 20px;
   }

   .banner-content-two h3 span {
     color: #ff5151;
     font-size: 22px;
   }

   .banner-content-two a {
     margin-top: 20px;
   }
 }

 .christmas-2024-2025 .coins {
   width: 857px;
   position: absolute;
   bottom: 140px;
   right: -60px;
 }

 .christmas-2024-2025 .merry {
   position: relative;
   top: 75px;
   left: 50px;
 }

 .christmas-2024-2025 .action-button-wrapper {
   position: relative;
   bottom: 395px;
   left: -10px;
 }

 .christmas-2024-2025 .action-button a {
   color: #f4ca90 !important;
   background: none;
 }

 @media only screen and (max-width: 1199px) {
   .christmas-2024-2025 .action-button-wrapper {
     bottom: 412px;
     left: -15px;
   }
 }
 @media only screen and (max-width: 991px) {
   .christmas-2024-2025 .coins {
     width: 100%;
     bottom: 90px;
     right: -250px;
   }

   .christmas-2024-2025 .merry {
     width: 100%;
   }

   .christmas-2024-2025 .action-button-wrapper {
     bottom: 340px;
     left: 10px;
   }
 }

 @media only screen and (max-width: 767px) {
   .christmas-2024-2025 {
     background-image: url('https://stage-assets.goldbank.co.uk/home_new/assets/images/hero_slides/christmas-2024-2025/bg-mobile.png') !important;
     background-size: cover !important;
   }
   .christmas-2024-2025 .coins {
     width: 100%;
     bottom: 160px;
     right: 0;
   }

   .christmas-2024-2025 .coins img {
     margin: auto;
   }

   .christmas-2024-2025 .action-button-wrapper {
     display: block;
     position: unset;
     margin-top: -100px;
   }

   .christmas-2024-2025 .action-button {
     width: 100%;
   }

   .christmas-2024-2025 .action-button a {
     color: #f4ca90 !important;
     background: white;
   }
 }

 @media only screen and (max-width: 490px) {
   .christmas-2024-2025 .merry {
     top: 50px;
     left: 5px;
   }
 }

 /*--
     09. Bloag Css
 -----------------------------*/
 .single-blog .blog-image {
   position: relative;
 }

 .single-blog .meta-tag {
   width: 80px;
   background: #ff5151;
   height: 60px;
   line-height: 60px;
   text-align: center;
   position: absolute;
   color: #fff;
   top: 0;
 }

 .single-blog .meta-tag span {
   font-size: 20px;
   font-weight: 600;
 }

 .single-blog .blog-content {
   margin-top: 25px;
   max-width: 480px;
 }

 .single-blog .blog-content .read-more {
   margin-top: 15px;
 }

 .single-blog .blog-content .read-more a {
   font-weight: 600;
 }

 .our-blog-contnet {
   padding: 30px;
   border-bottom: 1px solid #ececec;
   border-right: 1px solid #ececec;
   border-left: 1px solid #ececec;
 }

 .our-blog-contnet h5 {
   font-weight: 600;
   margin-bottom: 5px;
 }

 .our-blog-contnet .post_meta {
   margin-bottom: 10px;
   font-size: 12px;
 }

 .our-blog-contnet .post_meta ul li {
   display: inline-block;
   position: relative;
   padding: 0 10px 0 0;
   margin: 0 10px 0 0;
   position: relative;
 }

 .our-blog-contnet .post_meta ul li::before {
   content: "";
   width: 1px;
   height: 10px;
   background: #7c7c7c;
   top: 50%;
   right: 0;
   position: absolute;
   transform: translateY(-50%);
 }

 .our-blog-contnet .post_meta ul li:last-child::before {
   display: none;
 }

 .our-blog-contnet .post_meta ul li a {
   color: #ff5151;
 }

 .our-blog-contnet > p {
   font-size: 14px;
 }

 .our-blog-contnet .button-block {
   margin-top: 20px;
 }

 .our-blog-contnet .button-block .botton-border {
   padding: 5px 30px;
   border: 2px solid #ff5151;
   color: #ff5151;
   border-radius: 5px;
   font-size: 12px;
   text-transform: uppercase;
 }

 .our-blog-contnet .button-block .botton-border:hover {
   background: #ff5151;
   color: #ffffff;
 }

 .single-our-blog:hover .our-blog-image a {
   position: relative;
 }

 .single-our-blog:hover .our-blog-image a::before {
   opacity: 1;
   visibility: visible;
 }

 .single-our-blog:hover .our-blog-image .in-our-blog-icon {
   opacity: 1;
   visibility: visible;
   margin-top: 0px;
 }

 .our-blog-image {
   position: relative;
 }

 .our-blog-image a {
   position: relative;
   display: block;
 }

 .our-blog-image a::before {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   height: 100%;
   width: 100%;
   opacity: 0;
   visibility: hidden;
   background: rgba(0, 0, 0, 0.58);
   -webkit-transition: 0.3s;
   transition: 0.3s;
 }

 .our-blog-image a img {
   width: 100%;
 }

 .our-blog-image .in-our-blog-icon {
   position: absolute;
   width: 50px;
   height: 50px;
   line-height: 45px;
   text-align: center;
   background: #fff;
   left: 50%;
   top: 50%;
   border-radius: 50%;
   opacity: 0;
   visibility: hidden;
   transform: translate(-50%, -50%);
   color: #ffffff;
   font-size: 50px;
   margin-top: 30px;
   -webkit-transition: 0.3s;
   transition: 0.3s;
 }

 .blog-top-bar {
   display: flex;
   justify-content: space-between;
   background: #f6f6f6;
   padding: 10px 20px;
   color: #ff5151;
   margin-top: 30px;
 }

 @media only screen and (max-width: 767px) {
   .blog-top-bar {
     padding: 6px;
   }
 }

 .blog-top-bar .blog-item-filter-list li a {
   font-size: 20px;
   margin-left: 15px;
   padding-left: 15px;
   position: relative;
 }

 .blog-top-bar .blog-item-filter-list li a::before {
   background: #ff5151;
   content: "";
   position: absolute;
   height: 15px;
   width: 1px;
   left: 0;
   top: 6px;
 }

 .blog-top-bar .blog-item-filter-list li:first-child a::before {
   display: none;
 }

 .single-blog-list-view .our-blog-contnet {
   padding: 0;
   border: none;
 }

 @media only screen and (max-width: 767px) {
   .single-blog-list-view .our-blog-contnet {
     margin-top: 30px;
   }
 }

 .blog-details-area .our-blog-contnet {
   padding: 30px 0;
   border: none;
   border-bottom: 1px solid #ddd;
 }

 .blockquote-blog {
   background: #ff5151;
   padding: 20px 70px;
   color: #ffffff;
   overflow: hidden;
   position: relative;
   border-radius: 5px;
 }

 .blockquote-blog::after {
   position: absolute;
   width: 40px;
   height: 40px;
   background: url('https://stage-assets.goldbank.co.uk/home_new/assets/images/icon/small-quote-icon.png') no-repeat;
   content: "";
   left: 35px;
   top: 25px;
   z-index: 1;
   right: auto;
 }

 .blockquote-blog::before {
   position: absolute;
   width: 80px;
   height: 80px;
   background: url('https://stage-assets.goldbank.co.uk/home_new/assets/images/icon/quote-icon01.png') no-repeat;
   content: "";
   right: 0;
   bottom: 10px;
   z-index: 1;
   left: auto;
 }

 @media only screen and (max-width: 767px) {
   .blockquote-blog {
     padding: 30px 30px;
   }

   .blockquote-blog::after {
     left: 15px;
     top: 15px;
   }
 }

 .blockquote-blog p {
   margin: 0;
 }

 .blockquote-blog h5 {
   margin: 0;
   float: right;
   font-weight: 500;
   color: #ffffff;
   position: relative;
   padding-left: 45px;
 }

 .blockquote-blog h5::after {
   position: absolute;
   width: 35px;
   height: 1px;
   background: #ddd;
   content: "";
   left: 0;
   top: 50%;
 }

 .admin-author-details {
   margin-top: 60px;
   border-top: 1px solid #ddd;
   padding-top: 60px;
 }

 .admin-aouthor {
   display: flex;
   align-items: center;
   background: #f9f8f8;
   padding: 30px;
 }

 .admin-aouthor .admin-image {
   width: 40%;
 }

 .admin-info .name h5 {
   font-weight: 700;
 }

 .admin-info .name p {
   color: #ff5151;
   margin-bottom: 10px;
 }

 .admin-info .author-socialicons {
   padding-left: 0;
   margin-bottom: 0;
   margin-top: 20px;
 }

 .admin-info .author-socialicons li {
   list-style: none;
   display: inline-block;
 }

 .admin-info .author-socialicons li a {
   display: block;
   width: 35px;
   height: 35px;
   line-height: 35px;
   background: #ff5151;
   color: #ffffff;
   text-align: center;
   border-radius: 100%;
   margin: 2.5px;
   font-size: 16px;
 }

 .admin-info .author-socialicons li a:hover {
   background: #333;
 }

 .review_address_inner {
   position: relative;
 }

 .review_address_inner > h5 {
   font-weight: 600;
   margin-bottom: 30px;
 }

 .pro_review:nth-child(3n) {
   padding-left: 120px;
 }

 @media only screen and (max-width: 767px) {
   .pro_review:nth-child(3n) {
     padding-left: 20px;
   }
 }

 @media only screen and (max-width: 479px) {
   .pro_review {
     margin-bottom: 20px;
   }
 }

 .review_thumb {
   margin-right: 20px;
   min-width: 20%;
 }

 @media only screen and (max-width: 767px) {
   .review_thumb {
     min-width: 25%;
   }
 }

 .comments-reply-area .comment-input input {
   width: 100%;
   margin-bottom: 30px;
   border: 1px solid #ddd;
   padding: 6px 20px;
 }

 .comments-reply-area .comment-input textarea {
   width: 100%;
   height: 200px;
   border: 1px solid #ddd;
   padding: 20px;
 }

 .comments-reply-area .comment-form-submit {
   margin-top: 30px;
 }

 .comments-reply-area .comment-form-submit .comment-submit {
   background: #c7aa60;
   color: #ffffff;
   font-weight: 600;
   border: none;
   text-transform: uppercase;
   padding: 8px 30px;
   font-size: 16px;
   letter-spacing: 1px;
 }

 .comments-reply-area .comment-form-submit .comment-submit:hover {
   background: #333;
 }

 .comments-reply-area {
   margin-top: 30px;
 }

 /*--
     10. Footer Css
 -------------------------*/
 footer {
   background: #030303;
   position: relative;
 }

 .footer-top {
   position: relative;
   color: #3e3b36;
   padding: 60px 0 20px;
 }

 .widget-footer .footer-logo {
   margin: 0;
 }

 .widget-footer {
   padding-bottom: 20px;
 }

 .widget-footer .title-widget {
   margin-bottom: 10px;
   font-size: 22px;
   line-height: 32px;
   font-weight: 700;
   color: #d0b462;
   position: relative;
   font-family: inherit;
 }
 .widget-footer .email-newslatter{
   position: relative;
   margin-bottom: 24px;
 }
 .widget-footer .email-newslatter input {
   min-height: 60px;
   border-radius: 8px;
   border: 1px solid rgba(255, 241, 241, 0.20);
   background: transparent;
   color: #FFF;
   font-size: 15px;
   font-style: normal;
   font-weight: 400;
   line-height: 20px; /* 133.333% */
   letter-spacing: -0.09px;
 }
 .widget-footer .email-newslatter span{
   position: absolute;
   right: 20px;
   top:50%;
   transform: translateY(-50%);
 }

 .widget-footer .email-newslatter span img{
   width: 36px;
   height: 36px;
 }

 .awards_list {
   margin-bottom: 15px;
 }

 .awards_list ul li {
   display: inline-block;
   margin-right: 10px;
 }

 .awards_list ul li img {
   max-width: 100px;
 }

 @media only screen and (max-width: 767px) {
   .awards_list {
     margin-bottom: 0;
   }
 }

 .newsletter-footer {
   margin-top: 18px;
 }

 .newsletter-footer input {
   width: 100%;
   max-width: 300px;
   border: none;
   padding: 0px 10px;
   background-color: #ebebeb;
   height: 35px;
   margin-top: 12px;
   margin-right: 5px;
 }

 .newsletter-footer .subscribe-button {
   width: 100%;
 }

 .newsletter-footer .subscribe-btn {
   padding: 6px 20px;
   border: none;
   background: #131212;
   color: #ffffff;
   margin-top: 12px;
 }

 .news-letter {
   position: relative;
 }

 .news-letter .form-control {
   height: 50px;
   border-radius: 10px;
   padding: 0 45px 0 10px;
   background-color: transparent;
   color: #fff;
   border: 1px solid #3a3734 !important;
   font-size: 15px;
 }

 .news-letter .form-control::-webkit-input-placeholder {
   color: #fff;
 }

 .news-letter .form-control::-moz-placeholder {
   color: #fff;
 }

 .news-letter .form-control::-ms-input-placeholder {
   color: #fff;
 }

 .news-letter .form-control::placeholder {
   color: #fff;
 }

 .widget-footer p {
   color: #cccccc;
   font-size: 14px;
   padding: 10px 0 10px;
   line-height: 20px;
 }

 .news-letter .form-control:focus {
   outline: none;
   box-shadow: none;
   border-color: #d0b462;
 }

 .news-letter .button {
   position: absolute;
   top: 7px;
   right: 5px;
   border-radius: 50%;
   height: 36px;
   width: 36px;
   padding: 0;
   background-color: transparent;
   color: #fff;
   border: 1px solid #806b31;
   font-weight: 600;
   overflow: hidden;
 }
 .news-letter .button i {
   line-height: 34px;
 }
 .news-letter .button:hover i,
 .news-letter .button:focus i {
   animation: tipRight 1s cubic-bezier(0, 0.6, 1, 0.4) infinite 0.5s;
 }
 @keyframes tipRight {
   100% {
     transform: translateX(30px);
   }
   0% {
     transform: translateX(-30px);
   }
 }

 .footer-list li {
   margin-bottom: 10px;
 }

 .footer-list li:last-child {
   margin-bottom: 0;
 }

 .footer-contact li {
   margin-bottom: 10px;
 }

 .footer-contact li:last-child {
   margin-bottom: 0;
 }

 .footer-contact label {
   display: block;
   font-weight: 500;
   margin-bottom: 2px;
 }

 .footer-blog li {
   margin-bottom: 25px;
 }

 .footer-blog li:last-child {
   margin-bottom: 0;
 }

 .widget-blog-wrap {
   position: relative;
 }

 .widget-blog-image {
   max-width: 76px;
   position: absolute;
   min-height: 70px;
 }

 .widget-blog-content {
   padding-left: 80px;
 }

 .widget-blog-content h6 {
   font-weight: 400;
   font-size: 14px;
 }

 .widget-blog-content span {
   font-size: 13px;
   margin-right: 8px;
 }

 .footer-bottom li.list-inline-item p a {
   text-decoration: none;
 }

 .footer-logo:before {
   background: #dbdbdb;
   content: "";
   position: absolute;
   width: 100%;
   height: 1px;
   left: 0;
   top: 14px;
   display: none;
 }

 .footer-logo {
   margin-bottom: 0;
 }

 @media (max-width: 991px) {
   .footer-logo {
     position: relative;
     left: auto;
     right: auto;
     padding: 0;
   }
 }

 .footer-lower {
   padding: 45px 0 25px;
   position: relative;
 }
 .footer-lower::before,
 .footer-lower::after {
   content: "";
   height: 1px;
   width: 100%;
   background: linear-gradient(
     270deg,
     rgba(255, 255, 255, 0.48) -1.65%,
     rgba(255, 255, 255, 0.48) 55.53%,
     rgba(255, 255, 255, 0) 100%
   );
   position: absolute;
   top: 7px;
   left: 0;
 }
 .footer-lower::after {
   left: auto;
   right: 0;
   transform: rotate(180deg);
 }
 .footer-lower .list-inline {
   text-align: right;
   width: 100%;
 }

 .footer-lower .list-inline .list-inline-item {
   position: relative;
   margin: 0;
 }

 .footer-lower .list-inline .list-inline-item:not(:last-child):after {
   content: "";
   width: 4px;
   height: 4px;
   border-radius: 50%;
   background-color: #3e3b36;
   position: absolute;
   right: 7px;
   top: 0;
   bottom: 0;
   margin: auto 0;
   display: none;
 }

 .footer-lower .list-inline .list-inline-item:not(:last-child) {
   padding-right: 14px;
 }
 .footer-lower .row {
   align-items: center;
 }
 .footer-lower p {
   font-size: 13px;
   line-height: 20px;
   text-transform: uppercase;
   color: #cccccc;
   margin: 0;
   display: inline;
 }
 .footer-lower .col-md-7 p:not(:last-child) {
   padding-right: 15px;
 }
 .footer-lower .col-md-2 {
   flex: 0 0 124px;
   max-width: 124px;
 }
 .footer-logo img {
   position: relative;
   max-width: 200px;
 }
 .footer-top .widget-footer img {
   max-width: 150px;
 }

 .header_info .right-blok-box {
   margin: 0;
 }

 /*--
     11. Widget Css
 ---------------------*/
 .widget-title {
   font-weight: 600;
   position: relative;
   padding-left: 10px;
   padding-bottom: 6px;
   margin-bottom: 30px;
   display: inline-block;
   margin-top: -5px;
 }

 .widget-title::after {
   position: absolute;
   content: "";
   background: #ff5151;
   width: 100%;
   height: 1px;
   left: 0;
   bottom: 0;
 }

 .widget-title::before {
   position: absolute;
   content: "";
   background: #ff5151;
   width: 1px;
   height: 25px;
   left: 0;
   bottom: 0;
 }

 .left-sidebar {
   padding-right: 20px;
 }

 @media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
   .left-sidebar {
     padding-right: 0px;
   }
 }

 .right-sidebar {
   padding-left: 20px;
 }

 @media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
   .right-sidebar {
     padding-left: 0px;
   }
 }

 .left-sidebar {
   padding-right: 20px;
 }

 .single-widget {
   margin-top: 60px;
 }

 .single-widget:first-child {
   margin-top: 30px;
 }

 @media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
   .single-widget {
     margin-top: 35px;
   }
 }

 .widget-search-form input {
   width: 100%;
   padding: 10px;
   border-radius: 25px;
   border: 1px solid #ff5151;
 }

 .widget-categories ul li {
   margin-bottom: 10px;
 }

 .widget-categories ul li:last-child {
   margin-bottom: 0;
 }

 .widget-categories ul li a {
   display: block;
 }

 .widget-categories ul li a span {
   float: right;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
   .widgets {
     padding-top: 30px;
   }
 }

 .single-related {
   position: relative;
   padding-left: 130px;
   min-height: 80px;
   margin-bottom: 20px;
 }

 .single-related:last-child {
   margin-bottom: 0;
 }

 @media only screen and (max-width: 479px) {
   .single-related {
     padding-left: 0px;
   }
 }

 .single-related-image {
   position: absolute;
   left: 0;
   top: 5px;
   overflow: hidden;
   width: 120px;
 }

 @media only screen and (max-width: 479px) {
   .single-related-image {
     position: inherit;
     width: 100%;
     margin-bottom: 20px;
   }
 }

 .single-related-contents h4 {
   font-weight: 600;
   margin-bottom: 2px;
 }

 .single-related-contents .post_meta {
   margin-bottom: 5px;
 }

 .tweet-cont-wrap ul li {
   margin-bottom: 20px;
 }

 .tweet-cont-wrap ul li:last-child {
   margin-bottom: 0;
 }

 .tweet-cont-wrap ul li > a {
   color: #ff5151;
   font-weight: 600;
 }

 .tweet-cont-wrap ul li span {
   color: #ff5151;
   font-weight: normal;
   margin-top: 8px;
 }

 .tag {
   margin-bottom: -8px;
   margin-right: -5px;
   margin-left: -5px;
   margin-top: -5px;
 }

 .tag a {
   color: #ff5151;
   border: 1px solid #ff5151;
   padding: 6px 12px;
   border-radius: 25px;
   margin: 4px;
   margin-bottom: 10px;
 }

 .tag a:hover {
   color: #ffffff;
   background: #ff5151;
 }

 .our-widget-agent {
   margin-left: -10px;
   margin-right: -10px;
 }

 .our-widget-agent .widget-agent {
   width: 43%;
   float: left;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
   text-align: center;
   margin: 0px 10px 20px 10px;
   border-radius: 10px;
 }

 .our-widget-agent .widget-agent .name {
   background: #f1f1ff;
   padding: 10px;
 }

 .our-widget-agent .widget-agent .name h5 {
   margin-bottom: 0;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .our-widget-agent .widget-agent {
     width: 41%;
   }
 }

 /*--
    shop sidebar Css
 ------------------------------*/
 .shop-sidebar h4 {
   font-size: 18px;
   font-weight: 600;
   color: #000000;
   margin-bottom: 25px;
   padding-bottom: 15px;
   position: relative;
   text-transform: uppercase;
 }

 .shop-sidebar h4::before {
   position: absolute;
   content: "";
   background: #ff5151;
   width: 50px;
   height: 2px;
   left: 0;
   bottom: -1px;
 }

 .shop-sidebar ul > li {
   display: block;
   margin-bottom: 10px;
 }

 .shop-sidebar ul > li:last-child {
   margin-bottom: 0px;
 }

 .shop-sidebar ul > li > a {
   font-size: 15px;
   display: block;
   font-weight: 500;
 }

 .shop-sidebar ul > li > a span {
   float: right;
 }

 .sidbar-product .sidbar-product-inner {
   overflow: hidden;
   display: flex;
   margin-top: 20px;
 }

 .sidbar-product .sidbar-product-inner .product-image {
   padding-right: 10px;
   width: 100px;
 }

 .sidbar-product .sidbar-product-inner .product-content {
   margin-top: 0;
 }

 .sidbar-product .sidbar-product-inner .product-content h3 {
   font-size: 15px;
 }

 .sidbar-product .sidbar-product-inner .product-content .price-box {
   font-size: 16px;
 }

 .ui-widget-content {
   background: #777 none repeat scroll 0 0;
   border: medium none;
   border-radius: 0px;
   height: 4px;
   margin: 35px 0 25px;
 }

 .ui-widget-content .ui-state-default {
   background: #ffffff;
   border: 3px solid #ff5151;
   border-radius: 25px;
   box-shadow: none;
   color: #ffffff;
   cursor: pointer;
   font-weight: normal;
   height: 15px;
   width: 15px;
 }

 .ui-widget-content .ui-state-default:hover {
   background: #ff5151;
 }

 .ui-widget-content .ui-slider-range {
   background: #ff5151;
 }

 .filter-price-cont {
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
   -webkit-flex-direction: row;
   flex-direction: row;
   font-size: 13px;
   font-weight: 600;
   margin-bottom: 10px;
 }

 .filter-price-cont {
   font-size: 14px;
 }

 .filter-price-cont .input-type input {
   border: medium none;
   padding: 0 8px 0 0;
   text-align: center;
   width: 40px;
 }

 .filter-price-cont .input-type:last-child {
   padding-left: 8px;
 }

 .filter-price-cont .add-to-cart-button {
   background: #ff5151;
   display: inline-block;
   font-weight: 500;
   padding: 1px 13px;
   right: 0;
   color: #ffffff;
 }

 .filter-price-cont .add-to-cart-button:hover {
   background: #000000;
 }

 .sidebar-tag > a {
   border: 1px solid #000000;
   color: #000000;
   font-size: 14px;
   font-weight: 500;
   margin: 10px 10px 0 0;
   padding: 4px 15px;
 }

 .sidebar-tag > a:hover {
   background: #ff5151;
   color: #ffffff;
   border: 1px solid #ff5151;
 }

 .shop-top-bar {
   display: flex;
   justify-content: space-between;
   padding: 10px 15px;
   border: 1px solid #ddd;
   margin-bottom: 10px;
   align-items: center;
 }

 .shop-item-filter-list li a {
   font-size: 26px;
   font-weight: 500;
   margin-right: 20px;
 }

 .shop-item-filter-list li a .active {
   color: #ff5151;
 }

 .shop-item-filter-list li .active {
   color: #ff5151;
 }

 .product-short {
   display: flex;
   font-size: 14px;
 }

 .product-short p {
   margin: 0 15px 0 0;
 }

 .product-short .nice-select {
   border: 1px solid #ddd;
   padding: 0 8px;
   height: 30px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .shop-sidebar-wrap {
     margin-top: 80px;
   }
 }

 @media only screen and (max-width: 767px) {
   .shop-sidebar-wrap {
     margin-top: 70px;
   }
 }

 @media only screen and (max-width: 479px) {
   .shop-sidebar-wrap {
     margin-top: 60px;
   }
 }

 .product-layout-list p {
   margin-top: 20px;
 }

 .product-layout-list:hover .product-action {
   opacity: 1;
   visibility: visible;
   transform: translateY(-50%);
 }

 .product-layout-list:hover .product-image a::before {
   opacity: 1;
 }

 /*--
     12. Compare Page Css
 -----------------------------------------*/
 .compare-table .table tbody tr:first-child {
   border-top: 1px solid #eeeeee;
 }

 .compare-table .table tbody tr td {
   text-align: center;
   border: none;
   padding: 25px 30px;
   vertical-align: middle;
   border-bottom: 1px solid #eeeeee;
   border-left: 1px solid #eeeeee;
 }

 .compare-table .table tbody tr td:last-child {
   border-right: 1px solid #eeeeee;
 }

 .compare-table .table tbody tr td.first-column {
   min-width: 180px;
   font-size: 18px;
   font-weight: 600;
   color: #000000;
   margin: 0;
   line-height: 1;
 }

 .compare-table .table tbody tr td.product-image-title {
   min-width: 310px;
   vertical-align: bottom;
   padding-top: 70px;
 }

 .compare-table .table tbody tr td.product-image-title .image {
   clear: both;
   width: 100%;
   margin-bottom: 40px;
 }

 .compare-table .table tbody tr td.product-image-title .image img {
   max-width: 100%;
 }

 .compare-table .table tbody tr td.product-image-title .category {
   clear: both;
   color: #454545;
   float: left;
   font-size: 13px;
   letter-spacing: 0.5px;
   line-height: 15px;
   margin-bottom: 7px;
   margin-top: 15px;
   text-transform: capitalize;
 }

 .compare-table .table tbody tr td.product-image-title .title {
   float: left;
   clear: both;
   font-size: 16px;
   font-weight: 600;
   color: #000000;
   line-height: 20px;
   margin-bottom: 10px;
 }

 .compare-table .table tbody tr td.pro-desc p {
   text-align: left;
   margin: 0;
 }

 .compare-table .table tbody tr td.pro-price {
   font-size: 16px;
   font-weight: 600;
   color: #000000;
 }

 .compare-table .table tbody tr td.pro-color {
   font-size: 16px;
   font-weight: 600;
   color: #000000;
 }

 .compare-table .table tbody tr td.pro-stock {
   font-size: 16px;
   font-weight: 600;
   color: #000000;
 }

 .compare-table .table tbody tr td.pro-addtocart .add-to-cart {
   position: relative;
   background-color: #f6f6f6;
   color: #000000;
   border-radius: 50px;
   display: inline-block;
   width: 170px;
   padding: 10px 6px;
   transition: all 0.7s;
 }

 .compare-table .table tbody tr td.pro-addtocart .add-to-cart span {
   font-size: 13px;
   text-transform: uppercase;
   font-weight: 700;
   line-height: 21px;
   overflow: hidden;
   display: block;
   text-align: center;
 }

 .compare-table .table tbody tr td.pro-remove button {
   border: none;
   background-color: transparent;
   padding: 0;
 }

 .compare-table .table tbody tr td.pro-remove button i {
   font-size: 20px;
 }

 .compare-table .table tbody tr td.pro-ratting i {
   color: #000000;
   font-size: 14px;
 }

 /*--
     13. Login And Register Css
 ----------------------------------*/
 .login-register-tab-list {
   text-align: center;
   display: flex;
   justify-content: center;
   margin-bottom: 40px;
 }

 .login-register-tab-list a {
   position: relative;
 }

 .login-register-tab-list a::before {
   background-color: #454545;
   bottom: 5px;
   content: "";
   height: 18px;
   margin: 0 auto;
   position: absolute;
   right: -2px;
   top: 3px;
   transition: all 0.4s ease 0s;
   width: 1px;
 }

 .login-register-tab-list a:last-child:before {
   display: none;
 }

 .login-register-tab-list a.active h4,
 .login-register-tab-list a:hover h4 {
   color: #ff5151;
 }

 .login-register-tab-list a h4 {
   font-size: 25px;
   font-weight: 700;
   margin: 0 20px;
   text-transform: capitalize;
   transition: all 0.3s ease 0s;
 }

 .login-form-container .button-box p a {
   color: #00adff;
 }

 .login-toggle-btn {
   justify-content: space-between;
   align-items: center;
 }

 .login-input-box input {
   color: #131212;
   border: 1px solid #e1e1e1;
   box-sizing: border-box;
   border-radius: 2px;
   padding: 8px 12px;
   flex: auto;
   font-size: 16px;
 }

 .login-toggle-btn .button-box {
   width: 25%;
   margin-left: 8rem;
   text-align: right;
 }

 @media only screen and (min-width: 767px) {
   .login-toggle-btn .button-box button {
     min-width: 130px;
   }
 }

 .login-toggle-btn a {
   float: right;
   font-size: 14px;
 }

 @media only screen and (max-width: 479px) {
   .login-toggle-btn a {
     float: inherit;
   }
 }

 .login-toggle-btn input {
   margin-right: 5px;
   width: 15px;
 }

 .lagin-and-register-page .row,
 .lagin-and-register-page .container,
 .membership-page .container,
 .membership-page .row {
   height: 100%;
 }

 .lagin-and-register-page,
 .membership-page {
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/signup-bg.png');

   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
 }

 .lagin-and-register-page {
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/our-mission.png');
   background-image: none;
 }

 .lagin-and-register-page .row,
 .membership-page .row {
   justify-content: center;
   align-items: flex-end;
 }

 .membership-page.main-page .row {
   justify-content: flex-start;
   align-items: center;
 }

 .login-register-form p {
   font-size: 16px;
   color: #6a6a6a;
 }

 .login-register-form p:last-child {
   margin-bottom: 1rem;
 }

 .login-form-container {
   border: 3px solid transparent;
 }

 .login-form-container {
   min-height: 390px;
 }

 .login-toggle-btn label {
   margin-bottom: 0px;
 }

 .login-register-form.reg-form {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   height: 290px;
 }

 .bootstrap-datetimepicker-widget table td.day {
   height: 17px;
   line-height: 26px;
   width: 20px;
   color: #6a6a6a;
   font-weight: 500;
 }

 .bootstrap-datetimepicker-widget table thead {
   height: 65px;
   line-height: 60px;
 }

 .bootstrap-datetimepicker-widget table td.active,
 .bootstrap-datetimepicker-widget table td.active:hover {
   color: #fff !important;
 }

 .login-form-container,
 .every-container {
   padding: 3rem 2.5rem;
   text-align: left;
   background: #ffffff;
   box-sizing: border-box;
   box-shadow: 0px 4px 20px rgb(0 0 0 / 25%);
   border-radius: 4px;
 }

 .every-container p {
   color: #6a6a6a;
   font-weight: 300;
   font-size: 13px;
   margin-top: 1rem;
 }

 .every-container {
   padding: 4rem 6.5rem;
 }

 .login-register-wrapper h4,
 .every-wrapper h4 {
   color: #e1c574;
   font-size: 14px;
   font-family: inherit;
   font-weight: 600;
   margin-bottom: 0;
 }

 .login-register-wrapper h2,
 .every-wrapper h2 {
   margin-bottom: 30px;
   color: #fff;
   font-weight: 500;
 }

 @media only screen and (max-width: 991px) {
   .login-form-container {
     padding: 30px;
     margin-bottom: 20px;
   }
 }

 .login-form-container .login-register-form .login-input-box label {
   font-size: 12px;
   color: #6a6a6a;
   font-weight: 500;
   display: flex;
   justify-content: space-between;
   align-items: center;
   min-width: 120px;
 }

 .login-form-container .button-box p {
   font-weight: 500;
   text-align: center;
   color: #6a6a6a;
 }

 /*--
     14. My Account Page Css
     14. Customer Section Page Css
  */
 body .customer-section {
   color: #2e2d31;
 }

 .customer-section {
   font-family: 'Nunito Sans', sans-serif;
   font-size: 14px;
   font-weight: 600;
   padding-bottom: 90px;
   padding-left: 45px;
   padding-right: 45px;
 }
 .customer-section.fixed-width-container {
   margin-top: 200px;
 }

 .customer-section .btn-black {
   text-transform: none;
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
   height: 56px;
 }

 .customer-section h2 {
   font-size: 36px;
   font-weight: bold;
   font-family: 'Playfair Display', sans-serif;
   line-height: 50px;
   margin-bottom: 4px;
 }

 .customer-section a:hover {
     color: #000000;
 }

 .customer-section .customer-points-info {
   opacity: 0.75;
   margin-bottom: 10px;
   display: block;
 }

 .customer-section .customer-buy-order-status,
 .customer-section .customer-sell-order-status {
   opacity: 0.75;
 }

 .customer-section .customer-back-arrow-button {
   position: absolute;
   top: -40px;
   cursor: pointer;
 }

 @media only screen and (max-width: 767px) {
   .customer-section {
     margin-top:70px;
   }

   .customer-section h2 {
     font-size: 24px;
     line-height: normal;
   }

   .customer-section p,
   .customer-section span {
     font-size: 12px;
   }

   .customer-section .customer-points-info,
   .customer-section .customer-buy-order-status,
   .customer-section .customer-sell-order-status {
     padding: 0;
     width: 100%;
     display: block;
     text-align: center;
   }

   .customer-section .customer-buy-order-status,
   .customer-section .customer-sell-order-status {
     padding-top: 5px;
   }

   .customer-section .customer-dashboard .customer-points-info {
     padding-left: 85px;
     text-align: left;
   }

   /* .customer-section */

   @media screen and (max-width: 787px) {
     .customer-section .btn-black.btn-black-v2 i {
       font-weight: 400;
       padding-left: 15px;
     }
   }
 }

 /* Header */
 .customer-section-header .header_inner.menu-open .header-menu > ul > li.open_content > a {
   background-position-y: 101%;
 }
 .customer-menu-wrapper {
   width: 230px;
   display: inline-block;
 }

 .customer-content-wrapper {
   width: calc(100% - 235px);
   display: inline-block;
   vertical-align: top;
 }

 .customer-section .mobile-title-wrapper {
   z-index: 10;
   position: relative;
 }

 .customer-section .mobile-title {
   font-family: 'Nunito Sans', sans-serif;
   font-size: 18px;
   font-weight: 600;
   line-height: 20px;
   text-align: center;
 }

 .customer-section-header.fixed-width-container header .header_bottom .header_inner {
   border-bottom: 1px solid rgba(180, 180, 180, .25);
 }

 .customer-section-header .header_bottom .header_inner .row .header-logo-container .header_logo .black_logo {
   top: -8px;
 }

 @media only screen and (max-width: 885px) {
   .customer-menu-wrapper {
     width: 140px;
   }
 }

 @media only screen and (max-width: 767px) {
   .customer-content-wrapper {
     width: 100%;
   }

   .mobile-menu-back-link {
     float: left;
     position: absolute;
   }
   .mobile-menu-back {
     padding-left: 5px;
     text-transform: uppercase;
   }

   .bottom-swoosh .wrapper-inner .customer-section {
     margin-top: 60px;
     padding-top: 28px;
     padding-left: 16px;
     padding-right: 16px;
   }

   .bottom-swoosh .wrapper-inner .customer-section {
     padding-bottom: 150px;
   }
 }

 .customer-section .header-menu {
   position: relative;
   z-index: 0;
 }
 .customer-section .header-menu li {
   display: block;
 }
 .customer-section .header-menu a {
   padding: 10px 0;
 }
 .customer-section .header-menu > ul > li > a {
   color: #2e2d31 !important;
   font-size: 16px;
   font-weight: 400;
   opacity: 0.75;
 }
 .customer-section .header-menu > ul > li > a.active,
 .customer-section .header-menu > ul > li > a:hover {
   font-weight: 600;
   opacity: 1;
 }

 /* Dashboard */
 .customer-section .membership-desc .progress {
   height: 30px;
   color: white;
   margin-bottom: 6px;
 }

 .customer-section .customer-points-bar-filled.bar {
   padding: 6px;
 }
 .customer-section .customer-points-bar-section {
   margin-top: 20px;
 }

 .customer-section .customer-level-badge {
   display: block;
   text-align: right;
   margin-top: -70px;
 }

 .customer-section .customer-level-badge img {
   height: 71px;
 }
 .customer-section .customer-level-badge > span {
   width: 71px;
   display: block;
   text-align: center;
 }

 .customer-section .customer-details-mobile {
   width: 100%;
 }
 .customer-section .customer-level-badge-mobile {
   display: block;
   text-align: right;
   float: right;
 }
 .customer-section .customer-level-badge-mobile > img {
   height: 44px;
   position: absolute;
   top: 16px;
   right: 16px;
 }

 @media only screen and (max-width: 767px) {
   .customer-name,
   .customer-points-info {
     padding-left: 85px;
   }

   .customer-name {
     font-size: 24px
   }

   .customer-section .customer-level-badge {
     text-align: left;
     width: 71px;
   }

   .customer-favourites .customer-section-subtitle {
     text-align: center;
   }

   .customer-section .customer-points-bottom span {
     font-size: 14px;
     padding-top: 4px;
   }
 }

 /* Table */
 .simple-row-table {
   padding: 0 20px;
   font-weight: 400;
 }
 .simple-row-table .row {
   padding-top: 10px;
 }
 .simple-row-table .row:first-of-type {
   padding-top: 0;
 }
 .simple-row-table .row > div:last-of-type {
   text-align: right;
 }

 @media only screen and (max-width: 767px) {
   .simple-row-table {
     padding-top: 20px;
   }
 }

 .customer-table {
   font-family: 'Nunito Sans', sans-serif;
   font-size: 14px;
   font-weight: 400;
   line-height: 20px;
   color: #2e2d31;
   margin: 15px 0 30px;
   background-color: transparent;
 }

 .customer-table a,
 .customer-table a > span {
   text-decoration: underline;
 }

 .customer-table tr {
   border-bottom: 1px solid rgba(46, 45, 49, 0.1);
 }
 .customer-table tr.odd {
   background-color: rgba(46, 45, 49, 0.05);
 }
 .customer-table tr.header-row {
   border-image: linear-gradient(to right, #ffe7b9, #caa969) 1;
   border-bottom: 0;
 }

 .customer-table thead {
   position: relative;
   border-bottom: 0;
   background-color: transparent; /* Background of the inner element */
 }

 .customer-table > thead tr:first-of-type {
   background: linear-gradient(to right, #ffe7b9, #caa969);
   background-size: 100vw 1px;
   background-repeat: repeat-x;
   background-position: bottom;
 }

 .customer-table .header-cell {
   font-family: 'Nunito Sans';
   padding: 14px 10px;
   font-weight: 700;
   opacity: 0.75;
 }

 .customer-table tbody td {
   padding: 18px 10px;
   vertical-align: top;
 }

 .customer-table tbody td .date {
   white-space: nowrap;
   font-size: 14px;
   font-weight: 500;
 }

 .customer-table tbody td .item {
   font-weight: 600;
 }

 .customer-table img {
   max-height: 25px;
   max-width: 25px;
   margin-right: 10px;
 }

 .customer-table.striped tr:nth-child(even) {
   background-color: rgba(46, 45, 49, 0.05);
 }

 .customer-table#recentActivity tbody td:first-of-type {
   width: 25%;
   font-weight: 400;
 }
 .customer-table#recentActivity tbody td:first-of-type > .date {
   font-weight: 400;
 }

 .customer-table#buyOrderDetails > thead tr:first-of-type {
   background: none;
   border-bottom: 1px solid rgba(46, 45, 49, 0.1);
 }
 .customer-table#buyOrderDetails > thead tr:first-of-type > th {
   padding-top: 10px;
   opacity: 1;
   border-bottom: 2px solid rgba(46, 45, 49, 0.1);
 }
 .customer-table#sellOrderDetails > thead tr:first-of-type > th {
   padding-top: 20px;
   padding-bottom: 20px;
   opacity: 1;
   border-bottom: 2px solid rgba(46, 45, 49, 0.1);
 }

 .customer-table#personalDetails tbody td:first-of-type,
 .customer-table#accountDetails tbody td:first-of-type,
 .customer-table#addressDetails tbody td:first-of-type {
   width: 25%;
   opacity: 0.75;
 }

 .customer-table#buyOrderDetails tbody td:last-of-type,
 .customer-table#buyOrderDetails thead th:last-of-type {
   padding-right: 20px;
   text-align: right;
 }

 .customer-table#buyOrderDetails {
   margin-top: 10px;
 }
 .customer-table#sellOrderDetails {
   margin-top: 0;
 }
 .customer-table#sellOrderDetails > thead tr:first-of-type {
   background: none;
 }
 .customer-table#sellOrderDetails tr.header-row {
   border-bottom: 1px solid rgba(46, 45, 49, 0.1);
 }

 .customer-view-details {
     min-width: 103px;
     text-decoration: underline;
 }

 .customer-view-details > i {
   margin-left: 10px;
   font-size: 13px;
 }

 #accountDetails .password {
   width: calc(100% - 100px);
 }
 #accountDetails .change-password {
   float: right;
   color: #2e2d31;
   opacity: 0.75;
 }
 #accountDetails .change-password {
   text-decoration: underline;
   cursor: pointer;
 }

 .customer-section #sellOrders .status {
   display: block;
   min-width: 95px;
 }

 .customer-section #sellOrders .date-mobile {
   padding-right: 5px;
 }

 .customer-section .total-row {
   font-style: italic;
 }
 .customer-section .bottom-section .delivery-info {
   margin-right: 50px;
   margin-bottom: 30px;
   vertical-align: top;
 }

 .customer-section .bottom-section .delivery-info{
   max-width: 250px;
 }
 .customer-section .bottom-section .payment-info {
   max-width: 100%;
 }

 .customer-section .order-points-value {
   padding: 5px;
   background-color: rgba(46, 45, 49, 0.05);
 }

 .customer-section .customer-buy-orders-ellipsis,
 .customer-section .customer-sell-orders-ellipsis {
   width: auto;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
   -webkit-line-clamp: 1;
   height: 1.5em;
   white-space: normal;
 }

 .customer-section .order-delivery-notes {
   font-weight: 400;
 }

 .customer-table#favourites .item-wrapper > img {
   vertical-align: top;
 }

 .customer-table#favourites .item {
   display: inline-block;
   width: calc(100% - 40px);
 }

 .customer-table#favourites .remove-favourite {
   padding-left: 15px;
 }

 @media only screen and (max-width: 850px) {
   .customer-section #sellOrders .status {
     min-width: auto;
     text-align: center;
   }
 }

 @media only screen and (max-width: 767px) {
   .customer-table {
     margin-top: 30px;
     margin-bottom: 15px;
   }

   .customer-table .customer-view-details {
     min-width: 0;
   }

   .customer-table#buyOrders th:nth-child(1),
   .customer-table#buyOrders td:nth-child(1),
   .customer-table#sellOrders th:nth-child(1),
   .customer-table#sellOrders td:nth-child(1) {
     display: none;
   }

   /* Scrollable table on mobile */
   .customer-table#buyOrderDetails,
   .customer-table#sellOrderDetails {
     border-collapse: collapse;
     width: 1000px !important;
   }

   .customer-buy-order-details-table-wrapper,
   .customer-sell-order-details-table-wrapper {
     overflow-x: auto;
     width: 100%;
   }

   .customer-section .order-delivery-notes {
     padding-left: 20px;
     margin-top: 20px;
   }

   .customer-table#recentActivity {
     margin-top: -12px;
   }

   .customer-table .header-cell {
     padding-left: 0;
   }

   /* Ellipsis is different for mobile, show 3 lines */
   .customer-section .customer-buy-orders-ellipsis,
   .customer-section .customer-sell-orders-ellipsis {
     -webkit-line-clamp: 3;
     height: 4.5em;
   }

   .customer-table#sellOrders tbody td {
     padding-left: 0;
     padding-right: 0;
   }
 }

 /* Modal */
 .customer-section .modal-content {
   padding: 20px;
 }

 .customer-section .custom-modal .modal-title {
   font-size: 20px;
 }

 .customer-section .modal-body {
   border: 1px solid rgba(46, 45, 49, 0.1);
   border-radius: 10px;
   padding: 0;
 }

 .customer-section .modal-close-button {
   position: absolute;
   top: 13px;
   right: 22px;
   z-index: 10;
   font-size: 30px;
   cursor: pointer;
 }

 .customer-section .favourite-item-wrapper {
   background-color: rgba(46, 45, 49, 0.05);
   min-height: 165px;
   color: rgb(46, 45, 49);
 }

 .customer-section .favourite-item {
   margin-top: 30px;
   margin-bottom: 30px;
 }

 .customer-section .favourite-item-image {
   height: 80px;
   width: 80px;
   display: block;
   margin: auto;
 }

 .customer-section #customerFavoriteDelete .confirmation-message p {
   font-size: 20px;
   color: #030303;
   max-width: 460px;
   margin: 30px auto;
 }

 .customer-section #customerFavoriteDelete .favourite-item-name {
   font-size: 18px;
   opacity: 0.75;
 }

 .customer-section #submitRemoveFavouriteForm {
   font-weight: 600;
 }

 .customer-section #modalCancelButton {
   font-size: 16px;
   font-weight: 400;
 }

 /* Order Details */
 .customer-section .order-total{
   font-size: 18px;
   border-top: 1px solid rgba(46, 45, 49, 0.10);
   padding-top: 10px;
   margin-top: 5px;
   font-weight: 700;
 }

 .customer-content .bottom-section div {
   font-weight: 400;
 }

 .customer-section .alert {
   display: block !important; /*Keeps disappearing */
 }

   /*  14. My Account Page Css (Previous) */
 .dashboard-upper-info [class*="col-"]:not(:last-child) .d-single-info {
   border-right: 1px solid #ebebeb;
   padding: 30px 20px;
 }

 .dashboard-upper-info [class*="col-"]:not(:last-child) .d-single-info p {
   margin-bottom: 0;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .dashboard-upper-info [class*="col-"]:not(:last-child) .d-single-info {
     border-right: medium none;
     padding: 0 0 20px;
   }
 }

 @media only screen and (max-width: 767px) {
   .dashboard-upper-info [class*="col-"]:not(:last-child) .d-single-info {
     border-right: medium none;
     padding: 0 0 20px;
   }
 }

 .dashboard-upper-info {
   border-bottom: 1px solid #ebebeb;
   border-top: 1px solid #ebebeb;
   margin-bottom: 60px;
 }

 .dashboard-upper-info a.view-cart {
   background: #ff5151;
   color: #ffffff;
   font-size: 14px;
   padding: 5px 12px;
   text-transform: capitalize;
 }

 .dashboard-upper-info a.view-cart:hover {
   background: #000000;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .dashboard-upper-info {
     border-bottom: medium none;
     border-top: medium none;
   }
 }

 @media only screen and (max-width: 767px) {
   .dashboard-upper-info {
     border-bottom: medium none;
     border-top: medium none;
   }
 }

 .user-name span {
   color: #303030;
   font-size: 16px;
   font-weight: 600;
 }

 .dashboard-list li a {
   border-bottom: 1px solid #ebebeb;
   color: #222222;
   display: block;
   font-size: 14px;
   padding: 12px 0;
   text-transform: capitalize;
 }

 .dashboard-list li:first-child {
   border-top: 1px solid #ebebeb;
 }

 .dashboard-content {
   border: 1px solid #ebebeb;
   padding: 30px;
 }

 .dashboard-content h3 {
   border-bottom: 1px solid #ebebeb;
   font-size: 20px;
   font-weight: 600;
   line-height: 24px;
   margin-bottom: 25px;
   padding-bottom: 15px;
   text-transform: capitalize;
 }

 .dashboard-content .table thead {
   background: #f6f6f6 none repeat scroll 0 0;
   border-bottom: 1px solid #ebebeb;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .dashboard-content .table td {
     min-width: 260px;
   }
 }

 @media only screen and (max-width: 767px) {
   .dashboard-content .table td {
     min-width: 260px;
   }
 }

 .dashboard-content .view {
   background: #ff5151;
   color: #ffffff;
   font-size: 14px;
   padding: 5px 12px;
   text-transform: capitalize;
 }

 .dashboard-content .view:hover {
   background: #000000;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .dashboard-content {
     margin-top: 80px;
   }
 }

 @media only screen and (max-width: 767px) {
   .dashboard-content {
     margin-top: 60px;
   }
 }

 .billing-address {
   margin-bottom: 10px;
 }

 .biller-name {
   margin-bottom: 0;
   margin-top: 10px;
 }

 .account-login-form .custom-checkbox {
   display: flex;
 }

 .account-login-form input[type="checkbox"] {
   height: 20px;
   margin: 0 10px 0 0;
   position: relative;
   top: 3px;
   width: auto;
 }

 .account-login-form .example {
   margin-bottom: 15px;
 }

 .account-login-form .default-btn {
   margin-top: 15px;
   padding: 6px 28px;
 }

 .account-input-box label {
   display: block;
   font-size: 15px;
   margin-bottom: 3px;
 }

 .account-input-box input {
   width: 100%;
   margin-bottom: 12px;
   border: 1px solid #ddd;
   padding: 4px 10px;
   font-size: 15px;
 }

 /*--
     15. Error 404 Page Css
 ---------------------------*/
 .search-error-wrapper h1 {
   color: #ff5151;
   font-size: 120px;
   line-height: 86px;
   margin-bottom: 60px;
 }

 @media only screen and (max-width: 767px) {
   .search-error-wrapper h1 {
     font-size: 70px;
     line-height: 50px;
     margin-bottom: 40px;
   }
 }

 .error-form-input {
   position: relative;
   width: 275px;
   margin: 30px auto;
 }

 .error-form-input input {
   border: 1px solid #dddddd;
   font-size: 15px;
   padding: 5px 45px 6px 10px;
   position: relative;
   width: 275px;
   border-radius: 35px;
 }

 .error-form-input .error-s-button {
   background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
   border: medium none;
   padding: 7px 15px;
   position: absolute;
   right: 0;
   top: 0;
 }

 .search-error-wrapper .home-bacck-button {
   background: #ff5151;
   border-radius: 35px;
   box-shadow: none;
   color: #ffffff;
   display: inline-block;
   font-size: 12px;
   font-weight: bold;
   height: 40px;
   line-height: 40px;
   padding: 0 30px;
   text-transform: uppercase;
   -webkit-transition: 0.4;
   transition: 0.4;
 }

 /*--
     16. Cart Page Css
 -----------------------------*/
 .table-content table {
   background: #ffffff none repeat scroll 0 0;
   border-color: #ebebeb;
   border-radius: 0;
   border-style: solid;
   border-width: 1px 0 0 1px;
   margin-bottom: 0;
   text-align: center;
   width: 100%;
   text-align: center;
 }

 .table-content table td {
   border-top: medium none;
   font-size: 16px;
   padding: 20px 10px;
   vertical-align: middle;
   min-width: 140px;
 }

 .table-content th,
 .table-content td {
   border-bottom: 1px solid #ebebeb;
   border-right: 1px solid #ebebeb;
 }

 .plantmore-product-quantity > input {
   text-align: center;
   width: 48px;
 }

 .cart-table .coupon-all {
   margin-top: 50px;
 }

 .cart-table .coupon-all .coupon h3 {
   color: #000000;
   font-size: 18px;
   font-weight: 600;
   text-transform: uppercase;
   margin-top: -8px;
 }

 .cart-table .coupon-all .coupon input {
   border: 1px solid #999999;
   font-size: 14px;
   margin-right: 10px;
   padding: 4px 10px;
   width: 130px;
 }

 .cart-table .coupon-all .coupon input.button {
   background: #000000;
   border: 0 none;
   color: #ffffff;
   cursor: pointer;
   display: inline-block;
   font-size: 12px;
   font-weight: 600;
   height: 36px;
   letter-spacing: 1px;
   line-height: 36px;
   padding: 0 14px;
   text-transform: uppercase;
   -webkit-transition: 0.3s;
   transition: 0.3s;
   width: inherit;
 }

 .cart-table .coupon-all .coupon input.button:hover {
   background: #ff5151;
 }

 @media only screen and (max-width: 479px) {
   .cart-table .coupon-all .coupon input {
     width: 125px;
   }
 }

 .cart-table .coupon-all .coupon2 {
   margin-bottom: 40px;
 }

 .cart-table .coupon-all .coupon2 input {
   margin-right: 8px;
 }

 .cart-table .coupon-all .coupon2 input.submit {
   padding: 8px 15px;
   background: #000000;
   color: #ffffff;
   border: 1px solid #000000;
 }

 .cart-table .coupon-all .coupon2 input.submit:hover {
   background: #ff5151;
   border: 1px solid #ff5151;
 }

 .cart-table .coupon-all .coupon2 .continue-btn {
   padding: 8px 15px;
   background: #000000;
   color: #fff;
 }

 .cart-table .coupon-all .coupon2 .continue-btn:hover {
   background: #ff5151;
   color: #fff;
 }

 .cart-page-total {
   margin-top: 40px;
 }

 .cart-page-total h2 {
   font-size: 22px;
   font-weight: 600;
   margin-bottom: 16px;
   text-transform: capitalize;
 }

 .cart-page-total ul {
   border: 1px solid #dddddd;
 }

 .cart-page-total ul li {
   border-bottom: 1px solid #ebebeb;
   color: #252525;
   font-size: 15px;
   font-weight: 700;
   list-style: outside none none;
   padding: 10px 30px;
 }

 .cart-page-total ul li:last-child {
   border: none;
 }

 .cart-page-total ul li span {
   float: right;
 }

 .cart-page-total .proceed-checkout-btn {
   background: #000000;
   color: #ffffff;
   display: inline-block;
   margin-top: 30px;
   padding: 8px 16px;
   text-transform: capitalize;
   -webkit-transition: 0.4s;
   transition: 0.4s;
 }

 .cart-page-total .proceed-checkout-btn:hover {
   background: #ff5151;
 }

 .plantmore-product-add-cart > a {
   background: #000000;
   color: #ffffff;
   font-size: 14px;
   font-weight: 500;
   padding: 6px 30px;
   text-transform: capitalize;
   -webkit-transform: 0.4s;
   -ms-transform: 0.4s;
   transform: 0.4s;
 }

 .plantmore-product-add-cart > a:hover {
   background: #ff5151;
 }

 .in-stock {
   color: #30b878;
 }

 .out-stock {
   color: #a80135;
 }

 /*--
    17. Checkout Page Css
 ------------------------------*/
 .coupon-accordion h3 {
   background: #f6f6f6;
   border-top: 3px solid #ff5151;
   color: #515151;
   font-size: 14px;
   font-weight: 400;
   margin: 0 0 30px;
   padding: 1em 2em 1em 3.5em;
   position: relative;
   text-transform: capitalize;
 }

 .coupon-accordion h3 .coupon {
   color: #ff5151;
   cursor: pointer;
   -webkit-transition: 0.4s;
   transition: 0.4s;
 }

 .coupon-accordion h3 .coupon:hover {
   color: #000000;
 }

 .coupon-content {
   border: 1px solid #dddddd;
   margin-bottom: 30px;
   padding: 20px;
   display: none;
 }

 .coupon-info p.form-row-first {
   float: left;
   width: 48%;
 }

 @media only screen and (max-width: 479px) {
   .coupon-info p.form-row-first {
     width: 100%;
   }
 }

 .coupon-info p.form-row-last {
   float: right;
   width: 48%;
 }

 @media only screen and (max-width: 479px) {
   .coupon-info p.form-row-last {
     width: 100%;
   }
 }

 .coupon-info .remember {
   margin-left: 10px;
 }

 .coupon-info .remember span {
   margin-left: 5px;
 }

 .coupon-input label {
   display: block;
   font-size: 14px;
 }

 .coupon-input input {
   border: 1px solid #999999;
   color: #000000;
   padding: 5px 10px;
   width: 100%;
   font-size: 14px;
 }

 .coupon-input span.required {
   color: red;
 }

 .checkout-coupon input {
   border: 1px solid #999999;
   color: #555;
   padding: 5px 10px;
   width: auto;
 }

 .checkout-coupon input:focus {
   outline: none;
 }

 .checkout-coupon .button-apply-coupon {
   margin: -5px 0 0 10px;
   padding: 7.2px 11px;
 }

 @media only screen and (max-width: 479px) {
   .checkout-coupon .button-apply-coupon {
     margin: 10px 0 0 0px;
   }
 }

 .shoping-checkboxt-title {
   border-bottom: 1px solid #dddddd;
   font-size: 24px;
   font-weight: 500;
   margin-bottom: 30px;
   padding-bottom: 15px;
 }

 .single-form-row {
   margin-bottom: 20px !important;
 }

 .single-form-row label {
   font-size: 14px;
   margin-bottom: 2px;
 }

 .single-form-row label span.required {
   color: red;
 }

 .single-form-row input {
   border: 1px solid #999999;
   color: #666;
   font-size: 14px;
   padding: 5px 12px;
   width: 100%;
 }

 .single-form-row input::focus {
   outline: none;
 }

 .single-form-row textarea {
   border: 1px solid #999999;
   color: #555555;
   padding: 12px;
   width: 100%;
   font-size: 14px;
 }

 .single-form-row.m-0 {
   margin: 0 !important;
 }

 .checkout-box-wrap p {
   font-size: 14px;
 }

 .checkout-box-wrap .ship-box-info {
   display: none;
 }

 .account-create {
   display: none;
 }

 .account-create .creat-pass > span {
   color: red;
 }

 .nice-select select {
   height: 35px;
   width: 100%;
   font-size: 14px;
   padding: 0 10px;
   color: #555;
   border: 1px solid #999;
 }

 @media only screen and (max-width: 767px) {
   .your-order-wrapper {
     margin-top: 70px;
   }
 }

 @media only screen and (max-width: 479px) {
   .your-order-wrapper {
     margin-top: 60px;
   }
 }

 .your-order-wrap {
   background: #f6f6f6;
 }

 .your-order-table {
   padding: 20px 30px;
 }

 .your-order-table table {
   width: 100%;
 }

 .your-order-table table th,
 .your-order-table table td {
   border-bottom: 1px solid #d8d8d8;
   border-right: medium none;
   font-size: 14px;
   padding: 15px 0;
   text-align: center;
 }

 .your-order-table table th {
   border-top: medium none;
   font-weight: normal;
   text-align: center;
   text-transform: uppercase;
   vertical-align: middle;
   white-space: nowrap;
   width: 250px;
 }

 .your-order-table table .shipping > th {
   vertical-align: top;
 }

 .payment-method {
   padding: 20px 30px;
 }

 .payment-accordion h3 a {
   color: #333333;
   font-size: 15px;
   font-weight: 500;
   padding-left: 31px;
   position: relative;
   text-decoration: none;
   text-transform: capitalize;
 }

 .payment-accordion h3 a::before,
 .payment-accordion h3 a::after {
   content: "\f216";
   display: inline-block;
   font-family: var(--font-ionic);
   font-size: 19px;
   left: 0;
   position: absolute;
   top: 0px;
 }

 .payment-accordion h3 a img {
   height: 60px;
   display: block;
 }

 .payment-accordion h3.open a::after {
   content: "\f207";
 }

 .payment-accordion p {
   font-size: 14px;
   padding-left: 20px;
 }

 .order-button-payment {
   margin-top: 30px;
 }

 .order-button-payment input {
   background: #ff5151;
   border: medium none;
   color: #ffffff;
   font-size: 14px;
   font-weight: 600;
   padding: 12px;
   text-transform: uppercase;
   width: 100%;
   -webkit-transition: 0.4s;
   transition: 0.4s;
 }

 .order-button-payment input:hover {
   background: #000000;
   color: #ffffff;
 }

 /*--
     18. About Css
 -------------------*/
 .section-inner-ptb {
   padding: 180px 0;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .section-inner-ptb {
     padding: 120px 0;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .section-inner-ptb {
     padding: 100px 0;
   }
 }

 @media only screen and (max-width: 767px) {
   .section-inner-ptb {
     padding: 70px 0;
   }
 }

 @media only screen and (max-width: 479px) {
   .section-inner-ptb {
     padding: 60px 0;
   }
 }

 .welcome-about-us {
   background: #0d202c;
   position: relative;
   overflow: hidden;
 }

 .welcome-about-us .start-now {
   margin-top: 25px;
 }

 .welcome-about-us .start-now .start-btn {
   padding: 12px 45px;
   background: #ff5151;
   border-radius: 5px;
   text-transform: uppercase;
   font-weight: 500;
 }

 .welcome-about-us .start-now .start-btn:hover {
   color: #ffffff;
 }

 .welcome-video {
   float: left;
   height: 100%;
   position: absolute;
   right: 0;
   top: 0;
   width: 45%;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
   .welcome-video {
     position: inherit;
     width: 100%;
     background-size: cover;
   }
 }

 /*-- About Us Css */
 .about-us-contents {
   padding-right: 30px;
 }

 @media only screen and (max-width: 767px) {
   .about-us-contents {
     padding-right: 0;
   }
 }

 .about-us-contents h3 {
   font-weight: 500;
   margin-bottom: 15px;
 }

 .about-us-contents h3 > span {
   color: #ff5151;
 }

 .about-us-contents .about-us-btn > a {
   margin-top: 30px;
   letter-spacing: 1px;
   padding: 10px 45px;
   background: #ff5151;
   display: inline-block;
   border-radius: 5px;
   color: #ffffff;
   text-transform: uppercase;
 }

 .about-us-contents .about-us-btn > a:hover {
   color: #ffffff;
 }

 @media only screen and (max-width: 767px) {
   .about-us-contents .about-us-btn > a {
     margin-top: 10px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .about-us-image {
     text-align: left !important;
   }
 }

 .about-us-image a {
   position: relative;
 }

 .about-us-image a::after {
   position: absolute;
   content: "";
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.3);
   border-radius: 5px;
 }

 .about-us-image a span {
   position: absolute;
   top: 50%;
   z-index: 9;
   right: 50%;
   transform: translateY(-50%) translateX(50%);
 }

 @media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
   .about-us-image {
     margin-top: 30px;
   }
 }

 /*--
     19. Team Area Css
 --------------------------*/
 .single-team {
   position: relative;
 }

 .single-team-info {
   padding-top: 25px;
   text-align: center;
   background: #fff;
   position: absolute;
   width: 100%;
   margin-top: 0px;
   -webkit-transition: 0.4s;
   transition: 0.4s;
 }

 .single-team-info h5 {
   font-weight: 700;
   text-transform: uppercase;
   margin-bottom: 0;
 }

 .single-team-info p {
   color: #ff5151;
   text-transform: uppercase;
 }

 .single-team .personsl-socail {
   visibility: hidden;
   opacity: 0;
   -webkit-transition: 0.3s;
   transition: 0.3s;
   text-align: center;
   margin-top: 32px;
 }

 .single-team .personsl-socail li {
   display: inline-block;
   margin: 0 3px;
 }

 .single-team .personsl-socail li a {
   display: block;
   height: 35px;
   width: 35px;
   line-height: 35px;
   font-size: 16px;
   background: #ff5151;
   color: #ffffff;
   text-align: center;
   border-radius: 50%;
 }

 .single-team .personsl-socail li a:hover {
   background: #333;
 }

 .single-team:hover .single-team-info {
   margin-top: -60px;
 }

 .single-team:hover .personsl-socail {
   visibility: visible;
   opacity: 1;
 }

 /*--
   20. Project Conunt Css
 -----------------------*/
 .project-count-bg {
   background: url('https://stage-assets.goldbank.co.uk/home_new/assets/images/bg/counter-bg.jpg');
   background-size: cover;
   background-repeat: no-repeat;
 }

 .project-count-inner_one .counter {
   margin-top: 30px;
   padding-bottom: 5px;
 }

 .project-count-inner_one .counter h3 {
   color: #ff5151;
   font-size: 60px;
   font-weight: 800;
 }

 @media only screen and (max-width: 767px) {
   .project-count-inner_one .counter h3 {
     font-size: 50px;
     line-height: 40px;
   }
 }

 .project-count-inner_one .counter p {
   color: #ffffff;
   font-size: 14px;
   line-height: 14px;
   margin-top: 20px;
   position: relative;
   margin-bottom: 15px;
   font-weight: 500;
 }

 .project-count-inner_one .counter::after {
   position: absolute;
   background: #ff5151;
   content: "";
   width: 50px;
   height: 2px;
   left: 50%;
   bottom: 0;
   transform: translateX(-50%);
 }

 .project-count-inner_two .single-fun-factor {
   margin-top: 30px;
   text-align: center;
   padding: 30px 20px;
   border: 1px solid rgba(255, 255, 255, 0.2);
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   position: relative;
   background: rgba(0, 0, 0, 0.5);
 }

 .project-count-inner_two .single-fun-factor:hover {
   border-color: #ff5151;
 }

 .project-count-inner_two .single-fun-factor .counter {
   padding-bottom: 5px;
 }

 .project-count-inner_two .single-fun-factor .counter h3 {
   color: #ff5151;
   font-weight: 800;
 }

 @media only screen and (max-width: 767px) {
   .project-count-inner_two .single-fun-factor .counter h3 {
     font-size: 50px;
     line-height: 40px;
   }
 }

 .project-count-inner_two .single-fun-factor .counter p {
   color: #ffffff;
   font-size: 20px;
   line-height: 14px;
   margin-top: 20px;
   position: relative;
   margin-bottom: 0;
   font-weight: 500;
 }

 .form-messege {
   margin-bottom: 0;
   margin-top: 3px;
   font-size: 14px;
 }

 .form-messege.error {
   color: red;
   font-style: italic;
 }

 .form-messege.success {
   color: #008000;
   font-style: italic;
 }

 /*# sourceMappingURL=style.css.map */

 /*--
     banner bottom
 -----------------------*/
 .between-banner:before {
   background-image: url('https://stage-assets.goldbank.co.uk/home_new/assets/images/banner/clouds-copy.png');
   background-size: 100% auto;
   position: absolute;
   content: "";
   width: 100%;
   height: 400px;
   z-index: 1;
   background-repeat: no-repeat;
   bottom: -120px;
   background-position: top;
 }

 .bottom-area:before {
   width: 100%;
   height: 200px;
   z-index: 1;
   background-repeat: no-repeat;
   top: -7rem;
   transform: matrix(1, 0, 0, -1, 0, 0);
   background: linear-gradient(
     180deg,
     #ffffff 33.27%,
     rgba(252, 249, 245, 0.891462) 46.19%,
     rgba(255, 255, 255, 0.713771) 56.87%,
     rgba(252, 249, 245, 0.408396) 72.88%,
     rgba(255, 255, 255, 0.316749) 81.88%,
     rgba(255, 255, 255, 0.160003) 92.63%,
     rgba(255, 255, 255, 0) 98.77%
   );
 }

 .bottom-area {
   position: relative;
   background-color: #fffef9;
 }

 .bottom-area .btn-label {
   padding: 8px 12px;
 }

 .between-banner img {
   position: absolute;
   top: -18rem;
   width: 100%;
   object-fit: cover;
   left: -28rem;
   opacity: 0;
   display: none;
 }

 .top-slider {
   overflow: hidden;
 }

 .between-banner {
   position: relative;
 }

 .bottom-area .row {
   position: relative;
   z-index: 2;
 }

 .bottom-area .single-btm {
   position: relative;
   margin-bottom: 2rem;
 }

 .bottom-area .single-btm .btm-image {
   position: absolute;
 }

 .bottom-area .row.logo-row {
   padding-left: 6rem;
 }

 .bottom-area .single-btm .btm-text h5 {
   font-family: inherit;
   color: #8a8787;
   font-size: 14px;
   line-height: 27px;
   margin-bottom: 0;
 }

 .bottom-area .single-btm .btm-image img {
   width: 68%;
 }

 @media (max-width: 1400px) {
   .bottom-area .single-btm .btm-image img {
     width: 70%;
   }
   .h2,
   h2 {
     font-size: 44px;
     line-height: 50px;
   }
 }

 @media (max-width: 1200px) {
   .bottom-area .single-btm .btm-image img {
     width: 79%;
   }
   .h2,
   h2 {
     font-size: 38px;
     line-height: 44px;
   }
 }

 @media (max-width: 991px) {
   .bottom-area .single-btm .btm-image img {
     width: 100%;
     position: relative;
   }
   .h2,
   h2 {
     font-size: 36px;
     line-height: 40px;
   }
 }

 @media (max-width: 767px) {
   .bottom-area .single-btm .btm-image img {
     width: 80%;
   }
 }

 .bottom-area .single-btm .btm-text h5 strong {
   font-weight: 600;
   color: #000;
   font-family: var(--font-body);
 }

 .bottom-area .single-btm .btm-text h5 strong a {
   background: #bce4c8;
   color: #4d9c65;
   padding: 0 5px;
   margin-left: 6px;
 }

 .bottom-area .single-btm .btm-text h5 strong a:hover {
   background: #e1c574;
   color: #fff;
 }

 .bottom-area .single-btm .btm-text a.btnn:before {
   background: #6a6a6a;
 }

 .bottom-area .single-btm .btm-text:last-child a.btnn:before {
   background: #e1c574;
 }

 .bottom-area .single-btm .btm-text a:hover,
 .bottom-area .single-btm .btm-text a:focus,
 .bottom-area .single-btm .btm-text a:active {
   color: white;
 }

 .bottom-area .single-btm .btm-text a:hover:before,
 .bottom-area .single-btm .btm-text a:focus:before,
 .bottom-area .single-btm .btm-text a:active:before {
   -webkit-transform: scale(1);
   transform: scale(1);
 }

 .bottom-area .single-btm .btm-text:last-child a.btnn {
   background: #6a6a6a;
   color: #fff;
 }

 /*--
     banner bottom End
 -----------------------*/

 /*--
     LOgo section
 -----------------------*/
 .logoclient-area {
   background: #f2f0ee;
   padding: 32px 0;
 }

 .logoclient-area .row {
   justify-content: center;
   align-items: center;
 }

 .logoclient-area .slick-arrow.slick-prev {
   left: -20px;
 }

 .logoclient-area .slick-slide img {
   margin: 0 auto;
 }

 .logoclient-area .logo-btm {
   padding: 0 25px;
   height: 80px;
   display: flex;
   justify-content: center;
   align-items: center;
   filter: grayscale(100%) opacity(80%);
 }

 .logoclient-area .logo-btm:hover {
   filter: grayscale(0) opacity(100%);
 }

 .logoclient-area .slick-arrow.slick-next {
   right: -20px;
 }

 .logoclient-area .slick-arrow {
   font-size: 40px;
   position: absolute;
   top: 27%;
   border: none;
   background: transparent;
   width: 30px;
   height: 30px;
   border-radius: 5px;
   z-index: 5;
   transition: 0.3s ease-in-out;
 }

 .bottom-area .logo-btm {
   display: flex;
   justify-content: center;
   align-items: center;
   height: 100%;
 }

 /*--
     product section
 -----------------------*/
 .porduct-area .nav-tabs {
   justify-content: center;
   width: fit-content;
   margin: 0 auto;
 }

 .porduct-area .nav-tabs .nav-link {
   color: #999999;
   font-weight: 600;
   border: 0px;
   margin: 0 3px;
   font-size: 15px;
   line-height: 20px;
   background-color: #fff;
   color: #343a40;
   border-radius: 0.25rem;
   border: 1px solid #f2f2f2;
 }

 .porduct-area .nav-tabs .nav-link.active {
   background: #343a40;
   color: #fff;
   border: 1px solid #343a40;
 }

 .porduct-area .product-content h4 {
   font-size: 14px;
   line-height: 18px;
   margin-bottom: 0;
   font-family: inherit;
   padding: 10px 0;
 }

 .porduct-area .single-product-wrap.outstock .product-content h4,
 .porduct-area .single-product-wrap.outstock .product-content h4 i {
   color: #ce3939;
 }

 .porduct-area .single-product-wrap.instock .product-content h4,
 .porduct-area .single-product-wrap.instock .product-content h4 i {
   color: #40b23e;
 }

 .porduct-area .product-content h4 i {
   margin-right: 5px;
 }

 .porduct-area .single-product-wrap > a {
   position: relative;
 }

 .porduct-area .single-product-wrap > .wishlist {
   position: absolute;
   top: 5px;
   right: 5px;
   width: 25px;
   height: 25px;
   text-align: center;
 }

 .porduct-area .single-product-wrap > a.wishlist:before {
   display: none;
 }

 .porduct-area .single-product-wrap > .wishlist i {
   line-height: 28px;
   font-size: 20px;
 }

 /* New strip */
 .single-product-wrap > a:before {
   background-size: 56%;
   position: absolute;
   content: "";
   width: 100%;
   height: 100%;
   z-index: 11;
   top: -9px;
   left: -24px;
   background-repeat: no-repeat;
   background-position: top left;
 }

 .single-product-wrap {
   position: relative;
 }

 .single-product-wrap.good-value > a:before {
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/good-value.svg');
 }

 .single-product-wrap.selling > a:before {
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/selling-fast.svg');
 }

 .single-product-wrap.limited > a:before {
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/limited-release.svg');
 }

 .single-product-wrap.hot > a:before {
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/hot-product.svg');
 }

 .single-product-wrap.on-sale > a:before {
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/on-sale-now.svg');
 }

 .single-product-wrap.recommended > a:before {
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/recommended.svg');
 }

 .single-product-wrap.low-premium > a:before {
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/low-premium.svg');
 }

 .single-product-wrap.special-offer > a:before {
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/special-offer.svg');
 }

 .single-product-wrap.tax > a:before {
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/tax-efficient.svg');
 }

 .single-product-wrap.new > a:before {
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/new.png');
 }

 .single-product-wrap.completed > a:before {
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/completed-strip.png');
 }

 .porduct-area .single-product-wrap.bestseller > a:before {
   background-image: url('https://stage-assets.goldbank.co.uk/home_new/assets/images/logo/bestseller.png');
 }

 .porduct-area .single-product-wrap.newseller > a:before {
   background-image: url('https://stage-assets.goldbank.co.uk/home_new/assets/images/logo/new.png');
 }

 .porduct-area .single-product-wrap.newrelease > a:before {
   background-image: url('https://stage-assets.goldbank.co.uk/home_new/assets/images/logo/newrelease.png');
 }

 .porduct-area .single-product-wrap.cgtfree > a:before {
   background-image: url('https://stage-assets.goldbank.co.uk/home_new/assets/images/logo/cgtfree.png');
 }

 .porduct-area #product_grid .single-product-wrap a:before {
   display: none;
 }

 #product_grid .single-product-wrap {
   margin-top: 0;
 }

 .porduct-area #myTabContent .single-product-wrap:before {
   background-size: 50%;
 }

 .porduct-area .single-product-wrap .product-image {
   height: 12.5rem;
   padding-top: 35px;
 }

 .porduct-area .single-product-wrap .product-content i {
   color: #131212;
 }

 .single-product-wrap:hover .product-image img {
   transform: scale(1.1);
 }

 .porduct-area.bg-gold .single-product-wrap > a:before {
   background-size: 67%;
 }

 .product-btm.product-btm-in:before {
   position: absolute;
   content: "";
   background: rgba(0, 0, 0, 0.5);
   width: 100%;
   height: 100%;
   z-index: 0;
   top: 0;
 }

 .product-btm.product-btm-in {
   background-image: url('https://stage-assets.goldbank.co.uk/home_new/assets/images/other/back-pro.jpg');
   position: relative;
   background-repeat: no-repeat;
   border-radius: 4px;
 }

 .product-btm .section-title h4,
 .product-btm .section-title p {
   color: rgb(255 255 255 / 75%);
   font-family: var(--font-body);
   font-size: 13px;
   font-weight: 500;
   line-height: 27px;
 }

 .product-btm button.product-btn {
   background: #000;
 }

 .product-btm button.product-btn:hover a {
   color: #fff;
 }

 .product-btm button.product-btn a {
   color: #131212;
 }

 .product-btn {
   background: #000;
   display: flex;
   border: 0px;
   padding: 0.5rem 1rem;
   border-radius: 3px;
   font-weight: 600;
   position: relative;
 }

 .porduct-area .product-btn i {
   margin-left: 10px;
   color: #d0b462;
 }

 button.product-btn a {
   color: #fff !important;
   font-size: 14px;
   line-height: 20px;
 }

 button.product-btn:before,
 .add_to_btn:before {
   content: "";
   position: absolute;
   z-index: -1;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: #626262;
   -webkit-transform: scale(0);
   transform: scale(0);
   -webkit-transition-property: transform;
   transition-property: transform;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
   border-radius: 3px;
 }

 .porduct-area .product-btn {
   background: #f2f2f2;
   margin: 0 auto;
   position: absolute;
   right: 0;
   top: 0;
 }

 .porduct-area .product-btn:hover {
   background: #343a40;
   color: #fff;
 }

 .product_tabs_slide {
   position: relative;
   margin-bottom: 30px;
 }

 .section-pt button.product-btn {
   text-align: left;
   background: #131212;
   margin: inherit;
 }

 .porduct-area button.product-btn a,
 .section-pt button.product-btn a {
   color: #fff !important;
 }

 .slick-current .slider-text-info .slider-btn-two:before {
   content: "";
   position: absolute;
   z-index: -1;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0px;

   -webkit-transform: scale(0);
   transform: scale(0);
   -webkit-transition-property: transform;
   transition-property: transform;
   -webkit-transition-duration: 0.25s;
   transition-duration: 0.23s;
   -webkit-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
 }

 .slick-current .slider-text-info .slider-btn-two.golden-btn:before {
   background: transparent;
   border: 1px solid #f5f5f5;
   color: #f5f5f5;
 }

 .slick-current .slider-text-info .slider-btn-two.black-btn:before {
   background: #ecc974;
   border: 1px solid #ecc974;
   color: #000;
 }

 .slick-current .slider-text-info .slider-btn-two.golden-btn:hover,
 .slick-current .slider-text-info .slider-btn-two.golden-btn:focus,
 .slick-current .slider-text-info .slider-btn-two.golden-btn:active {
   color: #f5f5f5;
   background: transparent;
 }

 .slick-current .slider-text-info .slider-btn-two.black-btn:hover,
 .slick-current .slider-text-info .slider-btn-two.black-btn:focus,
 .slick-current .slider-text-info .slider-btn-two.black-btn:active {
   background: #ecc974;
   border: 1px solid #ecc974;
   color: #000;
 }

 button.product-btn:hover:before,
 button.product-btn:focus:before,
 button.product-btn:active:before,
 .slick-current .slider-text-info .slider-btn-two:hover:before,
 .slick-current .slider-text-info .slider-btn-two:focus:before,
 .slick-current .slider-text-info .slider-btn-two:active:before {
   -webkit-transform: scale(1);
   transform: scale(1);
 }

 .section-pb-15 {
   padding-bottom: 15px;
 }

 .why-us {
   position: relative;
 }

 .why-us .row {
   margin-top: -8rem;
 }

 .why-us img {
   position: relative;
   z-index: -1;
 }

 .why-us:before {
   background-image: url('https://stage-assets.goldbank.co.uk/home_new/assets/images/bg/why-us.png');
   content: "";
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-position: bottom center;
   bottom: -15rem;
   position: absolute;
   background-size: 60%;
   z-index: -1;
 }

 .why-us .why-banner {
   background: #fff;
   padding: 50px 30px;
   box-shadow: 0px 4px 8px 0 rgb(0 0 0 / 15%);
   position: relative;
 }

 .why-us .border-one .why-banner:before {
   position: absolute;
   content: "";
   outline: 1px solid #dcc895;
   outline-offset: -6px;
   width: 100%;
   height: 100%;
   top: 15px;
   right: 15px;
   z-index: -1;
 }

 .why-us .why-banner .why-content-box h4 {
   font-size: 32px;
   line-height: 40px;
 }

 .why-us .why-banner .why-content-box p {
   font-size: 16px;
   line-height: 24px;
 }

 .why-us .border-two .why-banner:before {
   position: absolute;
   content: "";
   outline: 1px solid #dcc895;
   outline-offset: -6px;
   width: 100%;
   height: 100%;
   top: 15px;
   left: 15px;
   z-index: -1;
 }

 .why-us .why-banner .why-content-box a {
   background: #131212;
   color: #fff;
   padding: 10px 20px;
   font-weight: 500;
   text-transform: uppercase;
   font-size: 14px;
   line-height: 20px;
 }

 .connect-us {
   /* background-image: url('https://stage-assets.goldbank.co.uk/home_new/assets/images/other/Rectangle.png');*/
   background-repeat: no-repeat;
   background-size: 45%;
   background-position: left center;
   margin-top: 5rem;
   position: relative;
 }

 .connect-us .btn-link:before {
   background-image: url('https://stage-assets.goldbank.co.uk/home_new/assets/images/icon/hand-heart.png');
   background-size: 61%;
   position: absolute;
   content: "";
   width: 35px;
   height: 35px;
   z-index: 1;
   background-repeat: no-repeat;
   background-color: #e1c574;
   left: -4rem;
   top: 10px;
   background-position: center;
 }

 .connect-us .collapse {
   position: relative;
 }

 .connect-us .connect-banner #accordion {
   padding-left: 5rem;
 }

 .connect-us .btn-link.collapsed:before {
   position: absolute;
   content: "";
   width: 15px;
   height: 15px;
   z-index: 1;
   background: #d4d4d4;
   left: -3.4rem;
   top: 20px;
 }

 .connect-us .collapse.show:before {
   background: #e1c574;
   content: "";
   height: 107%;
   width: 1px;
   left: -3rem;
   position: absolute;
   top: -20px;
 }

 .card-header {
   position: relative;
 }

 .connect-us .card-header:before {
   background: #d4d4d4;
   content: "";
   height: 120%;
   width: 1px;
   left: -3rem;
   position: absolute;
   top: 20px;
 }

 .connect-us .collapse .card-body {
   padding-top: 10px;
 }

 .connect-us .connect-banner #accordion .card {
   border: none;
   background: transparent;
 }

 .connect-us .connect-banner #accordion .card .card-header {
   background: transparent;
   padding-top: 5px;
   padding-bottom: 5px;
   border: 0px;
   margin-bottom: 10px;
 }

 .connect-us .btn-link.collapsed {
   color: #000;
 }

 .connect-us .btn-link:hover {
   color: #e1c574;
 }

 .connect-us .btn-link {
   background: transparent;
   border: 0px;
   color: #000;
   font-weight: 700;
   text-decoration: none;
   padding: 2px 0;
   font-size: 32px;
   line-height: 40px;
   width: 100%;
   text-align: left;
 }

 .connect-us .connect-banner #accordion .card:last-child .card-header:before {
   display: none;
 }

 .margin_list {
   background-color: #fff;
   height: calc(100% - 30px);
   margin: 15px 0;
   padding: 20px;
   display: flex;
   align-items: center;
   width: 100%;
 }
 .margin_list_inner {
   width: 100%;
   max-width: 100%;
 }
 .margin_list_inner ul {
   padding-bottom: 30px;
 }
 .margin_list_inner ul li {
   font-size: 20px;
   line-height: 28px;
   margin-bottom: 20px;
   position: relative;
   padding-left: 30px;
 }
 .margin_list_inner ul li img {
   height: 22px;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   margin: auto 0;
 }
 .margin_list_inner ul li:last-child {
   margin-bottom: 0;
 }
 .arrow-button {
   color: #d1ab59;
   position: relative;
   font-size: 16px;
   line-height: 23px;
   padding-right: 30px;
 }
 .home_slider_btn .arrow-button:hover i {
   border-color: transparent;
 }
 .arrow-button:hover,
 .arrow-button:focus {
   color: #d1ab59;
   transition: all 0.3s ease 0s;
 }
 .arrow-button:before {
   content: "";
   position: absolute;
   width: 20px;
   height: 0;
   right: 0;
   top: 0;
   bottom: 0;
   margin: auto 0;
   border-top: 1px solid #d1ab59;
   transition: all 0.3s ease 0s;
 }
 .arrow-button:after {
   content: "";
   position: absolute;
   right: 0;
   width: 9px;
   height: 9px;
   border-top: 1px solid #d1ab59;
   border-right: 1px solid #d1ab59;
   top: 0;
   bottom: 0;
   margin: auto 0;
   transform: rotate(45deg);
   transition: all 0.3s ease 0s;
 }
 .arrow-button:hover:before,
 .arrow-button:focus:before {
   width: 25px;
   right: -5px;
 }
 .arrow-button:hover:after,
 .arrow-button:focus:after {
   right: -5px;
 }
 .arrow-white {
   color: #fff;
 }
 .arrow-button.arrow-white:hover,
 .arrow-button.arrow-white:focus {
   color: #fff;
 }
 .arrow-button.arrow-white:before,
 .arrow-button.arrow-white:after {
   border-color: #fff;
 }
 .arrow-down {
   color: #000;
   position: relative;
   font-size: 16px;
   line-height: 24px;
   padding-bottom: 2px;
 }
 .arrow-down:hover,
 .arrow-down:focus {
   color: #000;
   transition: all 0.3s ease 0s;
 }
 .arrow-down:before,
 .arrow-down-hide:before {
   content: "";
   position: absolute;
   width: 100%;
   height: 0;
   left: 0;
   bottom: 0;
   margin: auto 0;
   border-top: 1px solid #d1ab59;
   transition: all 0.3s ease 0s;
 }
 .arrow-down:after,
 .arrow-down-hide:after {
   content: "";
   position: absolute;
   right: 0;
   width: 0;
   height: 0;
   border-top: 3.5px solid transparent;
   border-bottom: 3.5px solid transparent;
   border-left: 4px solid #d1ab59;
   bottom: -3px;
   margin: auto 0;
   transition: all 0.3s ease 0s;
 }
 .arrow-down:hover:before,
 .arrow-down:focus:before,
 .arrow-down-hide:hover:before,
 .arrow-down-hide:focus:before {
   width: 50%;
   left: 50%;
 }
 .arrow-down:hover:after,
 .arrow-down:focus:after,
 .arrow-down-hide:hover:after,
 .arrow-down-hide:focus:after {
   right: 0;
 }
 .arrow-down div,
 .arrow-down-hide div,
 .arrow-button span {
   position: relative;
   width: 100%;
   height: 100%;
   overflow: hidden;
 }
 .arrow-button span {
   display: block;
   padding-bottom: 2px;
 }
 .arrow-button span::before {
   content: "";
   position: absolute;
   width: 100%;
   height: 1px;
   bottom: 0;
   left: 0;
   background-color: #d1ab59;
   transform-origin: bottom right;
   transition: transform 0.25s ease-out;
   transform: scaleX(0);
 }
 .arrow-button span:hover::before {
   transform: scaleX(1);
   transform-origin: bottom left;
 }
 .arrow-down div:after,
 .arrow-down-hide div:after,
 .arrow-button span:after {
   content: "";
   width: 20%;
   height: 100%;
   position: absolute;
   right: auto;
   top: 0;
   bottom: 0;
   left: -20%;
   background-image: linear-gradient(135deg, rgba(238, 204, 107, 0), rgba(238, 204, 107, 0.2), rgba(238, 204, 107, 0));
 }
 .arrow-down:hover div:after,
 .arrow-down-hide:hover div:after,
 .arrow-button:hover span:after {
   transition-timing-function: ease;
   transition: all 1s ease-out;
   left: 100%;
 }
 .arrow-down span,
 .arrow-down-hide div span {
   position: relative;
   display: block;
   z-index: 1;
   top: 0;
   width: 100%;
   text-align: center;
   transition: transform 0.5s ease;
 }
 .arrow-down span:first-child,
 .arrow-down-hide div span:first-child {
   transform: translateY(24px);
 }
 .arrow-down span:last-child,
 .arrow-down-hide div span:last-child {
   transform: translateY(0);
   left: 0;
   right: 0;
   position: absolute;
 }
 .arrow-down:hover span:first-child,
 .add-to-cart:hover .arrow-down-hide div span:first-child {
   transform: translateY(0);
 }
 .arrow-down:hover span:last-child,
 .add-to-cart:hover .arrow-down-hide div span:last-child {
   transform: translateY(-24px);
 }
 .ptb-120 {
   padding: 120px 0;
 }
 .ptb-80 {
   padding: 80px 0;
 }
 .ptb-40-80 {
   padding: 40px 0 50px;
 }
 .margin_tile {
   position: relative;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   padding: 20px;
   height: 100%;
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/bronze-tile-bg.svg');
   background-repeat: no-repeat;
   background-size: cover;
 }
 .margin_tile img {
   -webkit-transition: transform 2s;
   -moz-transition: transform 2s;
   -o-transition: transform 2s;
   -webkit-transition: -webkit-transform 2s;
   transition: -webkit-transform 2s;
 }
 .margin_tile:hover img {
   -webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
   -o-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
 }
 .margin-today .col-sm-6 {
   margin: 15px 0;
 }
 .margin-today .margin_tile.bronze-clr {
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/bronze-tile-bg.svg');
 }
 .margin-today .margin_tile.silver-clr {
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/silver-tile-bg.svg');
 }
 .margin-today .margin_tile.silverp-clr {
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/platinum-tile-bg.svg');
 }
 .margin-today .margin_tile.gold-clr {
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/gold-tile-bg.svg');
 }
 .margin_desc h3 {
   font-size: 28px;
   line-height: 36px;
   margin: 0;
   font-family: inherit;
   font-weight: 600;
   padding-bottom: 10px;
 }
 .margin_desc p {
   font-size: 13px;
   line-height: 20px;
   margin: 0;
   color: #222;
 }
 .margin_tile .margin_desc {
   flex: 0 0 calc(100% - 130px);
   max-width: calc(100% - 130px);
 }
 .margin_tile .image {
   text-align: right;
   flex: 0 0 130px;
   max-width: 130px;
 }
 .margin-today .section-title h2 {
   font-size: 52px;
   line-height: 60px;
   font-family: inherit;
 }
 .margin-today {
   background-position: center right;
   background-repeat: no-repeat;
   background-size: cover;
   background-color: #f1f1f1;
 }

 .precious_gold {
   background-color: #f1f1f1;
 }
 .precious_gold .image {
   position: relative;
   overflow: hidden;
   background-color: #000;
   min-height: 180px;
 }
 .precious_gold .image .arrow-button span::before,
 .precious_gold .image .arrow-button span:hover::before {
   background-color: #fff;
 }
 .precious_gold .image img {
   -webkit-transition: transform 1s;
   -moz-transition: transform 1s;
   -o-transition: transform 1s;
   -webkit-transition: -webkit-transform 1s;
   transition: -webkit-transform 1s;
 }
 .precious_gold .image:hover img {
   -webkit-transform: scale(1.05);
   -moz-transform: scale(1.05);
   -o-transform: scale(1.05);
   -ms-transform: scale(1.05);
   transform: scale(1.05);
 }
 .precious_gold .image:before {
   content: "";
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   top: 0;
   background: rgb(0, 0, 0);
   z-index: 2;
   background: linear-gradient(353deg, rgba(0, 0, 0, 0.8) 5.47%, rgba(0, 0, 0, 0) 61.21%);
 }
 .precious_gold .image .image_desc {
   position: absolute;
   bottom: 0;
   width: 100%;
   left: 0;
   right: 0;
   padding: 40px 20px 44px;
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/lamp.png');
   background-size: 14px;
   background-repeat: no-repeat;
   background-position: 50% 0;
   z-index: 3;
 }
 .precious_gold .image .image_desc::before,
 .precious_gold .image .image_desc::after {
   content: "";
   height: 1px;
   width: calc(50% - 100px);
   background: linear-gradient(
     270deg,
     rgba(255, 255, 255, 0.48) -1.65%,
     rgba(255, 255, 255, 0.48) 55.53%,
     rgba(255, 255, 255, 0) 100%
   );
   position: absolute;
   top: 7px;
   left: 80px;
   transition: all 0.3s ease 0s;
 }
 .precious_gold .image:hover .image_desc::before {
   width: calc(50% - 80px);
   left: 60px;
 }
 .precious_gold .image:hover .image_desc::after {
   width: calc(50% - 80px);
   right: 60px;
 }
 .precious_gold .image .image_desc::after {
   left: auto;
   right: 80px;
   transform: rotate(180deg);
 }
 .precious_gold .image .image_desc h4 {
   color: #fff;
   margin: 0;
   padding: 0 15px 20px;
 }
 .precious_gold .image .image_desc a {
   font-weight: 700;
 }
 .margin-today .table thead th {
   border-top: none;
   font-size: 15px;
   border-bottom: 0px;
   color: #131212;
 }

 .margin-today .section-title {
   background: none;
   padding-top: 0;
 }

 .margin-today table {
   border-collapse: collapse;
 }

 .margin-today tbody tr:last-child td {
   border-bottom: 1px dashed #dad0c1;
 }

 .margin-today tbody tr td {
   font-size: 18px;
   line-height: 27px;
   color: #8f8e8c;
   font-weight: 500;
   border-top: 1px dashed #dad0c1;
   transition: all ease-in-out 0.5s;
 }

 .margin-today tbody tr {
   transition: all ease-in-out 0.5s;
 }

 .product_details_info table .bronze-b:hover td,
 .product_details_info table .silver-b:hover td,
 .product_details_info table .silverr-b:hover td,
 .product_details_info table .gold-b:hover td,
 .product_details_info table .diamond-b:hover td,
 .margin-today tbody tr:hover td {
   color: #fff !important;
 }

 tbody tr.bronze-b:hover {
   background: linear-gradient(90deg, rgba(229, 148, 88, 1) 0%, rgba(207, 96, 15, 1) 100%);
 }

 tbody tr.silver-b:hover {
   background: linear-gradient(90deg, rgba(193, 192, 190, 1) 0%, rgba(149, 148, 144, 1) 100%);
 }

 tbody tr.silverr-b:hover {
   background: linear-gradient(90deg, rgba(128, 127, 125, 1) 0%, rgba(62, 62, 62, 1) 100%);
 }

 .hero-slider.hero-slider-two ul.slick-dots {
   position: absolute;
   bottom: 6rem;
   left: 0;
   right: 0;
   text-align: center;
   display: flex;
   justify-content: center;
   z-index: 3;
 }

 tbody tr.gold-b:hover {
   background: linear-gradient(90deg, rgba(249, 215, 91, 1) 0%, rgba(236, 165, 51, 1) 100%);
 }

 tbody tr.diamond-b:hover {
   background: linear-gradient(90deg, rgba(85, 202, 222, 1) 0%, rgba(50, 122, 146, 1) 100%);
 }

 tbody tr.brozne-b:hover {
   background: #03c1c1;
 }

 tbody tr td.price-t:hover {
   color: #8f8e8c;
 }

 tbody tr td.bronze-t:hover {
   color: #cf600f;
 }

 tbody tr td.silver-t:hover {
   color: #c1c0be;
 }

 tbody tr td.silverr-t:hover {
   color: #807f7d;
 }

 tbody tr td.gold-t:hover {
   color: #d1b14a;
 }

 tbody tr td.diamond-t:hover {
   color: #0a3c4f;
 }

 ul.footer-list li a {
   font-size: 13px;
   line-height: 20px;
   color: #f2f2f2;
   font-weight: 400;
   text-transform: capitalize;
 }

 ul.footer-list li a:hover {
   text-decoration: underline;
 }

 .footer-bottom i {
   color: #b5b2ad;
   font-size: 20px;
 }
 @media (max-width: 767px) {
   .every-container h2 {
     font-size: 38px;
     line-height: 50px;
   }

   .hero-slider-two .slider-text-info {
     margin-top: 10px;
   }

   .hero-slider-one .slider-text-info p,
   .hero-slider-two .slider-text-info p {
     line-height: 24px;
     font-size: 14px;
   }

   .bottom-area .single-btm {
     margin-top: -20px;
   }

   .bottom-area .single-btm .btm-text {
     padding-left: 0;
     text-align: center;
     margin-bottom: 10px;
   }

   .every-container p {
     font-size: 15px;
   }

   .bottom-area .row.logo-row {
     padding-left: 0;
     flex-direction: row;
   }

   .bottom-area .row.logo-row .col-md-6 {
     width: 50%;
     margin-bottom: 10px;
   }

   .hero-content-one.container {
     width: 100%;
   }

   .bottom-area .row {
     flex-direction: column-reverse;
   }

   .logoclient-area .col-md-6 {
     width: 33%;
   }

   .logoclient-area .logo-btm {
     padding: 5px;
   }

   .logoclient-area .row .col-md-6:first-child,
   .logoclient-area .row .col-md-6:last-child {
     display: none;
   }

   .why-us .row {
     padding: 0 25px;
   }

   .why-us .why-banner {
     margin-bottom: 20px;
   }

   .why-uss .why-bannerr,
   .product-btm .why-bannerr {
     padding-left: 0;
   }

   .product-btm button.product-btn {
     margin: 10px auto !important;
   }

   .why-us img {
     height: 300px;
     object-fit: cover;
   }

   .connect-us .connect-banner img,
   .sm-none {
     display: none;
   }

   .connect-us {
     margin-top: 0;
   }

   .why-us:before {
     bottom: -5rem;
   }

   .connect-us {
     background: transparent;
   }

   .connect-us .connect-banner #accordion {
     padding-left: 1rem;
   }

   .product-details-tab .nav {
     justify-content: center;
   }

   .pro_dtl_color ul.pro_dtl_btn {
     width: 100%;
     display: flex;
     align-items: flex-end;
   }

   .every-wrapper {
     padding-top: 5rem;
   }

   .membership-page .every-container {
     padding: 5rem 2.5rem;
     margin-top: 2rem;
   }

   .footer-top .container,
   .porduct-area .container,
   .breadcrumb-area .container,
   .product-details-page .container,
   .pro_dtl_btn li a.buy_now_btn,
   .why-uss .container,
   .why-us .container,
   .lagin-and-register-page .container,
   .main-content-wrap .container,
   .product-btm .container,
   .footer-bottom .container {
     width: 100%;
   }

   .pb-200 {
     padding-bottom: 0;
   }

   .mb-200 {
     margin-bottom: 0;
   }

   .main-content-wrap .bronze-active-lg-4 button.slick-arrow {
     bottom: inherit;
     top: -50px;
     right: 0;
     left: inherit;
   }

   .main-content-wrap .bronze-active-lg-4 .slick-prev {
     right: 50px !important;
   }

   .membership-page .every-wrapper .every-top p {
     color: #000;
   }

   .main-content-wrap .slick-slide.slick-current.slick-active .every-rotate {
     padding: 0 10px;
   }

   .main-content-wrap .bronze-active-lg-4 .slick-slide.slick-current.slick-active {
     width: 260px !important;
   }

   .single-product-wrap {
     padding: 6px 10px 15px 10px;
     margin-bottom: 30px;
   }

   .product-content h3 {
     font-size: 0.9em;
   }

   .star-white {
     margin-bottom: 12px;
   }

   .logoclient-area .row i {
     font-size: 30px;
   }

   .product-content h3 {
     height: 90px;
   }

   .footer-top .col-lg-2 {
     width: 50%;
   }

   .footer-bottom,
   .copy-right-text.text-left,
   .porduct-area .section-title {
     text-align: center !important;
   }

   .bottom-area .single-btm .btm-text h3 {
     font-size: 30px;
     line-height: 40px;
   }

   .footer-bottom .right-blok-box {
     margin: 0 auto;
     justify-content: center;
   }

   .footer-lower .list-inline {
     text-align: center;
   }

   .footer-lower .list-inline .list-inline-item:not(:last-child) {
     padding-right: 10px;
   }

   .footer-lower .list-inline .list-inline-item:not(:last-child):after {
     right: 2px;
   }

   .bottom-area .single-btm .btm-text h5 {
     font-size: 15px;
     line-height: 24px;
   }

   .bottom-area:before {
     background-size: contain;
     top: -3rem;
     height: 100px;
   }

   .between-banner:before {
     top: -5rem;
     z-index: 2;
     background-size: contain;
   }

   .bottom-area .single-btm .btm-image {
     margin-top: 0px;
     position: relative;
     z-index: 999999999999999;
   }

   .margin-today .section-title h2 {
     font-size: 30px;
     line-height: 40px;
     font-family: inherit;
   }

   .margin-today .container {
     width: 100%;
     padding: 0 30px;
   }

   .bottom-area .single-btm .btm-image {
     margin-top: 0rem;
   }

   .section-title:before {
     background-size: 56%;
   }

   .why-us .why-banner .why-content-box h4 {
     font-size: 22px;
     line-height: 32px;
   }

   .connect-us .btn-link {
     font-size: 30px;
   }

   .margin-today .section-title {
     padding-top: 0px;
   }

   .margin-today button.product-btn {
     margin-bottom: 3rem;
   }

   .haeader-bottom-area .container {
     width: 95%;
   }

   ul.pro_dtl_prize {
     margin-right: 0;
     text-align: right;
   }

   .pro_dtl_btn li {
     margin-right: 0;
     margin-bottom: 10px;
   }

   .porduct-area .single-product-wrap.bestseller:before,
   .porduct-area .single-product-wrap.newseller:before,
   .porduct-area .single-product-wrap.newrelease:before,
   .porduct-area .single-product-wrap.recommended:before,
   .porduct-area .single-product-wrap.cgtfree:before {
     top: -7px;
     left: -10px;
   }

   .breadcrumb-area {
     display: none;
   }

   .lagin-and-register-page {
     height: 680px;
   }

   .main-content-wrap .icon-topbox {
     display: block;
     margin: 10px;
   }

   .main-content-wrap .icon-topbox .list-inline-item {
     width: 100%;
     margin-top: 4rem;
   }

   .lagin-and-register-page,
   .membership-page {
     height: auto;
     padding-top: 6rem;
   }

   .border-btm:before {
     right: 0 !important;
     left: inherit !important;
     top: 3rem !important;
   }

   .border-btm .col-6:nth-child(3) {
     position: relative;
   }

   .border-btm .col-6:nth-child(3):before {
     border: 1px solid #dcc895;
     width: 154%;
     content: "";
     left: 0;
     position: absolute;
     top: 3rem;
     z-index: 0;
   }

   .pb-80 {
     padding-bottom: 0;
   }

   .image-box {
     position: relative;
     padding-top: 20px;
   }

   .icon-topbox .list-inline-item {
     border-radius: 5px;
   }

   .table-member .table th img,
   .table-price table tr th img {
     max-width: 30px;
     margin-right: 0 !important;
   }

   .table-member .table th,
   .table-price table tr th {
     margin: 0 auto;
     text-align: center;
   }

   .login-toggle-btn .button-box {
     width: 30%;
     margin-left: 2rem;
   }

   .membership-page .every-wrapper.mt-200 {
     margin-top: 0;
   }

   .membership-page .every-wrapper.mt150 {
     margin-top: 0;
   }

   .margin-minus {
     margin-top: 0px;
   }

   .main-content-wrap .table_price ul.list-inline {
     display: block;
   }

   .main-content-wrap .table_price > ul > li {
     width: 100%;
   }
 }

 .why-usss {
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/shape.svg');
   background-size: cover;

   background-position: center;
   background-repeat: no-repeat;
   height: 111px;
   margin-top: -20px;
 }

 .why-uss {
   background-color: #000;
 }

 .porduct-area .single-product-wrap .product-image i {
   position: relative;
   display: inline-block;
 }

 .porduct-area .single-product-wrap:hover .product-image i:after {
   opacity: 1;
   top: -30%;
   left: -30%;
   transition-property: left, top, opacity;
   transition-duration: 2s, 2s, 0.3s;
   transition-timing-function: ease;
 }

 .porduct-area .single-product-wrap .product-image i:after {
   content: "";
   position: absolute;
   top: -175%;
   left: -175%;
   width: 200%;
   height: 200%;
   opacity: 0;
   transform: rotate(30deg);
   background: rgba(255, 255, 255, 0.13);
   background: linear-gradient(
     to right,
     rgba(255, 255, 255, 0.13) 0,
     rgba(255, 255, 255, 0.13) 77%,
     rgba(255, 255, 255, 0.5) 92%,
     rgba(255, 255, 255, 0) 100%
   );
 }

 /***every page title********/
 .every-container h2 {
   color: #131212;
 }

 .every-wrapper .every-top p {
   color: rgb(255 255 255 / 50%);
   font-weight: 500;
 }

 .every-container {
   margin-top: 10rem;
 }

 /***every page title********/

 /***membership page ********/
 .image-box img {
   background: #f6efe5;
   padding: 20px;
   border-radius: 50%;
   width: 65px;
   margin-bottom: 1.5rem;
 }

 .image-box p {
   font-weight: 300;
   color: #1e1e1e;
 }

 /***table page ********/
 .table-box .table tr td {
   padding: 0;
   vertical-align: middle;
   font-size: 16px;
 }

 .table-box {
   background: #ffffff;
   border: 1px solid #ebebeb;
   box-sizing: border-box;
   box-shadow: 0px 4px 10px rgb(0 0 0 / 15%);
   border-radius: 4px;
   padding: 2rem;
 }

 .table-box .table tr td img {
   margin-right: 20px;
   width: 45px;
 }

 .table-box .table tr td:last-child {
   color: #999999;
 }

 .table-box .table tr td:first-child {
   color: #1e1e1e;
 }

 /***button transparent ********/
 button.transparent-btn {
   padding: 10px 32px;
   font-weight: 500;
   background: transparent;
   border: 1px solid #e1e1e1;
   box-sizing: border-box;
   margin-top: 2rem;
 }

 .main-content-wrap .style-color {
   font-weight: 300;
   font-size: 16px;
   line-height: 30px;
   letter-spacing: -0.011em;
   color: #6a6a6a;
 }

 /***Icon box ********/
 .icon-topbox .list-inline-item {
   width: 20%;
   padding: 20px;
   margin-right: 0;
 }

 .icon-topbox {
   display: flex;
 }

 .icon-box {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   height: 100%;
 }

 .icon-box h3 {
   color: #ffffff;
   font-size: 20px;
   font-weight: 400;
   margin-top: 20px;
 }

 .icon-topbox .icon-box:hover img {
   margin-top: -6rem;
 }

 .icon-topbox .icon-box img {
   margin-top: -5rem;
   width: 90px;
   transition: all ease-in-out 0.8s;
 }

 .icon-topbox .list-inline-item:nth-child(2),
 .table-price table tr th:nth-child(2) {
   background: #7d918f;
 }

 .table-price table tr:last-child td {
   padding-bottom: 15px;
 }

 .table-price table tr:first-child td {
   padding-top: 15px;
 }

 .icon-box .icon-in p {
   font-weight: 300;
   color: #fff;
   margin-bottom: 15px;
 }

 .icon-box button.transparent-btn a {
   color: #fff;
 }

 .icon-box button.transparent-btn {
   border: 1px solid rgba(255, 255, 255, 0.1);
   box-sizing: border-box;
   border-radius: 2px;
 }

 .table-price table tr:last-child td,
 .table-member .table tr:last-child td {
   border-bottom: 1px solid #dee2e6;
 }

 .table-member .table tr.table-first td {
   padding: 0 0.75rem 0 0.75rem;
   background: #f5f5f5;
   border-color: whitesmoke;
   color: #fff;
   font-weight: 300;
   text-align: center;
   font-size: 11px;
 }

 .table-member .table tr.table-first td:first-child {
   background: #f5f5f5;
 }

 .table-member .table tr.table-first td.tablefirst-active {
   background: #131212;
 }

 .table-price table tr th,
 .table-price table tr td {
   width: 20%;
   border-top: 0px solid #dee2e6 !important;
   border-right: 1px solid #dee2e6;
   padding-top: 5px;
   padding-bottom: 5px;
   border-bottom: 0px solid #dee2e6;
 }

 .table-price table tr td i {
   position: absolute;
   color: #2ca731;
   left: 10px;
 }

 .table_price ul.list-inline > li ul li i {
   position: absolute;
   color: #fff;
   left: 0;
 }

 .table-price table tr th img,
 .table-member .table th img,
 .table-price table tr th,
 .table_price ul.list-inline > li .header-table img {
   margin-right: 10px;
 }

 .table-price table tr th {
   color: #fff;
   padding: 10px;
   font-weight: 300;
 }

 button.product-btn-icon:hover {
   background: #626262;
 }

 .table-price table tr td {
   padding-left: 30px;
   position: relative;
   line-height: 20px;
   font-size: 14px;
   font-weight: 300;
 }

 .table-member .table {
   background: #fff;
 }

 .table-member .table tr td,
 .table-member .table th {
   border-right: 1px solid #dee2e6;
 }

 .table-member tr:first-child td:first-child,
 .table-member tr:last-child td:first-child {
   background: #ebebeb;
 }

 .border-btm:before {
   border: 1px solid #dcc895;
   width: 80%;
   content: "";
   left: 0;
   right: 0;
   margin: 0 auto;
   position: absolute;
   top: 2rem;
 }

 .border-btm {
   position: relative;
 }

 .membership-page.bronze-user {
   background-image: url('https://stage-assets.goldbank.co.uk/home_new/assets/images/bg/bronze.png');
   background-position: bottom center;
 }

 .membership-page.sliver-user {
   background-image: url('https://stage-assets.goldbank.co.uk/home_new/assets/images/bg/silver.png');
   background-position: bottom center;
   position: relative;
 }

 .membership-page.sliver-plus {
   background-image: url('https://stage-assets.goldbank.co.uk/home_new/assets/images/bg/silver-plus-account.png');
   background-position: bottom center;
   position: relative;
 }

 .membership-page.gold-user {
   background-image: url('https://stage-assets.goldbank.co.uk/home_new/assets/images/bg/gold.png');
   background-position: bottom center;
   position: relative;
 }

 .membership-page.diamond-user {
   background-image: url('https://stage-assets.goldbank.co.uk/home_new/assets/images/bg/diamond.png');
   background-position: bottom center;
   position: relative;
 }

 .text-cust {
   font-size: 42px;
   font-weight: 600;
   line-height: 48px;
   margin-bottom: 20px;
 }

 .margin-minus {
   margin-top: -10rem;
 }

 button.product-btn-icon a i {
   width: 45px;
   display: inline-block;
   height: 45px;
   line-height: 45px;
   margin-left: 2rem;
 }

 button.product-btn-icon a {
   color: #fff;
 }

 button.product-btn-icon {
   background: #131212;
   padding: 0;
   border: 0px;
   height: 45px;
   padding-left: 10px;
 }

 .table_price ul.list-inline > li ul li {
   margin-bottom: 10px;
   line-height: 20px;
 }

 .table_price ul.list-inline {
   display: flex;
 }

 .table_price > ul > li {
   width: 20%;
 }

 .table-price table tr th,
 .table_price ul.list-inline > li ul {
   margin-top: 15px;
   padding-left: 20px;
   position: relative;
 }

 .bronze-active-lg-4 .slick-slide.slick-current.slick-active .every-rotate {
   padding: 0 40px;
   display: flex;
   flex-direction: column;
   transform: none;
   margin-top: 0px;
 }

 .bronze-active-lg-4 .slick-slide .every-container {
   margin-bottom: 30px;
 }

 .bronze-active-lg-4 .slick-slide.slick-active .every-rotate {
   display: flex;
   transform: rotate(-90deg);
   flex-direction: row-reverse;
   margin-top: 0px;
   justify-content: center;
   align-items: center;
   height: 100%;
 }

 .bronze-active-lg-4 .slick-slide.slick-active .every-rotate .h6 {
   padding-right: 15px;
 }

 .bronze-active-lg-4 .slick-slide.slick-active .every-rotate img {
   width: 55%;
 }

 .bronze-active-lg-4 .slick-slide.slick-current.slick-active .every-rotate img {
   width: 30%;
   margin: 0px !important;
 }

 .bronze-active-lg-4 button.slick-arrow {
   position: absolute;
   bottom: -5%;
   left: -10%;
   border: 0px;
   background: transparent;
   font-size: 24px;
 }

 .main-content-wrap .bronze-active-lg-4 .slick-prev {
   left: -15%;
 }

 .bronze-active-lg-4 .slick-slide.slick-current.slick-active .every-rotate {
   padding: 0 40px;
 }

 .bronze-active-lg-4 .slick-slide.slick-active .every-container {
   padding: 1px;
 }

 .bronze-active-lg-4 .slick-slide.slick-current.slick-active {
   width: auto !important;
 }

 .bronze-active-lg-4 .slick-slide.slick-active {
   width: 5% !important;
 }

 .widget-footer .right-blok-box .search-wrap a i {
   color: #d0b462 !important;
   margin-right: 20px;
   width: 30px;
   height: 30px;
   text-align: center;
   display: block;
   line-height: 33px;
   border-radius: 50%;
   background-color: #212023;
   font-size: 18px;
 }
 .widget-footer .right-blok-box .search-wrap a i:before {
   line-height: 30px;
 }
 .widget-footer .right-blok-box .search-wrap:last-child a i {
   margin-right: 0;
 }

 .social-top i {
   color: #a88323;
   font-size: 16px;
 }

 .ratestar {
   width: 70px;
   margin-top: 10px;
 }

 .logoclient-area .slick-slide {
   height: auto;
 }

 .connect-img {
   background-color: #e1c574;
   width: 60px;
   height: 60px;
   border-radius: 50%;
   text-align: center;
 }

 .connect-img img {
   width: 30px;
 }

 /* newsletter block */
 .newsletter {
   position: relative;
   background-size: cover;
   padding: 40px 0;
   background-repeat: no-repeat;
   background-position: center;
   background-attachment: fixed;
 }

 .newsletter .overlay {
   background-color: rgba(0, 0, 0, 0.75);
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
 }

 .head h2 {
   font-family: inherit;
   font-size: 28px;
   font-weight: 700;
   color: #fff;
   padding-bottom: 12px;
   line-height: normal;
   width: auto;
   position: relative;
   margin-bottom: 0px;
 }

 .newsletter h2 span {
   color: #fff;
   opacity: 0.8;
   font-size: 18px;
   display: block;
 }

 .head.text-left h2:after {
   right: auto;
 }

 .head h2:after {
   height: 4px;
   width: 60px;
   position: absolute;
   background-color: #c8a978;
   bottom: 0;
   left: 0;
   right: 0;
   margin: 0 auto;
   content: "";
 }

 .newsletter .input_box {
   width: 90%;
   float: right;
   position: relative;
 }

 .newsletter .input_box input {
   background-color: transparent;
   border: 1px solid #fff;
   border-radius: 26px;
   height: 52px;
   padding: 5px 70px 5px 20px;
   color: #fff;
 }

 .newsletter .input_box input::-webkit-input-placeholder {
   /* Edge */
   color: #d6d2d2;
 }

 .newsletter .input_box input:-ms-input-placeholder {
   /* Internet Explorer 10-11 */
   color: #d6d2d2;
 }

 .newsletter .input_box input::placeholder {
   color: #d6d2d2;
 }

 .newsletter .input_box img {
   position: absolute;
   right: 30px;
   top: 15px;
 }

 .ion-ios-cart-outline:before {
   font-weight: 600;
 }

 .logo-area {
   width: 240px;
 }

 .logo-area img {
   height: auto;
   position: static;
   top: -15px;
 }

 /* save-grow block */

 .bg_shape1 {
   position: relative;
   z-index: 1;
   padding: 60px 0 20px;
 }

 h2.landing_purple {
   background: #a88323;
   -webkit-background-clip: text;
   background-clip: text;
   -webkit-text-fill-color: transparent;
   width: 100%;
   line-height: 50px;
   font-size: 34px;
   position: relative;
   margin: 50px 0 30px 0;
 }

 .bg_shape1 .box {
   z-index: 9999999;
   box-shadow: 0px 19px 50px hwb(45deg 49% 11% / 20%);
   border-radius: 16px;
   padding: 30px;
 }

 .bg_shape1 .box .title {
   background: #a88323;
   -webkit-background-clip: text;
   background-clip: text;
   -webkit-text-fill-color: transparent;
   width: 100%;
   font-size: 20px;
   position: relative;
   margin: 15px 0;
   font-family: var(--font-body);
   font-weight: 600;
 }

 .bg_shape1 .box p {
   font-weight: 500;
   color: #999999;
 }

 .learn_more {
   background: #a88323;
   -webkit-background-clip: text;
   background-clip: text;
   -webkit-text-fill-color: transparent;
   width: 100%;
   font-size: 14px;
   position: relative;
   margin: 10px 0;
   margin-top: 20px;
   font-weight: 400;
 }

 h2.landing_purple:after {
   content: "";
   position: absolute;
   border-bottom: 4px solid #ffdf81;
   width: 40px;
   bottom: 0;
   left: 0;
   top: 78%;
   left: 50%;
   transform: translate(-50%, -50%);
   padding-bottom: 20px;
   border-radius: 2px;
 }

 ul.bullet-point {
   text-indent: 15px;
 }

 .bullet-point li {
   position: relative;
   color: white;
   margin: 10px 0;
   font-size: 16px;
 }

 ul.bullet-point li::before {
   content: "\2022";
   color: #a88323;
   position: absolute;
   font-size: 27px;
   left: -19px;
   top: 2px;
 }

 /* info strip */
 .py-lg-2 {
   padding-top: 16px;
   padding-bottom: 16px;
 }

 .info-strip--no-bottom-border {
   border-bottom-width: 0;
 }

 .info-strip {
   border-color: #c3a660;
   border-style: solid;
   border-width: 1px 0;
 }

 .info-strip__inner {
   padding-right: 1rem;
   padding-left: 1rem;
   /* max-width: 79.3%; */
   display: flex;
   margin: 0 auto;
 }

 @media print, screen and (min-width: 64em) {
   .px-lg-2 {
     padding-left: 16px;
     padding-right: 16px;
   }
 }

 .info-strip__item-icon {
   flex-shrink: 0;
   margin-left: 10px;
   display: flex;
   height: 100%;
   align-items: center;
 }

 .a-progressive.loaded {
   filter: blur(0);
 }

 .info-strip__item-icon img {
   width: 100%;
 }

 .a-progressive {
   filter: blur(2vw);
   transition: filter 0.5s linear;
   display: inline-block;
   vertical-align: middle;
   max-width: 100%;
   height: auto;
 }

 .info-strip__text-container {
   flex: 4;
 }

 h6.f-canopus {
   font-weight: 400;
   color: #3e3a35;
 }

 .info-strip__item {
   border-right: 2px dotted #e1d2af;
   display: flex;
   flex: 1;
   align-items: flex-start;
   list-style: none;
   margin-bottom: 0;
 }

 .info-strip__item:last-of-type {
   border: 0;
 }

 .white-header .header-after-login .white-logo,
 .header-after-login .black-logo {
   display: block;
 }

 .white-header .header-after-login.is-sticky .white-logo,
 .header-after-login.is-sticky .black-logo.transparent-head {
   display: none;
 }

 .white-header .header-after-login .black-logo,
 .header-after-login .white-logo {
   display: none;
 }

 .white-header .haeader-bottom-area:not(.is-sticky) .announce p,
 .white-header .header-after-login:not(.is-sticky) .main-menu-area nav > ul > li > a {
   color: #fff;
 }

 .white-header .header-after-login:not(.is-sticky) .right-blok-box svg path {
   fill: #fff;
 }

 .white-header .header-after-login:not(.is-sticky) .right-blok-box .get-touch a {
   color: #fff;
   border: 1px solid #fff;
 }

 .header-after-login .main-menu-area ul > li > a {
   color: #000;
 }

 .right-blok-box .get-touch a {
   color: #000;
   border: 1px solid #000;
   border-radius: 50px;
   padding: 6px 20px;
   font-size: 14px;
   display: inline-block;
 }

 .right-blok-box .get-touch a:hover {
   color: #000;
 }

 .button-wrap:hover > a {
   color: #fff;
 }

 .right-blok-box a:hover i {
   color: #a88323;
 }

 .header-after-login .main-menu-area ul > li > a:hover {
   color: #a88323;
 }

 .header-after-login .button-wrap:hover > a {
   color: #fff;
 }

 .user-hover .header-after-login .button-wrap a {
   color: #fff;
 }

 .header-after-login .right-blok-box i {
   color: rgb(0, 0, 0, 0.69);
   font-size: 18px;
 }

 .header-after-login .right-blok-box svg {
   height: 14px;
 }

 .header-after-login .right-blok-box svg path {
   fill: #fff;
 }

 .right-blok-box a:hover svg path {
   fill: #fff;
 }

 .header-after-login .right-blok-box i.fa {
   font-size: 15px;
 }

 .header_info {
   border-bottom: 1px solid #dbdbdb;
 }

 .header_info .container {
   padding-top: 8px;
   padding-bottom: 8px;
 }

 .is-sticky .header_info {
   margin-top: -43px;
 }

 .announce {
   white-space: nowrap;
   overflow: hidden;
 }

 .announce p {
   display: inline-block;
   color: #000;
   animation: marquee 25s linear infinite;
   line-height: 27px;
 }

 .announce p i {
   padding-right: 5px;
 }

 .form .input-container label {
   padding: 0;
 }

 .haeader-bottom-area.transparent-header.header-sticky.is-sticky {
   background: #fff !important;
   z-index: 999;
 }

 .product_details_tab_content .product_desc {
   margin-top: 12px;
 }

 .haeader-bottom-area.transparent-header.header-after-login {
   background-color: transparent;
 }

 .product-details-tab .nav {
   justify-content: center;
   flex-wrap: nowrap;
   overflow-y: auto;
   width: 100%;
   margin-block-start: 0;
   padding-inline-start: 0;
   margin-block-end: 0;
   justify-content: flex-start;
 }

 .product-details-tab .nav li a {
   white-space: nowrap;
 }

 .pro_dtl_color .buy-now:after {
   background-color: #000;
 }

 .table.order-table td,
 .table.order-table th {
   border-top: 1px solid #ebebeb;
   padding: 1.1rem 0.75rem;
 }

 .order-table thead th,
 .sell-table thead th .tooltip {
   color: #939191;
   font-size: 13px;
   line-height: 20px;
   text-transform: uppercase;
   z-index: 9;
   border-bottom: none;
 }

 .order-table thead th {
   text-transform: capitalize;
 }

 .order-table tbody tr {
   color: #2b2a2a;
   font-weight: 500;
   font-size: 15px;
   line-height: 20px;
   vertical-align: middle;
 }

 .accordian-body {
   padding: 10px 15px 0 15px;
 }

 .accordian-body div {
   color: #6a6a6a;
   font-style: normal;
   font-weight: 500;
 }

 .pagination {
   align-items: center;
   justify-content: center;
 }

 .page-item.active .page-link {
   background-color: #a88323 !important;
   border-color: #a88323 !important;
 }

 .page-link {
   color: #a88323;
 }

 .terms-page.sort p {
   width: 100% !important;
 }

 .rich-text p {
   font-weight: 500;
 }

 @media print, screen and (max-width: 63.99875em) {
   .info-strip__inner {
     flex-direction: column;
   }
 }

 @media only screen and (min-width: 320px) and (max-width: 767px) {
   .product-image {
     height: 14rem;
   }

   .product-active-lg-4 .slick-arrow.slick-next,
   .product-two-row-4 .slick-arrow.slick-next {
     right: 0;
   }

   .product-active-lg-4 .slick-arrow,
   .product-two-row-4 .slick-arrow {
     left: 0;
   }

   .info-strip__item {
     border-right: none;
   }
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .container-fluid {
     padding: 0 15px;
   }

   .product-active-lg-4 .section-title h2,
   .porduct-area .section-title h2,
   .section-title h2 {
     font-size: 40px;
     line-height: 60px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .container-fluid {
     padding: 0 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .container-fluid {
     padding: 0 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .slick-current .slider-text-info .golden-btn,
   .slick-current .slider-text-info .black-btn {
     padding: 10px 32px;
   }

   .slick-current .slider-text-info .golden-btn {
     margin-right: 4px;
   }
 }

 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .footer-section .container-fluid {
     padding: 0 15px;
     width: 1200px;
   }

   button.product-btn {
     padding: 14px 24px !important;
   }

   button.product-btn a {
     font-size: 15px;
     line-height: 15px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .footer-section .container-fluid {
     padding: 0 15px;
     width: 960px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .footer-section .container-fluid {
     padding: 0 15px;
     width: 750px;
   }
 }

 @media only screen and (max-width: 767px) {
   .footer-section .container-fluid {
     padding: 0 15px;
     width: 450px;
   }
 }

 @media only screen and (max-width: 479px) {
   .footer-section .container-fluid {
     padding: 0 15px;
     width: 320px;
   }

   .logo-area .transparent-head,
   .logo-area .sticky-head {
     width: 160px;
   }

   .product-active-lg-4 .slick-arrow,
   .product-two-row-4 .slick-arrow {
     width: 35px;
     height: 35px;
     font-size: 15px;
   }
 }

 @media (min-width: 1200px) {
   .container {
     max-width: 1170px;
   }
 }

 @media only screen and (min-width: 320px) {
   .form .input-container label,
   input:not([type="radio"]):not([type="checkbox"]),
   select,
   .form textarea,
   .product_filters .dropdown-toggle,
   .form1 {
     padding: 3.067vw 3.333vw;
   }

   .form .input-container label {
     padding: 0;
     margin-right: 6px;
   }

   .box-title {
     font-size: 5.556vw;
     line-height: 6.111vw;
   }

   .main-tittle {
     font-size: 4.556vw;
     line-height: 5.111vw;
   }

   .form .input-field {
     padding: 3.567vw 3.333vw;
   }

   .product_desc,
   .pro_feature p,
   .review_date h4,
   .review_date span,
   .review_date b,
   .review_details p,
   .review_details a,
   .review_details ul.share-review li,
   .product_tab_content p,
   .rich-text p,
   .product-content h3 a,
   #main #faq .card .card-body .cust-checkbox label {
     font-size: 3.5267vw;
     line-height: 4.5vw;
   }

   .table div.widget-variable-price,
   .rich-text p {
     font-size: 3.6567vw;
     line-height: 4.2vw;
   }

   .product_description_wrap b,
   .info-strip__item-title strong,
   .product-content .price-box span {
     font-size: 4.322vw;
     line-height: 4.7922vw;
   }

   .product-content .price-box .new-price {
     padding: 1.944vw 1.389vw;
     font-size: 4.2vw;
   }

   .product-details-tab .nav li a {
     font-size: 4.3vw;
     line-height: 5.2vw;
   }

   .product_details_info > h2 {
     font-size: 28px;
   }

   .panel-body h2,
   .panel-body h2 a {
     font-size: 30px;
     line-height: 35px;
   }
 }

 @media only screen and (min-width: 480px) {
   .form .input-container label,
   input:not([type="radio"]):not([type="checkbox"]),
   select,
   .form textarea,
   .product_filters .dropdown-toggle,
   .form1 {
     padding: 3.067vw 3.333vw;
   }

   .form .input-container label {
     padding: 0;
     margin-right: 6px;
   }

   .box-title {
     font-size: 5.156vw;
     line-height: 5.6111vw;
   }

   .main-tittle {
     font-size: 3.956vw;
     line-height: 4.611vw;
   }

   .form .input-field {
     padding: 3.067vw 3.033vw;
   }

   .product_desc,
   .pro_feature p,
   .review_date h4,
   .review_date span,
   .review_date b,
   .review_details p,
   .review_details a,
   .review_details ul.share-review li,
   .product_tab_content p,
   .rich-text p,
   .product-content h3 a,
   #main #faq .card .card-body .cust-checkbox label {
     font-size: 3.0267vw;
     line-height: 4.2vw;
   }

   .table div.widget-variable-price,
   .rich-text p {
     font-size: 3.0567vw;
     line-height: 4vw;
   }

   .product_description_wrap b,
   .info-strip__item-title strong,
   .product-content .price-box span {
     font-size: 4.022vw;
     line-height: 4.2922vw;
   }

   .product-content .price-box .new-price {
     padding: 1.444vw 1.389vw;
     font-size: 3.8vw;
   }

   .product-details-tab .nav li a {
     font-size: 4vw;
     line-height: 5vw;
   }
 }

 @media only screen and (min-width: 576px) {
   .form .input-container label,
   input:not([type="radio"]):not([type="checkbox"]),
   select,
   .form textarea,
   .product_filters .dropdown-toggle,
   .form1 {
     padding: 3.0067vw 3.0033vw;
   }

   .form .input-container label {
     padding: 0;
     margin-right: 6px;
   }

   .box-title {
     font-size: 4.556vw;
     line-height: 5.111vw;
   }

   .main-tittle {
     font-size: 3.7556vw;
     line-height: 4.111vw;
   }

   .form .input-field {
     padding: 2.767vw 2.5033vw;
   }

   .product_desc,
   .pro_feature p,
   .review_date h4,
   .review_date span,
   .review_date b,
   .review_details p,
   .review_details a,
   .review_details ul.share-review li,
   .product_tab_content p,
   #main #faq .card .card-body .cust-checkbox label,
   .rich-text p,
   .product-content h3 a {
     font-size: 2.0267vw;
     line-height: 3.5vw;
   }

   .table div.widget-variable-price,
   .rich-text p {
     font-size: 2.6267vw;
     line-height: 3.5vw;
   }

   .product_description_wrap b,
   .info-strip__item-title strong,
   .product-content .price-box span {
     font-size: 3.722vw;
     line-height: 4.2922vw;
   }

   .product-content .price-box .new-price {
     padding: 1.244vw 1.089vw;
     font-size: 3.6vw;
   }

   .product-details-tab .nav li a {
     font-size: 3.4vw;
     line-height: 4.3vw;
   }

   .product_details_info > h2 {
     font-size: 28px;
   }

   .panel-body h2,
   .panel-body h2 a {
     font-size: 34px;
     line-height: 38px;
   }

   .qty-product .input-text,
   .qty-product input {
     width: 40px;
     height: 40px;
     padding: 0;
   }

   .pro_dtl_btn li a {
     height: 40px;
     line-height: 40px;
     text-align: center;
     width: 40px;
   }
 }

 @media only screen and (min-width: 768px) {
   .form .input-container label,
   input:not([type="radio"]):not([type="checkbox"]),
   select,
   .form textarea,
   .product_filters .dropdown-toggle,
   .form1 {
     padding: 1.553vw 1.563vw;
   }

   .form .input-container label {
     padding: 0;
     margin-right: 6px;
   }

   .box-title {
     font-size: 3.165vw;
     line-height: 3.465vw;
   }

   .main-tittle {
     font-size: 2.865vw;
     line-height: 2.604vw;
   }

   .form .input-field {
     padding: 1.553vw 1.563vw;
   }

   .product_desc,
   .pro_feature p,
   .review_date h4,
   .review_date span,
   .review_date b,
   .review_details p,
   .review_details a,
   .review_details ul.share-review li,
   .product_tab_content p,
   #main #faq .card .card-body .cust-checkbox label,
   .rich-text p,
   .product-content h3 a {
     font-size: 1.713vw;
     line-height: 2.313vw;
   }

   .table div.widget-variable-price,
   .product_description_wrap b,
   .info-strip__item-title strong,
   .product_description_wrap b {
     font-size: 2.013vw;
     line-height: 2.613vw;
   }

   .rich-text p,
   .product-content .price-box span {
     font-size: 1.414vw;
     line-height: 2.014vw;
   }

   .product-content .price-box .new-price {
     padding: 0.911vw 0.651vw;
     font-size: 1.9044vw;
   }

   .product-details-tab .nav li a {
     font-size: 1.8044vw;
     line-height: 2.644vw;
   }

   .product_details_info > h2 {
     font-size: 32px;
   }

   .panel-body h2,
   .panel-body h2 a {
     font-size: 36px;
     line-height: 40px;
   }
 }

 @media only screen and (min-width: 768px) {
   .form .input-container label,
   input:not([type="radio"]):not([type="checkbox"]),
   select,
   .form textarea,
   .product_filters .dropdown-toggle,
   .form1 {
     padding: 1.253vw 1.263vw;
   }

   .qty-product .input-text,
   .qty-product input {
     width: 40px;
     height: 40px;
     line-height: 15px;
   }

   .pro_dtl_btn li a {
     height: 40px;
     line-height: 40px;
     text-align: center;
     width: 40px;
   }

   .box-title {
     font-size: 2.665vw;
     line-height: 2.865vw;
   }

   .main-tittle {
     font-size: 2.365vw;
     line-height: 2.104vw;
   }

   .form .input-field {
     padding: 1.253vw 1.263vw;
   }

   .product_desc,
   .pro_feature p,
   .review_date h4,
   .review_date span,
   .review_date b,
   .review_details p,
   .review_details a,
   .review_details ul.share-review li,
   .product_tab_content p,
   #main #faq .card .card-body .cust-checkbox label,
   .rich-text p,
   .product-content h3 a {
     font-size: 1.313vw;
     line-height: 1.913vw;
   }

   .table div.widget-variable-price,
   .product_description_wrap b,
   .info-strip__item-title strong,
   .product_description_wrap b {
     font-size: 1.713vw;
     line-height: 1.913vw;
   }

   .rich-text p,
   .product-content .price-box span {
     font-size: 1.514vw;
     line-height: 1.9914vw;
   }

   .product-content .price-box .new-price {
     padding: 0.511vw 0.351vw;
     font-size: 1.5044vw;
   }

   .product-details-tab .nav li a {
     font-size: 1.5044vw;
     line-height: 2.044vw;
   }
 }

 @media only screen and (min-width: 1100px) {
   .product-image > a img {
     width: 95%;
     margin: 0 auto;
   }

   .product-content .price-box span {
     font-family: var(--font-heading);
   }

   .form .input-container label,
   input:not([type="radio"]):not([type="checkbox"]),
   select,
   .form textarea,
   .product_filters .dropdown-toggle,
   .form1 {
     padding: 0.768vw 0.781vw;
     min-width: 6.25vw;
   }

   .form .input-container label {
     padding: 0;
     margin-right: 8px;
   }

   .box-title {
     font-size: 1.552vw;
     line-height: 1.842vw;
   }

   .main-tittle {
     font-size: 1.452vw;
     line-height: 1.542vw;
   }

   .valign-wrapper .main-tittle {
     font-size: 1.652vw;
     line-height: 1.842vw;
     font-weight: 500;
   }

   .form .input-field {
     padding: 0.768vw 0.781vw;
   }

   .product_desc,
   .pro_feature p,
   .review_date h4,
   .review_date span,
   .review_date b,
   .review_details p,
   .review_details a,
   .review_details ul.share-review li,
   .product_tab_content p,
   #main #faq .card .card-body .cust-checkbox label,
   .product-content h3 a {
     font-size: 0.923vw;
     line-height: 1.4vw;
   }

   .table div.widget-variable-price,
   .rich-text p {
     font-size: 0.9323vw;
     line-height: 1.4vw;
   }

   .product_description_wrap b,
   .info-strip__item-title strong,
   .product-content .price-box span {
     font-size: 0.923vw;
     line-height: 1.4vw;
   }

   .product-content .price-box .new-price {
     padding: 0.2vw 0.325vw;
     font-size: 16px;
   }

   .product-details-tab .nav li a {
     font-size: 0.913vw;
     line-height: 1.913vw;
   }

   .product_details_info > h2 {
     font-size: 35px;
   }

   .panel-body h2,
   .panel-body h2 a {
     font-size: 40px;
     line-height: 44px;
   }
 }

 @media only screen and (min-width: 1200px) {
   .mutiple-product .product-content h3 {
     height: 4.3vw;
   }

   .mutiple-product .col-xl-3 {
     padding-right: 0px;
   }

   .mutiple-product .product-content h3 a {
     font-size: 0.913vw;
     line-height: 1.413vw;
   }

   .mutiple-product .product-content .price-box .new-price {
     padding: 0.2vw 0.651vw;
     font-size: 16px;
   }

   .mutiple-product .product-image {
     height: 14.5rem;
   }

   .mutiple-product.porduct-area .single-product-wrap.bestseller:before,
   .mutiple-product.porduct-area .single-product-wrap.newseller:before,
   .mutiple-product.porduct-area .single-product-wrap.newrelease:before,
   .mutiple-product.porduct-area .single-product-wrap.recommended:before,
   .mutiple-product.porduct-area .single-product-wrap.cgtfree:before {
     top: -7px;
     left: -1px;
   }

   .sort a,
   .sort span {
     font-size: 13px;
   }

   .sort p {
     font-size: 14px;
   }
 }

 @media only screen and (min-width: 1200px) {
   .product-image > a img {
     width: 92%;
     margin: 0 auto;
   }

   p.switzer {
     font-size: 15px;
     line-height: 24px;
     letter-spacing: 0.35px;
   }

   p.switzer-regular {
     font-size: 15px;
     line-height: 24px;
     letter-spacing: 0.35px;
   }

   .product_desc span {
     font-size: 15px;
     line-height: 24px;
     letter-spacing: 0.35px;
   }

   .address-info .col-md-4 {
     padding-left: 7px;
     padding-right: 7px;
   }

   .form .input-container label,
   input:not([type="radio"]):not([type="checkbox"]),
   select,
   .form textarea,
   .product_filters .dropdown-toggle,
   .form1 {
     padding: 0.768vw 0.781vw;
     min-width: 6.25vw;
   }

   .sort p {
     width: 65% !important;
   }

   .qty-product .input-text,
   .qty-product input {
     width: 45px;
     height: 45px;
     line-height: 45px;
   }

   .pro_dtl_btn li a {
     height: 45px;
     line-height: 45px;
     text-align: center;
     width: 45px;
   }
 }

 @media only screen and (min-width: 1600px) {
   .porduct-area.mutiple-product .single-product-wrap .stock-sts {
     font-size: 14px;

     line-height: 18px;
   }

   p.switzer {
     font-size: 16px;
     line-height: 24px;
     letter-spacing: 0.35px;
   }

   p.switzer-regular {
     font-size: 16px;
     line-height: 24px;
     letter-spacing: 0.35px;
   }

   .h4,
   h4 {
     font-size: 1.5rem;
   }

   .h5,
   h5 {
     font-size: 1.25rem;
   }

   .form .input-container label,
   input:not([type="radio"]):not([type="checkbox"]),
   select,
   .form textarea,
   .product_filters .dropdown-toggle,
   .form1 {
     padding: 0.768vw 16px;
     min-width: 6.25vw;
   }

   .sort a,
   .sort span {
     font-size: 14px;
   }

   .step-1-box .mt-2 {
     margin-top: 0.7rem !important;
   }

   .valign-wrapper .main-tittle {
     font-size: 1.852vw;
     line-height: 2.242vw;
     font-weight: 500;
   }

   .qty-product .input-text,
   .qty-product input {
     width: 50px;
     height: 50px;
     line-height: 50px;
   }

   .pro_dtl_btn li a {
     height: 50px;
     line-height: 50px;
     text-align: center;
     width: 50px;
   }

   .sort p {
     font-size: 15px;
   }

   .bottom-area .single-btm .btm-text h5 {
     font-size: 18px;
     line-height: 32px;
   }

   #main #faq .card .card-body .cust-checkbox label {
     font-size: 16px;
   }

   #main #faq .card .card-header .btn-header-link {
     font-size: 20px;
   }

   .product_desc {
     font-size: 1.003vw;
     line-height: 1.6vw;
   }

   .pro_feature div p {
     font-size: 1.003vw;
     line-height: 1.6vw;
   }

   .hero-slider-one .slider-text-info h1,
   .hero-slider-two .slider-text-info h1 {
     font-size: 50px;
     line-height: 65px;
     width: 75%;
   }

   .bottom-area .single-btm .btm-text a.btnn {
     padding: 18px 32px;
     font-weight: 500;
     font-size: 14px;
     line-height: 20px;
   }

   .product-btn {
     padding: 16px 32px !important;
   }

   .product-btn a {
     font-weight: 500;
     font-size: 16px;
     line-height: 20px;
   }

   .main-menu-area ul > li > a {
     font-size: 18px;
   }

   .bottom-area .single-btm .btm-image img {
     width: 68%;
   }

   .product-image {
     height: 23.5rem;
   }

   .product-content h3 {
     font-size: 1.25em;
     height: 78px;
     padding: 10px 0 24px 0;
   }

   .margin-today .section-title p {
     font-size: 18px;
     line-height: 26px;
   }

   .mutiple-product .product-image {
     height: 20.5rem;
   }
 }

 @media only screen and (max-width: 768px) {
   .h1,
   h1 {
     font-size: 2.01rem;
   }

   .h2,
   h2 {
     font-size: 1.5rem;
     line-height: 2rem;
   }

   .abt-team .boxed,
   .section-padding-full {
     padding: 1.2rem !important;
   }
 }

 .product-details-page .product_details_info .buy-now:before,
 .checkout-btn .goldeen-btn:before {
   content: "";
   position: absolute;
   z-index: -1;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: #626262;
   -webkit-transform: scale(0);
   transform: scale(0);
   -webkit-transition-property: transform;
   transition-property: transform;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
   border-radius: 3px;
 }

 .product-details-page .product_details_info .buy-now {
   background: transparent;
   border: 1px solid #000;
   color: #000;
   padding: 10px 20px;
 }

 .product-details-page .product_details_info .buy-now:hover {
   color: #fff;
   background: #000;
 }

 .product-details-page .product_details_info .buy-now:after,
 .product-details-page .product_details_info .buy-now:hover:after {
   background: transparent;
 }

 .checkout-btn .goldeen-btn:hover:before {
   -webkit-transform: scale(1);
   transform: scale(1);
   -webkit-transition-property: transform;
   transition-property: transform;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
 }

 .porduct-area .section-title img {
   display: none;
 }

 .product_details_tab_content .product_desc {
   font-size: 15px;
   line-height: 24px;
   letter-spacing: 0.35px;
 }

 .checkout-btn .goldeen-btn:after {
   background-color: #000;
 }

 .right-blok-box a:hover #cart-total {
   background: #a88323;
 }

 .search-box {
   position: relative;
 }

 .search-box input {
   padding-left: 32px;
 }

 .search-box img {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 10px;
   width: 19px;
   height: 18px;
   margin: auto 0;
 }

 .sell-table select,
 .sort-select select,
 .cart_qty select,
 .input-control select,
 .form-group select.input-control,
 .product_filters .dropdown-toggle {
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/drop.png');
   background-repeat: no-repeat;
   background-size: 10px;
   background-position: calc(100% - 10px) 50%;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   padding-right: 25px;
 }

 .form-group select {
   background: #fff;
 }

 .porduct-area .section-title.bg-left {
   background-position: left;
 }

 .sell-order-total p.cart-amount {
   color: #1e1e1e;
 }

 .section-view-btn a {
   color: #000;
 }

 .section-view-btn a:hover {
   text-decoration: underline;
 }

 @media only screen and (max-width: 767px) {
   .porduct-area .section-title.bg-left {
     background-position: center;
   }
 }

 .porduct-area .section-title.bg-left h2,
 .porduct-area .section-title.bg-left h2 span,
 .product_details_info .table div.widget-variable-price {
   font-family: var(--font-body);
   font-weight: 500;
 }

 .porduct-area .slick-slide {
   padding-right: 15px;
   padding-left: 15px;
 }

 .porduct-area .slick-list {
   padding: 0 4px;
 }

 .section-title.sell-title-text h2 {
   font-size: 36px;
   line-height: 56px;
   font-weight: 600;
   margin-top: 24px;
 }

 .section-title.sell-title-text p {
   font-size: 16px;
   line-height: 28px;
 }

 .product_details_info .table td span {
   font-weight: 600;
 }

 .product_details_info .table div.widget-variable-price {
   font-weight: 600;
 }

 div#review {
   color: #00b67a !important;
 }

 .review_info {
   font-weight: 600;
 }

 .review_info ul li img {
   height: 23px;
 }

 .review_info .d-flex {
   padding-left: 4px;
 }

 .cart-item-total-final,
 .cart-amount,
 .cartPriceFinal {
   font-weight: 600;
 }

 .final-total-info .cartPriceFinal {
   color: #222;
 }

 .sort-select select, .product_filters .dropdown-toggle {
   height: 38px;
   padding: 0 24px 0 10px;
 }

 .filtered-content {
   margin-bottom: 15px;
 }

 .filtered-content span {
   color: #fff;

   font-size: 14px;
   font-family: var(--font-Montserrat);
   font-weight: 400;
   border: 1px solid #030303;
   background-color: #030303;
   border-radius: 50px;
   padding: 4px 25px 4px 10px;

   position: relative;
   margin: 5px 5px 5px 0;
   font-style: normal;
   display: inline-block;
   line-height: normal;
 }

 .filtered-content span i {
   position: absolute;
   top: 6px;
   right: 7px;
 }

 .pro_dtl_color .pro_dtl_prize li:last-child {
   width: 100%;
   margin: 0;
   font-size: 12px;
   padding-right: 9px;
   margin-right: 9px;
   line-height: normal;
   vertical-align: top;
   color: #6a6a6a;
 }

 .qty-product input[type="button"] {
   background-color: #000;
   color: #fff;
 }

 .trustpilot {
   text-align: right;
 }

 .trustpilot img {
   max-width: 120px;
 }

 .light-theme.all-pagination .current {
   background: #000;
 }

 .info-strip h6.f-canopus {
   font-weight: 500;
   font-family: inherit;
 }

 /*Cart*/
 .cart-container {
   padding: 118px 0 80px;

   @media screen and (min-width: 992px) {
     border-bottom: 1px solid rgb(180, 180, 180, .25);
   }

   > .container-fluid {
     padding-top: 16px;

     @media screen and (min-width: 992px) {
       padding-top: 110px;
     }
   }
 }
 .cart-checkout .col-lg-9 {
   /* flex: 0 0 calc(100% - 430px);
   max-width: calc(100% - 430px);
   padding-right: 60px; */
 }
 .cart-checkout .col-lg-9 {
   /* padding-right: 100px; */
 }
 .cart-checkout .col-lg-3 {
   /* flex: 0 0 430px;
   max-width: 430px; */
 }
 .cart-container .qty-inc-dec button svg {
   height: 15px;
 }
 .cart-container .cart-modal-tile .cart-modal-img {
   flex: 0 0 140px;
   max-width: 140px;
   height: 140px;
   display: flex;
   align-items: center;
   justify-content: center;
 }
 .cart-container .cart-modal-tile .cart-modal-desc {
   flex: 0 0 calc(100% - 328px);
   max-width: calc(100% - 328px);
 }
 .cart-container .cart-modal-items {
   max-height: 100%;
   border-bottom: 0;
 }
 .cart-container .cart-modal-items .qty-inc-dec {
   margin-top: 10px;
 }
 .cart-container .cart-modal-desc-inner {
   align-content: space-around;
 }
 .cart-modal-tile .cart-modal-amt {
   align-content: center;
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-end;
 }
 .cart-modal-tile .cart-modal-amt .cart-modal-price {
   width: 100%;
 }
 .deliver_info {
   padding: 12px 24px;
   border: 1px solid #efefef;
 }
 .deliver_info.mobile_view {
   display: none;
 }
 .delivery_title {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
 .delivery_title h5 {
   font-size: 20px;
   line-height: 40px;
   color: #030303;
   font-family: inherit;
   font-weight: 600;
 }
 .delivery_title a {
   color: #030303;
   line-height: 20px;
   border-bottom: 1px solid #030303;
 }
 .order_deli_addr {
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   align-items: center;
 }
 .order_deli_addr .image {
   flex: 0 0 116px;
   max-width: 116px;
 }
 .order_addr {
   flex: 0 0 calc(100% - 371px);
   max-width: calc(100% - 371px);
   padding-left: 24px;
 }
 .order_addr h6 {
   font-size: 15px;
   line-height: 32px;
   font-family: inherit;
   font-weight: 700;
   color: #030303;
   margin: 0;
 }
 .order_addr p {
   font-size: 15px;
   line-height: 32px;
   color: #727272;
 }
 .esti_free {
   flex: 0 0 255px;
   max-width: 255px;
   text-align: right;
 }
 .esti_free p {
   position: relative;
   padding-left: 32px;
   line-height: 32px;
   margin: 0;
   display: inline-block;
 }
 .esti_free p svg {
   height: 20px;
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0;
   margin: auto 0;
 }
 .account_panel {
   background-color: #f1f1f1;
 }
 .account_panel_tile {
   background-color: #fff;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   align-items: center;
   padding: 100px 64px;
 }
 .account_panel_desc {
   flex: 0 0 calc(100% - 600px);
   max-width: calc(100% - 600px);
 }
 .account_panel_tile ul {
   flex: 0 0 600px;
   max-width: 600px;
 }
 .account_panel_desc p {
   max-width: 319px;
   font-size: 14px;
   line-height: 24px;
 }
 .account_panel_desc h3 {
   padding: 14px 0;
   margin: 0;
 }
 .account_panel_desc span {
   font-size: 14px;
   line-height: 24px;
 }
 .account_panel_tile ul li {
   width: 100%;
   position: relative;
   font-size: 16px;
   line-height: 28px;
   color: #030303;
   border-bottom: 1px solid rgba(36, 36, 36, 0.16);
   padding: 12px 100px 12px 0;
 }
 .account_panel_tile ul li span {
   position: absolute;
   right: 0;
   font-weight: 700;
 }
 .account_panel_tile ul li:last-child {
   border-bottom: 0;
 }
 .cart-checkout .col-lg-3 > h5 {
   font-size: 20px;
   line-height: 40px;
   color: #030303;
   font-family: inherit;
   font-weight: 600;
   display: none;
   position: relative;
   cursor: pointer;
 }
 .cart-checkout .col-lg-3 > h5:before {
   content: "";
   width: 12px;
   height: 7px;
   position: absolute;
   right: 0;
   top: 0;
   bottom: 0;
   margin: auto 0;
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/drop_arrow.svg');
   background-position: center;
   background-size: 100% 100%;
 }
 .cart-checkout .col-lg-3 > h3 {
   display: none;
 }
 .cart_right h5 {
   font-size: 20px;
   line-height: 40px;
   color: #030303;
   padding: 0 0 10px;
 }
 .get_promo input.form-control {
   height: 48px;
   padding: 0 24px;
   border-radius: 0;
   width: 1%;
   min-width: auto;
   border-right: 0;
   border-color: #cfcfcf;
   font-size: 16px;

   &::placeholder {
     color: rgba(46, 45, 49, 0.40);
   }
 }
 .get_promo .btn-black {
   border-radius: 0;
   text-transform: initial;
   padding: 0 32px
 }
 .get_promo .input-group-append {
   margin-left: 0;
 }
 .promo_ttl {
   color: #030303;
   font-family: inherit;
   font-size: 20px;
   font-style: normal;
   font-weight: 600;
   line-height: 2;
   margin-bottom: 0;
   margin-top: 24px;
 }
 .cart-container h3 {
   color: #000;
   padding-top: 0;
   padding-bottom: 24px;
   margin: 0;
   font-size: 24px;
   color: #2E2D31;
   font-weight: 700;

   @media screen and (min-width: 992px) {
     font-size: 36px;
     font-weight: 600;
     padding-bottom: 56px;
   }
 }
 .cart_btns_links p svg {
   height: 24px;
 }
 .cart_btns_links p a {
   display: inline-block;
   margin-bottom: 0;
 }
 .cart_btns_links {
   display: flex;
   flex-direction: column;
   gap: 16px;
 }
 .cart_btns_links a {
   color: #2E2D31;
   text-decoration: underline;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
 }
 .secure_ttl:before {
   border-top: 1px solid #323232;
   content: "";
   margin: 0 auto;
   position: absolute;
   top: 9px;
   left: 0;
   right: 0;
   bottom: 0;
   width: 95%;
   z-index: 0;
 }
 .secure_ttl {
   position: relative;
   color: #030303;
   font-family: inherit;
   font-size: 15px;
   font-style: normal;
   font-weight: 600;
   line-height: normal;
   margin-top: 16px;
 }
 .secure_ttl span {
   background: #fff;
   padding: 0 15px;
   position: relative;
   z-index: 1;
   margin: 0 auto;
   display: block;
   max-width: max-content;
 }
 .cart-container .cart-listing {
   background-color: #fff;
   border-radius: 10px;
 }

 .CartTable.cart-header {
   padding: 10px 0;
 }

 .cart-listing .CartTable [class*="col-"] {
   padding-left: 5px;
   padding-right: 5px;
 }

 .cart-listing .cart_list_details {
   border-bottom: 1px solid #dbdbdb;
   padding: 10px 0;
   align-items: center;
   display: flex;
 }

 .cart-listing .cart_list_details:last-of-type {
   border-bottom: 0;
 }

 .cart_list_details img {
   height: 90px;
   width: auto;
 }

 .cart-container .CartTable a,
 .cart-container .CartTable p {
   color: #212121;
 }

 .cart-container .cart-header label {
   color: #212121;
   text-decoration: underline;
 }

 .cart-container .CartTable label.cartPrice,
 .cart-container .CartTable label.cartPriceFinal,
 .cart-container .CartTable label.vatPrice {
   color: #212121;
   display: block;
   text-align: center;
   font-size: 14px;
   font-weight: 600;
 }

 .cart-container .CartTable label {
   margin: 0;
 }

 .cart_right {
   background-color: #fff;
   display: flex;
   justify-content: space-between;
   flex-direction: column;
   border-radius: 10px;
   padding: 20px;
   gap: 0px;
 }
 .cart_right .cart_total  h5 { color: #030303; font-size: 18px; font-weight: 500; line-height: normal; margin-top: 5px; margin-bottom: 0px; padding-bottom: 0px;  letter-spacing: -0.6px; text-transform: uppercase; font-family: var(--font-Montserrat);}
 .cart-container .CartTable a.cart_remove {
   text-decoration: underline;
 }

 .cart_qty select {
   padding: 0 25px 0 10px;
   height: 40px;
   margin-bottom: 10px;
 }

 .cart-container .quantity .input-text.qty {
   width: 70px;
   height: 40px;
   border: 1px solid #ccc;
   border-radius: 4px;
   font-size: 14px;
 }

 .cart_total i {
   font-style: normal;
 }

 .cart_total span {
   color: #030303;
   font-size: 18px;
   line-height: 32px;
 }

 .cart_total span.cart_total_amount,
 .cart_total span.final_cart_total_amount {
   font-weight: 500;

   .pence {
     font-weight: 600;
     font-size: 20px;
     color:#030303;
   }
 }
 .cart_total span.cart_total_amount { font-weight: 500 !important; letter-spacing: 0.6px !important;}
 .cart_tot.cart_tot2 > div > p {color: #030303; letter-spacing: 0.6px !important; font-weight: 400; font-size: 14px; opacity: 0.6;}
 .cart_tot2 .shipping-price-label {
   color: #030303;
     letter-spacing: 0.6px !important;
     font-weight: 400;
     font-size: 14px;
     opacity: 0.6;
 }
 .cart_total span.final_cart_total_amount {
   font-size: 20px ; font-weight: 600;

   .pence {
     font-size: 20px;
   }
 }
 .cart_total span.cart_total_points {
   display: none;
 }
 .cart_total p {
   color: #030303;
   font-size: 18px;
   font-weight: 500;
   line-height: 32px;
   margin: 0;
 }

 .cart_total label {
   color: #030303;
   margin: 0;
 }

 .cart_total .row {
   padding: 10px 0;
   margin: 0;
 }

 .cart_total .row:first-of-type, .cart_total .row:last-child {
   border-top: 1px solid rgba(46, 45, 49, 0.20);
   margin-top: 12px;
   padding-top: 24px;
 }
 .cart_right .cart_btns {
   padding-top: 20px;
 }
 .cart_right .cart_btns .btn-black {
   text-transform: inherit;
   margin-bottom: 24px;
   border-radius: 10px;
   font-size: 18px;
   font-weight: 500;
   font-family: var(--font-Montserrat);
   text-transform: uppercase;
   display: flex;
   justify-content: center;
   align-items: baseline;

   i {
     margin-left: 10px;
   }
 }
 .cart_advertise {
   padding: 0 0 20px;
 }

 .pro_dtl_color .your-account {
   font-size: 12px;
   white-space: nowrap;
   font-weight: 600;
   line-height: 58px;
   padding-left: 14px;
   color: #6a6a6a;
 }
 .cart_total span.cart_total_amount, .cart_total span.cart_total_amount.pence {
   color: #030303; font-size: 20px; font-weight: 500; line-height: normal; margin-top: 5px; margin-bottom: 0px; padding-bottom: 0px;  letter-spacing: -0.6px; text-transform: uppercase; font-family: var(--font-Montserrat);
 }
 .sub-total-txt-1 { color: #030303; font-size: 18px; font-weight: 500; line-height: normal; letter-spacing: -0.6px; font-family: var(--font-Montserrat); }
 .sub-total-txt-2 { color: #030303; margin-left: 50px; font-size: 18px; font-weight: 500; line-height: normal; letter-spacing: -0.6px; text-transform: uppercase; font-family: var(--font-Montserrat);}
 .pro_dtl_color .your-account .pill {
   border-radius: 3px;
   padding: 1px 3px;
   margin-left: 3px;
   letter-spacing: 0.3px;
 }

 .pro_dtl_color .your-account .pill.bronze {
   background-color: #cf600f;
   color: #fff;
 }

 .cart_btns .product-btn {
   margin: 0 0 10px 0;
   border-radius: 3px;
   color: #fff;
   text-transform: uppercase;
   display: block;
   font-size: 12px;
 }

 .cart_btns .transparrent-btn {
   font-size: 12px;
 }

 .cart_btns .product-btn:hover {
   background-color: #626262;
 }

 .product-review-desc {
   font-size: 14px;
   font-weight: 600;
   display: inline-block;
   vertical-align: top;
 }

 .product-review-desc span {
   text-decoration: underline;
 }

 .product-review-desc img {
   height: 20px;
 }

 .header-trust a {
   vertical-align: super;
 }

 .header-trust img {
   height: 17px;
 }

 .cart-checkout {
   overflow: hidden;
   background-color: #fff;
 }

 .cart-checkout .checkout-img {
   width: 45px;
   height: 45px;
   padding: 5px;
   position: relative;
   -ms-flex: 0 0 45px;
   -webkit-box-flex: 0;
   flex: 0 0 45px;
   max-width: 45px;
   background-color: #0303031A;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 10px;
 }
 .thank_summary .cart-modal-img{
   position: relative;
 }
 .cart-checkout .checkout-img span,
 .thank_summary .cart-modal-img span {
   background-color: #000;
   width: 20px;
   height: 20px;
   padding: 7px;
   top: -10px;
   right: -10px;
   position: absolute;
   color: #ffffff;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
    font-size: 10px;
    font-weight: 700;
    line-height: 20px;
 }
 .cart-checkout .checkout-img img {
   max-height: 100%;
 }
 .cart-checkout .container {
   padding-left: 15px;
   padding-right: 15px;
 }

 .cart-checkout .row {
   margin-left: -15px;
   margin-right: -15px;
 }

 .cart-checkout .CartTable {
   display: flex;
   /* align-items: center; */
   /* margin-bottom: 30px; */
   gap: 16px;
   @media (max-width:567px){
    /* margin-bottom: 20px; */
   }
 }
.checkout-cart-item{
  margin-bottom: 30px;
  @media (max-width:567px){
    margin-bottom: 20px;
  }
}

 .cart-checkout .checkout-img .qty {
   position: absolute;
   top: -7px;
   right: -7px;
   color: #fff;
   background-color: #626262;
   font-weight: 600;
   font-size: 10px;
   width: 18px;
   height: 18px;
   line-height: 18px;
   border-radius: 50%;
   text-align: center;
 }

 .cart-checkout .check-price {
   /* -ms-flex: 0 0 80px;
   -webkit-box-flex: 0;
   flex: 0 0 80px;
   max-width: 80px; */
 }
 .cart-checkout .check-price .input-text {
   color: #6d6d6d;
   font-size: 14px;
   line-height: 20px;
 }
 .cart-checkout .check-price .cartPriceFinal {
   color: #030303;
   display: block;
   text-align: left;
   margin: 0;
   font-style: normal;
   min-height: fit-content;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0;

   .pence {
    font-size: 12px;
  }
 }

 .checkout_cart_tile {
   padding-bottom: 20px;
   border-bottom: 4px solid #F2F2F2;
   padding: 0 20px;
   @media (max-width:567px){
   padding: 0 16px;

 }
 }
 #pdpdesctab3 .review_desc .review_desc_body.new-slider {
   min-height: 150px;
   max-height: 400px;
   overflow: auto;
 }
 .checkout_cart_tile::-webkit-scrollbar {
   background-color: transparent;
   width: 0px;
 }
 .checkout_cart_tile:hover::-webkit-scrollbar {
   width: 5px;
 }
 .checkout_cart_tile:hover::-webkit-scrollbar-thumb {
   background-color: rgba(0, 0, 0, 0.2);
 }
 .best-seller-cart-section h3.slider-name-title { color: #030303; font-size: 16px; font-weight: 500; line-height: normal; font-family: var(--font-Montserrat);  }
 .main-cart-page .best-seller-slider-cart-page .product-img.mask {    -webkit-filter: none;}
 .main-cart-page .best-seller-slider-cart-page .btn-black.btn-black-v2 { display: none !important;}
 @media (hover: none) {
   .checkout_cart_tile::-webkit-scrollbar {
     width: 5px;
   }
   .checkout_cart_tile::-webkit-scrollbar-thumb {
     background-color: rgba(0, 0, 0, 0.2);
   }
 }
 #pdpdesctab3 .review_desc .review_desc_body.new-slider::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
   border-radius: 10px;
   background-color: #f5f5f5;
 }

 #pdpdesctab3 .review_desc .review_desc_body.new-slider::-webkit-scrollbar {
   width: 5px;
   background-color: #f5f5f5;
 }

 #pdpdesctab3 .review_desc .review_desc_body.new-slider::-webkit-scrollbar-thumb {
   border-radius: 10px;
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
   background-color: #cccccc;
 }

 .cart-checkout .CartTable .check-desc {
   /* padding: 0 24px; */
   /* -ms-flex: 0 0 calc(100% - 144px); */
   -webkit-box-flex: 0;
   /* flex: 0 0 calc(100% - 144px); */
   /* max-width: calc(100% - 144px); */
 }

 .cart-checkout .CartTable .check-desc a {
    color: #030303;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.084px;
 }
 .cart-checkout .CartTable .check-desc-sub{
  color: #030303;
  letter-spacing: -0.066px;
  margin-top: 2px;
  margin-bottom: 4px;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.072px;

  color: #030303;
font-family: Montserrat;
font-size: 11px;
 }

 .promo_code {
   position: relative;
   margin-block: 24px;
 }

 .apply-btn {
   display: flex;
   padding: 16px 32px;
   justify-content: center;
   align-items: center;
   position: absolute;
   right: 0;
   height: 100%;
   top: 0;
   color: #fff;
   text-align: center;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 1.5;
   border: 0;
   background-color: #030303;
 }

 .discount_code .input-group > .form-control {
   padding: 0 10px;
   margin-right: 15px;
   border-radius: 3px !important;
   border: 1px solid #ccc;
   background-color: #fff;
 }

 .discount_code button.product-btn:disabled {
   background-color: #626262;
 }

 .discount_code button.product-btn {
   padding: 0 !important;
   width: 80px !important;
   margin: 0;
   display: block;
   font-size: 14px;
   font-weight: 500;
   text-transform: uppercase;
 }

 .discount_code .input-group > .form-control:focus {
   border: 1px solid #ccc;
 }

 .check-amount .cartRightBox {
   border: 0;
   display: flex;
   align-items: center;
   justify-content: space-between;
 }

 .check-amount .cartRightBox .check-left {
   /* -ms-flex: 0 0 calc(100% - 130px); */
   /* -webkit-box-flex: 0;
   flex: 0 0 calc(100% - 130px);
   max-width: calc(100% - 130px); */
 }

 .check-amount .cartRightBox .check-right {
   -ms-flex: 0 0 130px;
   -webkit-box-flex: 0;
   flex: 0 0 130px;
   max-width: 130px;
   text-align: right;
 }

 .check-amount .cartRightBox dt {
    color: #030303;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.108px;
    @media (max-width:1100px){
      font-size: 16px;
   }
 }
 .title-description-t1{
    color: #030303 !important;
    font-size: 18px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: normal !important;
    letter-spacing: -0.108px !important;
    font-family: var(--font-body) !important;
 }
 .promotion-code-coupen{
    max-width: 170px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #030303;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
 }
 .title-description-t2{
  color: rgb(3,3,3,0.5) !important;
  font-family: var(--font-body) !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: -0.084px !important;
 }
 .check-amount .cartRightBox dd {
  color: #030303;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.084px;
  margin-bottom: 0;
 }
  .order-total-css{
    padding: 20px;
    @media (max-width:567px){
      padding: 16px;
   }
  }
 .check-amount .cartRightBox.cart-final-amt {
   border-top: 1px solid rgb(3, 3, 3, 0.2);
   padding: 24px 0 0px 0;
   margin-top: 24px;
   font-weight: 700;
 }
 .check-amount .cartRightBox:last-child {
   padding-top: 24px;
 }
 .check-amount .cartRightBox.cart-final-amt dd {
   font-weight: 600;
   /* font-size: 24px; */
 }
 .checkout_aside .cart_btns_links {
   padding-top: 32px;
 }
 .check-amount .cartRightBox.cart-final-amt p {
   font-size: 12px;
   line-height: normal;
   font-weight: normal;
 }

 .check-amount {
   /* padding: 24px 0px 0; */
 }
 .check-amount .points-earned-css{
    padding: 20px;
    border-bottom: 4px solid #F2F2F2;
    @media (max-width:567px){
      padding: 16px;
   }
 }
 .checkout_aside {
   /* padding: 40px 0; */
 }
 .check-ship ul li label,
 label.custom_check {
   padding-left: 36px;
   margin: 0;
   font-size: 15px;
   line-height: 20px;
   cursor: pointer;
   color: #030303;
   font-style: normal;
   font-weight: 400;
   padding-right: 55px;
 }

 .check-ship ul li label dd:before {
   content: "";
   left: 16px;
   top: 16px;
   width: 24px;
   height: 24px;
   position: absolute;
   /* background-color: transparent;
   width: 20px;
   height: 20px;
   border-radius: 50%;
   position: absolute;
   border: 2px solid #030303; */
   /* display: none; */
   background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTguOTEwOCAxOEMxOS44MjQ3IDE5LjM2OCAyMC4yMTEzIDIwLjIwMyAxOS44ODY1IDIwLjg5OTlDMTkuODQ2NiAyMC45ODU0IDE5Ljc5OTkgMjEuMDY3OSAxOS43NDY5IDIxLjE0NjdDMTkuMTcyNCAyMiAxNy42ODc1IDIyIDE0LjcxNzggMjJIOS4yODIyM0M2LjMxMjUxIDIyIDQuODI3NjUgMjIgNC4yNTMxMSAyMS4xNDY3QzQuMjAwMDUgMjEuMDY3OSA0LjE1MzM5IDIwLjk4NTQgNC4xMTM1NSAyMC44OTk5QzMuNzg4NjkgMjAuMjAzIDQuMTc1MjcgMTkuMzY4IDUuMDg5MTUgMTgiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KICA8cGF0aCBkPSJNMTUgOS41QzE1IDExLjE1NjkgMTMuNjU2OSAxMi41IDEyIDEyLjVDMTAuMzQzMSAxMi41IDkgMTEuMTU2OSA5IDkuNUM5IDcuODQzMTUgMTAuMzQzMSA2LjUgMTIgNi41QzEzLjY1NjkgNi41IDE1IDcuODQzMTUgMTUgOS41WiIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KICA8cGF0aCBkPSJNMTIgMkMxNi4wNTg4IDIgMTkuNSA1LjQyODAzIDE5LjUgOS41ODY5QzE5LjUgMTMuODEyIDE2LjAwMjggMTYuNzc3IDEyLjc3MjUgMTguNzkzMkMxMi41MzcxIDE4LjkyODcgMTIuMjcwOSAxOSAxMiAxOUMxMS43MjkxIDE5IDExLjQ2MjkgMTguOTI4NyAxMS4yMjc1IDE4Ljc5MzJDOC4wMDMyNSAxNi43NTczIDQuNSAxMy44MjY2IDQuNSA5LjU4NjlDNC41IDUuNDI4MDMgNy45NDEyIDIgMTIgMloiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMS41Ii8+Cjwvc3ZnPg==");
 }
 .storageInput-css li label dd:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTMgMkgxMUM2Ljc1NzM2IDIgNC42MzYwNCAyIDMuMzE4MDIgMy4zMTgwMkMyIDQuNjM2MDQgMiA2Ljc1NzM2IDIgMTFDMiAxNS4yNDI2IDIgMTcuMzY0IDMuMzE4MDIgMTguNjgyQzQuNjM2MDQgMjAgNi43NTczNiAyMCAxMSAyMEgxM0MxNy4yNDI2IDIwIDE5LjM2NCAyMCAyMC42ODIgMTguNjgyQzIyIDE3LjM2NCAyMiAxNS4yNDI2IDIyIDExQzIyIDYuNzU3MzYgMjIgNC42MzYwNCAyMC42ODIgMy4zMTgwMkMxOS4zNjQgMiAxNy4yNDI2IDIgMTMgMloiIHN0cm9rZT0iIzAzMDMwMyIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KICA8cGF0aCBkPSJNMTcgMTVDMTggMTQuNDY5MiAxOCAxMy42MTQ4IDE4IDExLjkwNjJWMTAuMDkzOEMxOCA4LjM4NTE2IDE4IDcuNTMwODIgMTcgNyIgc3Ryb2tlPSIjMDMwMzAzIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CiAgPHBhdGggZD0iTTE4IDIyVjIwIiBzdHJva2U9IiMwMzAzMDMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KICA8cGF0aCBkPSJNNiAyMlYyMCIgc3Ryb2tlPSIjMDMwMzAzIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CiAgPHBhdGggZD0iTTkuNDk5OTMgMTNDMTAuNjE1OSAxMyAxMS41MjA2IDEyLjEwNDYgMTEuNTIwNiAxMUMxMS41MjA2IDkuODk1NDMgMTAuNjE1OSA5IDkuNDk5OTMgOU05LjQ5OTkzIDEzQzguMzgzOTQgMTMgNy40NzkyNCAxMi4xMDQ2IDcuNDc5MjQgMTFDNy40NzkyNCA5Ljg5NTQzIDguMzgzOTQgOSA5LjQ5OTkzIDlNOS40OTk5MyAxM1YxNU05LjQ5OTkzIDlWN003Ljc0OTk3IDEyTDYgMTNNMTIuOTk5OSA5TDExLjI0OTkgMTBNMTEuMjUgMTJMMTMgMTNNNi4wMDAxIDlMNy43NTAwNyAxMCIgc3Ryb2tlPSIjMDMwMzAzIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPg==") !important;
}
 .cacInput-css li label dd:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMyAxMC45ODYzVjE1LjQ5MjlDMyAxOC4zMjU0IDMgMTkuNzQxNyAzLjg3ODY4IDIwLjYyMTdDNC43NTczNiAyMS41MDE3IDYuMTcxNTcgMjEuNTAxNyA5IDIxLjUwMTdIMTVDMTcuODI4NCAyMS41MDE3IDE5LjI0MjYgMjEuNTAxNyAyMC4xMjEzIDIwLjYyMTdDMjEgMTkuNzQxNyAyMSAxOC4zMjU0IDIxIDE1LjQ5MjlWMTAuOTg2MyIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KICA8cGF0aCBkPSJNNyAxNy45NzM2SDExIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CiAgPHBhdGggZD0iTTE3Ljc5NTcgMi41MDA3NEw2LjE0OTgzIDIuNTI5NzlDNC40MTE2NiAyLjQ0MDM2IDMuOTY2IDMuNzc4ODQgMy45NjYgNC40MzMxNUMzLjk2NiA1LjAxODM0IDMuODkwNTUgNS44NzE0NSAyLjgyNTI0IDcuNDc0ODdDMS43NTk5MyA5LjA3ODI5IDEuODM5OTggOS41NTQ2MiAyLjQ0MDcxIDEwLjY2NDZDMi45MzkyOCAxMS41ODU5IDQuMjA3NDEgMTEuOTQ1NyA0Ljg2ODYyIDEyLjAwNjNDNi45Njg4MyAxMi4wNTQgNy45OTA2NSAxMC4yNCA3Ljk5MDY1IDguOTY1MkM5LjAzMjUxIDEyLjE2ODUgMTEuOTk1NiAxMi4xNjg1IDEzLjMxNTggMTEuODAyMkMxNC42Mzg2IDExLjQzNTIgMTUuNzcxNyAxMC4xMjE2IDE2LjAzOTEgOC45NjUyQzE2LjE5NSAxMC40MDIzIDE2LjY2ODIgMTEuMjQxIDE4LjA2NjMgMTEuODE3MkMxOS41MTQ1IDEyLjQxNDEgMjAuNzU5OSAxMS41MDE4IDIxLjM4NDggMTAuOTE3QzIyLjAwOTcgMTAuMzMyMiAyMi40MTA3IDkuMDMzODkgMjEuMjk2OCA3LjYwNjkxQzIwLjUyODYgNi42MjI4MiAyMC4yMDg0IDUuNjk1NzMgMjAuMTAzMyA0LjczNDg3QzIwLjA0MjMgNC4xNzgxMiAxOS45ODg4IDMuNTc5ODYgMTkuNTk3MiAzLjE5OTE1QzE5LjAyNDggMi42NDI3OCAxOC4yMDM2IDIuNDczOTcgMTcuNzk1NyAyLjUwMDc0WiIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4=") !important;
}
 .check-ship ul li label dd:after {
   content: "";
   left: 0;
   top: 0;
   background-color: transparent;
   width: 100%;
   height: 100%;
   position: absolute;
   border-radius: 10px;
   border: 1px solid rgba(3, 3, 3, 0.20);
   opacity: 1;
   z-index: -1;
 }

 .steps_fill_info {
   position: relative;
 }
 .steps_fill_info .steps_fill_edit {
   line-height: 24px;
   font-size: 16px;
   color: #030303;
   text-decoration: underline;
   position: absolute;
   right: 0;
   bottom: 0;
 }
 .steps_fill_info h6 {
  color: rgba(3, 3, 3, 0.60);
  font-family: Montserrat;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.072px;
  margin-bottom: 10px;
 }
 .check-ship p.verified_tick {
   position: relative;
   padding-left: 50px;
 }
 .check-ship p.verified_tick svg {
   position: absolute;
   width: 24px;
   height: 24px;
   left: 0;
   top: 1px;
 }
 .confirm_email_msg p {
   background-color: #f1f1f1;
 }
 .confirm_email_msg p {
   padding: 10px 24px 10px 60px;
   position: relative;
 }
 .confirm_email_msg p svg {
   position: absolute;
   left: 24px;
   top: 0;
   bottom: 0;
   height: 23px;
   margin: auto 0;
 }
 .confirm_email_msg {
   margin: 15px 0 0;
 }
 .password_input .input-group-append {
   border-left: 0;
   position: absolute;
   right: 20px;
   top: 30px;
   transform: translateY(-50%);
   height: auto;
   z-index: 15;
 }
 .registration-form .password_input .input-group-append {
     top: 27px;
     height: auto;
     background-color: transparent;
 }

 .check-ship ul li input:checked + dd:before {
   /* box-shadow: inset 0 0 0 4px #fff;
   background: #030303;
   border-color: #030303; */
   /* display: none; */
 }
 .check-ship ul li input:checked + dd:after {
   border-color: #030303;
 }
 .check-ship ul li input:disabled + dd,
 .check-ship ul li input:disabled + dd:before {
   opacity: 0.4;
   cursor: not-allowed;
 }
 .check-ship li {
   position: relative;
   padding-right: 70px;
   margin-bottom: 0;
   line-height: 20px;
   z-index: 0;
 }
 .check-ship .ship_method li {
   margin-bottom: 10px;
 }
 .check-ship .ship_method li:last-child {
   margin-bottom: 0;
 }
 .check-ship li input[type="radio"] {
   opacity: 0;
   height: 0;
   width: 0;
   margin: 0;
   position: absolute;
 }

 .check-ship li .ship_right {
   position: absolute;
   right: 24px;
   color: #030303;
   text-align: right;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 1.4;
   letter-spacing: -0.084px;
   top: 19px;
 }

 .inner_info {
   display: none;
 }

 .inner_info_desc {
   margin: 24px 0 0;
 }

 .check-ship .card-body {
   padding: 0;
 }

 .check-ship .collapse,
 .check-ship .collapsing {
   margin-top: 20px;
 }

 .check-ship .ship-head {
   font-size: 16px;
   line-height: 24px;
   font-weight: 400;
   color: #000;
   position: relative;
   cursor: pointer;
 }

 .check-ship .ship-head .fa {
   position: absolute;
   right: 25px;
   top: 0;
   bottom: 0;
   margin: auto 0;
   height: 14px;
 }

 .check-ship .ship-head.collapsed .fa:before {
   content: "\f107";
 }

 .check-ship .check-accordion {
   border-bottom: 1px solid #cfcfcf;
   padding: 20px 0;
 }

 .check-ship li .ship_right i {
   cursor: pointer;
   color: #626262;
 }

 .check-ship li .dropdown-menu {
   min-width: 100px;
   padding: 0;
   margin: 0;
   border-radius: 5px;
   border: 1px solid #ccc;
 }

 .check-ship li .dropdown-menu button {
   display: block;
   font-size: 14px;
   padding: 4px;
   line-height: 20px;
   background-color: transparent;
   width: 100%;
   border: 0;
   color: #222;
   text-transform: none;
   text-align: left;
 }

 .check-ship li .check-btn {
   color: #000;
   background-color: transparent;
   padding: 0;
   border: 0;
   text-transform: none;
   margin-bottom: 0;
 }

 .add-addr-form .form-control {
   padding: 0 10px;
   border-radius: 3px;
   border: 1px solid #ccc;
   background-color: #fff;
 }

 .add-addr-form .form-control:focus {
   border: 1px solid #ccc;
 }

 .check-ship li.check-forms {
   padding-right: 0;
 }

 .add-addr-form .input-control {
   margin-bottom: 15px;
 }
 .check-ship .input-control .form1,
 .check-ship .input-control select,
 .check-ship .input-control .input-field,
 .form-group .input-control {
   color: #030303;
   height: 56px;
   padding: 0 20px;
   border-radius: 0;
   font-size: 16px;
   line-height: 24px;
   border-radius: 0;
   min-width: initial;
 }
 .form-group .input-control[disabled] {
   color: #6d6d6d;
   background-color: #fff;
   border-color: #cfcfcf;
 }
 .check-ship .input-control .form1:focus,
 .check-ship .input-control select:focus,
 .check-ship .input-control .input-field:focus,
 .form-group .input-control:focus {
   border: 1px solid dodgerblue;
   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
 }
 .form-group textarea.input-control {
   height: 142px;
   padding-top: 16px;
   padding-bottom: 16px;
   resize: none;
 }
 .check-ship .input-control .mobile-num-group select {
   width: 94px;
 }

 .add-addr-form .add-addr-header {
   padding: 15px;
   background-color: #fff;
   border-radius: 5px 5px 0 0;
   border-bottom: 1px solid #ccc;
 }

 .add-addr-form .add-addr-body {
   padding: 0;
 }

 .check-ship ul li .ship_to_addr {
   font-size: 14px;
   color: #808080;
 }

 .check-ship li .btn-pay {
   text-transform: none;
   margin: 0;
   display: block;
   margin-left: auto;
   padding: 10px 20px !important;
   font-size: 14px;
 }

 .check-ship ul li label dd {
   margin: 0;
   color: #030303;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.084px;
 }

 .check-ship ul li label dd img {
   height: 20px;
   margin-right: 5px;
   vertical-align: sub;
 }

 .check-ship ul li .add-addr-credit label {
   margin-right: 15px;
 }

 .check-ship ul li .add-addr-credit {
   -ms-flex: 0 0 230px;
   -webkit-box-flex: 0;
   flex: 0 0 230px;
   max-width: 230px;
 }
 .check-ship .ship_method li {
   margin-bottom: 0 !important;
 }
 .check-ship .ship_pay li,
 .che_box_large li {
   padding: 19px 15px;
   border: 0px solid #cfcfcf;
   background-color: #fff;
   margin-bottom: 10px;
 }
 .check-ship .ship_pay li:last-child {
   border-bottom: 0;
 }
 .check-ship .ship_pay li .pay_imgs,
 .che_box_large li .pay_imgs {
   position: absolute;
   height: 20px;
   right: 0;
   top: 20px;
 }
 .check-ship ul li .add-addr-img {
   -ms-flex: 0 0 calc(100% - 230px);
   -webkit-box-flex: 0;
   flex: 0 0 calc(100% - 230px);
   max-width: calc(100% - 230px);
   text-align: right;
 }

 .check-ship ul li .add-addr-img img {
   height: 20px;
   margin-right: 5px;
 }

 .check-ship ul li .add-addr-credit label:last-child {
   margin-right: 0;
 }

 .che_box_large.cac li {
   /* padding: 0; */
 }
 .che_box_large.cac li label {
   /* padding: 24px;
   margin-left: 30px; */
 }
 .che_box_large.cac .warning_sms {
   font-size: 14px;
   font-weight: 600;
   letter-spacing: -0.084px;
   background-color:#cccccc;
   padding:1rem 1rem 1rem 2rem;
   color:red;
 }
.warning-cst-label{
  border-radius: 10px;
  background: rgba(3, 3, 3, 0.10);
  letter-spacing: -0.084px;
  padding:1rem 1rem 1rem 1rem;
  color:#FF3838;
  font-family: Montserrat;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
 .terms_cond label a {
   display: inline-block;
   text-decoration: underline;
   color: #222;
 }

 .terms_cond label {
   position: relative;
 }

 .terms_cond dd {
   margin: 0;
   display: inline;
 }

 .terms_cond label {
   position: relative;
   padding-left: 30px;
   margin: 0;
   font-size: 16px;
   cursor: pointer;
 }

 .terms_cond input[type="checkbox"] {
   opacity: 0;
   height: 0;
   width: 0;
   margin: 0;
   position: absolute;
 }

 .terms_cond dd:before {
   content: "";
   left: 0;
   top: 2px;
   background-color: transparent;
   width: 18px;
   height: 18px;
   position: absolute;
   border: 1px solid #ccc;
 }

 .terms_cond {
   padding: 20px 0;
 }

 .terms_cond input:checked + dd:after {
   content: "";
   display: block;
   position: absolute;
   top: 4px;
   left: 6px;
   width: 5px;
   height: 11px;
   border: solid #eccf36;
   border-width: 0 2px 2px 0;
   transform: rotate(45deg);
 }

 .check-submit .button {
   justify-content: center;
   text-transform: none;
   margin: 0;
   padding: 10px 20px;
   font-size: 14px;
 }

 @media (max-width: 991px) {
   .cart-checkout .col-lg-4 {
     background-color: transparent;
   }
 }

 .search-box .typeahead {
   width: 100%;
   top: 100% !important;
   left: 0 !important;
   margin: 0;
   right: 0;
 }

 .search-box .dropdown-menu {
   padding: 0;
   max-height: 260px;
   overflow: auto;
 }

 .search-box .typeahead .dropdown-item {
   white-space: normal;
   padding: 5px 10px;
 }

 .search-box .typeahead li {
   border-bottom: 1px solid rgba(0, 0, 0, 0.15);
 }

 .search-box .typeahead li:last-child {
   border-bottom: 0;
 }

 @media (max-width: 575px) {
   .add-addr-header .d-flex {
     flex-direction: column;
   }

   .check-ship ul li .add-addr-credit,
   .check-ship ul li .add-addr-img {
     -ms-flex: 0 0 100%;
     flex: 0 0 100%;
     max-width: 100%;
   }

   .check-ship ul li .add-addr-img {
     text-align: left;
     margin-top: 5px;
   }
 }

 @media (max-width: 1199px) {
   .cart-container .quantity .input-text.qty {
     width: 60px;
   }
 }

 @media (max-width: 991px) {
   .cart-container .quantity .input-text.qty {
     width: 50px;
   }
 }

 @media (max-width: 767px) {
   /*hambgur menu css start*/

       /* Icon 1 */

       #nav-icon3 {
         width: 24px;
         height: 24px;
         position: relative;
         -webkit-transform: rotate(0deg);
         -moz-transform: rotate(0deg);
         -o-transform: rotate(0deg);
         transform: rotate(0deg);
         -webkit-transition: .5s ease-in-out;
         -moz-transition: .5s ease-in-out;
         -o-transition: .5s ease-in-out;
         transition: .5s ease-in-out;
         cursor: pointer;
       }

        #nav-icon3 span {
         display: block;
         position: absolute;
         height: 2px;
         width: 100%;
         background: #fff;
         border-radius: 9px;
         opacity: 1;
         left: 0;
         -webkit-transform: rotate(0deg);
         -moz-transform: rotate(0deg);
         -o-transform: rotate(0deg);
         transform: rotate(0deg);
         -webkit-transition: .25s ease-in-out;
         -moz-transition: .25s ease-in-out;
         -o-transition: .25s ease-in-out;
         transition: .25s ease-in-out;
       }
       .white-header #nav-icon3 span{
         background: #000;
       }
       /* Icon 3 */

       #nav-icon3 span:nth-child(1) {
         top: 4px;
       }

       #nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
         top: 12px;
       }

       #nav-icon3 span:nth-child(4) {
         top: 20px;
       }

       #nav-icon3.open span:nth-child(1) {
         top: 0px;
         width: 0%;
         left: 50%;
       }

       #nav-icon3.open span:nth-child(2) {
         -webkit-transform: rotate(45deg);
         -moz-transform: rotate(45deg);
         -o-transform: rotate(45deg);
         transform: rotate(45deg);
       }

       #nav-icon3.open span:nth-child(3) {
         -webkit-transform: rotate(-45deg);
         -moz-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
         transform: rotate(-45deg);
       }

       #nav-icon3.open span:nth-child(4) {
         top: 18px;
         width: 0%;
         left: 50%;
       }

     /*hambgur menu css end*/

   .CartTable.cart-header {
     display: none;
   }

   .cart-listing .CartTable .cartImg {
     flex: 0 0 80px;
     max-width: 80px;
   }

   .cart-listing .CartTable .cartDesc {
     flex: 0 0 calc(100% - 80px);
     max-width: calc(100% - 80px);
   }

   .cart-listing .cart_list_details {
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
   }

   .cart_list_details img {
     height: 60px;
   }

   .cart-listing .CartTable [class*="col-"] {
     padding-left: 15px;
     padding-right: 15px;
   }

   .cart-listing .CartTable [class*="col-"] > div {
     position: relative;
     padding-left: 35px;
   }

   .cart-listing .CartTable [class*="col-"] > div:before {
     content: attr(data-label) " : ";
     font-weight: 500;
     position: absolute;
     left: 0;
   }

   .cart-listing .CartTable .cartQty div:before {
     right: 0;
     top: -2px;
   }

   .cart-listing .CartTable .cartUnit,
   .cart-listing .CartTable .cartQty,
   .cart-listing .CartTable .cartVat,
   .cart-listing .CartTable .cartSubtotal {
     flex: 0 0 calc(100% - 130px);
     max-width: calc(100% - 130px);
   }

   .cart-listing .CartTable .cartUnit,
   .cart-container .CartTable label.cartPrice,
   .cart-container .CartTable label.cartPriceFinal,
   .cart-container .CartTable label.vatPrice {
     text-align: left !important;
   }

   .cart-listing .CartTable .cartSubtotal > div {
     padding-left: 70px;
   }

   .cart-listing .CartTable .cartQty {
     order: 7;
     flex: 0 0 130px;
     max-width: 130px;
     margin-top: -45px;
   }

   .cart-listing .CartTable .cartQty > div {
     padding-left: 0;
     padding-top: 18px;
   }

   .cart-container .quantity .input-text.qty {
     height: 25px;
   }

   .cart-listing .CartTable .cartUnit {
     margin-top: 15px;
   }
 }

 .client-reviews-img {
   display: flex;
   justify-content: flex-end;
 }

 .client-reviews-img img {
   height: 40px;
   width: auto;
   filter: grayscale(100%);
   opacity: 0.7;
 }

 .client-reviews-img .partners__item {
   margin-left: 30px;
 }

 .client-reviews-desc p {
   margin: 0;
   font-size: 16px;
   font-weight: 600;
 }

 .home-prd-sider .product-image img {
   width: auto;
   height: 150px;
 }

 .product-image img {
   height: 135px;
 }

 .all-pagination {
   text-align: right;
 }

 .light-theme a,
 .light-theme span {
   display: inline-block;
   float: none !important;
 }

 .plp-products {
   background-color: #f9f6ef;
 }

 .plp-products .col-md-4 {
   -ms-flex: 0 0 20%;
   -webkit-box-flex: 0;
   flex: 0 0 20%;
   max-width: 20%;
 }

 .plp-products .col-md-8 {
   -ms-flex: 0 0 80%;
   -webkit-box-flex: 0;
   flex: 0 0 80%;
   max-width: 80%;
 }

 #product_listing_page_banner .container img {
   max-width: 180px;
   margin: 0 auto;
   display: block;
 }

 .why_tile {
   position: relative;
   border-radius: 10px;
   overflow: hidden;
   background-color: #e1c574;
   padding: 15px;
   min-height: 200px;
   height: 100%;
 }

 .why_tile img {
   position: absolute;
   bottom: 0;
   right: -70px;
   height: 204px;
 }

 .why_tile img {
   position: absolute;
   bottom: 0;
   right: 0;
 }

 .why_tile_info {
   max-width: 200px;
   z-index: 1;
   position: relative;
 }

 .why_us_tiles .col-lg-6:nth-child(1) .why_tile {
   background-color: transparent;
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/brown-bg.jpeg');
   background-position: center;
   background-size: 660px;
 }

 .why_us_tiles .col-lg-6:nth-child(2) .why_tile {
   background-color: #212121;
 }

 .why_us_tiles .col-lg-6:nth-of-type(4) .why_tile {
   background-color: #eb5757;
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/bg-phoneix.png');
   background-position: center;
   background-size: 660px;
 }

 .why_us_tiles .col-lg-6:nth-child(1) .why_tile h4,
 .why_us_tiles .col-lg-6:nth-of-type(even) .why_tile h4,
 .why_us_tiles .col-lg-6:nth-child(1) .why_tile p,
 .why_us_tiles .col-lg-6:nth-of-type(even) .why_tile p {
   color: #fff;
 }

 .why_us_tiles .col-lg-6 {
   margin-bottom: 30px;
 }

 .why_us_tiles .col-lg-6:nth-child(3) {
   order: 4;
 }

 @media (max-width: 1199px) {
   .why_tile img {
     right: -70px;
   }
 }

 @media (max-width: 991px) {
   .why_us_tiles .col-lg-6:nth-child(3) {
     order: initial;
   }

   .why_tile img {
     right: 0;
   }

   .client-reviews-img img {
     height: 35px;
   }

   .client-reviews-img .partners__item {
     margin-left: 20px;
   }

   .footer-top .right-blok-box {
     justify-content: center !important;
     margin-bottom: 0;
   }

   .footer-top .col-lg-4 .widget-footer:last-child .title-widget {
     text-align: center;
   }

   .footer-lower {
     padding: 25px 0 15px;
   }

   .footer-top {
     padding: 52px 0 10px;
   }
 }

 @media (max-width: 767px) {
   .why_tile img {
     right: -10px;
     height: 210px;
   }

   .client-reviews-desc {
     text-align: center;
     padding-bottom: 20px;
   }

   .client-reviews-img {
     justify-content: center;
   }

   .client-reviews-img .partners__item {
     margin: 0 5px;
   }

   #product_listing_page_banner .container img {
     max-width: 180px;
   }

   .footer-top {
     padding: 52px 0 0;
   }
 }

 @media (max-width: 575px) {
   .why_tile img {
     right: -80px;
   }
 }

 @media (max-width: 479px) {
   .why_tile img {
     right: -80px;
     z-index: 0;
   }
 }

 .review_info .review_tile {
   background-color: #fff;
   border-radius: 10px;
   border: 1px solid #dbdbdb;
   padding: 10px;
   margin-bottom: 10px;
   display: flex;
   flex-wrap: wrap;
 }

 .review_info .review_tile:last-child {
   margin-bottom: 0;
 }

 .review-img-star {
   display: flex;
   justify-content: center;
   align-items: center;
 }

 .reviewer_img {
   flex: 0 0 35px;
   max-width: 35px;
   height: 35px;
   overflow: hidden;
   border-radius: 100%;
 }

 .review-img-star .reviewer_rate {
   flex: 0 0 calc(100% - 50px);
   max-width: calc(100% - 50px);
   padding-left: 0;
 }

 .reviewer_rate img {
   height: 18px;
 }

 .review_info .review_date h4 span {
   color: #000;
   font-family: var(--font-body);
   font-weight: 600;
   font-size: 12px;
 }

 .review_info .review_date h4 {
   color: #999999;
   padding: 5px 0;
   font-family: inherit;
   font-weight: 500;
   font-size: 12px;
 }

 .review_info .review_date p {
   position: relative;
 }

 .date_share {
   justify-content: space-between;
   display: flex;
   flex-direction: column;
   flex: 0 0 120px;
   max-width: 120px;
   text-align: right;
 }

 .share-review li {
   display: inline-block;
   margin: 0;
 }

 .review_details > .d-flex {
   flex-wrap: wrap;
   align-items: center;
 }

 .review_details > .d-flex .review_info {
   flex: 0 0 calc(100% - 170px);
   max-width: calc(100% - 170px);
 }

 .review_details > .d-flex .rating_send {
   flex: 0 0 170px;
   max-width: 170px;
   text-align: right;
 }

 .review_details > .d-flex .rating_send button {
   margin: 0 !important;
   margin-left: auto !important;
   background: #fff;
   color: #000;
 }

 .review_details > .d-flex .rating_send button a {
   color: #000 !important;
 }

 .review_info ul {
   padding: 0 8px;
 }

 .review_details > .d-flex .rating_send button.product-btn:before {
   background: #000;
 }

 .review_details > .d-flex .rating_send button.product-btn:hover a {
   color: #fff !important;
 }

 .date_share b {
   font-size: 12px;
   font-weight: 500;
   color: #85858f;
 }

 .review_info .date_share ul {
   padding: 0;
 }

 .review_info .review_date h4 i {
   color: #00b67a;
 }

 .address-info .box a.switzer-regular {
   font-size: 16px;
 }

 .address-info .box a.switzer-regular i {
   padding-right: 5px;
 }

 .radio-with-Icon .form-group .form-control {
   padding: 0 10px;
   outline: none;
   box-shadow: none;
   font-size: 16px;
   color: #030303;
 }

 .dateIcon {
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/calendar.png');
   background-size: 18px;
   background-repeat: no-repeat;
   background-position: calc(100% - 10px) 50%;
 }

 .itemCart-modal .checkout-btn .button {
   width: calc(50% - 20px);
   margin-left: 10px !important;
   margin-right: 10px !important;
 }

 .frequent-buy .product-image {
   height: 13rem;
 }

 .frequent-buy .single-product-wrap > a:before {
   background-size: 67%;
 }

 .itemCart-modal .main-tittle i {
   color: #00b67a;
 }

 .you_might h4 {
   font-family: inherit;
 }

 .you_might p {
   font-size: 30px;
   font-weight: 600;
   margin-bottom: 8px;
 }

 .form .auto_addrss_fileds .input-field,
 #customerInfoForm #address,
 .input-container .collectFind {
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/search.png');
   background-repeat: no-repeat;
   background-position: calc(100% - 12px) 50%;
 }

 .set-wishlisted i:before {
   content: '\e00d' !important;
   /* background: linear-gradient(180deg, #FF4848 0%, #992B2B 100%); */
   background: linear-gradient(149deg, #be9442 -8.31%, #CAA969 50%);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }

 .page-suppliers__map__media g {
   fill: #d1d1d1;
   stroke: #fff;
   stroke-width: 0.5;
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
   cursor: pointer;
   position: relative;
 }

 .page-suppliers__map__media a.active g,
 .page-suppliers__map__media a:hover g {
   fill: #a88d4c;
 }

 .page-suppliers__tabs {
   background-color: #f2f0ee;
   padding: 50px 0;
 }

 .page-suppliers__tabs .w-tabs__name h2 {
   font-family: inherit;
   font-weight: 600;
   font-size: 30px;
   margin-bottom: 0;
 }

 .page-suppliers__tabs .w-tabs__name p {
   font-weight: 600;
   font-size: 12px;
 }
 .page-suppliers__tabs .w-tabs__name .nav-item a.border-bottom {
   border-color: #000 !important;
 }
 .page-suppliers__tabs .w-tabs__name .nav-item a.active.border-bottom {
   border-color: #a88323 !important;
 }

 .page-suppliers__tabs .w-tabs__name .nav-item a {
   font-size: 20px;
   color: #030303;
   padding: 14px 0;
 }

 .page-suppliers__tabs .suppliers-title h5 {
   font-size: 20px;
   font-family: inherit;
   font-weight: 700;
   margin-bottom: 20px;
 }
 .page-suppliers__tabs .suppliers-box-content ul.suppliers-address li p {
   font-size: 14px;
   color: #6d6d6d;
   margin-bottom: 20px;
 }

 .page-suppliers__tabs .suppliers-box-content ul.suppliers-cont-details li a {
   font-weight: 600;
   font-size: 14px;
   color: #6d6d6d;
 }

 .page-suppliers__tabs .suppliers-box-content ul.suppliers-cont-details li a.web-link {
   color: #d1ab59;
 }

 .page-suppliers__tabs .suppliers-box.address-box {
   min-height: 244px;
   max-height: 244px;
 }

 .main-content-wrap .section-title h2 {
   font-size: 64px;
 }
 .main-content-wrap .section-title p.style-color {
   font-size: 20px;
   margin-top: 30px;
 }

 .page_title h1 {
   font-size: 36px;
   line-height: 56px;
   font-family: inherit;
   font-weight: 600;
 }

 .page_title p {
   font-size: 15px;
   line-height: 24px;
   padding-bottom: 20px;
 }

 .page-suppliers__map {
   padding-bottom: 40px;
 }

 .w-tabs__name h2 {
   font-size: 28px;
   line-height: normal;
 }

 .w-tabs__name p {
   font-size: 15px;
   line-height: 24px;
 }

 .w-tabs__name .nav-item a {
   font-size: 18px;
   padding: 10px 0;
   color: #222;
   display: block;
 }

 .w-tabs__name .nav-item a.active {
   color: #a88323;
 }

 .w-tabs__name .nav-item {
   display: block;
   width: 100%;
 }

 .suppliers-box {
   padding: 16px;
   background-color: #fff;
   position: relative;
   height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
 }

 .suppliers-region {
   font-size: 20px;
   display: block;
   padding-bottom: 14px;
 }

 .suppliers-title {
   margin-bottom: 10px;
 }

 .suppliers-title h5 {
   font-size: 18px;
   font-family: inherit;
   font-weight: 600;
   margin: 0;
   line-height: normal;
 }

 .w-tabs__name {
   margin-bottom: 30px;
 }

 .supplier-web {
   font-size: 18px;
   position: absolute;
   right: 15px;
   top: 14px;
 }

 .supplier-web a {
   color: #a88323;
 }

 .suppliers-box-content li {
   position: relative;
 }

 .user_loggedin_detail {
   padding: 24px;
   border: 1px solid #cfcfcf;
   background: #fff;
   margin-bottom: 30px;
 }

 .user_loggedin_detail > .row {
   margin-bottom: 20px;
   border-bottom: 1px solid #cfcfcf;
   padding-bottom: 20px;
   margin-inline: 0 !important;
 }

 .user_loggedin_detail > .row:last-child {
   margin-bottom: 0;
   padding-bottom: 0;
   border-bottom: 0;
 }
 .verify_tile_desc .otpboxes,
 .oldcusactivate_checkout .otpboxes {
   padding: 10px 0 20px;
 }
 .otpboxes input[type=text] {
   width: 56px;
   height: 56px;
   border: 1px solid #cfcfcf;
   background: #fff;
   margin-right: 16px;
   min-width: unset !important;
   color: #030303;
   font-size: 20px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
 }
 .verification-sms {
   font-size: 14px;
   font-style: normal;
   font-weight: 600;
   color: #9a9a9a;
   line-height: normal;
   text-decoration-line: underline;
 }

 .otpboxes input:last-child {
   margin-right: 0 !important;
 }

 .user_checkout_info_label {
   color: #030303;
   font-size: 14px;
   font-style: normal;
   font-weight: 600;
   line-height: 1.4;
   letter-spacing: -0.084px;
   opacity: 0.4;
 }

 .user_checkout_info_detail {
   color: #030303;
   font-size: 14px;
   font-style: normal;
   font-weight: 600;
   line-height: 1.4;
   letter-spacing: -0.084px;
 }
 .user_checkout_linkchange {
   color: #030303;
   text-align: right;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 1.4;
   letter-spacing: -0.084px;
   display: block;
 }
 .delivery_billing_address {
   padding: 24px;
   border: 1px solid #cfcfcf;
   background: #fff;
 }

 .delivery_ttl {
   color: #030303;
   font-family: inherit;
   font-size: 16px;
   font-style: normal;
   font-weight: 600;
   line-height: 1.5;
   margin-bottom: 20px; /* 150% */
 }

 .suppliers-box-content li:last-child {
   padding-bottom: 0;
 }

 .suppliers-box-content i {
   position: absolute;
   left: 0;
   font-size: 16px;
 }

 .suppliers-box-content li,
 .suppliers-box-content li a {
   font-size: 14px;
   color: #222;
   line-height: normal;
 }

 .w-tabs__content .row .col-lg-4 {
   margin-bottom: 30px;
 }

 .w-tabs__name .nav-tabs {
   border: 0;
 }

 .suppliers-box-content li .word-wrap {
   word-break: break-all;
 }

 .form .auto_addrss_fileds .list-group,
 .newsletter-text .list-group,
 .premium-collection-container .list-group {
   max-height: 179px;
   overflow-y: auto;
 }

 .form .auto_addrss_fileds .list-group .list-group-item,
 .newsletter-text .list-group-item,
 .premium-collection-container .list-group .list-group-item {
   padding: 6px 10px;
 }

 .dot-loader {
   display: none;
   width: 30px;
   aspect-ratio: 4;
   --_g: no-repeat radial-gradient(circle closest-side, #ffc107 90%, #0000);
   background:
     var(--_g) 0% 50%,
     var(--_g) 50% 50%,
     var(--_g) 100% 50%;
   background-size: calc(100% / 3) 100%;
   animation: dot 1s infinite linear;
   margin-left: auto !important;
   margin-right: auto !important;
 }

 @keyframes dot {
   33% {
     background-size:
       calc(100% / 3) 0%,
       calc(100% / 3) 100%,
       calc(100% / 3) 100%;
   }

   50% {
     background-size:
       calc(100% / 3) 100%,
       calc(100% / 3) 0%,
       calc(100% / 3) 100%;
   }

   66% {
     background-size:
       calc(100% / 3) 100%,
       calc(100% / 3) 100%,
       calc(100% / 3) 0%;
   }
 }

 .dashboard-items .cartImg {
   flex: 0 0 60px;
   max-width: 60px;
 }

 .dashboard-items {
   align-items: center;
   margin-bottom: 10px !important;
 }

 .dashboard-items .cartImg .item-img {
   border-radius: 10px;
   background-color: #fff;
   width: 50px;
   height: 50px;
   position: relative;
 }

 .dashboard-items .cartImg .item-img img {
   max-height: 100%;
   max-width: 100%;
 }

 .dashboard-items .col-md-2,
 .dashboard-items .col-md-3,
 .dashboard-items .col-md-4 {
   padding-left: 5px;
   padding-right: 5px;
 }

 .dashboard-items .item-desc label {
   margin: 0;
   line-height: normal;
 }

 .dashboard-items .cartSubtotal label {
   margin: 0;
 }

 .dashboard-items .cartImg .item-img .itemCount {
   position: absolute;
   top: -5px;
   right: -5px;
   width: 14px;
   height: 14px;
   background-color: #000;
   font-size: 10px;
   line-height: 14px;
   color: #fff;
   border-radius: 50%;
 }

 .dashboard-items .cartDesc .item-desc span {
   font-size: 13px;
   font-weight: 600;
   line-height: normal;
 }

 .input-container .collectFind {
   padding: 0 10px;
   outline: none;
   box-shadow: none;
   height: calc(1.5em + 0.75rem + 2px);
 }

 .input-container .editInput {
   width: 33px;
   height: 48px;
   position: absolute;
   top: 1px;
   right: 1px;
   text-align: center;
   line-height: 48px;
   display: block;
   background-color: transparent;
   color: #000;
 }

 .input-container .editInput i {
   line-height: 48px;
 }

 .porduct-area {
   background: #f2f0ee;
 }

 .porduct-area.bg-gold {
   background: transparent;
 }

 .goldbankAssure {
   background-color: #f1f1f1;
 }
 .goldbankAssure_inner {
   border-radius: 10px;
   max-width: calc(100% - 280px);
   margin: 0 auto;
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/why-buy.png');
   background-size: 100% 100%;
   background-position: center;
   background-repeat: no-repeat;
   padding: 60px;
   margin-bottom: 130px;
   position: relative;
 }
 .goldbankAssure_inner > img {
   position: absolute;
   bottom: 0;
   right: 0;
 }
 .goldbankAssure_inner .goldbankAssure_title {
   padding-bottom: 80px;
 }
 .goldbankAssure_inner .goldbankAssure_list {
   margin-bottom: -190px;
 }
 .goldbankAssure-tile {
   text-align: center;
   padding: 36px 32px;
   background-color: #fff;
   border-radius: 0;
   height: 100%;
   position: relative;
   transition: all ease-in-out 0.5s;
 }
 .goldbankAssure-tile:hover {
   transform: translate(0, 5px);
 }
 .goldbankAssure-tile img {
   height: 48px;
   margin-bottom: 30px;
 }

 .goldbankAssure-tile h3 {
   font-size: 24px;
   line-height: 36px;
   max-width: 150px;
   font-family: inherit;
   margin: 0 auto;
   padding-bottom: 14px;
 }

 .goldbankAssure-tile p {
   font-weight: 400;
   margin: 0;
   font-size: 16px;
   line-height: 28px;
   color: #6d6d6d;
 }

 .gold-bank-slider {
   padding: 40px 0;
 }

 .gold-bank-slide {
   text-align: center;
 }

 .gold-bank-slide-desc {
   padding-top: 30px;
 }

 .gold-bank-slide-desc h3 {
   font-family: inherit;
   margin: 0;
   font-weight: 600;
   color: #343a40;
 }

 .gold-bank-slide.slick-current .gold-bank-slide-desc h3 {
   color: #d0b462;
 }

 .gold-bank-slide .image img {
   max-width: 600px;
   margin: 0 auto;
 }

 .unlike_us {
   background-color: #f2f0ee;
   padding: 60px 0;
 }

 .unlike_us_slider .unlike_slide {
   border-radius: 20px;
   margin: 0 20px;
   background-position: center;
   background-size: auto 100%;
   filter: grayscale(1);
 }

 .unlike_us_slider .unlike_slide:hover {
   filter: grayscale(0);
 }

 .unlike_us_slider .unlike_slide a {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   min-height: 600px;
   padding: 40px;
 }

 .unlike_us_slider .slick-list {
   padding-left: 0 !important;
 }

 .unlike_us_desc {
   display: flex;
   height: 100%;
   flex-direction: column;
   justify-content: center;
   padding: 0 0 0 80px;
 }

 .unlike_us_desc h2 {
   font-family: inherit;
   margin: 0;
   font-weight: 700;
   padding-bottom: 100px;
   font-size: 56px;
   line-height: 64px;
 }

 .unlike_us_desc h2 span {
   display: block;
   color: #d0b462;
 }

 .unlike_us_desc h5 {
   font-family: inherit;
   margin: 0;
   font-weight: 600;
   font-size: 26px;
   line-height: normal;
 }

 .unlike_slide h3 {
   color: #fff;
   font-family: inherit;
   margin: 0;
   font-weight: 600;
   line-height: 46px;
 }

 .unlike_slide p {
   color: #fff;
   margin: 0;
   font-size: 20px;
   line-height: 30px;
 }

 .select_custom_input .input_percent {
   font-size: 14px;
   position: absolute;
   right: 5px;
   height: 22px;
   top: 0;
   bottom: 0;
   margin: auto 0;
 }

 .select_custom_input {
   position: relative;
 }

 .unlike_us_slider button {
   width: 30px;
   height: 30px;
   border-radius: 50%;
   line-height: 0px;
   text-align: center;
   padding: 0;
   position: absolute;
   top: -40px;
   right: 20px;
   background-color: #000;
   color: #fff;
 }

 .unlike_us_slider button.slick-prev {
   right: 60px;
 }

 .unlike_us_slider button.slick-disabled {
   display: none !important;
 }

 .form .input-field,
 .payment-method .sell-table .form .input-container.payment-mode label {
   font-size: 16px;
 }

 .premium-collection-container .list-group {
   width: 100%;
   position: absolute;
   top: 100%;
   z-index: 2;
 }
 .trusted-reviews {
   background-color: #f1f1f1;
 }
 .trust_tile {
   float: right;
 }
 .trusted-reviews .col-md-6 .row,
 .trusted-reviews .col-md-5 .row {
   justify-content: flex-end;
 }
 .trust_tile h4 {
   font-size: 48px;
   line-height: normal;
   font-weight: 700;
   margin: 0;
 }
 .trust_tile p {
   width: 100%;
   display: inline-block;
   position: relative;
   font-size: 16px;
   line-height: 42px;
   font-weight: 700;
   padding-top: 15px;
   font-family: var(--font-heading);
 }
 .trust_tile p::before,
 .trust_tile p::after {
   content: "";
   width: 100%;
   height: 0;
   border-top: 1px solid #e2c675;
   position: absolute;
   top: 10px;
   left: 0;
   animation: mymove 2s infinite alternate;
 }
 .trust_tile p::after {
   transform: rotate(2.5deg);
   left: -5px;
   animation: mymove1 2s infinite alternate;
 }
 @keyframes mymove {
   from {
     transform: rotate(0deg);
   }
   to {
     transform: rotate(2.5deg);
   }
 }
 @keyframes mymove1 {
   from {
     transform: rotate(2.5deg);
   }
   to {
     transform: rotate(0deg);
   }
 }
 .trust_logo img {
   width: 152px;
 }
 .wrapper-inner .container-fluid {
   padding-left: 60px;
   padding-right: 60px;
 }
 .review_slider.slick-slider {
   padding: 20px 0 40px;
 }
 .review_slide_inner {
   display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   background-color: #fff;
   padding: 20px;
 }
 .review_slide_img {
   width: 100px;
   border-radius: 50%;
   overflow: hidden;
   margin-top: -50px;
 }
 .review_slide_name {
   width: calc(100% - 100px);
   padding-left: 20px;
 }
 .review_slide_name h6 {
   font-family: inherit;
   font-weight: 700;
   font-size: 16px;
   line-height: 24px;
 }
 .review_slide_name span {
   font-size: 12px;
   line-height: 20px;
   font-weight: 600;
   color: #727272;
   display: block;
 }
 .review_slide_desc {
   flex: 0 0 100%;
   max-width: 100%;
   padding-top: 15px;
 }
 .review_slide_desc ul {
   display: flex;
 }
 .review_slide_desc .review_slide_desc_text {
   font-size: 16px;
   line-height: 28px;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   overflow: hidden;
   min-height: 89px;
   max-height: 89px;
 }
 .review_slide_desc ul li {
   padding-right: 5px;
 }
 .review_slide_desc ul li:last-child {
   padding-right: 0;
 }
 .review_slide_desc ul i {
   font-size: 24px;
   color: #e0ab3f;
 }
 .review_slide_box {
   position: relative;
   padding: 30px 30px 0 0;
   height: 100%;
 }
 .review_slider .slick-list {
   padding-left: 0 !important;
 }
 .new-slider .slick-dots {
   display: flex;
   position: absolute;
   bottom: -38px;
 }
 .new-slider .slick-arrow {
   width: 60px;
   height: 60px;
   line-height: 48px;
   border: 1px solid #e3dcd7;
   border-radius: 50%;
   color: #6d6d6d;
   font-size: 18px;
   position: absolute;
   right: 0;
   top: -60px;
   z-index: 2;
   background-color: transparent;
   text-align: center;
 }
 .new-slider .slick-arrow:before,
 .new-slider .slick-arrow:after {
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   border-radius: 100%;
   transform: rotate(45deg);
 }
 .new-slider .slick-arrow::after {
   border: 0 solid transparent;
 }
 .new-slider .slick-arrow::before {
   border: 1px solid transparent;
 }
 .new-slider .slick-arrow.slick-disabled {
   pointer-events: none;
   cursor: not-allowed;
   opacity: 0;
 }
 .new-slider .slick-arrow:hover::before {
   border-top-color: #e3dcd7;
   border-right-color: #e3dcd7;
   border-bottom-color: #e3dcd7;
   transition:
     border-top-color 0.15s linear,
     border-right-color 0.15s linear 0.1s,
     border-bottom-color 0.15s linear 0.2s;
 }
 .new-slider .slick-arrow:hover::after {
   border-top: 1px solid #e3dcd7;
   border-left-width: 1px;
   border-right-width: 1px;
   transform: rotate(315deg);
   transition:
     transform 0.4s linear 0s,
     border-left-width 0s linear 0.35s;
 }
 .new-slider .slick-arrow i {
   line-height: 48px;
   display: block;
 }
 .slick-arrow i:before {
   content: "";
   position: absolute;
   right: 0;
   left: 0;
   width: 10px;
   height: 10px;
   border-top: 2px solid #6d6d6d;
   border-right: 2px solid #6d6d6d;
   top: 0;
   bottom: 0;
   margin: auto;
   transform: rotate(45deg);
 }
 .slick-arrow i:after {
   content: "";
   position: absolute;
   right: 0;
   left: 0;
   width: 10px;
   height: 2px;
   border-bottom: 2px solid #6d6d6d;
   top: 0;
   bottom: 0;
   margin: auto;
   transition: 0.2s ease;
   opacity: 0;
 }
 .slick-arrow:hover i:after {
   opacity: 1;
 }
 .slick-arrow.slick-prev i:before {
   transform: rotate(-135deg);
 }
 .new-slider .slick-arrow svg {
   height: 15px;
   position: absolute;
   top: 0;
   bottom: 0;
   margin: auto 0;
   left: 0;
   right: 0;
   width: 100%;
 }
 .new-slider .slick-dots button {
   font-size: 0;
   padding: 0;
   line-height: normal;
   width: 60px;
   margin: 0;
   border: 0;
   border-top: 2px solid rgba(0, 0, 0, 0.2);
 }
 .new-slider .slick-dots .slick-active button {
   border-top: 2px solid rgba(0, 0, 0, 1);
 }
 .new-home .new-slider.slider-btn-center .slick-dots,
 .trusted-reviews .new-slider.slider-btn-center .slick-dots {
   left: 150px;
   right: inherit;
   width: auto;
 }
 .new-slider.slider-btn-center .slick-dots {
   right: 0;
   left: 0;
   justify-content: center;
   padding-right: 160px;
 }
 .new-slider.slider-btn-center .slick-arrow {
   right: calc((100% / 5) - 70px);
 }
 .new-slider.slider-btn-center .slick-arrow.slick-prev {
   right: calc((100% / 5));
 }
 .best-seller-slider.slick-slider {
   padding: 40px 0 30px;

   &.container {
     overflow: visible;

     .slick-list {
       overflow: visible;
     }

     .slick-track {
       @media screen and (min-width: 992px) {
         margin-left: -16px;
       }
     }
   }
 }
 /* .best-seller-slider.slick-slider .slick-list {
   padding-bottom: 30px;
 } */
 .product-tile {
   position: relative;
   background-color: #fff;
   padding: 30px;
   margin-bottom: 16px;
   height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   transition: all ease-in-out 0.5s;
   height: 430px;

   @media screen and (min-width: 992px) {
     width: 100%;
     height: 100%;
     margin-bottom: 30px;
   }
 }
 .product-tile:hover {
   /* box-shadow: 1px 1px 20px 5px #e2e1e1; */
   transform: translate(0, 5px);
 }
 .product-img {
   position: relative;
   height: 215px;
   overflow: hidden;
   padding: 15px 15px 0;
 }
 .product-img i {
   height: 100%;
   display: flex;
 }
 .product-img i:after {
   content: "";
   position: absolute;
   top: -175%;
   left: -175%;
   width: 200%;
   height: 200%;
   opacity: 0;
   transform: rotate(30deg);
   background: rgba(255, 255, 255, 0.13);
   background: linear-gradient(
     to right,
     rgba(255, 255, 255, 0) 0,
     rgba(255, 255, 255, 0) 77%,
     rgba(255, 255, 255, 0.5) 92%,
     rgba(255, 255, 255, 0) 100%
   );
 }
 .best-seller-slider .product-img i:after {
   content: "";
   position: absolute;
   top: -175%;
   left: -175%;
   width: 200%;
   height: 200%;
   opacity: 0;

   transform: rotate(30deg);
   background: rgba(255, 255, 255, 0.4);
   background: linear-gradient(
     to right,
     rgba(255, 255, 255, 0) 0,
     rgba(255, 255, 255, 0) 77%,
     rgba(255, 255, 255, 0.5) 92%,
     rgba(255, 255, 255, 0) 100%
   );
 }
 /* .product-tile:hover .product-img img {
   transform: scale(1.1);
 } */
 .product-img img {
   max-height: 200px;
   margin: auto;
   height: 100%;
   object-fit: cover;
 }
 .product-tile h6.stock-status {
   margin: 0;
   font-size: 12px;
   font-family: inherit;
   color: #030303;
   /* opacity: 0.75; */
   font-family: "Montserrat", sans-serif;
   font-weight: 400;
   border-radius: 30px;
   padding: 3px 10px;
   border: 1px solid rgba(3, 3, 3, 0.30);
   font-weight: 500;
 }
 .product-container .product-tile h6.stock-status
 {
   border-radius: 30px;
   padding: 3px 10px;
 border: 1px solid #03030366;
 }
 .product-tile h6 i {
   padding-right: 5px;
 }
 .product-tile .price-box {
   min-height: 34px;
 }
 .product-tile.instock h6.stock-status i {
   color: #40b23e;
 }
 .product-tile.outstock h6.stock-status i {
   color: #CD0000;
 }
 .product-tile.awaitingstock h6.stock-status i {
   color: #CD0000;
 }

 .product-desc h5 {
   font-size: 15px;
   margin: 0;
   text-align: center;
   line-height: normal;
   font-family: var(--font-Montserrat);
   display: -webkit-box;
   min-height: 60px;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   overflow: hidden;
   color: #030303;
 }
 .product-tile .product_link {
   width: 100%;
   display: flex;
   flex-direction: column;
   gap: 15px;
 }
 .product-tile .product-action {
   display: flex;
   flex-direction: column;
   justify-content: end;
   width: 100%;
   gap: 20px;
   align-items: center;
 }
 .price-box span {
   font-size: 28px;
   display: flex;
   color: #030303;
   align-items: baseline;
   font-family: var(--font-Montserrat);
 }
 .price-box span.pence {
   font-size: 18px !important;
 }
 .plp_products_sec .price-box span i::before {
   width: 9px;
 }
 .price-box span i:before {
   display: none;
 }
 .product-footer-text {
   margin-bottom: -1%;

   &.britannia {
     margin-bottom: -.5%;
   }
 }
 .product-footer-container {
   background: #f1f1f1;
 }
 .plp_products_sec + .product-footer-container {
   background: transparent;
 }
 .plp_products_sec + .custom-product-footer {

 }
 .product-footer {
   background-image: linear-gradient(180deg, #e2e2e2 0%, rgba(255,255,255, 0.1) 97%);
   background-position: center top;
   background-size: 100% 100%;
   background-repeat: no-repeat;
   padding: 30px 0 50px;

   @media screen and (min-width: 992px) {
     padding: 180px 170px;
     flex-direction: row;
   }

   div.details {
     display: flex;
     flex-direction: column;
     text-align: center;
     align-items: stretch;
     gap: 30px;

     @media screen and (min-width: 992px) {
       text-align: left;
     }
   }

   h3 {
     font-size: 48px;
     line-height: 70px;
     font-weight: 600;
     color: #2E2D31;

     @media screen and (min-width: 992px) {
       font-size: 64px;
     }
   }

   p {
     color: rgba(46, 45, 49, 0.75);
   }

   img {
     height: 270px;

     @media screen and (min-width: 992px) {
       height: 500px;
     }
   }

   &.britannia {
     img {
       height: 230px;

       @media screen and (min-width: 992px) {
         height: 400px;
       }
     }
   }

   a {
     border-radius: 0;

     i {
       margin-left: 10px;
     }
   }
 }
 .price-box span.increase i:before {
   content: url('https://stage-assets.goldbank.co.uk/images/additional-images/arrow-up.svg');
   display: inline-block;
   width: 10px;
   margin-left: 5px;
 }
 .price-box span.increase {
   color: #28a745;
 }
 .price-box span.decrease {
   color: #dc3545;
 }
 .price-box span.increase.decrease {
   color: #222;
 }
 .price-box span.decrease i:before {
   content: url('https://stage-assets.goldbank.co.uk/images/additional-images/arrow-down.svg');
   display: inline-block;
   width: 10px;
   margin-left: 5px;
 }
 /* .price-box span i.ion-arrow-up-c, */
 .price-box span.increase.decrease i:before {
   display: none;
 }
 .price-box span i {
   padding-left: 0px;
 }
 .product-tile .add-to-wishlist {
   position: absolute;
   right: 20px;
   top: 16px;
   line-height: 26px;
   font-size: 23px;
   color: #000;
   -webkit-transition: transform 0.7s;
   -moz-transition: transform 0.7s;
   -o-transition: transform 0.7s;
   -webkit-transition: -webkit-transform 0.7s;
   transition: -webkit-transform 0.7s;
 }
 .product-tile .add-to-wishlist:hover {
   -webkit-transform: -webkit-scale(1.2);
   -moz-transform: scale(1.2);
   -o-transform: scale(1.2);
   -ms-transform: scale(1.2);
   transform: scale(1.2);
 }
 .product_salution {
   position: absolute;
   top: 16px;
   left: -10px;
   display: inline-block;
   padding: 5px 20px 5px 8px; /* Adjust as needed */
   background: linear-gradient(304deg, #A60000 -5.16%, #FFD6D6 175.02%);
   color: #ffffff;
   font-size: 13px;
   line-height: 12px;
   text-align: center;
   white-space: nowrap;
   overflow: visible;
   z-index: 200;
   font-weight: 400;
 font-family: var(--font-Montserrat);





 text-shadow: 0px 0.5px 0.5px rgba(0, 0, 0, 0.45);

 }
 .product_salution:before {
   content: "";
   position: absolute;
   left: 0;
   top: -7px;
   bottom: 0;
   width: 0;
   height: 0;
   border-bottom: 6px solid #494234;
   border-left: 10px solid transparent;
 }
 .product_salution:after {
   content: "";
   position: absolute;
   right: 0;
   bottom: -1px;
   width: 0;
   height: 0;
   border-right: 10px solid #F1F1F1;
   border-top: 12px solid transparent;
   border-bottom: 11px solid transparent;
 }
 .product-container .product-tile-card.product-tile .product_salution:after {  border-right: 10px solid #F1F1F1; transition: all ease-in-out 0.5s;}
 .product-container .product-tile-card.product-tile:hover .product_salution:after {  border-right: 10px solid #FAFAFA;}
 .product_salution.good-value,
 .product_salution.cgtfree {
   background: linear-gradient(149deg, #FFE7B9 -8.31%, #CAA969 50%);
 }
 .product_salution.recommended,
 .product_salution.bestseller {
   background: linear-gradient(149deg, #FFE7B9 -8.31%, #CAA969 50%);
 }
 .product_salution.hot {
   background: linear-gradient(149deg, #FFE7B9 -8.31%, #CAA969 50%);
 }
 .product_salution.limited {
  color: #fff !important;
   background: #030303;
 }
 .product_salution.completed {
   background: linear-gradient(149deg, #FFE7B9 -8.31%, #CAA969 50%);
 }
 .product_salution.on-sale {
   background: linear-gradient(149deg, #FFE7B9 -8.31%, #CAA969 50%);
 }
 .product_salution.selling {
   background: linear-gradient(149deg, #FFE7B9 -8.31%, #CAA969 50%);
 }
 .product_salution.special-offer {
   background: linear-gradient(149deg, #FFE7B9 -8.31%, #CAA969 50%);
 }
 .product_salution.tax {
   background: linear-gradient(149deg, #FFE7B9 -8.31%, #CAA969 50%);
 }
 .product_salution.low-premium {
   background: linear-gradient(149deg, #FFE7B9 -8.31%, #CAA969 50%);
 }
 .product_salution.newseller,
 .product_salution.new {
   background: linear-gradient(149deg, #FFE7B9 -8.31%, #CAA969 50%);
 }
 .product_salution:empty {
   display: none;
 }
 .product_salution.ribbon-update-color{
   color: #030303;
   font-weight: 500;

   &::after{
     border-top: 12px solid transparent;
     border-right: 12px solid white;
     border-bottom: 12px solid transparent;
   }
   &::before{
     display: none;
   }
 }
 /*
 GOLDSPT-87 production_salution for home page
 */
 .new-home .product_salution {
   &.good-value,
   &.cgtfree,
   &.recommended,
   &.bestseller,
   &.limited,
   &.completed,
   &.on-sale,
   &.selling,
   &.special-offer,
   &.tax,
   &.low-premium,
   &.newseller,
   &.new {
     background: linear-gradient(343deg, #7F5000 -6.72%, #F3D986 297.81%);
   }
   &.hot {
     background: linear-gradient(304deg, #A60000 -5.16%, #FFD6D6 175.02%);
   }
 }

  .best-seller-slider .product-tile:hover .product-img i:after {
   opacity: 0.4;
   top: -30%;
   left: -30%;
   transition-property: left, top, opacity;
   transition-duration: 1.5s, 1.5s, 0.2s;
   transition-timing-function: ease;
 }
 .best-seller-slider .price-box.gold-text-alt { padding: 0px 5px;}

 .product-main-wrapper .product-tile:hover .product-img i:after {
   opacity: 1;
   top: -30%;
   left: -30%;
   transition-property: left, top, opacity;
   transition-duration: 1.5s, 1.5s, 0.2s;
   transition-timing-function: ease;
 }
 .sell-gold .product-tile {
   background-image: url('https://stage-assets.goldbank.co.uk/home_new/assets/images/product/sell-gold-tile-fg.png'),
     url('/home_new/assets/images/product/sell-gold-tile-bg.png');
   background-repeat: no-repeat;
   background-position: 90% 60%, top left;
   background-size: 35%, cover;

   padding: 25px 30px;
   width: 100%;

   @media screen and (min-width: 992px) {
     background-position: 90% 90%, top left;
   }
 }
 .sell-gold .product-tile .sell-text {
   display: flex;
   flex-direction: column;
   gap: 30px;

   @media screen and (min-width: 992px) {
     gap: 20px;
   }
 }
 .sell-gold .product-tile h5 {
   background: linear-gradient(193deg, #FFE7B9 -1.8%, #CAA969 77.29%);
   margin-bottom: 0;
   font-size: 30px;
   line-height: 34px;
   font-weight: 700;
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;

   @media screen and (min-width: 992px) {
     font-size: 40px;
     line-height: 44px;
     width: 265px;
   }
 }
 .sell-gold .product-tile .sell-text p {
   font-size: 16px;
   color: #fff;
   width: 130px;
   margin-bottom: 0;
 }
 .sell-gold .product-tile .btn-border-gold {
   display: flex;
   gap: 10px;
   align-items: center;
   justify-content: center;
   border-radius: 0;
   padding: 12px 32px;
   margin-bottom: 0;

   @media screen and (min-width: 992px) {
     width: 40%;
   }
 }
 .sell-gold .product-tile .btn-border-gold:hover {
   background: linear-gradient(193deg, #FFE7B9 -1.8%, #CAA969 77.29%);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }
 .new-slider .slick-track {
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
 }
 .featured_products {
   background-color: #f1f1f1;
 }
 .featured_products .tab-content {
   padding-top: 94px;
 }
 .title-border h2 {
   padding-top: 20px;
   display: inline-block;
   position: relative;
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/lamp.png');
   background-size: 14px;
   background-repeat: no-repeat;
   background-position: 50% 0;
 }
 .title-border h2::before,
 .title-border h2::after {
   content: "";
   height: 1px;
   width: calc(100% - 290px);
   background: linear-gradient(270deg, #cccccc -1.65%, #cccccc 55.53%, rgba(204, 204, 204, 0) 100%);
   position: absolute;
   top: 7px;
   left: 0;
 }
 #product_grid div.product-tile { padding: 42px 13px 34px;}
 #product_grid .product-img { height: auto;}
 .title-border h2::after {
   left: auto;
   right: 0;
   transform: rotate(180deg);
 }
 .featured_products .col-lg-4 {
   margin-bottom: 30px;
 }
 .customTab .nav-tabs {
   justify-content: center;
   border: 0;
 }
 .customTab .nav-tabs .nav-item {
   margin: 0 5px;
 }
 .customTab .nav-tabs .nav-link.active {
   font-weight: 600;
 }
 .customTab .nav-tabs .nav-link.active,
 .customTab .nav-tabs .nav-link:hover,
 .customTab .nav-tabs .nav-link:focus {
   color: #fff;
   background-color: #000;
 }
 .customTab .nav-tabs .nav-link {
   border: 0;
   border-radius: 0;
   font-size: 15px;
   line-height: 20px;
   padding: 12px 23px;
   background-color: #fff;
 }
 .category_slider_inner {
   position: relative;
   height: 100%;
   background-repeat: no-repeat;
   background-size: 100% 100%;
   background-color: #000;
   -moz-transition: background-size 1s;
   -o-transition: background-size 1s;
   -webkit-transition: background-size 1s;
   transition: background-size 1s;
 }
 .category_slider_inner > a {
   padding: 40px 30px;
   width: 100%;
   min-height: 283px;
   height: 100%;
 }
 .category_slider_inner:hover {
   background-size: 105% 105%;
   -moz-transition: background-size 1s;
   -o-transition: background-size 1s;
   -webkit-transition: background-size 1s;
   transition: background-size 1s;
 }
 .category_slider .slick-list {
   padding-left: 0 !important;
 }
 .category_slider_inner h3 {
   color: #fff;
 }
 .category_slider_inner p {
   color: #fff;
 }
 .category_slider_inner .arrow-down {
   opacity: 0;
 }
 .category_slider_inner:hover .arrow-down {
   opacity: 1;
 }
 .category_slider .slick-track {
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
 }
 .category_slide_divide {
   display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
 }
 .category_slide_divide .category_slider_inner:first-child {
   flex: 0 0 100%;
   max-width: 100%;
   margin-bottom: 30px;
   min-height: 283px;
 }
 .category_slide_divide .category_slider_inner {
   flex: 0 0 100%;
   max-width: 100%;
   min-height: 283px;
 }
 .browse_category h2 {
   padding-bottom: 20px;
 }
 .browse_category .col-lg-5 p {
   padding-bottom: 20px;
   max-width: 400px;
 }
 .category_slide_divide .category_slider_inner:nth-child(2) {
   margin-right: 15px;
 }
 .browse_category {
   background-color: #f1f1f1;
 }
 .top_gold .row,
 .browse_category .row {
   margin-right: 0;
 }
 .top_gold .row .col-lg-7,
 .browse_category .row .col-lg-7 {
   padding-right: 0;
 }
 .category_slider {
   padding: 0 0 40px;
 }
 .category_slider.show-on-mobile {
   display: none;
 }
 .slick-slide .category_slider_inner img {
   position: absolute;
   right: 0;
   bottom: 0;
 }
 .category_slide_divide .category_slider_inner:nth-child(3) {
   margin-left: 15px;
 }
 .top_gold {
   background-color: #f1f1f1;
 }
 .top_gold .row {
   align-items: center;
 }
 .top_gold_slider {
   padding: 0 0 40px;
   margin-left: 30px;
 }
 .gold_tile {
   position: relative;
 }
 .top_gold .show-on-mobile {
   display: none;
 }
 .gold_tile img {
   width: 100%;
 }
 .gold_tile_desc {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   padding: 0 30px 60px;
   text-align: center;
 }
 .gold_tile_desc h3 {
   padding-bottom: 30px;
   margin: 0;
 }
 .top_gold_slider .slick-list {
   padding-left: 0 !important;
 }
 .top_gold_slider .slick-slide {
   position: relative;
   padding: 0 30px 0 0;
 }
 .full-width-dots.new-slider .slick-dots {
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   left: 0;
 }
 .full-width-dots.new-slider .slick-dots li {
   -ms-flex-preferred-size: 0;
   flex-basis: 0;
   -ms-flex-positive: 1;
   flex-grow: 1;
   max-width: 100%;
 }
 .full-width-dots.new-slider .slick-dots button {
   width: 100%;
 }
 .home_banner {
   position: relative;
 }
 .home_slider .slide {
   background-color: #1f2928;
   position: relative;
   padding: 0;
   overflow: hidden;
 }
 .home_slider_text {
   position: absolute;
   display: flex;
   top: 0;
   bottom: 0;
   left: 60px;
   right: auto;
   align-items: center;
   flex-wrap: wrap;
   align-content: center;
   z-index: 3;
 }
 .home_slider_text h2 {
   width: 100%;
   color: #f4ca90;
   text-align: left;
   width: 100%;
   max-width: 100%;
   -ms-flex: 0 0 100%;
   -webkit-box-flex: 0;
   flex: 0 0 100%;
   max-width: 100%;
   margin: 0;
 }
 .slick-active .home_slider_text .member-img {
   margin-bottom: 84px;
 }
 .home_slider_text p {
   margin: 0;
   color: #d6d8e7;
   text-transform: uppercase;
   font-size: 18px;
   line-height: 18px;
   letter-spacing: 7.2px;
   padding-bottom: 10px;
 }
 .home_slider_text .content-slide p {
   font-size: 16px;
   line-height: 150%;
   max-width: 394px;
   letter-spacing: inherit;
   text-transform: none;
   margin-bottom: 0;
 }
 .home_slider.new-slider .slider-disc {
   width: 100%;
 }
 .home_slider.new-slider .slider-disc p {
   max-width: 576px;
   letter-spacing: unset;
   font-size: 20px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   text-transform: inherit;
 }
 .sell-gold-slider h2 {
   margin-bottom: 40px;
 }
 .slick-active .home_slider_text h2:nth-child(3) {
   padding-left: 70px;
 }
 .slick-active .home_slider_text h1{
   -webkit-animation: 1s anim-lineUp 0.5s both;
   animation: 1s anim-lineUp 0.5s both;
 }

 .slick-active .home_slider_text p:first-child {
   -webkit-animation: 1s anim-lineUp 1s both;
   animation: 1s anim-lineUp 1s both;
 }
 .slick-active .home_slider_text p:nth-child(2) {
   -webkit-animation: 1s anim-lineUp 1.5s both;
   animation: 1s anim-lineUp 1.5s both;
 }
 .slick-active .home_slider_text h2,
 .slick-active .home_slider_text .member-img {
   -webkit-animation: 1s anim-lineUp 1s both;
   animation: 1s anim-lineUp 1s both;
 }
 .slick-active .home_slider_text h2:nth-child(3),
 .slick-active .home_slider_text picture {
   -webkit-animation: 1s anim-lineUp 1.5s both;
   animation: 1s anim-lineUp 1.5s both;
 }
 .slick-active .slider-disc p {
   -webkit-animation: 1s anim-lineUp 1.5s both;
   animation: 1s anim-lineUp 1.5s both;
 }

 .slick-active .content-slide {
   -webkit-animation: 1s anim-lineUp 2s both;
   animation: 1s anim-lineUp 2s both;
 }

 .slick-active .arrow-button {
   -webkit-animation: 1s anim-lineUp 2.5s both;
   animation: 1s anim-lineUp 2.5s both;
 }

 @keyframes anim-lineUp {
   from {
     opacity: 0;
     transform: translateY(40px);
   }
   to {
     opacity: 1;
   }
 }
 .home_slider .slick-active .image-inner {
   -webkit-animation: image-in 1s cubic-bezier(0.5, 0, 0.1, 1) 0.5s backwards;
   animation: image-in 1s cubic-bezier(0.5, 0, 0.1, 1) 0.5s backwards;
 }
 .home_slider .image {
   position: relative;
   width: auto;
   display: inline-block;
   float: right;
 }
 .home_slider .image .image-inner {
   position: relative;
   z-index: 2;
 }
 .home_slider .image .image-inner img {
   display: block;
   margin-right: 0;
   margin-left: auto;
 }
 .home_slider .image::before {
   content: "";
   width: 740px;
   height: 100%;
   border-radius: 50%;
   position: absolute;
   top: 0;
   bottom: 0;
   left: -350px;
   background-color: #384746;
   display: none;
 }
 .home_slider.new-slider .slick-arrow {
   color: #fff;
   bottom: 30px;
   right: 60px;
   border: 0;
 }
 .home_slider.new-slider .slick-arrow:before,
 .home_slider.new-slider .slick-arrow:after,
 .about_slide_nav.new-slider .slick-arrow:before,
 .about_slide_nav.new-slider .slick-arrow:after {
   display: none;
 }
 button.slick-prev.countdown.slick-arrow {
   left: 60px;
 }
 button.slick-next.countdown.slick-arrow {
   right: 60px;
 }
 .home_slider.new-slider .circleWrap,
 .about_slide_nav.new-slider .circleWrap {
   width: 30px;
   height: 60px;
   position: absolute;
   top: 0;
   overflow: hidden;
 }
 .circleWrapRight {
   right: 0px;
 }
 .circleWrapLeft {
   left: 0px;
 }
 .circleWhole {
   width: 60px;
   height: 60px;
   border: 1px solid transparent;
   border-radius: 50%;
   position: absolute;
   top: 0;
   transform: rotate(-135deg);
 }
 .home_banner .slick-arrow.active .circleRight {
   border-top: 1px solid #e3dcd7;
   border-right: 1px solid #e3dcd7;
   right: 0;
   animation: circleRight 10s ease-in forwards infinite;
 }
 .home_banner .slick-arrow.active .circleLeft {
   border-bottom: 1px solid #e3dcd7;
   border-left: 1px solid #e3dcd7;
   left: 0;
   animation: circleLeft 10s ease-in forwards infinite;
 }

 @keyframes circleRight {
   0% {
     transform: rotate(-135deg);
   }
   50%,
   100% {
     transform: rotate(45deg);
   }
 }
 @keyframes circleLeft {
   0%,
   50% {
     transform: rotate(-135deg);
   }
   100% {
     transform: rotate(45deg);
   }
 }
 .home_slider.new-slider .slick-arrow i:before,
 .home_slider.new-slider .slick-arrow:hover i:after {
   border-color: #fff;
 }
 .home_slider.new-slider .slick-arrow path {
   stroke: #fff;
 }
 .home_slider.new-slider .slick-dots {
   bottom: 52px;
   right: 200px;
 }
 .home_slider.new-slider .slick-arrow.slick-prev {
   display: none !important;
 }
 .home_slider.new-slider .slick-dots button {
   border-top: 2px solid rgba(0, 0, 0, 0.1);
   width: 16px;
   margin: 0 6px;
 }
 .home_slider.new-slider .slick-dots .slick-active button {
   border-top: 2px solid rgba(255, 255, 255, 1);
   width: 80px;
 }

 @-webkit-keyframes image-in {
   from {
     -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
     clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
   }
   to {
     -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
     clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
   }
 }
 @keyframes image-in {
   from {
     -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
     clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
   }
   to {
     -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
     clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
   }
 }
 .home_slider .slide .arrow-button {
   z-index: 3;
   color: #fff2ae;
   font-size: 18px;
   line-height: 24px;
 }
 .home_slider .slide .arrow-button:nth-child(2) {
   margin-left: 140px;
 }
 .home_slider_btn {
   position: relative;
   z-index: 3;
   text-align: left;
   display: block;
   margin: 60px 0 0 75px;
 }

 .mb-slider.white-icon.home_slider_btn a span {
   color: #fff;
 }
 .mb-slider.white-icon.home_slider_btn .arrow-button:before,
 .mb-slider.white-icon.home_slider_btn .arrow-button:after {
   border-color: #fff;
 }

 .home_slider_btn .arrow-button span::before {
   display: none;
 }
 .home_slider_btn .arrow-button i::after {
   border: 0 solid transparent;
 }
 .home_slider_btn .arrow-button i::before {
   border: 1px solid transparent;
 }
 .home_slider_text .content-slide {
   transition:
     transform 0.3s linear 0s,
     border-left-width 0s linear 0.35s;
 }
 .home_slider_btn .arrow-button:hover i::after {
   border-top: 1px solid #fff2ae;
   border-left-width: 1px;
   border-right-width: 1px;
   transform: rotate(270deg);
   transition:
     transform 0.4s linear 0s,
     border-left-width 0s linear 0.35s;
 }
 .home_slider_btn .arrow-button:before,
 .home_slider_btn .arrow-button:after {
   right: -52px;
 }
 .home_slider_btn .arrow-button:hover:before,
 .home_slider_btn .arrow-button:focus:before,
 .home_slider_btn .arrow-button:hover:after,
 .home_slider_btn .arrow-button:focus:after {
   right: -57px;
 }
 .home_banner .nextSlideText {
   position: absolute;
   right: 60px;
   bottom: 50px;
   color: #fff;
   font-size: 17px;
 }
 body.sticky-header .header_bottom,
 .sticky-header header.fl-header.d-block.sell-header {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   z-index: 999;
   background-color: #fff;
   box-shadow: 0px 8px 14px 0px rgba(0, 0, 0, 0.05);
 }
 body.sticky-header .main-wrapper {
   padding-top: 100px;
 }
 .header_top {
   background-color: #030303;
   padding: 14px 0;
 }
 .header_top div.announcement img {
   width: 20px;
   vertical-align: top;
   position: absolute;
   left: 15px;
   top: 50%;
   transform: translateY(-50%);
 }
 .header_top p {
   color: #fff;
   line-height: 20px;
   position: relative;
   padding-left: 28px;
   white-space: nowrap;
   margin: 0;
 }
 .header_top .col-12 a {
   display: none;
   color: #f4ca90;
   line-height: 20px;
   position: absolute;
   right: 15px;
   top: 0;
 }
 .header_inner {
   padding: 0 60px;
   position: relative;
   border-bottom: 1px solid rgba(180, 180, 180, .25);
 }
 .header_inner > .row {

 }
 .inner_dropdown {
   padding: 0 60px;
 }
 .inner_dropdown .fine_scan {
   height: 280px;
   padding: 30px;
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/cat_frame_1.png');
 }
 .main-daily-update .fine_scan {
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/menu-icon/today-s-deal.png');
 }
 .inner_dropdown .fine_scan p {
   color: #fff;
   line-height: 24px;
 }
 .inner_dropdown .fine_scan img {
   right: -21px;
   bottom: -30px;
   height: 180px;
 }
 .inner_dropdown .fine_scan_desc {
   max-width: 310px;
 }
 .price_inner_list {
   display: flex;
   position: relative;
   padding: 5px 10px 5px 52px;
   font-family: var(--font-heading);
   font-size: 14px;
   line-height: 20px;
   color: #fff;
 }
 .price_inner_list img {
   width: auto;
   height: 20px;
   position: absolute;
   left: 10px;
 }
 .header_top .dropdown-toggle {
   background-color: #1d1d1d;
   color: #fff;
   margin: 0;
   border: 0;
   border-radius: 4px;
   font-weight: normal;
   position: relative;
   padding-right: 20px;
   padding-left: 0;
 }
 .header_top .countryPrice .dropdown-toggle {
   padding: 3px 25px 3px 5px;
   font-size: 14px;
   line-height: 26px;
   margin-left: 5px;
   font-family: inherit;
 }
 .header_top .row {
   align-items: center;
 }
 .header_top .col-md-6:last-child {
   text-align: right;
 }
 .header_top .dropdown-toggle::after {
   display: none;
 }
 .header_top .dropdown-toggle .caret::before {
   content: "";
   position: absolute;
   right: 10px;
   width: 8px;
   height: 8px;
   border-top: 2px solid #fff;
   border-right: 2px solid #fff;
   top: 0;
   bottom: 4px;
   margin: auto 0;
   transform: rotate(135deg);
 }
 .header_top .btn-group.show .dropdown-toggle .caret::before {
   transform: rotate(-45deg);
   bottom: -2px;
 }
 .price_inner_list .ounce_price,
 .price_inner_list .gram_price {
   line-height: 20px;
   white-space: nowrap;
 }
 .price_inner_list .ounce_price {
   border-right: 1px solid rgba(255, 255, 255, 0.2);
   padding-right: 10px;
   margin-right: 10px;
   min-width: 150px;
   text-align: left;
   max-width: 154px;
 }
 .header_top .btn-group .dropdown-menu {
   padding: 0;
   width: 100%;
   margin: 0;
   background-color: #1d1d1d;
   border: 0;
   color: #fff;
 }
 .header_top .btn-group {
   position: relative;
 }
 .header_top .btn-group.countryPrice .dropdown-menu {
   padding: 5px;
   width: 70px;
   min-width: 1px;
 }
 .header_top .btn-group.countryPrice .dropdown-menu li {
   font-size: 14px;
   line-height: 20px;
 }
 .header_top .btn-group .dropdown-menu li {
   cursor: pointer;
 }
 header {
   z-index: 999;
   position: relative;
 }
 .header_bottom {
   background-color: transparent;
 }
 .header_bottom.menu-hovered,
 .white-header .header_bottom.menu-hovered {
   background-color: #fff;
   box-shadow: 0px 8px 14px 0px rgba(0, 0, 0, 0.05);
 }
 .header_bottom > .header_inner > .row {
   align-items: center;
 }
 .header-menu h4 {
   text-transform: capitalize;
   color: #030303;
   font-size: 14px;
   line-height: 18px;
   padding-bottom: 0;
   display: inline-block;
   margin: 0 0 15px;
   font-weight: 600;
 }
 .header-menu .inner_dropdown ul + h4 {
   margin-top: 15px;
 }
 .header_logo img {
   min-height: 40px;
 }
 #topSearch img.black_logo {
   height: 40px;
   min-height: inherit;
 }
 .sticky-header .header_logo .white_logo,
 .header_logo .black_logo,
 .white-header .header_logo .white_logo,
 .menu-hovered .header_logo .white_logo {
   display: none;
 }
 .sticky-header .header_logo .black_logo,
 .white-header .header_logo .black_logo,
 .menu-hovered .header_logo .black_logo {
   display: block;
 }
 .header_logo {
   text-align: center;
   min-height: 48px;
 }
 .headerLinks {
   line-height: normal;
   text-align: right;
 }
 .headerLinks .btn-group {
   padding: 0 12px;
 }
 .headerLinks .btn-group:nth-last-child(2) {
   padding-right: 0;
 }
 .headerLinks .btn-group:last-child {
   display: none;
 }
 .headerLinks a.dropdown-toggle.header-btn {
   color: #fff;
   height: auto;
   padding: 11px 24px;
   line-height: 20px;
   font-size: 14px;
   border: 1px solid #fff;
   border-radius: 5px;
 }
 .white-header .headerLinks a.dropdown-toggle.header-btn:hover,
 .sticky-header .headerLinks a.dropdown-toggle.header-btn:hover,
 .headerLinks a.dropdown-toggle.header-btn:hover {
   background-color: #14121e;
   border-color: #14121e;
   color: #fff;
 }
 .headerLinks .dropdown-toggle {
   padding: 0;
 }
 .headerLinks .dropdown-toggle {
   border: 0;
   background-color: transparent;
   display: block;
   line-height: 20px;
   position: relative;
 }
 .white-header .headerLinks .cart .dropdown-toggle img,
 body.bg-light .headerLinks .cart .dropdown-toggle img {
   -webkit-filter: invert(100%); /* safari 6.0 - 9.0 */
   filter: invert(100%);
 }
 .white-header .header_bottom .header_inner .headerLinks .cart::after,
 .white-header .header_bottom .header_inner .headerLinks #nav-icon3 div {
   color: #000;
 }
 .header_inner.menu-open .headerLinks .dropdown-toggle img {
   -webkit-filter: invert(100%); /* safari 6.0 - 9.0 */
   filter: invert(100%);
 }
 .headerLinks .dropdown-toggle svg {
   transition: all 0.3s ease 0s;
   height: 16px;
   vertical-align: -4px;
 }
 .headerLinks .dropdown-toggle:hover svg {
   transition: all 0.3s ease 0s;
   transform: scale(1.1);
 }
 .headerLinks .dropdown-toggle::after {
   display: none;
 }
 .headerLinks .dropdown-menu {
   border-radius: 0;
   padding: 15px;
   margin: 0;
   border: 0;
 }
 .headerLinks .dropdown-menu li a {
   display: block;
   width: 100%;
   font-size: 14px;
   line-height: 18px;
   position: relative;
   padding-left: 22px;
   color: #1e1e1e;
 }
 .headerLinks .dropdown-menu li {
   padding-bottom: 5px;
 }
 .headerLinks .dropdown-menu li:last-child {
   padding-bottom: 0;
 }
 .headerLinks .dropdown-menu li a i,
 .headerLinks .dropdown-menu li a svg {
   position: absolute;
   left: 0;
 }
 body.cart-open {
   overflow: hidden;
 }
 .cart-list-modal {
   height: 100svh;
   z-index: -1;
   opacity: 0;
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   background-color: rgba(0, 0, 0, 0.5);
   -webkit-transition: all 0s ease-in-out;
   -moz-transition: all 0s ease-in-out;
   -o-transition: all 0s ease-in-out;
   transition: all 0s ease-in-out;
   -webkit-transform: translateX(100%);
   -ms-transform: translateX(100%);
   -moz-transform: translateX(100%);
   -o-transform: translateX(100%);
   transform: translateX(100%);
 }
 .cart-list-modal.cart-open {
   z-index: 9999;
   opacity: 1;
   -webkit-transition: all 0s ease-in-out;
   -moz-transition: all 0s ease-in-out;
   -o-transition: all 0s ease-in-out;
   transition: all 0s ease-in-out;
   -webkit-transform: translateX(0%);
   -ms-transform: translateX(0%);
   -moz-transform: translateX(0%);
   -o-transform: translateX(0%);
   transform: translateX(0%);
   scroll-behavior: smooth;
 }
 div#scroll-bar-minicart,
 .add-to-cart-inner {
   scroll-behavior: smooth;
 }
 .CountHeader {
   position: absolute;
   right: -13px;
   top: -2px;
   color: #fff;
   background-color: #000;
   width: 18px;
   height: 18px;
   border-radius: 50%;
   font-size: 10px;
   line-height: 18px;
   text-align: center;
 }
 .cart-list-modal .cart-list-modal-inner {
   width: 550px;
   background-color: #fff;
   height: 100%;
   margin-right: 0;
   margin-left: auto;
   -webkit-transition: all 0.6s ease-in-out;
   -moz-transition: all 0.6s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   transition: all 0.6s ease-in-out;
   -webkit-transform: translateX(100%);
   -ms-transform: translateX(100%);
   -moz-transform: translateX(100%);
   -o-transform: translateX(100%);
   transform: translateX(100%);
   opacity: 0;
 }
 .cart-list-modal .cart-list-modal-inner .scroll-bar {
   overflow-x: visible;
   overflow-y: auto;
   height: 100%;
   padding: 0 15px;
   margin: 0 -15px;
 }

 .cart-list-modal .cart-list-modal-inner .scroll-bar::-webkit-scrollbar-thumb {
   background-color: transparent;
   display: none;
 }

 .cart-list-modal .cart-list-modal-inner .scroll-bar::-webkit-scrollbar-track {
   background-color: transparent;
   display: none;
 }

 .cart-list-modal .cart-list-modal-inner .scroll-bar::-webkit-scrollbar-corner {
   background-color: transparent;
   display: none;
 }

 .cart-list-modal .cart-list-modal-inner .scroll-bar::-webkit-scrollbar {
   width: 0;
   display: none;
 }

 .cart-list-modal.cart-open .cart-list-modal-inner {
   opacity: 1;
   -webkit-transform: translateX(0%);
   -ms-transform: translateX(0%);
   -moz-transform: translateX(0%);
   -o-transform: translateX(0%);
   transform: translateX(0%);
   padding: 30px 30px;
   background-color: white !important;
 }

 .cart-modal-top {
   padding: 0 0 35px;
 }
 .cart-modal-title h3 {
   margin: 0;
   color: #030303;
   font-family: var(--font-heading);
   font-size: 34px;
   font-style: normal;
   font-weight: 400;
   line-height: 50px; /* 147.059% */
   letter-spacing: 0.69px;
 }
 .cart-modal-items {
   padding-bottom: 36px;
   border-bottom: 1px solid #cfcfcf;
   padding-right: 1px;
   scroll-margin-top: 20px;
 }
 .cart-modal-total {
   padding: 24px 0;
 }
 .cart-modal-btn .btn-black {
   width: 100%;
   text-align: center;
 }
 .cart-modal-total p {
   font-size: 16px;
   line-height: 22px;
   margin: 0;
 }
 .cart-modal-total > p:last-child {
   font-weight: 600;
 }
 .cart-modal-title .close {
   /* width: 22px;
   height: 22px; */
   cursor: pointer;
   opacity: 1;
   line-height: normal;
   position: absolute;
   top: 10px;
   bottom: 0;
   right: 0;
   margin: auto 0;
 }
 .cart-modal-title {
   position: relative;
   padding-right: 30px;
   margin-bottom: 36px;

 }
 .cart-modal-title .close svg {
   vertical-align: top;
 }
 .cart-modal-title .close path {
   fill: #000;
 }
 .cart-modal-tile {
   display: flex;
   background: #fff;
   flex-wrap: wrap;
   margin-bottom: 20px;
   align-items: center;

   @media screen and (min-width: 992px) {
     padding: 20px 0;
   }
 }
 .cart-modal-tile:last-child {
   margin-bottom: 0;
 }
 .cart-modal-tile .cart-modal-img {
   flex: 0 0 92px;
   max-width: 80px;
   height: 80px;
   display: flex;
   align-items: center;
   justify-content: center;
 }
 .cart-modal-tile .cart-modal-desc p,
 .cart-modal-tile .cart-modal-desc p span {
   margin: 0;
   color: #030303;
   font-family: Montserrat;
   font-size: 15px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
 }
 .cart-modal-tile .cart-modal-desc p span {
   color: rgba(3, 3, 3, 0.75) !important;
 }
 .cart-modal-desc ul {
   display: block;
   padding: 10px 0;
 }
 .cart-modal-desc li:last-child {
   padding-right: 0;
 }
 .cart-modal-desc li,
 .cart-modal-desc span {
   color: #6d6d6d;
   font-size: 12px;
   display: block;
   line-height: 16px;
   margin: 0;
 }
 .cart-modal-desc li {
   padding-right: 24px;
   display: inline-block;
   color: #6d6d6d;
   font-size: 13px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
 }
 .cart-modal-btns .remove-prd {
   color: #000;
   text-decoration: underline;
   font-size: 14px;
   line-height: 18px;
 }
 .cart-modal-btns .add-to-wishlist {
   font-size: 18px;
   line-height: 18px;
   color: #000;
 }
 .cart-modal-tile .cart-modal-desc {
   max-width: calc(100% - 280px);
   padding: 0 20px 0;
 }
 .cart-modal-desc-inner {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   height: 100%;
 }
 .cart-modal-prd-name {
   width: 100%;
   overflow-wrap: break-word;
 }
 .cart-modal-btns {
   display: flex;
   justify-content: space-between;
   width: 100%;
 }
 .cart-modal-tile .cart-modal-amt {
   flex: 0 0 188px;
   max-width: 188px;
 }
 .cart-modal-tile .cart-modal-amt .cart-modal-price {
   text-align: right;
   font-weight: 600;
   padding-bottom: 4px;
   font-size: 16px;
   line-height: 20px;

   .pence {
     font-size: 16px;
   }
 }

 .qty-inc-dec {
   display: flex;
 }
 .qty-inc-dec button {
   width: 36px;
   height: 36px;
   background-color: transparent;
   border-radius: 5px 0 0 5px;
   border: 1px solid #cfcfcf;
   margin-right: 0px;
   font-size: 0;
   padding: 0;
 }
 .qty-inc-dec button:last-child {
   border-radius: 0 5px 5px 0;
   margin-left: -1px;
 }
 .qty-inc-dec input.count {
   padding: 0;
   border-radius: 0;
   text-align: center;
   font-size: 14px;
   min-width: auto;
   width: 36px;
   height: 36px;
   border: 1px solid #cfcfcf;
 }
 .qty-inc-dec .count::-webkit-inner-spin-button,
 .qty-inc-dec .count::-webkit-outer-spin-button {
   opacity: 1;
 }
 .qty-inc-dec .count::-webkit-inner-spin-button,
 .qty-inc-dec .count::-webkit-outer-spin-button {
   -webkit-appearance: none;
   margin: 0;
 }
 .cart-modal-bottom > h5 {
   font-size: 20px;
   line-height: 28px;
   padding-bottom: 30px;
   font-family: inherit;
 }
 .cart-modal-slider {
   display: flex;
   flex-flow: row wrap;
   justify-content: space-between;
 }
 .cart-modal-slider .cart-modal-slide {
   flex: 0 0 48%;
   margin-bottom: 20px;
 }
 .cart-modal-slider .product-tile {
   padding: 10px 20px 0;
 }
 .cart-modal-slider .slick-list {
   padding-left: 0 !important;
 }
 .cart-modal-slider .product-desc h6 {
   padding-bottom: 5px;
 }
 .cart-modal-slider.new-slider .slick-arrow {
   right: 20px;
 }
 .cart-modal-slider.new-slider .slick-arrow.slick-prev {
   right: 90px;
 }
 .cart-modal-slider .slick-slide {
   padding-right: 20px;
   padding-left: 0;
 }
 .cart-modal-slider.new-slider .slick-dots {
   right: 160px;
 }
 .white-header .header_bottom {
   background-color: transparent;
 }
 .sticky-header .headerLinks .dropdown-toggle svg path,
 .white-header .headerLinks .dropdown-toggle svg path,
 .menu-hovered .headerLinks .dropdown-toggle svg path {
   fill: #14121e;
 }
 .white-header .header-menu ul > li > a,
 .white-header .header-menu > ul > li,
 .sticky-header header .header-menu ul > li > a,
 .sticky-header header .header-menu > ul > li,
 .white-header .header-menu h4,
 .menu-hovered .header-menu ul > li > a,
 .menu-hovered .header-menu > ul > li {
   color: #14121e;
 }
 .white-header .header-menu h4 {
   border-bottom-color: #14121e;
 }
 .white-header .dropdown-inner {
   background-color: #fff;
 }

 body.sticky-header .white-header .header_bottom {
   background-color: #fff;
 }
 .sticky-header .headerLinks a.dropdown-toggle.header-btn,
 .white-header .headerLinks a.dropdown-toggle.header-btn,
 .menu-hovered .headerLinks a.dropdown-toggle.header-btn {
   color: #14121e;
   border-color: #14121e;
 }
 .search-bar {
   position: relative;
 }
 .form-control:focus {
   outline: none;
   box-shadow: none;
   border-color: #ced4da;
 }
 .form-control {
   padding: 0 40px 0 10px;
   height: 38px;
   font-size: 14px;
 }
 .top-search {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   width: 100%;
   background-color: #fff;
   padding: 0 60px;
   padding-bottom: 16px;
 }
 .top-search .header_logo {
   height: 100px;
   align-items: center;
   display: flex;
   justify-content: center;
 }
 .search-bar .form-control {
   width: 100% !important;
   height: 56px;
   padding-left: 40px;
   border: 0;
   font-size: 16px;
   border-bottom: 1px solid #cfcfcf;
   border-radius: 0;
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/top-search.svg');
   background-repeat: no-repeat;
   background-size: 24px;
   background-position: 0;
 }
 .search-bar .form-control::-ms-input-placeholder {
   color: rgb(109, 109, 109, 0.4);
 }
 .search-bar .form-control::-moz-placeholder {
   color: rgb(109, 109, 109, 0.4);
 }
 .search-bar .form-control::-webkit-input-placeholder {
   color: rgb(109, 109, 109, 0.4);
 }
 .search-bar .form-control::placeholder {
   color: rgb(109, 109, 109, 0.4);
 }
 #topSearch {
   display: none;
 }
 .search-bar .top-search {
   border: 0;
   background-color: transparent;
   position: absolute;
   top: 0;
   right: 0;
   left: auto;
   padding: 0;
   height: 56px;
   line-height: 56px;
   width: 56px;
   font-size: 18px;
 }
 .top-search .cart-modal-tile .cart-modal-img {
   flex: 0 0 48px;
   max-width: 48px;
   height: 48px;
 }
 .top-search .cart-modal-tile .cart-modal-desc {
   flex: 0 0 calc(100% - 158px);
   max-width: calc(100% - 158px);
 }
 .top-search .cart-modal-tile .cart-modal-amt {
   flex: 0 0 90px;
   max-width: 90px;
 }
 .top-search .cart-modal-desc-inner {
   align-items: center;
 }
 .top-search .search_results_tile {
   max-width: 632px;
   margin: 0 auto;
   padding: 30px 0;
 }
 .search_result_list {
   max-height: 340px;
   overflow: auto;
   padding-right: 5px;
 }
 .search_results_tile .arrow-down {
   margin: 20px auto 0;
   display: table;
 }
 .top-search .header_logo .close {
   opacity: 1 !important;
   right: 60px;
   position: absolute;
   width: 14px;
   height: 14px;
   cursor: pointer;
 }
 .top-search .header_logo .close svg {
   width: 14px;
   height: 14px;
   vertical-align: top;
 }
 .search_results_tile h6 {
   padding-bottom: 10px;
   font-weight: 600;
 }
 .search_results_tile .cart-modal-tile .cart-modal-desc a p {
   color: #222;
 }
 .search_results_tile .cart-modal-tile .cart-modal-desc a span {
   color: #6d6d6d;
 }
 .header-menu > ul {
   display: flex;
   padding: 30px 2px 30px 0;
 }
 .header-menu > ul > li {
   display: inline-block;
   padding: 10px 15px 10px 15px;
   color: #fff;
   line-height: 18px;
   margin-right: 9px;
   pointer-events: auto;
 }
 .header-menu > ul > li:hover,
 .header-menu > ul > li.open_content {
   border-radius: 4px;
   background: #f1f1f1;
   color: #14121e;
   font-weight: normal;
 }
 .header-menu > ul > li:hover a,
 .header-menu > ul > li.open_content a {
   color: #14121e;
 }
 .header-menu > ul > li:last-child {
   margin-right: 0;
 }
 body.menu-open {
   overflow: hidden;
 }
 .header_without_links .header-menu ul > li > a img {
   vertical-align: top;
 }
 .header_without_links .header-menu ul > li > a {
   line-height: 24px;
   vertical-align: middle;
 }
 .header_without_links .headerLinks .btn-group:last-child {
   display: inline-flex;
 }

 /*sell gold silver and platinum page*/
 .review-section {
   padding: 30px 0;
 }
 .review-section .benefit_tile .benefit_tile_desc p {
   font-size: 14px;
 }
 .review-section .benefit_tile {
   padding: 0 30px;
 }
 .benefit_tile .benefit_tile_desc h6 {
   font-size: 14px;
   font-weight: 400;
   margin-bottom: 2px;
 }
 .review-section .benefit_tile .image {
   flex: 0 0 42px;
   max-width: 42px;
 }
 .review-section .benefit_tile .benefit_tile_desc {
   padding-left: 16px;
   flex: 0 0 calc(100% - 42px);
   max-width: calc(100% - 42px);
 }

 /*language dropdown with flag css*/

 .currency-switcher {
     position: relative;
     width: 120px;
     margin-right: 10px;
 }

 div.dropdown {
     position: relative;
     width: 120px;
     display: block;
 }

 div.dropdown:after {
     content: "\f078";
     position: absolute;
     margin: 0;
     top: 50%;
     transform: translateY(-50%);
     right: 10px;
     -webkit-transition: .3s;
     transition: .3s;
     font-family: var(--font-awesome);
     font-weight: 900;
     color: #fff;
     font-size: 14px;
 }


 div.dropdown.open {
     overflow: unset;
 }

 div.dropdown.open:after {
     -webkit-transform: translateY(-50%) rotate(180deg);
     transform: translateY(-50%) rotate(180deg);
 }

 .dropdown.open .caption {
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
     border-bottom: 1px solid transparent;
 }

 .dropdown.open .list {
     border-top: 1px solid transparent;
     border-top-left-radius: 0;
     border-top-right-radius: 0;
     padding: 0;
 }

 div.dropdown>div.caption {
     background: transparent;
     cursor: pointer;
     border-radius: 8px;
     border: 1px solid #fff;
     padding: 8px 5px 8px 12px;
     color: var(--UI-White, #FFF);
     font-size: 15px;
     font-style: normal;
     font-weight: 600;
     line-height: 20px;
     width: 100%;
     display: flex;
 }

 div.dropdown>div.list {
     position: absolute;
     background-color: #030303;
     border: 1px solid #fff;
     width: 100%;
     border-radius: 12px;
     -webkit-box-shadow: 0px 12px 24px rgba(21, 18, 51, 0.13);
     box-shadow: 0px 12px 24px rgba(21, 18, 51, 0.13);
     opacity: 0;
     overflow: hidden;
     -webkit-transition: all 0.15s cubic-bezier(0.25, 0, 0.25, 1.75), opacity 0.1s linear;
     transition: all 0.15s cubic-bezier(0.25, 0, 0.25, 1.75), opacity 0.1s linear;
     -webkit-transform: scale(0.85);
     transform: scale(0.85);
     -webkit-transform-origin: 50% 0;
     transform-origin: 50% 0;
     top: 37px;
     z-index: -1;
     visibility: hidden;
     padding: 10px 0;
 }

 div.dropdown.open>div.list {
     -webkit-transform: scale(1);
     transform: scale(1);
     opacity: 1;
     z-index: 1;
     visibility: visible;
 }

 div.dropdown>div.list>div.item {
     padding: 8px 5px 8px 12px;
     cursor: pointer;
     -webkit-transition: .3s;
     transition: .3s;
     color: #fff;
     font-size: 15px;
     font-style: normal;
     font-weight: 600;
     line-height: 20px;
     width: 100%;
     display: flex;
 }
 div.dropdown>div.list>div.item > img {margin-right: 5px;}
 div.dropdown>div.list>div.item.selected {
     background: #fff;
     color: #030303;
     pointer-events: none;
 }

 div.dropdown>div.list>div.item:hover {
     background: #fff;
     color: #030303;
 }

 div.dropdown>div.caption p,
 div.dropdown>div.list>div.item p,
 div.dropdown>div.caption p,
 div.dropdown>div.list>div.item p {
     padding-left: 10px;
 }

 header.white-header div.dropdown>div.caption,
 header.white-header div.dropdown.open>div.list,
 .header_bottom.menu-hovered div.dropdown>div.caption,
 .white-header .header_bottom.menu-hovered div.dropdown>div.caption,
 .header_bottom.menu-hovered div.dropdown.open>div.list,
 .white-header .header_bottom.menu-hovered div.dropdown.open>div.list{
   border: 1px solid #030303;
   color: #030303;
 }

 header.white-header div.dropdown:after,
 .header_bottom.menu-hovered  div.dropdown:after,
 .white-header .header_bottom.menu-hovered  div.dropdown:after{
   color:#030303;
 }

 /*language dropdown with flag css end*/

 .headerLinks {
   align-items: center;
   display: flex;
   justify-content: flex-end;
 }


 @media only screen and (min-width: 768px) {
   .header-menu > ul > li.favorites-menu,
   .header-menu > ul > li.border-bottom-0,
   .header-menu > ul > li.market-prices {
     display: none;
   }
   .header-menu > ul > li > a{
     border-bottom: 1px solid transparent;
   }
   .header-menu > ul > li:hover > a, .header-menu > ul > li.open_content > a {
     color: #fff;
     border-bottom: 1px solid #fff;
   }
   header.white-header .header-menu > ul > li:hover > a,
   header.white-header .header-menu > ul > li.open_content > a {
     color: #000;
     border-bottom: 1px solid #000;
   }
   .header_without_links .header-menu ul > li.back-page:hover a{
     color: #000;
     border-bottom: 0;
   }

   /* .headerLinks .cart .dropdown-toggle img {
     width: 20px;
     height: 20px;
   } */
   .headerLinks .cart .dropdown-toggle:hover img {
     transition: all 0.3s ease 0s;
     /* transform: scale(1.1); */
   }
 }
 .header-menu ul > li .fas {
   font-size: 10px;
   height: 18px;
   line-height: 20px;
   padding: 0 0 0 5px;
   cursor: pointer;
   vertical-align: top;
 }
 .header-menu ul > li > a {
   color: #fff;
   text-transform: uppercase;
   font-size: 14px;
   line-height: 18px;
 }

 .header-menu ul > li .inner_dropdown a {
   color: #6d6d6d;
 }

 .header-menu ul > li .inner_dropdown a.disabled {
   pointer-events: none;
   opacity: 0.5 !important;
 }

 .header-menu ul > li.dropdownmenu.drop-menu.new-menu .inner_dropdown .row > div.mega-menu a:hover {
   color: #6d6d6d !important;
   text-decoration: underline !important;
 }

 .dropdown-inner {
   position: absolute;
   /* display: none; */
   top: 100%;
   left: 0;
   width: 100%;
   z-index: 9;
   padding: 20px 0;
   background-color: #fff;
   transition: all 0.5s ease-in-out;
   transform: scaleY(0);
   transform-origin: top;

 }
 .header-menu > ul > li.open_content > .dropdown-inner {
   transform: scaleY(1);
   /* display: block; */
   transition: all 0.5s ease-in-out;
 }
 .dropdown-inner li {
   width: 100%;
   display: block;
   margin-bottom: 10px;
 }
 .dropdown-inner li:last-child {
   margin-bottom: 0;
 }
 .headerLinks .dropdown-toggle.menu-btn svg {
   padding: 2px 0;
 }
 .header_bottom .header_inner > .row > .col-md-5 {
   flex: 0 0 calc((100% - 300px) / 2);
   max-width: calc((100% - 300px) / 2);
 }
 .header_bottom .header_inner > .row > .col-md-5:first-child {
   position: inherit;
 }
 .header_bottom .header_inner > .row > .col-md-2 {
   flex: 0 0 300px;
   max-width: 300px;
 }
 .wrapper-inner {
   position: relative;
 }
 header + .wrapper-inner {
   margin-top: -102px;
 }
 .banner_img {
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   height: 660px;
   /* height: 560px; */
   background-color: #7b746c;
 }
 .banner_img.without-brand-bg {
   background-color: transparent;
 }
 .banner_img.without-brand-bg h1,
 .banner_img.without-brand-bg p {
   color: #030303 !important;
 }
 /* .banner_img.collection-gold{
   background-image: url('images/additional-images/collection-bg.png');
   background-position: bottom;
 }

 .banner_img.collection-gold{
   background-image: url('images/additional-images/collection-bg.png');
   background-position: bottom;
 } */

 .sell-banner .banner_img {
   height: 900px;
 }
 .sell-banner-img img {
   max-width: 428px;
 }
 .sell-banner .banner_desc {
   height: auto;
   display: flex;
 }
 .banner_desc {
   display: table;
   height: 660px;
 }
 .banner_desc h2 {
   color: #030303;
 }
 .banner_desc h1 {
   margin-bottom: 50px;
 }
 .banner_desc p {
   margin-bottom: 0;
   font-size: 20px;
   line-height: 30px;
   max-width: 540px;
 }
 .banner_desc .t_cell {
   display: table-cell;
   vertical-align: middle;
 }
 .plp_products {
   padding-top: 5px;
   padding-bottom: 124px;
   background-color: #fff;

   input[type="checkbox"] {
     accent-color: white;
   }
 }
 .filter-sort {
   align-items: center;
   padding-bottom: 15px;
 }
 .filter-sort .col-md-8 {
   flex: 0 0 calc(100% - 220px);
   max-width: calc(100% - 220px);
 }
 .filter-sort .col-md-4 {
   flex: 0 0 220px;
   max-width: 220px;
   text-align: right;
 }
 .sort-select {
   color: #2E2D31;
   font-size: 14px;
   display: flex;
   align-items: baseline;
   width: 50%;
   gap: 10px;

   @media screen and (min-width: 992px) {
     width: auto;
   }
 }
 .sort-select label {
   white-space: nowrap;
 }
 .sort-select select, .product_filters .dropdown-toggle {
   color: #030303;
   background-color: transparent;
   border:none;
   width: 100%;
   text-align-last: center;

   @media screen and (min-width: 992px) {
     max-width: 100px;
   }
 }
 .product_ad_banner {
   height: 100%;
   background-repeat: no-repeat;
   background-size: cover;
   background-position: bottom right;
 }
 .product_ad_banner_desc {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   align-content: center;
   height: 100%;
   padding-left: 40px;
 }
 .product_ad_banner_desc h3 {
   color: #f4ca90;
   flex: 0 0 100%;
   max-width: 100%;
 }
 .product_ad_banner_desc h3:nth-child(2) {
   padding-left: 40px;
   padding-bottom: 30px;
 }
 .categories_links {
   display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   margin-right: -15px;
   margin-left: -15px;
   justify-content: center;
   padding-top: 60px;
 }
 .categories_links li {
   flex: 0 0 150px;
   max-width: 150px;
   padding: 0 15px;
   text-align: center;
   margin: 0 15px;
 }
 .categories_links .img_holder {
   text-align: center;
   overflow: hidden;
   display: flex;
   justify-content: center;
   align-items: center;
   height: 120px;
   border-radius: 50%;
   background-color: #fff;
   font-size: 20px;
   margin-bottom: 15px;
   color: #b08b4e;
 }
 .categories_links li a {
   width: 100%;
   display: block;
   font-size: 18px;
   color: #000;
 }
 .container-fluid.filter-box {
   padding: 20px 15px !important;


 }
   .col-12.pb-4.d-flex.justify-content-between {
     padding-bottom: 14px !important;
   }
 .filter-box .row .col-12 button.clear_all_filters {
   padding: 0;
   margin: 0;
   border: 0;
 }
 .filter-box a, .filter-box h5 {

   font-size: 20px;
   font-family: var(--font-Montserrat);
   margin: 0;
   display: flex;
   color: #030303;
   font-weight: 500;
   padding: 0;
   position: relative;
 }
 .filter-box a:after {
   position: absolute;
   right: 0;
   top: 5px;
   font-family: var(--font-awesome);
   font-size: 16px;
   content: '\f146';
 }
 .filter-box a[aria-expanded="false"]:after {
   content: '\f0fe';
   top:5px;
 }
 .filter-box .col-12:not(:first-child):not(:empty) {
   border-top: 1px solid rgba(46, 45, 49, 0.1);
   padding-top: 24px;
   padding-bottom: 24px;
 }
 .filter-box .nav-filter {
   padding-top: 15px;
 }
 .filter-box .nav-filter li {
   margin-bottom: 6px;
 }
 .filter-box label {
   font-size: 15px;
   line-height: 1.7rem;
   padding-left: 0.25rem;
   font-family: var(--font-Montserrat);
   color: #2E2D31;
   font-weight: 500;
 }

 .filter-box input {
   width: 1rem;
   height: 1rem;
 }

 .product_filters {
   margin-bottom: 20px;
 }
 .product_filters .dropdown-toggle::after {
   display: none;
 }
 .product_filters .input-group.search-product input.form-control {
   padding: 0px 32px 0px 30px;
   line-height: 24px;
   font-size: 16px;
   border: 0 !important;
   border-radius: 0;
   background: none;
 }
 .product_filters .input-group.search-product input#free_search {
   border: 0 !important; height: 54px;
 }
 .product_filters .input-group.search-product input#free_search:focus {
   border-bottom: 1px solid #656464 !important;
 }
 .product_filters > .row > div {
   border-bottom: 1px solid rgb(46, 45, 49, .2);

 }
 div#categories .custom-radio {
   margin-bottom: 20px;
 }
 .product_filters .custom-checkbox:last-child,
 div#categories .custom-radio:last-child {
   margin-bottom: 0;
 }

 div#categories .custom-radio input[type="radio"] {
   display: none;
 }
 div#categories .custom-radio input[type="radio"] + label {
   position: relative;
   display: inline-block;
   padding-left: 1.5em;
   margin-right: 0;
   cursor: pointer;
   line-height: 1em;
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
 }
 div#categories .custom-radio input[type="radio"] + label:before,
 div#categories .custom-radio input[type="radio"] + label:after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 1.2em;
   height: 1.2em;
   text-align: center;
   color: #000000;
   border-radius: 50%;
   -webkit-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }
 div#categories .custom-radio input[type="radio"] + label:before {
   -webkit-transition: all 0.3s ease;
   transition: all 0.3s ease;
   border: 1px solid #000;
 }
 div#categories .custom-radio input[type="radio"] + label:hover:before {
   -webkit-transition: all 0.3s ease;
   transition: all 0.3s ease;
   box-shadow:
     inset 0 0 0 0.3em #000000,
     inset 0 0 0 1.2em #ffffff;
 }
 div#categories .custom-radio input[type="radio"]:checked + label:before {
   -webkit-transition: all 0.3s ease;
   transition: all 0.3s ease;
   box-shadow:
     inset 0 0 0 0.2em #000000,
     inset 0 0 0 1.2em #fff;
 }

 .custom-checkbox label {
   margin: 0;
   padding-left: 25px;
   cursor: pointer;
   position: relative;
   line-height: 18px;
   font-size: 14px;
   display: block;
 }
 .custom-checkbox label:before {
   content: "";
   border: 1px solid #727272;
   border-radius: 2px;
   width: 18px;
   height: 18px;
   position: absolute;
   left: 0;
 }
 .custom-checkbox input:checked + label:before {
   background-color: #000000;
   border-color: #000000;
 }
 .custom-checkbox input:checked + label {
   font-weight: 600;
 }
 .custom-checkbox input:checked + label:after {
   content: "";
   transform: rotate(45deg);
   height: 12px;
   width: 6px;
   border-bottom: 2px solid #fff;
   border-right: 2px solid #fff;
   position: absolute;
   left: 6px;
   top: 1px;
 }
 .custom-checkbox input[type="checkbox"] {
   opacity: 0;
   margin: 0;
   width: 0;
   height: 0;
   position: absolute;
 }

 .g-bg {
   background-image: url('https://stage-assets.goldbank.co.uk/images/g_bg.svg');
   background-repeat: no-repeat;
   background-position: center;
 }

 .banner_img_txt {
   padding: 25px 0 85px;
   background-color: #F6F6F6;
   /*border-top-color: rgba(46, 45, 49, 0.20);
   border-top-width: 1px;
   border-top-style: solid;*/

   .gold-effect {
     position: absolute;
     top: 0;
     right: 0;
     z-index: -1;
   }
 }
 .search-header {
   width: 608px;
 }
 .search-header h3,
 .search-header h1 {
   display: block;
   font-size: 64px;
    font-family: var(--BerlingskeSerif-Md);

   color: #030303;
   line-height: inherit;
   text-transform: capitalize;
 }
 .search-header p {
   color: #030303;
   font-feature-settings: "smcp" on;
   font-family: var(--font-Montserrat);
   opacity: 75%;
   font-size: 16px;

 }
 .custom-modal {
   z-index: 1080;
 }
 .custom-modal .modal-content {
   border-radius: 0;
   border: 0;
   background-color: #fff;
 }
 .custom-modal .modal-content.rounded {
   border-radius: 16px !important;
 }
 .custom-modal .modal-footer {
   display: block;
   border-top: 1px solid #e1e7ee;
   border-radius: 0;
   padding: 15px;
 }
 .custom-modal .faq-modal button.close {
   top: 24px;
 }
 .custom-modal .modal-header {
   border-bottom: 1px solid #e1e7ee;
   padding: 10px 15px;
   border-radius: 0;
 }
 .custom-modal .modal-title {
   font-size: 18px;
   line-height: 28px;
   width: 100%;
   text-align: center;
   font-family: inherit;
   font-weight: 600;
 }
 .custom-modal .modal-header .close {
   opacity: 1 !important;
   text-shadow: none;
   display: block;
   padding: 0;
   margin: 0;
   height: 14px;
   width: 14px;
   position: absolute;
   right: 15px;
   top: 18px;
 }
 .custom-modal .modal-header .close svg {
   width: 14px;
   height: 14px;
   vertical-align: top;
 }
 .custom-modal .modal-header .close svg path {
   fill: #030303;
 }
 .custom-modal .modal-body {
   padding: 15px;
 }
 .btn-black {
   border: 1px solid #030303;
   background-color: #030303;
   color: #fff !important;
   padding: 16px 32px;
   font-family: var(--font-Montserrat);
   line-height: 24px;
   font-size: 18px;
   font-weight: 700;
   display: block;
   overflow: hidden;
   position: relative;
   text-transform: uppercase;
 }
 .buy-now.btn-black { font-size: 16px; font-weight: 500;}
 .header_inner.menu-open .header-menu ul>li>a.btn-black.btn-black-v2 { padding: 14px 20px !important;}
 .btn-white {
   border: 1px solid #fff;
   background-color: #fff;
   color: #000;
   padding: 16px 32px;
   line-height: 24px;
   font-size: 16px;
   display: block;
   overflow: hidden;
   position: relative;
 }

 .btn-black:hover,
 .btn-black:focus {
   color: #fff;
 }

 .btn-white:hover,
 .btn-white:focus {
   color: #fff;
   background-color: #000;
 }
 .btn-black:hover:after,
 .btn-black:focus:after  {
   transition-timing-function: ease;
   transition: all 1s ease-out;
   left: 100%;
 }
 .btn-transparent {
   background-color: transparent;
   color: #000;
 }
 .btn-black.btn-transparent:hover,
 .btn-black.btn-transparent:focus {
   color: #fff;
   background-color: #000;
 }
 .filter-listing .accordion-header {
   font-size: 20px;
   line-height: 28px;
   position: relative;
   font-weight: 600;
   margin-bottom: 20px;
 }
 .filter-listing .accordion-header:before {
   content: "";
   position: absolute;
   right: 10px;
   width: 8px;
   height: 8px;
   border-top: 2px solid #000;
   border-right: 2px solid #000;
   border-left: 0;
   top: 0;
   bottom: 4px;
   margin: auto 0;
   transform: rotate(135deg);
 }
 .filter-listing .accordion-header[aria-expanded="true"]:before {
   transform: rotate(-45deg);
   top: 6px;
 }
 .img-checkbox,
 .button-checkbox {
   position: relative;
   height: 100%;
 }
 .img-checkbox input,
 .button-checkbox input {
   position: absolute;
   left: 0;
   height: 0;
   right: 0;
 }
 .img-checkbox label,
 .button-checkbox label {
   display: block;
   text-align: center;
   cursor: pointer;
   margin: 0;
   padding: 15px 10px;
   border: 1px solid #aeb5c7;
   font-size: 16px;
   line-height: 22px;
 }
 .button-checkbox label {
   padding: 10px 10px;
   height: 100%;
 }
 .img-checkbox input:checked + label,
 .button-checkbox input:checked + label {
   border-color: #b08b4e;
   background-color: #f4eee6;
   font-weight: 600;
 }
 .img-checkbox label img {
   width: 52px;
   display: block;
   margin: 0 auto 10px;
 }
 .filter-listing .accordion-item {
   padding-bottom: 40px;
 }
 .category_list .col-md-3,
 .types_list .col-md-4,
 .collection_list .col-md-4,
 .metals_list .col-md-4,
 .brands_list .col-md-4,
 .weights_list .col-md-4,
 .fineness_list .col-md-4,
 .mintage_list .col-md-4,
 .pricefilter_list .col-md-4,
 .years_list .col-md-4 {
   margin: 10px 0;
 }

 .pdp-page {
   border-top: 1px solid rgba(46, 45, 49, 0.20);
 }

 @media screen and (max-width: 767px) {
   .header-nav.open .dropdownmenu  .menu-top-item i.fa { display: none; }
   .header-menu > ul {
   display: block;
   }
   .pdp-page.container {
       max-width: 100%;
   }
 }

 .breadcrumbs ul {
   display: flex;
 }
 .breadcrumbs ul li {
   position: relative;
   font-weight: 400;
   font-family: var(--font-Montserrat);
   font-size: 14px;
 }
 .breadcrumbs ul li a {
   color: #2E2D31;
   font-weight: 400;
   line-height: 22px;
 }
 .fine_scan {
   padding: 60px;
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/fine_scan_bg.png');
   background-repeat: no-repeat;
   background-size: 100% 100%;
   position: relative;
   height: 452px;
   overflow: hidden;
   background-color: #000;
   -moz-transition: background-size 1s;
   -o-transition: background-size 1s;
   -webkit-transition: background-size 1s;
   transition: background-size ease 1s;
 }
 .fine_silver {
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/fine_silver_bg.png');
 }
 .fine_platinum {
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/fine_platinum_bg.png');
 }
 /* .fine_palladium {
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/fine_scan_bg.png');
 } */

 .fine_scan:hover {
   background-size: 105% 105%;
   -moz-transition: background-size 1s;
   -o-transition: background-size 1s;
   -webkit-transition: background-size 1s;
   transition: background-size ease 1s;
 }
 .fine_scan img {
   position: absolute;
   right: -1px;
   bottom: 0;
 }
 .fine_scan.fine_platinum img {
   right: 102px;
   bottom: 65px;
 }
 .fine_scan h6 {
   font-size: 14px;
   margin: 0;
   color: #cfcfcf;
   padding-bottom: 20px;
   font-family: inherit;
 }
 .fine_scan h3,
 .fine_scan p {
   color: #fff;
   margin: 0;
   padding-bottom: 20px;
 }
 .fine_scan p {
   color: #cfcfcf;
 }
 .fine_scan_desc {
   max-width: 550px;
 }
 .pdp_desc_tab {
   padding: 90px 0;
 }
 .pdp_desc_tab .nav-tabs {
   display: flex;
   gap: 40px;
   border-bottom: 1px solid rgba(3, 3, 3, 0.10);;
   margin-bottom: 30px;
   justify-content: center;
   align-items: center;
   overflow-x: auto;
   overflow-y: hidden;
   flex-wrap: nowrap;
   @media (max-width:767px){
       justify-content: start;
       margin-bottom: 24px;
   }
 }
 .pdp_desc_tab .nav-tabs .nav-link {
   border: 0;
   width: 100%;
   padding: 0 0 14px 0;
   background-color: transparent;
   color: rgba(3, 3, 3, 0.70);
   font-family: var(--font-Montserrat);
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   letter-spacing: -0.48px;
   white-space: nowrap;
   @media screen and (max-width: 767px) {
     font-size: 16px;
 }
 }
 .pdp_desc_tab .nav-tabs .nav-link.active {
   color: #030303;
   text-align: center;
   font-family: Montserrat;
   font-size: 24px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   letter-spacing: -0.72px;
   @media screen and (max-width: 767px) {
     font-size: 20px;
 }
 }
 .pdp_desc_tab .tab-content .tab-header {
   position: relative;
   padding: 10px 0;
   border-bottom: 1px solid #e1e1e1;
   font-size: 16px;
 }
 .pdp_desc_tab .tab-content .tab-header[aria-expanded="true"] {
   border-bottom-color: transparent;
 }
 .pdp_desc_tab .tab-content .tab-header:before {
   content: "";
   position: absolute;
   right: 10px;
   width: 8px;
   height: 8px;
   border-top: 2px solid #000;
   border-right: 2px solid #000;
   border-left: 0;
   top: 0;
   bottom: 4px;
   margin: auto 0;
   transform: rotate(135deg);
 }
 .pdp_desc_tab .tab-content .tab-header[aria-expanded="true"]:before {
   transform: rotate(-45deg);
   top: 6px;
 }
 .tech_specs_desc ul li {
   position: relative;
   padding: 18px 10px;
   border-bottom: 1px solid #e1e1e1;
 }
 .tech_specs_desc ul li:last-child {
   border-bottom: 0;
 }
 .tech_specs_desc ul li b img {
   vertical-align: bottom;
 }
 .tech_specs_desc ul li b {
   float: left;
   color: #2E2D31;
   font-family: Montserrat;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 20px;
   display: flex;
   align-items: center;
   gap: 8px;
   @media screen and (max-width: 767px) {
     font-size: 14px;
 }
 }

 .tech_specs_desc ul li p {
   margin: 0;
   text-align: right;
   color: #2E2D31;
   font-family: Montserrat;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 20px;
   @media screen and (max-width: 767px) {
     font-size: 14px;
 }
 }

 .review-leave-trigger {
   color: #2E2D31;
   font-family: var(--font-body);
   font-size: 16px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
 }

 .review-leave-please-login a {
   text-decoration: underline;
 }

 .review {
   .review-entry-details-description{
     color: rgba(46, 45, 49, 0.75);
     font-family: var(--font-Montserrat);
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
     line-height: 24px;
   }
   .review-header-title {
     color: #2E2D31;
     font-family: var(--font-Montserrat);
     font-size: 16px;
     font-style: normal;
     font-weight: 500;
     line-height: normal;
   }

   .review-header-subtitle {
     margin-top: 4px;
     font-size: 14px;
     color: rgba(46, 45, 49, 0.7);
     font-family: var(--font-Montserrat);
     font-size: 13px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
     b{
       font-weight: 500;
     }
   }

   &:not(:has(.review-list)) {
     hr {
       display: none;
     }
   }

   .review-leave {
     margin-top: 20px;
     border-radius: 0.375rem;
     border: 1px solid #C9C9C9;
     padding: 1rem;

     .review-leave-textarea {
       padding-right: 20px;

       textarea {
         border-radius: 0.375rem;
         background: #F6F6F6;
         padding: 0.625rem;
         height: 6.25rem;
         border: 0;
       }
       @media screen and (max-width: 767px) {
         padding-right: 0;
         margin-top: 10px;
       }
     }

     .review-leave-stars-label {
       color: #2E2D31;
       font-family: var(--font-Montserrat);
       font-size: 16px;
       font-style: normal;
       font-weight: 500;
       line-height: normal;
     }

     .review-leave-submit {
       border-radius: 0.25rem;
       background: #2E2D31;
       color: #FFF;
       border: 0;
       width: 160px !important;
       font-family: "Nunito Sans";
       font-size: 0.9375rem;
       font-style: normal;
       font-weight: 600;
       line-height: 1.25rem; /* 133.333% */

       &:disabled {
         background-color: rgb(46, 45, 49, 0.75);
         color: #FFF;
         cursor: not-allowed;
       }
       @media screen and (max-width: 767px) {
         width: 100% !important;
       }
     }

     #review-leave-raty {
       margin-top: 0rem;
       margin-bottom: 0.5rem;
       @media screen and (max-width: 767px) {
          margin-top: 8px;
       }
     }
     @media (max-width:767px){
       flex-wrap: wrap;
       margin-top: 10px;
     }
   }

   .review-leave-remaining {
     color: rgba(46, 45, 49, 0.75);
     font-feature-settings: 'liga' off;
     text-overflow: ellipsis;
     font-family: "Nunito Sans";
     font-size: 0.75rem;
     font-style: normal;
     font-weight: 500;
     line-height: normal;
     margin-top: 0rem;
   }

   .review-entry {
     .review-entry-initials {
       padding-right: 10px;
     }
     .review-entry-initials-content {
       display: inline-block;
       background-color: #2E2D31;
       color: #fff;
       border-radius: 50%;
       line-height: 40px; /* set to same size as width, height */
       width: 40px;
       height: 40px;
       text-align: center;

       font-size: 22px;
       font-weight: bold;
     }

     .review-entry-details {
       width: 100%;
     }

     .review-entry-details-name {
       color: #2E2D31;
       font-family: Montserrat;
       font-size: 16px;
       font-style: normal;
       font-weight: 500;
       line-height: normal;
     }

     .review-entry-details-date {
       font-size: 12px;
       color: rgba(46, 45, 49, 0.7);
     }

     .review-entry-details-description {
       margin-top: 0.5rem;
       color: rgba(46, 45, 49, 075);
     }

     .review-entry-rating {
       display: contents;

       img {
         width: 20px;
         height: 20px;
       }

       .review-raty {
         min-width: 8rem;
         margin-top: 0.5rem;
       }

       span {
         font-family: Montserrat;
         font-size: 18px;
         font-style: normal;
         font-weight: 500;
         line-height: 20px; /* 111.111% */
         background: var(--icon-gradient, linear-gradient(149deg, #FFE7B9 -8.31%, #CAA969 50%));
         background-clip: text;
         -webkit-background-clip: text;
         -webkit-text-fill-color: transparent;
       }
     }
   }
 }

 #modalReviewSent {
   img.modal-review-sent-close {
     position: absolute;
     top: 0;
     right: 0;

     &:hover {
       cursor: pointer;
     }
   }

   .modal-content {
     border-radius: 0.625rem !important;
   }

   .modal-body {
     text-align: center;

     .modal-body-content {
       margin-top: 2rem;

       img {
         margin-top: 2rem;
         margin-bottom: 2rem;
       }

       .review-raty {
         margin-left: 0.5rem;
         leading-trim: both;
         text-edge: cap;
         font-family: "Playfair Display";
         font-size: 1.5rem;
         font-style: normal;
         font-weight: 700;
         line-height: normal;
         letter-spacing: 0.03919rem;

         background: var(--icon-gradient, linear-gradient(149deg, #FFE7B9 -8.31%, #CAA969 50%));
         background-clip: text;
         -webkit-background-clip: text;
         -webkit-text-fill-color: transparent;
       }

       h5 {
         color: #030303;
         font-family: "Nunito Sans";
         font-size: 30px;
         font-style: normal;
         font-weight: 600;
         line-height: 1.5rem; /* 80% */
       }
       p {
         margin-top: 1rem;
         margin-bottom: 2rem;
         color: rgba(3, 3, 3, 0.70);
         font-feature-settings: 'dlig' on;
         font-family: "Nunito Sans";
         font-size: 20px;
         font-style: normal;
         font-weight: 400;
         line-height: normal;
       }
     }
   }

   button {
     border-radius: 0.625rem;
     background: #030303;

     width: 100%;
     padding: 1rem 2rem;
     color: white;
   }
 }



 .pagination {
   align-items: center;
   justify-content: space-between;
   border-color: rgb(46, 45, 49, .2);
   border-style: solid;
   border-width: 1px 0;
   padding: 10px 0;
 }
 .pagination .pages {
   display: none;

   @media screen and (min-width: 992px) {
     display: flex;
   }
 }
 .pagination .page-link,
 .pagination span,
 .pagination.light-theme span {
   border: 0;
   background: transparent;
   color: #030303;
   font-size: 14px;
   padding: 5px 15px;
   line-height: inherit;
 }
 .pagination.light-theme .page-link.prev,
 .pagination.light-theme .page-link.next {
   background-color: #030303;
   border-radius: 4px;
   color: #fff;
   padding: 5px 20px;
 }
 .pagination.light-theme .current {
   font-weight: 700;
 }
 .pagination.light-theme .current.prev, .pagination.light-theme .current.next {
   visibility: hidden;
 }
 .pagination.light-theme .prev,
 .pagination.light-theme .next {
   font-size: 15px;
   line-height: 24px;
 }
 .pagination.light-theme .prev::before,
 .pagination.light-theme .next::after {
   font-weight: 600;
   font-size: 16px;
   font-family: var(--font-awesome);
 }
 .pagination.light-theme .prev::before {
   content: "\f0d9";
   margin-right: 18px;
 }
 .pagination.light-theme .next::after {
   content: "\f0da";
   margin-left: 18px;
 }
 .pagination .page-link:focus {
   box-shadow: none;
 }
 .verifyModal .modal-dialog {
   max-width: 600px;
 }
 .verifyModal .modal-dialog .modal-content {
   border: 0;
   border-radius: 16px;
 }
 .verifyModal .modal-dialog .modal-body {
   padding: 0;
 }
 .verifyModalInner {
   padding: 40px;
 }
 .verifyModalInner h5 {
   font-family: inherit;
   font-weight: 700;
   font-size: 34px;
   padding-bottom: 10px;
   margin: 0;
   line-height: 60px;
 }
 .verifyModalInner p {
   margin: 0;
   font-size: 16px;
   line-height: 26px;
 }
 .verifyModal input.email_verification_code,
 .verifyModal input.phone_verification_code {
   height: 57.6px;
   width: 57.6px;
   margin-right: 10px;
   border-radius: 6px;
   min-width: auto;
   text-align: center;
 }
 .verification-code {
   margin: 15px 0;
 }
 .verifyModal input.email_verification_code:focus,
 .verifyModal input.phone_verification_code:focus {
   border-color: #007bff;
 }
 .verifyModalInner .btn-link {
   padding: 0;
   background-color: transparent;
   border: 0;
   text-decoration: none;
   color: #000;
   font-weight: 700;
 }
 .verifyModalInner .col-7 {
   text-align: right;
 }
 .verification-code .btn-black {
   margin-right: 0;
   margin-left: auto;
   width: 100%;
 }
 .verifyModalInner .col-7 p {
   font-weight: 700;
   color: #222;
 }
 .verifyModalInner .col-7 a {
   color: #000 !important;
   text-decoration: underline;
   margin-left: 5px;
 }
 .pdp_slider_for .pdp_slider_for_tile {
   padding: 0;
 }
 .pdp_slide_area {
   top: 100px;
   @media screen and (min-width: 992px) {
     padding-right: 72px;
   }
 }
 .pdp_slider {
   position: relative;
 }
 .pdp_slider_for .slick-slide img {
   width: 100%;
 }
 .pdp_slider_nav.new-slider .slick-arrow {
   left: auto;
   right: -70px;
   top: 0;
   bottom: 0;
   margin: auto 0;
   background-color: rgba(255, 255, 255, 0.2);
   border: 0;
 }
 .pdp_slider_nav.new-slider .slick-arrow.slick-prev {
   right: auto;
   left: -110px;
 }
 .pdp_slider_nav {
   /* margin: 85px auto 0;
   max-width: 90%; */
 }
 .pdp_slider_nav .slick-slide {
   padding: 0 4px;
 }
 .pdp_slider_nav .slick-slide .image {
   /* width: 92px;
   height: 92px; */
   border: 1px solid rgba(32, 31, 34, 0.20);
   background-color: #fff;
   overflow: hidden;
   margin: 0;
   cursor: pointer;
   position: relative;
   padding: 5px;
 }
 .pdp_slider_nav .slick-slide.slick-current .image {
   border: 1px solid #CAA969;
 }
 .pdp_slider_nav .custom_paging {
   position: absolute;
   bottom: 12px;
   width: 30px;
   text-align: center;
   left: -40px;
   pointer-events: none;
 }
 .pdp_slider_nav .custom_paging li {
   font-size: 16px;
   line-height: 24px;
   display: none;
 }
 .pdp_slider_nav .custom_paging li.slick-active {
   display: block;
 }
 .pdp_info {
   margin: 0 auto;
   display: flex;
   flex-wrap: wrap;
   align-content: space-between;
   height: 100%;
 }
 .pdp_top_btn .btn-group {
   margin-left: 15px;
 }
 .pdp_sku_info {
   display: flex;
   align-items: center;
   /* flex: 0 0 calc(100% - 84px);
   max-width: calc(100% - 84px); */
   /* min-height: 48px; */
 }
 .pdp_top_btn {
   /* flex: 0 0 84px;
   max-width: 84px; */
 }
 .pdp_sku_btn {
   display: flex;
   -ms-flex-wrap: nowrap;
   flex-wrap: nowrap;
   margin-bottom: 20px;
   justify-content: space-between;
   gap: 10px;
 }
 .pdp_top_btn .dropdown-menu {
   margin: 0;
   border: 0;
   float: none;
   font-size: 22px;
   padding: 5px 10px;
   min-width: max-content;
 }
 .pdp_top_btn .dropdown-menu li {
   display: inline-block;
 }
 .pdp_top_btn i:before {
   background: linear-gradient(149deg, #be9442 -8.31%, #CAA969 50%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   font-size: 24px;
   font-weight: 600;
 }
 .pdp_sku_info p {
   padding-left: 20px;
   color: rgb(3, 3, 3,0.7) ;
   font-family: var(--);
   font-size: 13px;
   font-weight: 500;
   line-height: normal;
   @media (max-width:991px){
     padding-left: 0px;
   }
 }
 .pdp_top_btn .btn-group:first-child {
   margin-left: 0;
 }
 .pdp_info .product_salution {
   position: relative;
   top: auto;
   left: auto;
   color: #030303;
   font-family: var(--font-Montserrat);
   font-size: 13px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   padding-top: 3px;
   padding-bottom: 3px;
   margin-right: 20px;
   @media (max-width:767px){
      margin-right: 10px;
   }
}



 .pdp_top_btn .dropdown-toggle {
   padding: 0;
   border: 0;
   background-color: transparent;
 }
 .pdp_top_btn a.dropdown-toggle.add-to-wishlist {
   height: 26px;
 }
 .pdp_top_btn .dropdown-toggle::after {
   display: none;
 }
 .pdp_info h1 {
   font-size: 36px;
   line-height: 48px;
   margin-bottom: 10px;
   color: #030303;
   font-weight: 500;
   line-height: normal;
   letter-spacing: 0.69px;;
 }
 .pdp_info_description_new {
   color: rgba(3, 3, 3, 0.60);
   font-family: Montserrat;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 22px;
   letter-spacing: 0.14px;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
   transition: all 0.3s ease;
   position: relative;
   margin-top: 0;
   margin-bottom: 1rem;
 }

 .pdp_info_description_new.expanded-lines {
   -webkit-line-clamp: unset;
   display: block;
 }

 .toggle-description {
   color: #030303;
   font-family: Montserrat;
   font-size: 14px;
   font-style: normal;
   font-weight: 500;
   line-height: 22px;
   letter-spacing: 0.14px;
   text-decoration-line: underline;
   text-decoration-style: solid;
   text-decoration-skip-ink: none;
   text-decoration-thickness: auto;
   text-underline-offset: auto;
   text-underline-position: from-font;
   cursor: pointer;
   background: #fff;
   padding-left: 5px;
   display: inline;
   position: relative;
   z-index: 1;
   white-space: nowrap;
   transition: all 1s ease;
 }
 .toggle-description.upside-cst{
   position: absolute;
   top: 44px;
   right: 0;
 }


 .pdp_info .product-review-desc {
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 12px;
   font-weight: 600;
   margin-top: 15px;
 }
 .pdp_info .product-review-desc img {
   height: 20px;
   margin: 0 5px;
 }
 .pdp_info .qty-inc-dec .count {
   width: 60px;
   height: 42px;
   border-radius: 0;
   border: 0px solid #2E2D31;
   font-size: 18px;
   flex-grow: 1;
   background: rgba(3, 3, 3, 0.05);
   color: #030303;
   font-family: Montserrat;
   font-size: 18px;
   font-style: normal;
   font-weight: 500;
   line-height: 20px;
   @media screen and (max-width: 991px) {
     height: 56px;
   }
 }
 .pdp_info .pdp_qty_price h5 {
   margin-bottom: 10px;
   color: rgba(3, 3, 3, 0.65);
   font-family: Montserrat;
   font-size: 13px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
 }
 .pdp_info .pdp_qty_price .user-level {
   white-space: nowrap;
   font-weight: 600;
 }
 .pdp_info .pdp_qty_price .user-level.bronze span {
   color: #FF5400;
 }
 .pdp_info .pdp_qty_price .user-level.silver span {
   color: #A3A3A3;
 }
 .pdp_info .pdp_qty_price .user-level.platinum span {
   color: #A5CCD8;
 }
 .pdp_info .pdp_qty_price .user-level.gold span {
   color: #CAA969;
 }
 .pdp_info .qty-inc-dec button {
   width: 42px;
   height: 42px;
   border-radius: 0;
   border: 0px solid #2E2D31;
   color: white;
   font-size: 18px;
   background-color: #030303;
   &:hover{
     background-color: #393737;
   }
   @media screen and (max-width: 991px) {
     width: 100px;
     height: 56px;
   }
   &.disbleminus{
     background-color: rgba(3, 3, 3, 0.40) !important;
   }
 }
 .pdp_info .qty-inc-dec button:last-child {
   /* background-color: #2E2D31; */
   color: #fff;
 }
 .pdp_qty_price_container {
   display: flex;
   align-items: center;
   margin-bottom: 18px;
   justify-content: space-between;
 }
 .pdp_qty_price_container .pro_dtl_prize li.old_prize, .new-price {
   margin: 0;
   color: #030303;
   text-align: right;
   font-family: Montserrat;
   font-size: 36px;
   font-style: normal;
   font-weight: 500;
   line-height: 42px;
   letter-spacing: -1.44px;
   min-height: 34px;
   @media screen and (max-width: 991px) {
     min-height: fit-content;
   }
 }

 .new-price {
   font-weight: 500;
 }

 .about_tab_desc p {
 color: rgba(3, 3, 3, 0.70);
 font-family: Montserrat;
 font-size: 16px;
 font-style: normal;
 font-weight: 400;
 line-height: 26px;
 @media screen and (max-width: 767px) {
   font-size: 14px;
   line-height: 24px;

 }
 }

 .pdp_qty_price_container .pro_dtl_prize li.old_prize span.pence,
 .new-price span.pence {
   font-size: 26px;
   color: #030303;
 }

 .pdp_qty_price_container .pro_dtl_prize li.product_points {
   width: 100%;
   font-size: 10px;
   line-height: 10px;
   vertical-align: top;
   margin: 0;
   display: block;
   display: none;
 }
 .pdp_qty_price_container .pro_dtl_prize li:first-child {
   line-height: 34px;
   padding-right: 20px;
   cursor: pointer;
 }
 .pdp_qty_price_container .pro_dtl_prize li:first-child svg {
   height: 34px;
   vertical-align: top;
 }
 .pdp_qty_price_container .pro_dtl_prize li:first-child:hover svg {
   animation: jingle 1s linear infinite;
 }
 @keyframes jingle {
   0% {
     animation-timing-function: cubic-bezier(0.146, 0.2111, 0.5902, 1.3204);
     transform: rotate(0);
   }
   11% {
     animation-timing-function: cubic-bezier(0.1079, 0.1992, -0.6462, 0.828);
     transform: rotate(7.61deg);
   }
   23% {
     animation-timing-function: cubic-bezier(0.0504, 0.0951, 0.0163, 0.9677);
     transform: rotate(-5.789999999999999deg);
   }
   36% {
     animation-timing-function: cubic-bezier(0.0475, 0.0921, 0.3134, 1.0455);
     transform: rotate(3.35deg);
   }
   49% {
     animation-timing-function: cubic-bezier(0.0789, 0.1565, 0.3413, 1.0972);
     transform: rotate(-1.9300000000000002deg);
   }
   62% {
     animation-timing-function: cubic-bezier(0.141, 0.2885, 0.406, 1.1519);
     transform: rotate(1.12deg);
   }
   75% {
     animation-timing-function: cubic-bezier(0.226, 0.4698, 0.5031, 1.1722);
     transform: rotate(-0.64deg);
   }
   88% {
     animation-timing-function: cubic-bezier(0.3121, 0.5521, 0.5655, 0.8997);
     transform: rotate(0.37deg);
   }
   100% {
     transform: rotate(-0.28deg);
   }
 }
 @-webkit-keyframes jingle {
   0% {
     animation-timing-function: cubic-bezier(0.146, 0.2111, 0.5902, 1.3204);
     transform: rotate(0);
   }
   11% {
     animation-timing-function: cubic-bezier(0.1079, 0.1992, -0.6462, 0.828);
     transform: rotate(7.61deg);
   }
   23% {
     animation-timing-function: cubic-bezier(0.0504, 0.0951, 0.0163, 0.9677);
     transform: rotate(-5.789999999999999deg);
   }
   36% {
     animation-timing-function: cubic-bezier(0.0475, 0.0921, 0.3134, 1.0455);
     transform: rotate(3.35deg);
   }
   49% {
     animation-timing-function: cubic-bezier(0.0789, 0.1565, 0.3413, 1.0972);
     transform: rotate(-1.9300000000000002deg);
   }
   62% {
     animation-timing-function: cubic-bezier(0.141, 0.2885, 0.406, 1.1519);
     transform: rotate(1.12deg);
   }
   75% {
     animation-timing-function: cubic-bezier(0.226, 0.4698, 0.5031, 1.1722);
     transform: rotate(-0.64deg);
   }
   88% {
     animation-timing-function: cubic-bezier(0.3121, 0.5521, 0.5655, 0.8997);
     transform: rotate(0.37deg);
   }
   100% {
     transform: rotate(-0.28deg);
   }
 }
 .pdp_top {
   @media screen and (min-width: 992px) {
     padding-bottom: 30px;
   }
 }
 .pdp-more {
   /* background: #f1f1f1; */
   padding-top: 40px;
   display: flex;
   flex-direction: column;
   gap: 30px;
   @media (max-width: 767px) {
     padding-top: 0px;
   }
   section.best-seller:last-child {
     padding-bottom: 30px;

     @media screen and (min-width: 992px) {
       padding-bottom: 80px;
     }
   }

   @media screen and (min-width: 992px) {
     gap: 80px;
     padding-top: 80px;
   }
 }
 .pdp_info_desc {
   margin-bottom: 30px;
   padding-bottom: 10px;
   padding-top: 30px;
   gap: 15px;
 }
 .pdp_info_desc_div{
   padding-right: 15px;
   border-right: 1px solid rgb(3 3 3 / 20%);

   &:last-child{
     border-right: none;
   }
 }
 .pdp_info_desc p {
   /* text-transform: uppercase; */
   margin: 0;
   padding-bottom: 6px;
   color: rgba(3, 3, 3, 0.65);
   font-family: Montserrat;
   font-size: 13px;
   font-weight: 400;
   line-height: normal;
   white-space: nowrap;

 }
 .pdp_info_desc h6 {
   margin: 0;
   color: #030303;
   font-family: Montserrat;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   white-space: nowrap;
 }
 .pdp_info_bottom p {
   margin: 0;
   color: #030303;
 }
 .pdp_info_bottom p span {
   font-weight: 600;
   color: rgb(3, 3, 3,0.6) !important;
   text-align: center;
   font-family: Montserrat;
   font-size: 13px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
 }
 .pdp_info_top {
   flex: 0 0 100%;
   max-width: 100%;
 }
 .pdp_info_bottom i.fa-check {
   color: #00B628;
 }
 .pdp_info_bottom i.fa-times {
   color: #ce3939;
 }
 .btn-black.add-to-cart span {
   padding-right: 0;
   transition: padding 0.5s ease-in-out;
 }
 .btn-black.add-to-cart:hover span {
   padding-right: 5px;
   transition: padding 0.5s ease-in-out;
 }
 .btn-black.add-to-cart {
   width: 100%;
   text-align: center;
   padding: 16px 0px;
 }
 .cart-modal-slider .cart-modal-slide .product-tile .product-action .add-to-cart {
   padding: 16px;
 }
 .cart-modal-slider .cart-modal-slide .product-tile .product-action .add-to-cart.start-hidden {
   visibility: hidden;
 }
 .cart-modal-slider .cart-modal-slide .product-tile .product-action .add-to-cart span {
   color: #FFF;
   font-family: "Nunito Sans";
   font-size: 16px;
   font-style: normal;
   font-weight: 700;
   line-height: normal;
   letter-spacing: 0.64px;
   text-transform: uppercase;
 }
 .btn-black.add-to-cart[disabled] {
   cursor: not-allowed;
   opacity: 0.5;
 }
 .btn-black.add-to-cart i {
   width: 0;
   height: 0;
   opacity: 0;
   transform: translateX(-35px);
   position: relative;
   display: inline-block;
   transition: all 0.5s;
   font-size: 22px;
   line-height: 24px;
   padding-left: 5px;
 }
 .btn-black.add-to-cart:hover i {
   transform: translateX(0px);
   opacity: 1;
   width: auto;
   height: auto;
   transition: all 0.5s;
 }

 .btn-black#checkout-btn span,
 .btn-black.checkout-btn span {
   padding-right: 0;
   transition: padding 0.5s ease-in-out;
 }
 .btn-black#checkout-btn:hover span,
 .btn-black.checkout-btn:hover span {
   padding-right: 5px;
   transition: padding 0.5s ease-in-out;
 }
 .btn-black.checkout-btn i,
 .btn-black.checkout-btn svg {
   width: 0;
   height: 0;
   opacity: 0;
   transform: translateX(-35px);
   position: relative;
   display: inline-block;
   transition: all 0.5s;
   font-size: 22px;
   line-height: 24px;
   padding-left: 5px;
 }
 .btn-black.checkout-btn:hover svg {
   width: 22px !important;
   height: 22px !important;
 }
 .btn-black#checkout-btn:hover i,
 .btn-black.checkout-btn:hover i,
 .btn-black.checkout-btn:hover svg {
   transform: translateX(0px);
   opacity: 1;
   width: auto;
   height: auto;
   transition: all 0.5s;
 }
 .product_filters .input-group.search-product i {
   font-size: 20px;
   line-height: 1;
   position: absolute;
   left: 0;
   top: 50%;
   transform: translateY(-50%);
 }
 .wrapper-inner .container-fluid.breadcrumbs {
   background-color: #fff;
   padding: 20px 60px;
 }
 .pdp_member_list {
   padding: 10px 16px;
   margin-bottom: 12px;
 }
 .pdp_membership .pdp_member_list:last-child {
   margin-bottom: 0;
 }
 .pdp_member_tile {
   position: relative;
   padding-right: 130px;
   display: flex;
 }
 .pdp_member_tile span,
 .pdp_member_tile a.learn-more-prod {
   color: #030303;
   position: absolute;
   line-height: 24px;
   display: block;
   right: 0;
   top: 0;
 }
 .pdp_member_tile a.learn-more-prod svg {
   height: 24px;
 }
 .pdp_member_tile span a {
   color: #000;
 }
 .pdp_member_tile span a i {
   text-decoration: underline;
   font-style: normal;
 }
 .pdp_member_tile p {
   margin: 0;
   position: relative;
   padding-left: 22px;
   line-height: 24px;
 }
 .pdp_member_tile p:before {
   content: "";
   width: 14px;
   height: 14px;
   position: absolute;
   left: 0;
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/bronze-dot.svg');
   top: 0;
   bottom: 0;
   margin: auto 0;
 }

 .pdp_membership {
   margin-top: 10px;
   margin-bottom: 25px;
 }
 .pdp_member_tile .link-prod p.mx-3 {
   padding-left: 0;
 }
 .pdp_member_tile .link-prod p.mx-3::before,
 .pdp_member_tile a.learn-more-prod p::before {
   display: none;
 }
 .pdp_membership .pdp_member_list.bronze-b p:before,
 .pdp_membership .pdp_member_list .pdp_member_tile .bronze-b p:before {
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/bronze-dot.svg');
 }
 .pdp_membership .pdp_member_list.silver-b p:before,
 .pdp_membership .pdp_member_list .pdp_member_tile .silver-b p:before {
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/silver-dot.svg');
 }
 .pdp_membership .pdp_member_list.silver_plus p:before,
 .pdp_membership .pdp_member_list .pdp_member_tile .silver_plus p:before {
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/silver_plus.svg');
 }
 .pdp_membership .pdp_member_list.gold-b .pdp_member_tile p:before,
 .pdp_membership .pdp_member_list .pdp_member_tile .gold-b p:before {
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/gold-dot.svg');
 }
 .pdp_membership .pdp_member_list.active .pdp_member_tile p,
 .pdp_membership .pdp_member_list.active .pdp_member_tile span {
   color: #fff;
 }
 .pdp_membership .pdp_member_list.silver-b.active .pdp_member_tile p,
 .pdp_membership .pdp_member_list.silver-b.active .pdp_member_tile span {
   color: #000;
 }
 .pdp_membership .pdp_member_list.active .pdp_member_tile svg path {
   stroke: #fff;
 }
 .pdp_membership .pdp_member_list.active:nth-child(2) .pdp_member_tile p,
 .pdp_membership .pdp_member_list.active:nth-child(2) .pdp_member_tile span {
   color: #000;
 }
 .pdp_membership .pdp_member_list.gold-b .pdp_member_tile_seperate {
   vertical-align: middle;
   height: 24px;
   margin: 0 7px;
 }
 .pdp_membership .pdp_member_list.gold-b .pdp_member_tile_seperate path {
   stroke: #fff;
 }
 .pdp_membership .pdp_member_list.active .pdp_member_tile span a {
   color: #fff;
 }
 .pdp_membership .pdp_member_list.active .pdp_member_tile span a svg path {
   fill: #fff;
 }
 .pdp_membership .pdp_member_list.active .pdp_member_tile span a svg rect {
   stroke: #fff;
 }
 .pdp_membership .pdp_member_list.bronze-b.active {
   background: linear-gradient(
     90deg,
     #f3ac68 0%,
     #bf6027 15%,
     #a74915 20%,
     #913505 26%,
     #892e00 29%,
     #b5541c 38%,
     #cb672a 43%,
     #d98344 47%,
     #e9a463 52%,
     #f5bb79 56.01%,
     #fcca87 61.01%,
     #ffcf8c 64.01%,
     #f6bd7b 72.01%,
     #df8f4f 88.01%,
     #cb672a 100.01%
   );
 }
 .pdp_membership .pdp_member_list.silver-b.active {
   background: linear-gradient(
     90deg,
     #717171 0%,
     #e6e6e6 26%,
     #ffffff 37%,
     #e6e6e6 48%,
     #c0c0c0 52%,
     #9c9c9c 56%,
     #828282 61%,
     #737373 64%,
     #6e6e6e 67%,
     #747474 71%,
     #858585 77%,
     #a1a1a1 83%,
     #c9c9c9 90%,
     #d9d9d9 92%,
     #e0e0e0 94%,
     #f8f8f8 100%
   );
 }
 .pdp_membership .pdp_member_list.silver_plus.active {
   background: linear-gradient(
     90deg,
     #42434c 0%,
     #4d4d56 15%,
     #2a3543 20%,
     #1d2530 26%,
     #15181f 29%,
     #2a3543 38%,
     #36363f 43%,
     #4d4d56 47%,
     #42434c 52%,
     #36363f 56.01%,
     #6a6a73 61.01%,
     #42434c 64.01%,
     #4d4d56 72.01%,
     #2a3543 88.01%,
     #283645 100.01%
   );
 }
 .pdp_membership .pdp_member_list.gold-b.active {
   background: linear-gradient(
     270deg,
     #fef295 -14.4%,
     #f3cc6e -3%,
     #ae7723 9.66%,
     #f3cc6e 28.64%,
     #d8ab50 40.04%,
     #c18e37 53.96%,
     #b37d28 65.35%,
     #ae7723 74.21%,
     #b07925 84.34%,
     #b7822b 91.93%,
     #c39137 98.26%,
     #d5a547 103.33%,
     #ebc05b 108.39%,
     #ffd86e 112.19%
   );
 }
 .pdp_membership .pdp_member_list.trade.active {
   background: linear-gradient(
     90deg,
     #55cade 0%,
     #54c0d2 15%,
     #44a1b1 20%,
     #338391 26%,
     #327a92 29%,
     #3f97a6 38%,
     #4bb2c4 43%,
     #54bdcf 47%,
     #55cade 52%,
     #54c4d8 56.01%,
     #65dff3 61.01%,
     #55cade 64.01%,
     #52c5d9 72.01%,
     #44a6b7 88.01%,
     #3598a9 100.01%
   );
 }
 .view_leave_btn {
   padding-top: 30px;
 }
 .view_leave_btn .btn-black {
   margin: 0 auto 20px;
   width: 100%;
 }
 .our-mission .goldbankAssure_inner {
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/our-mission.png');
 }
 .our_values_tiles {
   padding-top: 60px;
   max-width: 1088px;
   margin: 0 auto;
 }
 .our_values .title-border p {
   max-width: 732px;
   margin: 0 auto;
 }
 .bg-color {
   background-color: #f1f1f1;
 }
 .our_values_tiles .goldbankAssure-tile p {
   font-size: 12px;
   line-height: 19px;
   color: #6d6d6d;
 }
 .our_values_tiles .goldbankAssure-tile {
   padding: 40px;
 }
 .about_slider {
   position: relative;
 }
 .about_slide_for_tile .image {
   position: relative;
 }
 .about_slide_for_tile .image img {
   width: 100%;
 }
 .about_slide_for_tile .image:before {
   content: "";
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background: linear-gradient(180deg, rgba(0, 0, 0, 0) 5.86%, rgba(0, 0, 0, 0.7) 87.88%), url('image.png');
 }
 .about_slider .about_slide_for .about_slide_for_tile {
   z-index: 9 !important;
 }
 .about_slide_nav_tile {
   text-align: center;
 }
 .our_story_banner {
   position: absolute;
   bottom: 278px;
 }
 .about_slide_nav_tile p {
   color: #fff;
   font-size: 20px;
   line-height: 24px;
   padding: 12px 5px;
   cursor: pointer;
 }
 .about_slide_nav_tile.slick-current p {
   background-color: #030303;
   font-weight: 600;
 }
 .about_slide_nav.new-slider .slick-arrow.slick-prev {
   display: none !important;
 }
 .about_slide_nav.new-slider .slick-arrow {
   bottom: -200px;
   right: 0;
   border-color: #fff2ae;
   border: 0;
 }
 .about_slider .about_slide_for .about_slide_for_tile .our_story_desc {
   position: absolute;
   bottom: 55px;
   max-width: 620px;
 }
 .about_slide_nav.new-slider {
   margin-left: -15px;
   margin-right: -15px;
 }
 .our_story_banner .slider_txt {
   position: absolute;
   bottom: -183px;
   right: 80px;
   color: #fff2ae;
 }
 .text-initial {
   text-transform: initial !important;
 }
 .custom_check {
   position: relative;
   font-size: 15px;
   line-height: 20px;
 }
 .custom_check span {
   display: block;
 }
 .custom_check input {
   position: absolute;
   height: 0;
   width: 0;
   opacity: 0;
 }
 .custom_check span:before {
   content: "";
   height: 18px;
   width: 18px;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   margin: auto 0;
   border: 1px solid #6b7690;
   border-radius: 3px;
 }
 .custom_check input:checked + span:before {
   border-color: #030303;
   background-color: #030303;
 }
 .custom_check input:checked + span:after {
   content: "";
   transform: rotate(45deg);
   height: 12px;
   width: 6px;
   border-bottom: 2px solid #fff;
   border-right: 2px solid #fff;
   position: absolute;
   top: 0;
   bottom: 5px;
   margin: auto 0;
   left: 6px;
 }
 .check-ship .input-control p a {
   color: #030303;
   font-weight: 700;
 }
 .about_slider .about_slide_for .about_slide_for_tile .our_story_desc h5,
 .about_slider .about_slide_for .about_slide_for_tile .our_story_desc p {
   color: #fff;
 }
 .about_slider .about_slide_for .about_slide_for_tile .our_story_desc h5 {
   font-size: 24px;
   line-height: 36px;
   font-family: inherit;
 }
 .our-mission {
   text-align: center;
   padding-top: 100px;
 }
 .our-mission-desc h5 {
   text-transform: uppercase;
   font-family: inherit;
   letter-spacing: 1.8px;
 }
 .title-border .our-mission-desc {
   position: relative;
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/lamp.png');
   background-size: 10px;
   background-repeat: no-repeat;
   background-position: 50% 0;
   padding-top: 40px;
 }
 .title-border .our-mission-desc::before,
 .title-border .our-mission-desc::after {
   content: "";
   height: 1px;
   width: calc(50% - 20px);
   background: linear-gradient(270deg, #cccccc -1.65%, #cccccc 55.53%, rgba(204, 204, 204, 0) 100%);
   position: absolute;
   top: 7px;
   left: 0;
 }
 .our-mission-desc svg {
   margin-top: 40px;
 }
 .title-border .our-mission-desc::after {
   left: auto;
   right: 0;
   transform: rotate(180deg);
 }
 .our-mission p {
   font-size: 24px;
   line-height: 36px;
 }
 .our-mission-desc {
   max-width: 892px;
   margin: 0 auto;
 }
 .check-ship h5 {
   font-size: 20px;
   line-height: 28px;
   font-family: inherit;
   font-weight: 600;
 }
 .verify_tile {
   display: flex;
   flex-wrap: wrap;
   border: 1px solid rgba(3, 3, 3, 0.2);
   padding: 20px 20px;
 }
 .loading_process {
   animation: rotate 0.9s normal linear infinite;
   width: 100%;
   height: 100%;
 }

 @keyframes rotate {
   0% {
     transform: rotate3d(0, 0, 1, 0deg);
     transform-origin: center;
   }
   25% {
     transform: rotate3d(0, 0, 1, 90deg);
     transform-origin: center;
   }
   50% {
     transform: rotate3d(0, 0, 1, 180deg);
     transform-origin: center;
   }
   75% {
     transform: rotate3d(0, 0, 1, 270deg);
     transform-origin: center;
   }
   100% {
     transform: rotate3d(0, 0, 1, 360deg);
     transform-origin: center;
   }
 }
 .verify_tile_icon {
   height: 48px;
   width: 48px;
   position: relative;
   display: flex;
   align-items: center;
 }
 .verify_tile_desc {
   width: calc(100% - 48px);
   padding-left: 32px;
   color: #6d6d6d;
 }
 .verify_tile_desc h5 {
   color: #030303;
   font-family: inherit;
   font-size: 20px;
   font-style: normal;
   font-weight: 600;
   line-height: normal;
 }
 .verify_tile_desc p {
   color: rgba(3, 3, 3, 0.70);
    font-family: Montserrat;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
 }
 .sub_verify p {
   color: #6d6d6d;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 1.4;
   letter-spacing: -0.084px;
 }
 .verified_bundle {
   /* border: 1px solid rgba(3, 3, 3, 0.2); */
   padding: 25px;
 }
 .verified_line {
   position: relative;
 }
 .verified_line:before {
   content: "";
   position: absolute;
   top: 47px;
   left: 22px;
   width: 1px;
   height: 30%;
   border: 1px dashed rgba(3, 3, 3, 0.4);
   z-index: 0;
 }
 .verified_bundle .verify_tile {
   border: 0;
   margin-bottom: 97px;
   padding: 0;
 }
 .verified_bundle .verify_tile:last-child {
   margin-bottom: 0px;
 }
 .decline_info .verify_tile {
   border-color: #FF3838;
   border-radius: 10px;
   margin-bottom: 16px;
 }
 .checkout_frogot a {
   color: #030303;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 2.2;
   text-decoration-line: underline;
 }
 .ship_label,
 .change_shipaddress {
   color: #030303;
   font-size: 14px;
   font-style: normal;
   font-weight: 600;
   line-height: 1.4;
   letter-spacing: -0.084px;
   opacity: 0.4;
 }
 .change_shipaddress {
   opacity: 1;
 }
 .ship_address {
   color: #40444e;
   font-size: 14px;
   font-style: normal;
   font-weight: 600;
   line-height: 1.4;
   letter-spacing: -0.084px;
 }

 @-webkit-keyframes checkmark {
   0% {
     stroke-dashoffset: 100px;
   }
   100% {
     stroke-dashoffset: 0px;
   }
 }
 @-ms-keyframes checkmark {
   0% {
     stroke-dashoffset: 100px;
   }
   100% {
     stroke-dashoffset: 0px;
   }
 }
 @keyframes checkmark {
   0% {
     stroke-dashoffset: 100px;
   }
   100% {
     stroke-dashoffset: 0px;
   }
 }
 @-webkit-keyframes checkmark-circle {
   0% {
     stroke-dashoffset: 480px;
   }
   100% {
     stroke-dashoffset: 960px;
   }
 }
 @-ms-keyframes checkmark-circle {
   0% {
     stroke-dashoffset: 480px;
   }
   100% {
     stroke-dashoffset: 960px;
   }
 }
 @keyframes checkmark-circle {
   0% {
     stroke-dashoffset: 480px;
   }
   100% {
     stroke-dashoffset: 960px;
   }
 }
 .show .verify_tile_icon svg .st0 {
   -webkit-animation: checkmark 0.25s ease-in-out 0.7s backwards;
   animation: checkmark 0.25s ease-in-out 0.7s backwards;
 }
 .show .verify_tile_icon svg .check-circle {
   -webkit-animation: checkmark-circle 0.6s ease-in-out backwards;
   animation: checkmark-circle 0.6s ease-in-out backwards;
 }
 .cross__path .cross_1,
 .cross__path .cross_2 {
   stroke-dasharray: 48;
   stroke-dashoffset: 48;
 }
 .show .verify_tile_icon svg .cross_1 {
   animation: 0.5s ease normal forwards 1 running stroke;
 }
 .show .verify_tile_icon svg .cross_2 {
   animation: 1s ease normal forwards 1 running stroke;
 }

 @keyframes stroke {
   100% {
     stroke-dashoffset: 0;
   }
 }
 .sub_verify {
   display: flex;
   height: 100%;
   flex-wrap: wrap;
   justify-content: space-between;
   align-content: space-between;
   padding: 25px;
   border: 1px solid #cfcfcf;
   border-radius: 10px;
   @media (max-width: 575px) {
      padding: 16px;
   }
 }
 .thank-you {
   margin-top: 101px;
 }
 .thank-you > .container-fluid {
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/our-mission.png');
   background-size: 100% 100%;
   background-position: center;
   background-repeat: no-repeat;
   background-color: #000;
 }
 .thank-you-title,
 .register-welcome-title {
   text-align: center;
   height: 385px;
   padding-top: 45px;
 }
 .thank-you-title h1,
 .thank-you-title p,
 .register-welcome-title h1,
 .register-welcome-title p {
   color: #fff;
 }
 .register-welcome-title .product-btn {
   position: relative;
   overflow: hidden;
 }
 .register-welcome-title .product-btn::after {
   content: "";
   width: 20%;
   height: 100%;
   position: absolute;
   right: auto;
   top: 0;
   bottom: 0;
   left: -20%;
   background-image: linear-gradient(105deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
 }
 .register-welcome-title .product-btn::after {
   opacity: 0;
 }
 .register-welcome-title .product-btn:hover::after {
   opacity: 1;
 }
 .register-welcome-title .product-btn:hover {
   box-shadow:
     inset 0 1px 1px rgba(0, 0, 0, 0.075),
     0 0 8px rgba(0, 0, 0, 0.9);
   opacity: 1;
 }
 .register-welcome-title .product-btn:hover:after,
 .register-welcome-title .product-btn:focus:after {
   transition-timing-function: ease;
   transition: all 1s ease-out;
   left: 100%;
 }

 .thank_order_summary {
   /* background-color: #f1f1f1; */
 }
 .thank_summary h5 {
   font-family: inherit;
   font-weight: 600;
   font-size: 20px;
   line-height: 28px;
   margin-bottom: 20px;
 }
 .thank_summary h5 span {
   background-color: #eecc6b;
   color: #000;
   line-height: 20px;
   font-size: 14px;
   padding: 4.5px 8px;
   font-weight: 400;
   margin-left: 10px;
 }
 .thank_summary {
   /* background-color: #fff; */
   /* max-width: 700px; */
   /* margin: 0 auto; */
   /* border: 1px solid #cfcfcf; */
   padding: 16px;
   /* top: -200px; */
   /* margin-bottom: -116px; */
   position: relative;
 }
 .thank_summary .check-amount .cartRightBox.cart-final-amt {
   border-top: 1px solid #edeff3;
   padding: 20px 0 5px 0;
   margin-top: 20px;
 }
 .thank_summary .check-amount {
   padding-top: 0;
 }
 .thank_summary .check-amount .cartRightBox {
   margin-bottom: 12px;
 }
 .thank_summary .check-amount .cartRightBox:last-child {
   margin-bottom: 0;
   padding-top: 0;
 }
 .thank_summary .check-amount .cartRightBox:last-child dd {
   font-weight: 600;
 }
 .thank_summary .check-amount .points-earnered {
   margin-block: 24px;
   padding-block: 24px;
   border-block: 1px solid #cfcfcf;
 }
 .thank_summary .cart-modal-items {
   max-height: none;
   border: 0;
   padding-bottom: 0;
   margin-bottom: 24px;
   padding-top: 10px;
 }
 .thank_summary .cart-modal-tile .cart-modal-img {
   width: 90px;
   height: 90px;
 }
 .thank_summary .cart-modal-tile .cart-modal-desc {
   width: calc(100% - 200px);
 }
 .thank_summary .cart-modal-tile .cart-modal-amt {
   flex: 0 0 110px;
   max-width: 110px;
 }
 .thank_summary .cart-modal-desc ul {
   padding: 5px 0;
 }
 .thank_summary .cart-modal-tile .cart-modal-amt .cart-modal-price {
   line-height: 28px;
   font-size: 16px;
   font-weight: 400;
 }
 .thank_summary .cart-modal-tile .cart-modal-amt span.input-text {
   color: #6d6d6d;
   font-size: 14px;
   line-height: 20px;
   letter-spacing: -0.084px;
   padding-bottom: 10px;
 }
 .thank_summary .check-amount .cartRightBox dt,
 .thank_summary .check-amount .cartRightBox dd {
   color: #030303;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 1.7;
 }
 .thank_summary .check-amount .cartRightBox.cart-final-amt dt,
 .thank_summary .check-amount .cartRightBox.cart-final-amt dd,
 .thank_summary .check-amount .cartRightBox.cart-final-amt + .cartRightBox dd,
 .thank_summary .check-amount .cartRightBox.cart-final-amt + .cartRightBox dt {
   font-size: 20px;
 }
 .thank_summary .check-amount .cartRightBox.cart-final-amt + .cartRightBox dd {
   font-weight: 600;
 }
 .thank_summary .check-amount .cartRightBox.cart-final-amt dd {
   color: #d97150;
   font-weight: 400;
 }
 .thank_summary .review_order p {
   margin-bottom: 6px;
  color: #030303;
  font-family: var(--font-body);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.084px;
 }
 .thank_summary .review_order {
   /* margin-bottom: 24px; */
 }
 .earned {
   border: 1px solid rgba(3, 3, 3, 0.1);
   padding: 20px;
   border-radius: 10px;

   .btn-black {
     border-radius: 10px;
   }
 }
 .earned_con {
   color: #030303;
   text-align: center;
   font-size: 16px;
   line-height: 1.5;
   text-decoration-line: underline;
   margin-top: 10px;
 }
 .thank_earn_points {
   display: flex;
   margin-bottom: 14px;
 }
 .thnks_earned_imgs {
   width: 76px;
 }
 .thank_earn_points h5 {
   color: #030303;
   font-family: inherit;
   font-weight: 600;
   font-size: 20px;
   line-height: 2;
   margin-bottom: 0;
 }
 .earned_ttl {
   color: #030303;
   font-family: inherit;
   font-weight: 600;
   font-size: 16px;
   line-height: 1.5;
   margin-bottom: 14px;
   text-align: center;
 }
 .medal_name {
   color: #030303;
   font-family: inherit;
   font-weight: 600;
   font-size: 16px;
   line-height: 1.5;
   text-align: center;
 }
 .medal_progress {
   width: 100%;
   height: 8px;
   display: block;
   background-color: #e7e7e7;
   position: relative;
 }

 .medal_progress span {
   background: linear-gradient(
       90deg,
       #f3ac68 0%,
       #bf6027 15%,
       #a74915 20%,
       #913505 26%,
       #892e00 29%,
       #b5541c 38%,
       #cb672a 43%,
       #d98344 47%,
       #e9a463 52%,
       #f5bb79 56.01%,
       #fcca87 61.01%,
       #ffcf8c 64.01%,
       #f6bd7b 72.01%,
       #df8f4f 88.01%,
       #cb672a 100.01%
     ),
     #e7e7e7;
   position: absolute;
   width: 45%;
   height: 100%;
   left: 0;
   top: 0;
 }

 .guest_earn_points {
   width: calc(100% - 76px);
   padding-left: 25px;
 }
 .thank_earn_points .btn-black {
   margin: 20px 0;
 }
 .thank_earn_points p {
   color: #6d6d6d;
   font-size: 14px;
   line-height: 1.4;
   letter-spacing: -0.084px;
   margin-bottom: 30px;
 }
 .thank_earn_points a {
   color: #030303;
   line-height: 20px;
   border-bottom: 1px solid #030303;
   font-size: 14px;
   display: table;
   margin: 0 auto 8px;
 }
 .thank_earn_badge {
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   align-items: center;
   padding: 30px 0 10px;
 }
 .thank_earn_badge .image {
   flex: 0 0 76px;
   max-width: 76px;
 }
 .thank_earn_badge .image i {
   font-style: normal;
   display: block;
   text-align: center;
   line-height: 24px;
   font-size: 16px;
   font-weight: 600;
   padding-top: 5px;
 }
 .thank_earn_badge .thank_earn_badge_desc {
   flex: 0 0 calc(100% - 76px);
   max-width: calc(100% - 76px);
   text-align: left;
   padding-left: 30px;
 }
 .thank_earn_points .thank_earn_badge_desc p {
   max-width: 100%;
   padding-bottom: 10px;
 }
 .thank_earn_badge_desc .progress {
   border-radius: 0;
   height: 8px;
   background-color: #e7e7e7;
 }

 .short_banner {
   height: 300px;
 }
 .banner-title {
   margin: 0;
   padding-bottom: 70px;
 }

 .goldbankAssure_inner.goldbankAssure_meb_list {
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/member_banner.png');
   margin-bottom: 210px;
 }
 .goldbankAssure_meb_list .goldbankAssure-tile p {
   font-size: 13px;
   line-height: 22px;
 }
 .goldbankAssure_inner.goldbankAssure_meb_list .goldbankAssure_list {
   margin-bottom: -270px;
 }
 .banner_desc_inner {
   display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
 }
 .banner_desc_inner a {
   flex: 0 0 87px;
   max-width: 87px;
   height: 87px;
   position: relative;
 }
 .banner_desc_inner a:before {
   content: "";
   position: absolute;
   right: 0;
   left: 0;
   width: 20px;
   height: 20px;
   border-top: 1px solid #fff;
   border-right: 1px solid #fff;
   top: -10px;
   bottom: 0;
   margin: auto;
   transition: 0.2s ease;
   transform: rotate(135deg);
 }
 .banner_desc_inner a:hover:before {
   top: 2px;
 }
 .banner_desc_inner a:after {
   content: "";
   position: absolute;
   right: 0;
   left: 0;
   width: 1px;
   height: 30px;
   border-left: 1px solid #fff;
   top: 0;
   bottom: 0;
   margin: auto;
   transition: 0.2s ease;
   opacity: 0;
 }
 .banner_desc_inner a:hover:after {
   opacity: 1;
 }
 .banner_desc_inner a i {
   width: 100%;
   height: 87px;
   display: block;
   position: absolute;
   border: 1px solid #fff;
   border-radius: 50%;
   transform: rotate(45deg);
 }
 .banner_desc_inner a:hover i {
   border-color: transparent;
 }
 .banner_desc_inner a i:before,
 .banner_desc_inner a i:after {
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   border-radius: 100%;
 }
 .banner_desc_inner a i::after {
   border: 0 solid transparent;
 }
 .banner_desc_inner a i::before {
   border: 1px solid transparent;
 }
 .banner_desc_inner a:hover i::before {
   border-top-color: #fff;
   border-right-color: #fff;
   border-bottom-color: #fff;
   transition:
     border-top-color 0.15s linear,
     border-right-color 0.15s linear 0.1s,
     border-bottom-color 0.15s linear 0.2s;
 }
 .banner_desc_inner a:hover i::after {
   border-top: 1px solid #fff;
   border-left-width: 1px;
   border-right-width: 1px;
   transform: rotate(270deg);
   transition:
     transform 0.4s linear 0s,
     border-left-width 0s linear 0.35s;
 }
 .banner_desc_inner p {
   flex: 0 0 calc(100% - 87px);
   max-width: calc(100% - 87px);
   padding-left: 45px;
 }
 .low_margin h2 {
   margin: 0;
   padding-bottom: 34px;
 }
 .low_margin p {
   padding-bottom: 24px;
 }
 .member_tile_links {
   margin-top: 60px;
 }
 .member_tile {
   text-align: center;
   background-color: #fff;
   display: flex;
   flex-wrap: wrap;
   align-content: space-between;
   padding: 20px 30px 30px;
   height: 100%;
   transition: all ease-in-out 0.5s;
 }
 .member_tile:hover {
   box-shadow: 1px 1px 20px 5px #e2e1e1;
   transform: translate(0, 5px);
 }
 .member_tile_top,
 .member_tile_bottom {
   flex: 0 0 100%;
   max-width: 100%;
 }
 .low_margin .member_tile_desc {
   max-width: 192px;
   margin: 0 auto;
 }
 .member_tile_top img {
   margin-bottom: 40px;
 }
 .member_tile_bottom {
   padding-top: 50px;
 }
 .low_margin .member_tile_desc h5 {
   font-family: inherit;
   font-weight: 600;
   margin: 0;
   padding-bottom: 10px;
 }
 .low_margin .member_tile_desc p {
   padding: 0;
   font-size: 13px;
   line-height: 20px;
 }
 .membership_table {
   display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
 }
 .member_options h3 {
   padding-bottom: 30px;
   margin: 0;
 }
 .membership_table .membership_column_left {
   flex: 0 0 20%;
   max-width: 20%;
 }
 .membership_table .membership_column_right {
   flex: 0 0 80%;
   max-width: 80%;
 }
 .mem_column,
 .membership_column_inner {
   display: flex;
   flex-wrap: wrap;
 }
 .mem_column .mem_cell h5 {
   font-family: inherit;
   font-weight: 600;
   margin: 0;
   padding-top: 10px;
   flex: 0 0 100%;
   max-width: 100%;
 }
 .membership_column_right .mem_column .mem_cell {
   text-align: center;
 }
 .mem_column .mem_cell .column-img {
   height: 55px;
   margin: 0 auto;
 }
 .mem_column.mem_column_head .mem_cell {
   font-weight: 600;
 }
 .membership_table .membership_column_right .mem_column {
   flex: 0 0 25%;
   max-width: 25%;
 }
 .mem_column .mem_cell:first-child {
   min-height: 127px;
 }
 .mem_column .mem_cell {
   min-height: 96px;
   display: flex;
   align-content: center;
   flex-wrap: wrap;
   background-color: #fff;
   color: #252430;
   border: 1px solid #e6e9f5;
   border-right: 0;
   border-bottom: 0;
   flex: 0 0 100%;
   max-width: 100%;
   padding: 20px 32px;
   position: relative;
 }
 .mem_column .mem_cell .fa {
   font-size: 6px;
 }
 .membership_column_right .mem_column.mem_column_bronze.active .mem_cell {
   background-color: #fdf7f3;
   border-color: #fff;
   border-right: 0;
 }
 .mem_column.mem_column_bronze.active .mem_cell:first-child {
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/bronze-check-bg.svg');
   background-size: cover;
 }
 .mem_column.mem_column_bronze.active .mem_cell h5,
 .mem_column.mem_column_silver.active .mem_cell h5,
 .mem_column.mem_column_gold.active .mem_cell h5 {
   color: #fff;
 }
 .mem_column.mem_column_silver.active .mem_cell:first-child {
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/silver-check-bg.svg');
   background-size: cover;
 }
 .membership_column_right .mem_column.mem_column_silver.active .mem_cell {
   background-color: #efedec;
   border-color: #fff;
   border-right: 0;
 }
 .mem_column.mem_column_platinum.active .mem_cell:first-child {
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/platinum-check-bg.svg');
   background-size: cover;
 }
 .membership_column_right .mem_column.mem_column_platinum.active .mem_cell {
   background-color: #e3e3e3;
   border-color: #fff;
   border-right: 0;
 }
 .mem_column.mem_column_gold.active .mem_cell:first-child {
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/gold-check-bg.svg');
   background-size: cover;
 }
 .membership_column_right .mem_column.mem_column_gold.active .mem_cell {
   background-color: #fdf5e6;
   border-color: #fff;
   border-right: 0;
 }
 .mem_column:not(.mem_column_head) .mem_cell {
   justify-content: center;
 }
 .bronze_account .fine_scan {
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/bronze_scan_bg.png');
 }
 .silver_account .fine_scan {
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/our-mission.png');
 }
 .platinum_account .fine_scan {
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/why-buy.png');
 }
 .gold_account .fine_scan {
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/gold_scan_bg.png');
 }
 .benefits_member h3 {
   padding-bottom: 10px;
   margin: 0;
 }
 .benefit_tile {
   display: flex;
   flex-wrap: wrap;
   padding: 30px;
   height: 100%;
   border-color: #CFCFCF !important;
   @media (max-width:1400px) {
     padding: 20px;
   }
   @media (max-width:992px) {
     padding: 15px 10px;
   }
   @media (max-width:767px) {
     border: 0 !important;
   }
 }
 .benefit_tile .image {
   flex: 0 0 32px;
   max-width: 32px;
   @media (max-width:767px) {
    margin: auto;
   }
 }
 .benefit_tile .benefit_tile_desc {
   flex: 0 0 calc(100% - 32px);
   max-width: calc(100% - 32px);
   padding-left: 16px;
   @media (max-width:767px) {
     margin-top: 10px;
     padding-left: 0px;
     text-align: center;
     max-width: 100%;
   }
 }
 .benefit_tile .benefit_tile_desc h6 {
   margin-bottom: 0;
   color: #030303;
 }
 .benefits_member .col-xl-3 .benefit_tile .image,
 .benefits_member .col-xl-3 .benefit_tile .benefit_tile_desc {
   flex: 0 0 100%;
   max-width: 100%;
 }
 .benefits_member .col-xl-3 .benefit_tile .image img {
   height: 32px;
 }
 .benefits_member .col-xl-3 .benefit_tile .image {
   margin-bottom: 10px;
 }
 .benefits_member .col-xl-3 .benefit_tile .benefit_tile_desc {
   padding-left: 0;
 }
 .benefit_tile .benefit_tile_desc h6 {
   font-size: 14px;
   font-family: inherit;
   font-weight: 600;
   text-transform: uppercase;
   color: #030303;
 }
 .benefit_tile .benefit_tile_desc p {
   font-size: 14px;
   color: rgb(3, 3, 3,0.7);
   max-width: 386px;
   line-height: normal;
   padding-top: 2px;
   @media (max-width:767px) {
     max-width: 100%;
     font-size: 12px;
   }
 }
 .benefits_member .col-md-6 {
   margin-top: 20px;
 }
 .benefits_member .row:nth-child(2) {
   justify-content: center;
 }
 .exclusive_benefits {
   text-align: center;
   max-width: 800px;
   margin: 0 auto;
   padding-bottom: 30px;
 }
 .exclusive_benefits h2 {
   margin: 0;
   padding-bottom: 20px;
 }
 .exclusive_benefits p {
   max-width: 732px;
   margin: 0 auto;
 }
 .title-border-new .title-border-img {
   padding-top: 20px;
   display: inline-block;
   position: relative;
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/lamp.png');
   background-size: 14px;
   background-repeat: no-repeat;
   background-position: 50% 0;
 }
 .title-border-new .title-border-img::before,
 .title-border-new .title-border-img::after {
   content: "";
   height: 1px;
   width: calc(50% - 100px);
   background: linear-gradient(270deg, #cccccc -1.65%, #cccccc 55.53%, rgba(204, 204, 204, 0) 100%);
   position: absolute;
   top: 7px;
   left: 80px;
 }
 .title-border-new .title-border-img::after {
   left: auto;
   right: 80px;
   transform: rotate(180deg);
 }
 .article_tile {
   background-color: #fff;
   height: 100%;
   position: relative;
 }
 .article_tile_list .col-xl-4 {
   margin-top: 30px;
 }
 .articles_list .banner_img_txt {
   padding-bottom: 18px;
 }
 .article_tile_list .article_tile .image {
   overflow: hidden;
   position: relative;
 }
 .article_tile:hover .image img {
   transform: scale(1.1);
 }
 .article_tile_list .article_tile .article_tile_badge {
   position: absolute;
   top: 12px;
   left: 12px;
   color: #fff;
   font-size: 14px;
   line-height: 14px;
   background-color: #000;
   padding: 12px;
   z-index: 2;
 }
 .article_tile_desc h5 {
   font-family: inherit;
   font-size: 20px;
   margin: 0;
   padding-bottom: 14px;
 }
 .article_tile_desc p {
   font-size: 16px;
   color: #6d6d6d;
 }
 .article_tile_desc {
   padding: 20px;
 }
 .articles_details .short_banner {
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   position: relative;
 }
 .articles_details .short_banner:before {
   content: "";
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background-color: rgba(0, 0, 0, 0.52);
 }
 .articles_details_wrap {
   max-width: 720px;
   margin: 0 auto;
 }
 .articles_details_inner p {
   color: #6d6d6d;
 }
 .articles_details_inner h4 {
   font-family: inherit;
   font-weight: 600;
   font-size: 28px;
   line-height: 36px;
 }
 .article_interest {
   background-color: #030303;
   padding: 30px;
   display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   margin-bottom: 30px;
 }
 .article_interest_desc h5 {
   color: #fff;
   font-size: 22px;
   line-height: 32px;
   margin: 0;
 }
 .articles_details_inner .article_interest_desc p {
   color: #fff;
 }
 .article_interest_desc {
   flex: 0 0 calc(100% - 152px);
   max-width: calc(100% - 152px);
 }
 .article_interest_btn {
   flex: 0 0 152px;
   max-width: 152px;
 }
 .article_writer h6 {
   font-size: 22px;
   line-height: 32px;
   text-align: center;
   color: #030303;
   font-weight: 700;
 }
 .article_writer {
   margin-bottom: 30px;
 }
 .article_img img {
   width: 100%;
 }
 .article_writer_name {
   text-align: right;
   padding-top: 30px;
 }
 .article_writer_name p {
   margin: 0;
   color: #030303;
 }
 .article_writer_name span {
   color: #6d6d6d;
 }
 .sell-us .home_slider_btn {
   position: relative;
   bottom: auto;
   right: auto;
   left: auto;
   text-align: left;
   max-width: 100%;
   margin-top: 40px;
   margin-left: 0;
 }
 .sell-us .home_slider_btn a {
   color: #fff2ae;
 }
 .sell-works .title-border-new .title-border-img::before,
 .sell-works .title-border-new .title-border-img::after {
   width: calc(70% - 100px);
   left: 0;
 }
 .sell-works .title-border-new .title-border-img::after {
   left: auto;
   right: 0;
 }
 .sell-works .title-border-new p {
   max-width: 730px;
   margin: 0 auto;
 }
 .sell-works-tile {
   width: 100%;
   height: 100%;
   background-color: #fff;
   padding: 36px 32px;
   text-align: center;
 }

 .sell-works-tile .image {
   margin-bottom: 20px;
 }
 .sell-works-steps {
   max-width: 1000px;
   margin: 60px auto;
 }
 .sell-us button.btn-black,
 .sell-product-buyers a.btn-black,
 .sell-works a.btn-black {
   width: 260px;
   font-weight: 600;
   font-size: 20px;
   font-family: var(--font-heading);
   text-align: center;
 }
 .sell-product-buyers h2.title-border-img {
   margin-bottom: 32px;
 }
 .sell-works-tile .image img {
   height: 60px;
 }
 .sell-works-tile h5 {
   font-family: inherit;
   font-size: 24px;
   line-height: 36px;
   color: #030303;
 }
 .sell-works-tile p {
   max-width: 200px;
   margin: 0 auto;
   color: #6d6d6d;
 }

 .price-guarented {
   padding: 39px 0;
   border-bottom: 1px solid rgba(109, 109, 109, 0.4);
   background: #d1ab59;
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/guranted-bg.png');
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   width: 100%;
   height: 100%;
 }

 .price-guarented.silver-price {
   background: #9c9c9c;
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/silver-price.png');
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   width: 100%;
   height: 100%;
 }

 .price-guarented img {
   margin-bottom: 20px;
   max-width: 160px;
 }
 .price-guarented h5 {
   font-size: 32px;
   font-family: inherit;
   line-height: 1;
   font-weight: bold;
 }
 .price-guarented p {
   font-size: 16px;
   line-height: 1.2;
   font-weight: normal;
   margin-bottom: 30px;
 }
 .price-guarented .btn-white {
   display: flex;
   padding: 12px 40px;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   border-radius: 8px;
   font-size: 16px;
   font-style: normal;
   font-weight: 600;
   line-height: 20px;
 }
 .buy-section ul li div:nth-child(1) {
   flex: 0 0 44px;
   max-width: 44px;
 }
 .buy-section ul li div:nth-last-child(1) {
   flex: 0 0 calc(100% - 44px);
   max-width: calc(100% - 44px);
 }
 .buy-section ul li h4 {
   font-family: inherit;
   font-size: 24px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
 }
 .buy-section ul li p {
   padding-left: 20px;
   font-size: 20px;
   font-style: normal;
   font-weight: 400;
   line-height: 28px;
 }
 .buy-section .left-sec {
   padding-right: 35px;
 }
 .buy-section .right-sec {
   padding-left: 35px;
 }
 .buyers-table {
   margin: 60px auto;
 }
 .buy-section .buy-sec-price {
   margin-top: 60px;
 }

 .buyers-table .table thead tr:nth-child(1) th {
   border: 1px solid #e6e9f5;
   background: linear-gradient(175deg, #d1ab59 0%, #a77608 100%);
   text-align: center;
 }
 .buyers-table .table thead tr:nth-child(1) th div.table-title {
   color: #fff;
   font-weight: 600;
   font-size: 18px;
   line-height: 40px;
   font-style: normal;
 }
 .buyers-table .table thead th {
   vertical-align: middle;
 }
 .buyers-table .table thead tr:nth-child(2) th {
   color: #030303;
   font-feature-settings: "liga" off;
   font-size: 16px;
   line-height: 26px;
   font-weight: 600;
   border-top: 0;
   border: 1px solid #e6e9f5;
   background-color: #fff;
   border-right: 0;
   padding: 20px 16px;
 }
 .buyers-table .table thead tr:nth-child(2) th {
   width: 67%;
   border-left: 0;
 }
 .buyers-table .table thead tr:nth-child(2) th:nth-last-child(1) {
   width: 33%;
   text-align: center;
 }
 .buyers-table .table {
   margin-bottom: 1.5rem;
 }
 .buyers-table .table tr td {
   border-top: 0;
   border: 1px solid #e6e9f5;
   background-color: #fff;
   text-align: center;
   color: #40444e;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 24px;
   padding: 20px 16px;
 }

 .buyers-table .table tr td:nth-child(2) {
   color: #030303;
   font-weight: 600;
 }
 .buyers-table .table tr td:nth-child(2),
 .buyers-table .table thead tr:nth-child(2) th {
   font-weight: 500;
 }
 .buyers-table .table tr td:nth-child(1) {
   text-align: left;
 }
 .buyers-table .row > div {
   padding: 0 6px;
 }
 .buyers-table.buyers-silver .table thead tr:nth-child(1) th {
   border: 1px solid #e6e9f5;
   background: linear-gradient(175deg, #9c9c9c 0%, #797979 100%);
   text-align: center;
 }
 .num-steps .sell-works-tile h5 {
   font-family: inherit;
   font-size: 24px;
   line-height: 1.2;
   color: #030303;
   font-weight: bold;
   min-height: 58px;
   margin-bottom: 20px;
 }
 .num-steps .sell-works-tile p {
   max-width: 100%;
   font-size: 16px;
   line-height: 1.5;
 }
 .converted-tab {
   justify-content: center;
   border: 1px solid #dee2e6;
   padding: 2px;
   max-width: 966px;
   margin: 0 auto;
 }
 .converted-tab.nav-tabs .nav-item {
   margin: 0;
   border-radius: 0;
   border: 0;
   min-width: 240px;
   text-align: center;
   align-items: center;
   display: flex;
   justify-content: center;
   font-size: 20px;
   text-transform: uppercase;
   color: #030303;
 }
 .converted-tab.nav-tabs .nav-item img {
   height: 58px;
   margin-right: 15px;
 }
 .sell-tabs .tab-content {
   margin-top: 60px;
 }
 .sell-tabs .table th {
   border: 0;
   font-family: var(--font-heading);
   font-weight: 400;
   text-align: center;
   font-size: 40px;
   line-height: 68px;
   color: #fff;
   background-size: cover;
   background-repeat: no-repeat;
 }
 .sell-tabs .table thead tr:nth-child(2) th {
   color: #212529;
   font-size: 16px;
   line-height: 28px;
   font-weight: 600;
   border-top: 0;
   border: 1px solid #e6e9f5;
   background-color: #fff;
 }
 .sell-tabs #sell-tab-content-1 .table thead tr:first-child th {
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/gold-back.svg');
 }
 .sell-tabs #sell-tab-content-2 .table thead tr:first-child th {
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/silver-tile-bg.svg');
 }
 .sell-tabs #sell-tab-content-3 .table thead tr:first-child th {
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/platinum-tile-bg.svg');
 }
 .sell-tabs #sell-tab-content-4 .table thead tr:first-child th {
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/platinum-tile-bg.svg');
 }
 .sell-tabs .table th .table-title {
   display: flex;
   align-items: center;
   justify-content: center;
 }
 .sell-tabs .table td {
   border-top: 0;
   border: 1px solid #e6e9f5;
   background-color: #fff;
   text-align: center;
   width: 50%;
 }
 .sell-tabs .col-8 .table td {
   width: 25%;
 }
 .sell-tabs .selected-tab {
   font-size: 20px;
   text-transform: uppercase;
   color: #030303;
   background-color: #fff;
   position: relative;
   padding: 26px 24px 26px 94px;
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/drop.png');
   background-repeat: no-repeat;
   background-size: 10px;
   background-position: calc(100% - 20px) 50%;
 }
 .sell-tabs .selected-tab:before {
   content: "";
   width: 50px;
   height: 58px;
   position: absolute;
   left: 24px;
   top: 0;
   bottom: 0;
   margin: auto 0;
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/gold-icon.png');
   background-size: 100% 100%;
   background-repeat: no-repeat;
 }
 .sell-tabs .selected-tab.gold:before {
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/gold-icon.png');
 }
 .sell-tabs .selected-tab.silver:before {
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/silver-icon.png');
 }
 .sell-tabs .selected-tab.platinum:before {
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/silverp-icon.png');
 }
 .tab-to-dropdown {
   position: relative;
 }
 .sell-tabs h2 {
   text-align: center;
   margin: 0;
   padding-bottom: 30px;
   display: none;
 }
 .login-inner {
   display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
 }
 .login-inner .image {
   flex: 0 0 596px;
   max-width: 596px;
   min-height: 752px;
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/login_banner.png');
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
 }
 .login-inner .login_tile_data {
   flex: 0 0 calc(100% - 596px);
   max-width: calc(100% - 596px);
 }
 .login-inner .login_tile_data .login_tile {
   display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   align-items: center;
   width: 100%;
   height: 100%;
   padding: 100px;
   padding-top: 20px;
 }
 .login-inner .login_tile_data .login_tile .login_tile_inner {
   width: 100%;
 }
 .login_tile_inner a.p-link {
   text-decoration: underline;
   font-weight: 700;
   color: #222;
 }
 .login_tile_title p {
   padding-bottom: 16px;
 }
 .top-space {
   margin-top: 101px;
 }
 .user_dash .banner_img_txt {
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
 }
 .timer-clock {
   display: none !important;
 }
 .user-menu-btn .dropdown-toggle::after {
   display: none;
 }
 .user-menu-btn .dropdown-toggle {
   background-color: transparent;
   border: 0;
   align-items: center;
 }
 .user-menu-btn .user-menu-img .image {
   width: 28px !important;
   height: 28px !important;
   border-radius: 50%;
   overflow: hidden;
   background-image: linear-gradient(318deg, #d36730 17.55%, #fde3a6 80.1%) !important;
   color: #030303;
   font-size: 14px;
   display: flex;
   align-items: center;
   justify-content: center;
   font-weight: 700;
   line-height: normal;
 }
 .user-menu-button-offcanvas{
   border: 0;
   background-color: transparent;
 }
 .user-menu-btn .user-menu-img {
   position: relative;
   margin-left: 20px;
   padding-left: 20px;
   border-left: 1px solid rgb(0, 0, 0, 0.5);
   @media (max-width: 1199px) {
     margin-left: 0px;
     padding-left: 6px;
   }
 }
 .usermenu_checkout .user-menu-img {
   padding-left: 0;
   border-left: 0;
   margin-left: 0;
 }
 .usermenu_checkout .user-menu-img .image {
   width: 34px;
   height: 34px;
   background-color: rgba(217, 217, 217, 1);
   background-image: none;
 }
 .user-menu-btn .user-menu-desc .username {
   font-weight: 500;
   font-size: 13px;
   color: rgba(3, 3, 3, 0.8);
   text-transform: capitalize;
 }
 .user-menu-btn .user-menu-desc .level {
   text-transform: capitalize;
   color: rgba(3, 3, 3, 0.6);
 }
 .user-menu-btn .user-menu-desc span {
   margin: 0;
   color: rgba(3, 3, 3, 0.6);
   font-size: 9px;
   font-style: normal;
   font-weight: 600;
   line-height: normal;
 }
 .user-menu-btn .dropdown-menu {
   padding: 10px;
 }
 .user-menu-btn .dropdown-menu li {
   padding: 0;
   display: block;
   padding-bottom: 5px;
 }
 .user-menu-btn .dropdown-menu li:last-child {
   padding-bottom: 0;
 }
 .user-menu-btn .dropdown-menu li a {
   display: block;
   padding: 0;
   width: 100%;
   font-size: 14px;
   line-height: 18px;
   position: relative;
   color: #1e1e1e;
   padding-left: 22px;
 }
 .user-menu-btn .dropdown-menu li a i,
 .user-menu-btn .dropdown-menu li a svg {
   position: absolute;
   left: 0;
   top: 2px;
 }
 .fa-spinner {
   -webkit-animation: fa-spin 2s infinite linear;
   animation: fa-spin 2s infinite linear;
 }
 @-webkit-keyframes fa-spin {
   0% {
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
   }
   100% {
     -webkit-transform: rotate(359deg);
     transform: rotate(359deg);
   }
 }
 @keyframes fa-spin {
   0% {
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
   }
   100% {
     -webkit-transform: rotate(359deg);
     transform: rotate(359deg);
   }
 }
 .user_dash .banner_desc p {
   font-size: 16px;
   line-height: 28px;
 }
 .border-tabs .nav-tabs {
   border-bottom: 1px solid #cfcfcf;
 }
 .border-tabs .nav-tabs .nav-item {
   margin: 0;
 }
 .border-tabs .nav-tabs .nav-link {
   text-transform: uppercase;
   font-size: 18px;
   line-height: 24px;
   color: #6d6d6d;
   border: 0;
   border-radius: 0;
   letter-spacing: 1.8px;
   border-bottom: 2px solid transparent;
   padding: 0 14px 10px;
   white-space: nowrap;
 }
 .border-tabs .nav-tabs .nav-link.active {
   color: #030303;
   background-color: transparent;
   border-bottom-color: #b08b4e;
 }
 .fine_scan .fine_scan_desc a img {
   position: relative;
   right: auto;
   bottom: auto;
   height: auto;
 }
 .fine_scan.app-dowload-tile img {
   right: 110px;
   height: auto;
 }
 .fine_scan.app-dowload-tile {
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/download-bg.png');
   display: flex;
   align-items: center;
 }
 .user_dash .tab-content > .active {
   background-color: transparent;
 }
 .dash-title {
   margin: 0;
   font-size: 20px;
   font-family: inherit;
   font-weight: 600;
   line-height: 40px;
   padding-bottom: 24px;
 }
 .favourites-slide .new-slider .slick-dots {
   right: auto;
   left: 0;
 }
 .favourites-slide .review_slide_box {
   padding-top: 0;
 }
 .membership-benefits h6 {
   font-family: inherit;
   font-size: 18px;
   line-height: 36px;
   display: inline-block;
   cursor: pointer;
   margin: 0;
   position: relative;
   padding-right: 25px;
 }
 .membership-benefits h6:after {
   content: "";
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/drop.png');
   background-repeat: no-repeat;
   background-size: contain;
   background-position: 0 0;
   position: absolute;
   top: 5px;
   bottom: 0;
   margin: auto 0;
   right: 0;
   width: 12px;
   height: 8px;
   display: block;
 }
 .membership-level {
   display: flex;
   align-items: center;
   padding: 0 0 40px;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
 }
 .membership-level .membership-img {
   text-align: center;
   flex: 0 0 78px;
   max-width: 78px;
 }
 .membership-level .membership-desc {
   flex: 0 0 calc(100% - 446px);
   max-width: calc(100% - 446px);
   padding: 10px 45px;
   border-right: 1px solid rgba(0, 0, 0, 0.2);
 }
 .membership-level .membership-points {
   flex: 0 0 368px;
   max-width: 368px;
   padding-left: 74px;
   padding-right: 15px;
 }
 .membership-img h6 {
   font-size: 16px;
   line-height: 24px;
   margin: 0;
   font-family: inherit;
   font-weight: 600;
 }
 .membership-desc h5 {
   font-size: 20px;
   line-height: 30px;
   font-family: inherit;
   font-weight: 600;
   margin: 0;
 }
 .membership-level .membership-desc .progress-line {
   margin-top: 10px;
 }
 .membership-level .membership-desc i {
   font-style: normal;
   color: #6d6d6d;
   font-size: 14px;
   line-height: normal;
 }
 .membership-desc .progress {
   height: 8px;
   background-color: #e7e7e7;
   border-radius: 0;
 }
 .membership-level .membership-points p {
   font-weight: 600;
   margin: 0;
   font-size: 16px;
   line-height: 24px;
 }
 .membership-level .membership-points span {
   display: block;
   font-size: 13px;
   line-height: 20px;
 }
 @-webkit-keyframes moving-gradient {
   0% {
     background-position: left bottom;
   }
   100% {
     background-position: right bottom;
   }
 }

 .membership-desc .progress.bronze-progress .bar,
 .thank_earn_badge_desc .progress.bronze-progress .bar {
   background: linear-gradient(
       90deg,
       #f3ac68 0%,
       #bf6027 15%,
       #a74915 20%,
       #913505 26%,
       #892e00 29%,
       #b5541c 38%,
       #cb672a 43%,
       #d98344 47%,
       #e9a463 52%,
       #f5bb79 56%,
       #fcca87 61%,
       #ffcf8c 64%,
       #f6bd7b 72%,
       #df8f4f 88%,
       #cb672a 100%
     ),
     #e7e7e7;
 }

 .membership-desc .progress.silver-b-progress .bar,
 .thank_earn_badge_desc .progress.silver-b-progress .bar {
   background: linear-gradient(
     90deg,
     #717171 0%,
     #c0c0c0 52%,
     #9c9c9c 56%,
     #828282 61%,
     #737373 64%,
     #747474 71%,
     #858585 77%,
     #a1a1a1 83%,
     #c9c9c9 100%
   );
 }

 .membership-desc .progress.silver-plus-progress .bar,
 .thank_earn_badge_desc .progress.silver-plus-progress .bar {
   background: linear-gradient(
     90deg,
     #42434c 0%,
     #4d4d56 15%,
     #2a3543 20%,
     #15181f 29%,
     #2a3543 38%,
     #4d4d56 47%,
     #42434c 52%,
     #6a6a73 61.01%,
     #42434c 64.01%,
     #2a3543 88.01%,
     #283645 100.01%
   );
 }

 .membership-desc .progress.gold-progress .bar,
 .thank_earn_badge_desc .progress.gold-progress .bar {
   background: linear-gradient(
     270deg,
     #fef295 -14.4%,
     #f3cc6e -3%,
     #ae7723 9.66%,
     #f3cc6e 28.64%,
     #d8ab50 40.04%,
     #c18e37 53.96%,
     #b37d28 65.35%,
     #ae7723 74.21%,
     #b07925 84.34%,
     #b7822b 91.93%,
     #c39137 98.26%,
     #d5a547 103.33%,
     #ebc05b 108.39%,
     #ffd86e 112.19%
   );
 }

 .account_info_form {
   max-width: 700px;
 }
 .floating-label-content {
   position: relative;
 }

 .floating-label {
   color: #030303;
   font-size: 12px;
   line-height: 13px;
   font-weight: 400;
   position: absolute;
   pointer-events: none;
   left: 15px;
   top: 9px;
   padding: 0 5px;
   margin: 0;
   background: #fff;
   transition: 0.2s ease all;
   -moz-transition: 0.2s ease all;
   -webkit-transition: 0.2s ease all;
   min-width: auto;
 }
 .floating-input:focus ~ .floating-label,
 .floating-select:focus ~ .floating-label {
   top: -6px;
   font-size: 13px;
 }
 .mobile-margin {
   margin-bottom: 16px;
 }
 .custom-table {
   margin: 0;
   border: 1px solid #e6e9f5;
 }
 .custom-table.table thead th {
   vertical-align: middle;
   border-bottom: 1px;
   font-weight: 700;
 }
 .custom-table.table td.hiddenRow {
   padding: 0;
   border: 0;
 }
 .custom-table.table td,
 .custom-table.table th {
   padding: 20px 32px;
   vertical-align: top;
   border-top: 1px solid #e6e9f5;
 }
 .custom-table.table td .accordianBody-Inner {
   padding: 20px 32px;
 }
 .custom-table.table td .order-price-val,
 .custom-table.table td .text-color,
 .accordianBody-Inner.cart-checkout .check-price .cartPriceFinal {
   font-weight: 600 !important;
 }
 .custom-table.table td .text-success {
   color: #139e74 !important;
 }
 .custom-table.table td .text-warning {
   color: #b08b4e !important;
 }
 .not-account a {
   color: inherit;
   text-decoration: underline;
 }
 .sell-pages .box .not-account {
   position: absolute;
   right: 15px;
   top: 6px;
   z-index: 2;
 }
 .accordianBody-Inner .checkout_aside {
   padding: 0;
   max-width: 563px;
   display: block;
 }
 .order_details_desc .col-sm-6 {
   margin-bottom: 15px;
 }
 .order_details_desc {
   padding: 20px 0;
 }
 .order_details_desc h6 {
   margin: 0;
   font-family: inherit;
   font-weight: 700;
   font-size: 16px;
   line-height: 24px;
   padding-bottom: 6px;
 }
 .order_details_desc p {
   font-size: 14px;
   line-height: 20px;
   color: #6d6d6d;
   margin-bottom: 10px;
 }
 .order_details_desc p a {
   text-decoration: underline;
   color: #030303;
 }
 .custom-table.table td.order-btns span,
 .custom-table.table td.hiddenRow .order-btns span {
   font-size: 16px;
   line-height: 24px;
   font-weight: normal;
   padding: 16px 32px;
   border: 1px solid #030303;
   display: none;
   transition: none;
   cursor: pointer;
   text-align: center;
 }
 .custom-table.table tr td.order-btns {
   cursor: pointer;
 }
 .custom-table.table tr[aria-expanded="true"] td.order-btns .fa-angle-down:before {
   content: "\f106";
 }
 .input-container .showHidePass {
   flex: 1 1 auto;
   width: 1%;
 }
 .input-group.password-field.error-highlight {
   border-radius: 20px;
 }
 .input-container .password-field .input-group-prepend {
   border: 0;
   background-color: transparent;
   border-left: 0;
   padding-right: 20px;
   position: absolute;
   right: 2px;
   top: 25px;
   transform: translateY(-30%);
   border-top-right-radius: 15px !important;
   border-bottom-right-radius: 15px !important;
   z-index: 15;
 }
 div#filterModal {
   padding: 0 !important;
 }
 div#filterModal .modal-dialog {
   margin: 0 !important;
   max-height: 100vh;
   max-width: 768px;
 }
 div#filterModal .modal-body {
   padding: 0;
   position: relative;
 }
 div#filterModal .button-checkbox label {
   color: #030303;
 }
 div#filterModal.custom-modal .modal-footer {
   padding: 27px;
 }
 div#filterModal.custom-modal .modal-footer .col-md-6 {
   text-align: center;
 }
 div#filterModal.custom-modal .modal-footer .col-md-6 .arrow-down {
   margin-bottom: 24px;
 }
 div#filterModal.custom-modal .modal-footer .col-md-6 .btn-black {
   width: 100%;
   padding: 12px;
 }
 div#filterModal.custom-modal .modal-header .close {
   top: 50%;
   transform: translateY(-50%);
 }
 .review-section .benefit_tile {
   border-top: 0 !important;
 }

 /*form animation css*/

 .login-form .form-group,
 .account_info_form .form-group,
 .contact_form .form-group,
 .check-ship .form-group,
 .sell-gold-content .form-group {
   position: relative;
 }

 .post-form-group-info {
   font-size: 80%;
   position: relative;
   top: -18px;
 }

 select#country_code {
   width: 68px;
   padding: 0 10px;
 }

 .login-form .form-group input,
 .login-form .form-group textarea,
 .account_info_form .form-group input,
 .account_info_form .form-group textarea,
 .contact_form .form-group input,
 .check-ship input,
 .sell-gold-content .form-group input,
 .login-register-form .form-group input {
   background: transparent;
   border: solid 1px #ccc;
   transition: all 0.3s ease;
   padding: 0 15px;
 }
 .sell-gold-content .form-group input,
 .sell-gold-content .form-group select,
 .account_info_form .form-group select {
   border-radius: 15px;
 }
 .sell-gold-content .form-group .input-group-prepend.align-items-center {
   border-top-right-radius: 15px;
   border-bottom-right-radius: 15px;
 }
 .sell-gold-content .new-customer-from .form-group input.input-control {
   background: #fff;
 }
 .check-ship .input-control {
   margin-bottom: 0;
 }

 .check-ship .input-control::-webkit-input-placeholder {
   color: #030303;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
 }
 .check-ship .input-control::-moz-placeholder {
   color: #030303;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   opacity: 1;
 }

 .login-form .form-group .input-control + label,
 .account_info_form .form-group .input-control + label,
 .check-ship .input-control + label,
 .sell-gold-content .form-group .input-control + label,
 div#existinguserloginmodal .form-group .input-control + label,
 .login-register-form .form-group .input-control + label {
   position: absolute;
   cursor: text;
   z-index: 2;
   top: 15px;
   left: 10px;
   font-size: 15px !important;
   line-height: 24px;
   background: #fff;
   padding: 0 5px !important;
   color: rgba(3, 3, 3, 0.40);
   transition: all 0.3s ease;
   pointer-events: none;
   min-width: inherit !important;
   max-width: inherit !important;
 }
 .check-ship .input-control + label.padding-right-12{
  padding-right: 12px !important;
 }
 .check-ship .input-control + label.padding-right-12.trigger{
  padding-right: 5px !important;
 }

 form .form-group input:not([type="radio"]):not([type="checkbox"]):-webkit-autofill + label,
 form .form-group input:not([type="radio"]):not([type="checkbox"]):focus + label,
 .login-form form .form-group input:not([type="radio"]):not([type="checkbox"]):-webkit-autofill + label,
 .login-form form .form-group input:not([type="radio"]):not([type="checkbox"]):focus + label {
   top: -13px !important;
   color: #030303;
   z-index: 3;
   font-size: 14px !important;
 }

 .login-form .form-group .password-link label,
 .contact_form .form-group .password-link label,
 .check-ship .password-link label,
 .sell-gold-content .form-group label,
 div#existinguserloginmodal .form-group label,
 .login-register-form .form-group label {
   position: relative;
   top: inherit;
   left: inherit;
   padding-left: 30px;
 }

 .login-form .form-group input:focus + label,
 .account_info_form .form-group input:focus + label,
 .login-form .form-group select:focus + label,
 .account_info_form .form-group select:focus + label,
 .login-form .form-group input.trigger + label,
 .account_info_form .form-group input.trigger + label,
 .login-form .form-group select.trigger + label,
 .account_info_form .form-group select.trigger + label,
 .check-ship input:focus + label .check-ship textarea:focus + label,
 .check-ship select:focus + label,
 .check-ship input.trigger + label,
 .check-ship select.trigger + label,
 .sell-gold-content .form-group input:focus + label,
 .sell-gold-content .form-group select:focus + label,
 .sell-gold-content .form-group input.trigger + label,
 .sell-gold-content .form-group select.trigger + label,
 div#existinguserloginmodal .form-group input:focus + label,
 div#existinguserloginmodal .form-group input.trigger + label,
 .login-register-form .form-group input.trigger + label,
 .login-form .form-group input:focus {
   font-size: 11px;
   top: -13px !important;
   z-index: 3;
   font-size: 14px !important;
 }
 .sell-gold-content .accordion.acrd-address .card-header .form-group input:focus + label,
 .sell-gold-content .radio-with-Icon.row input.trigger + label {
   top: 0 !important;
 }

 .login-form .form-group input:focus + label,
 .account_info_form .form-group input:focus + label,
 .contact_form .form-group input:focus + label,
 .check-ship input:focus + label,
 .login-form .form-group select:focus + label,
 .account_info_form .form-group select:focus + label,
 .contact_form .form-group select:focus + label,
 .check-ship select:focus + label,
 .login-form .form-group input.trigger + label,
 .account_info_form .form-group input.trigger + label,
 .contact_form .form-group input.trigger + label,
 .check-ship input.trigger + label,
 .login-form .form-group select.trigger + label,
 .account_info_form .form-group select.trigger + label,
 .contact_form .form-group select.trigger + label,
 .check-ship select.trigger + label,
 div#existinguserloginmodal .form-group input:focus + label,
 div#existinguserloginmodal .form-group input.trigger + label,
 .login-register-form .form-group input.trigger + label {
   color: #030303;
   font-size: 12px;
 }
 .login-form .form-group input:focus,
 .login-form .form-group select:focus,
 .account_info_form input:focus,
 .account_info_form select:focus,
 .contact_form .form-group input:focus,
 .contact_form .form-group textarea:focus,
 .contact_form .form-group select:focus,
 .check-ship .form-group input:focus,
 .check-ship .form-group textarea:focus,
 .check-ship .form-group select:focus,
 .sell-gold-content .form-group input:focus,
 .sell-gold-content .form-group select:focus,
 div#existinguserloginmodal .form-group input:focus {
   border: 1px solid #000 !important;
   box-shadow:
     0 0 0px 1000px #fff inset,
     inset 0 1px 1px rgba(0, 0, 0, 0.075),
     0 0 8px rgba(0, 0, 0, 0.9) !important ;
 }
 .login-form .form-group input.has-error,
 .login-form .form-group input.has-error:focus,
 .login-form .form-group select.has-error,
 .login-form .form-group select.has-error:focus,
 .check-ship .form-group .has-error,
 .check-ship .form-group .has-error:focus,
 .check-ship .form-group .input-control.trigger.has-error:focus,
 .has-error,
 .has-error:focus {
   border: 1px solid #ff3838 !important;
   background: #fff;
   box-shadow: 0px 4px 4px 0px rgba(255, 0, 0, 0.1);
 }
 .check-ship .form-group .input-control.trigger.has-error + label,
 .check-ship .form-group .has-error + label {
   color: #ff3838;
 }

 input[type="radio"] + label .box .form-group input {
   background: #fff;
 }
 .precious_gold .image .image_desc h4 {
   font-size: 32px;
   line-height: 52px;
 }
 /*new header design changes */
 li.dropdownmenu.drop-menu.new-menu h4,
 li.dropdownmenu.drop-menu.new-menu li {
   margin-bottom: 21px;
   position: relative;
 }
 li.dropdownmenu.drop-menu.new-menu h4 {
   color: #030303;
   font-size: 16px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   text-transform: capitalize;
 }
 li.dropdownmenu.drop-menu.new-menu li a {
   color: #0f172a;
   font-size: 20px;
   font-style: normal;
   line-height: normal;
   text-transform: capitalize;
   align-items: center;
 }
 li.dropdownmenu.drop-menu.new-menu li a i {
   opacity: 0;
 }
 li.dropdownmenu.drop-menu.new-menu li a span:nth-child(1) {
   opacity: 1;
 }
 li.dropdownmenu .second-box .dropdown-details ul li a div {
   display: flex;
   flex-direction: column;
 }
 li.dropdownmenu.drop-menu.new-menu li a i {
   font-size: 16px;
 }
 li.dropdownmenu.drop-menu.new-menu li a img {
   width: 22px;
   height: 22px;
 }
 li.dropdownmenu.drop-menu.new-menu li a span.red {
   border-radius: 2px;
   background: #ff3636;
   color: #fff;
   text-align: center;
   font-size: 8px;
   min-width: 20px;
   font-style: normal;
   font-weight: 600;
   line-height: 1;
   padding: 3px 3px;
 }
 li.dropdownmenu.drop-menu.new-menu li a:hover,
 li.dropdownmenu.drop-menu.new-menu li a.active {
   text-decoration: none !important;
   font-weight: 700;
   opacity: 1;
 }
 li.dropdownmenu.drop-menu.new-menu li a span:nth-child(1) {
   font-size: 22px;
 }
 li.dropdownmenu.drop-menu.new-menu li a:hover span:nth-child(1),
 li.dropdownmenu.drop-menu.new-menu li a.active.trigger span:nth-child(1) {
   background: -webkit-linear-gradient(40deg, #a17026 0%, #fbce74 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   font-size: 24px;
   opacity: 1;
   text-shadow: 3px 4px 8px rgba(111, 116, 127, 0.4);
 }
 li.dropdownmenu.drop-menu.new-menu li a.active i {
   color: #d1ab59;
 }
 li.dropdownmenu.drop-menu.new-menu li a i {
   color: #0f172a;
 }

 li.dropdownmenu.drop-menu.new-menu .inner_dropdown .row > div,
 li.dropdownmenu .dropdown-inner > .inner_dropdown > .row > div {
   padding: 40px 0;
 }
 li.dropdownmenu.drop-menu.new-menu .inner_dropdown .row > div.first-box {
   padding: 40px 40px 40px 15px;
   box-shadow: 8px 0px 14px 0px rgba(0, 0, 0, 0.05);
   z-index: 10;
   background: #fff;
   position: relative;
 }
 li.dropdownmenu.drop-menu.new-menu .inner_dropdown .row > div.first-box::after {
   content: "";
   position: absolute;
   left: -100%;
   background: #fff;
   width: 100%;
   height: 100%;
   top: 0;
 }
 li.dropdownmenu.drop-menu.new-menu .inner_dropdown {
   background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/menu-icon/menu-bg.png');
   background-repeat: no-repeat;
   background-position: center;
   width: 100%;
   height: 100%;
   background-size: cover;
 }
 li.dropdownmenu .second-box .dropdown-details ul {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
 }
 li.dropdownmenu .second-box .dropdown-details ul li {
   width: 49%;
 }
 li.dropdownmenu.drop-menu.new-menu .inner_dropdown .row > div.second-box .dropdown-details .inner_dropdown {
   padding: 0 30px;
 }

 li.dropdownmenu .second-box .dropdown-details ul li a {
   padding: 10px 20px;
   position: relative;
 }
 li.dropdownmenu .second-box .dropdown-details ul li a:hover,
 li.dropdownmenu .second-box .dropdown-details ul li a:hover p {
   text-decoration: none !important;
 }
 li.dropdownmenu .second-box .dropdown-details ul li a.active,
 li.dropdownmenu .second-box .dropdown-details ul li a:hover {
   border-radius: 4px;
   background: #f1f1f1;
 }

 li.dropdownmenu .second-box .dropdown-details ul li a::before {
   content: "\f125";
   font-family: var(--font-ionic);
   position: absolute;
   top: 20%;
   right: 12px;
   font-size: 12px;
 }
 li.dropdownmenu.drop-menu.new-menu li a i,
 li.dropdownmenu .second-box .dropdown-details ul li a::before {
   -webkit-transition: transform 0.3s ease-out;
   -moz-transition: transform 0.3s ease-out;
   -ms-transition: transform 0.3s ease-out;
   -o-transition: transform 0.3s ease-out;
   transition: transform 0.3s ease-out;
 }
 li.dropdownmenu.drop-menu.new-menu li a:hover i,
 li.dropdownmenu.drop-menu.new-menu li a.active i {
   -webkit-transform: translateX(4px);
   -moz-transform: translateX(4px);
   -ms-transform: translateX(4px);
   -o-transform: translateX(4px);
   transform: translateX(4px);
 }
 li.dropdownmenu .second-box .dropdown-details ul li a:hover::before {
   -webkit-transform: translate(4px);
   -moz-transform: translate(4px);
   -ms-transform: translate(4px);
   -o-transform: translate(4px);
   transform: translate(4px);
 }

 li.dropdownmenu .second-box .dropdown-details ul li a.active::before,
 li.dropdownmenu .second-box .dropdown-details ul li a:hover::before {
   opacity: 1;
 }

 li.dropdownmenu .second-box .dropdown-details ul li a h4 {
   color: #000000;
   font-size: 14px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   margin-bottom: 8px;
 }
 li.dropdownmenu .second-box .dropdown-details ul li a p {
   color: #8f8f8f;
   font-size: 12px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
 }
 .main-daily-update {
   background: #f1f1f1;
   padding: 16px 16px 19px 16px;
   max-width: 370px;
 }
 .main-daily-update .fine_scan {
   padding: 48px 145px 48px 30px;
   height: auto;
 }
 .main-daily-update .fine_scan .fine_scan_desc h3 {
   font-size: 33px;
   line-height: 34px;
 }
 .main-daily-update .fine_scan p {
   padding-bottom: 0;
   font-weight: normal;
 }
 .main-daily-update .fine_scan img {
   right: 0;
   bottom: inherit;
   height: 182px;
   top: 50%;
   transform: translateY(-50%);
 }
 .main-daily-update a {
   margin-top: 16px;
   color: #030303 !important;
   font-size: 10px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
 }

 li.dropdownmenu.drop-menu.new-menu .inner_dropdown .row > div.second-box .dropdown-details {
   overflow: hidden;
 }
 li.dropdownmenu.drop-menu.new-menu .inner_dropdown .row > div.second-box .dropdown-details .inner_dropdown ul {
   opacity: 0;
 }
 li.dropdownmenu.drop-menu.new-menu .inner_dropdown .row > div.second-box .dropdown-details .inner_dropdown ul {
   opacity: 1;
   overflow: visible;
   visibility: visible;
   max-height: 450px;
 }

 li.dropdownmenu.drop-menu.new-menu
   .inner_dropdown
   .row
   > div.second-box
   .dropdown-details
   .inner_dropdown
   ul
   li:not(.background-holder) {
   -webkit-animation-delay: var(--delay);
   animation-delay: var(--delay);
   -webkit-animation-duration: 0.3s;
   animation-duration: 0.3s;
   -webkit-animation-fill-mode: forwards;
   animation-fill-mode: forwards;
   -webkit-animation-name: openSubMenu;
   animation-name: openSubMenu;
   opacity: 0;
 }

 li.dropdownmenu.drop-menu.new-menu.open_content
   .dropdown-inner
   .first-box
   ul
   > li.has-background-img.dropdownmenu-one.drop-menu
   li.background-holder {
   opacity: 0.5;
   -webkit-transform: translateX(0);
   transform: translateX(0);
 }

 /*popup design update*/
 .cart-modal-bottom .price-box span {
   font-size: 14px;
 }
 .cart-modal-bottom .cart-modal-slider .product-tile .product-action {
   gap: 10px;
 }
 .cart-modal-bottom .cart-modal-slider .product-tile .price-box {
   min-height: 29px;
   margin-bottom: 0;
   margin-top: 10px;
 }
 .cart-modal-bottom .cart-modal-slider .product-tile .price-box span {
   font-size: 20px;
   line-height: normal;
 }
 .cart-modal-bottom .cart-modal-slider .product-tile .product-action:has(.add-to-cart.d-none) .price-box  {
   margin-bottom: 68px;
 }
 .cart-modal-bottom .new-slider .slick-dots {
   top: -42px;
   bottom: inherit;
 }
 .cart-modal-bottom .new-slider .slick-dots button {
   width: 40px;
 }
 .cart-modal-bottom .cart-modal-slider.new-slider .slick-arrow.slick-prev {
   bottom: inherit;
   top: -68px;
   width: 40px;
   height: 40px;
 }
 .cart-modal-bottom .cart-modal-slider.new-slider .slick-arrow.slick-next {
   bottom: inherit;
   top: -68px;
   width: 40px;
   height: 40px;
 }
 .cart-modal-bottom .cart-modal-slider.new-slider .slick-arrow.slick-prev {
   right: 75px;
 }
 .cart-modal-bottom .cart-modal-slider.new-slider .slick-dots {
   right: 130px;
 }
 .cart-modal-bottom .cart-modal-slider .product-tile {
   padding: 10px;
   border: 1px solid #F1F1F1;
   background-color: #F1F1F1;
 }
 .cart-modal-bottom .cart-modal-slider .slick-list {
   padding-bottom: 15px !important;
 }
 .cart-modal-bottom .price-box span i::before {
   width: 7px;
 }
 .cart-modal-bottom .product-img img {
   max-height: 150px;
 }
 .cart-modal-bottom .product-desc h5 {
   font-size: 16px;
   line-height: 21px;
 }
 .cart-modal-bottom .product-img {
   height: 200px;
 }

 .products-img.prodsquare img#prod-main-img {
   min-width: 180px;
   max-width: 380px;
   width: 100%;
 }
 .products-img.prodrectangle img#prod-main-img {
   min-width: 180px;
   max-width: 524px;
   width: 100%;
 }

 #existinguserloginmodal .btn-black {
   padding: 10px 22px;
 }
 #existinguserloginmodal .btn-black.btn-cancel {
   background: transparent;
   color: #000000;
 }
 #existinguserloginmodal .btn-black.btn-cancel:hover {
   color: #fff;
   background: #000;
 }
 .chk-setting .user-menu-btn .dropdown-menu {
   border: 1px solid rgba(0, 0, 0, 0.15);
   margin-top: 2px !important;
 }

 @media (min-width: 768px) {
   .pdp_desc_tab .tab-pane .collapse {
     display: block;
   }
   .pdp_desc_tab .tab-pane .tab-header {
     display: none;
   }
 }
 .pdp_desc_tab .tab-pane .tab-header {
   display: none;
 }
 @media (max-width: 1920px) {
   .new-slider .slick-arrow {
     right: 120px;
   }
   .new-slider .slick-arrow.slick-prev {
     right: 200px;
   }
   .new-slider .slick-dots {
     right: 310px;
   }
   .goldbankAssure_inner {
     max-width: calc(100% - 200px);
   }
 }
 @media (max-width: 1500px) {
   .banner_img {
     height: 660px;
   }
 }
 @media (max-width: 1440px) {
   h2,
   .fn-64 {
     font-size: 58px;
     line-height: 70px;
   }
   .fn-54 {
     font-size: 48px;
     line-height: 58px;
   }
   .sale-cart-seller h2 {
     font-size: 48px;
     line-height: 1;
   }
   .plp_products_sec .product-tile .product-action .price-box span i::before {
     width: 8px;
   }
   .plp_products_sec .add-to-cart-inner i {
     transform: translateX(104px);
   }
   .product-desc h5 {
     line-height: 20px;
     font-size: 15px;
   }
   .buy-section .left-sec {
     padding-right: 20px;
   }
   .buy-section .right-sec {
     padding-left: 15px;
   }
   .buyers-table .table tr td {
     font-size: 14px;
     padding: 18px 14px;
   }
   .buyers-table .table thead tr:nth-child(2) th {
     font-size: 14px;
     line-height: 1.4;
   }
   .sell-pages .cartPriceFinal .tp {
     font-size: 26px;
   }

   /*popup design update*/
   .cart-modal-bottom .new-slider .slick-dots {
     top: -62px;
     bottom: inherit;
   }
   .cart-modal-bottom .new-slider .slick-dots button {
     width: 30px;
   }
   .cart-modal-bottom .cart-modal-slider.new-slider .slick-arrow.slick-prev {
     bottom: inherit;
     top: -62px;
     width: 40px;
     height: 40px;
   }
   .cart-modal-bottom .cart-modal-slider.new-slider .slick-arrow.slick-next {
     bottom: inherit;
     top: -62px;
     width: 40px;
     height: 40px;
   }
   .cart-modal-bottom .cart-modal-slider.new-slider .slick-arrow.slick-prev {
     right: 75px;
   }
   .cart-modal-bottom .cart-modal-slider.new-slider .slick-dots {
     right: 130px;
   }
   .cart-modal-bottom .cart-modal-slider .product-tile {
     padding: 20px;
   }
   .cart-modal-bottom .cart-modal-slider .slick-list {
     padding-bottom: 15px !important;
   }
   .cart-modal-bottom .price-box span i::before {
     width: 7px;
   }
   .cart-modal-bottom .product-img img {
     max-height: 150px;
   }
   .cart-modal-bottom .product-desc h5 {
     line-height: 18px;
     font-size: 14px;
   }
   .sell-banner .banner_img {
     height: 760px;
   }
   .sell-banner-img img {
     max-width: 388px;
   }
   .cart-list-modal-inner .add-to-cart-inner i {
     transform: translateX(90px);
   }
 }

 /*read more add in header*/

 .content-more p.more {
   display: inline-block;
   animation: marquee-right-left 15s linear infinite;
 }
 @keyframes marquee-right-left {
   0% {
     transform: translateX(0);
   }
   100% {
     transform: translateX(-100%);
   }
 }
 @media (max-width: 1440px) {
   .login-inner .login_tile_data .login_tile{
       padding: 80px;
   }
 }
 @media (max-width: 1400px) {
   body {
     font-size: 14px;
   }
   .fn-162 {
     font-size: 130px;
     line-height: 130px;
   }

   h1,
   .fn-100 {
     font-size: 70px;
     line-height: 70px;
   }
   h2,
   .fn-64 {
     font-size: 50px;
     line-height: 70px;
   }
   .fn-54 {
     font-size: 44px;
     line-height: 54px;
   }
   h3,
   .fn-40 {
     font-size: 40px;
     line-height: 48px;
   }
   h4,
   .fn-36 {
     font-size: 34px;
     line-height: 40px;
   }
   header + .wrapper-inner {
     margin-top: -92px;
   }
   .top-space {
     margin-top: 92px;
   }
   .header-menu > ul {
     padding: 15px 2px 15px 0;
   }
   .headerLinks .btn-group {
     padding: 0 10px;
   }
   .headerLinks a.dropdown-toggle.header-btn {
     padding: 6px 10px;
   }
   .header_logo,
   .header_logo img {
     min-height: 40px;
   }
   #topSearch img.black_logo {
     height: 40px;
     min-height: inherit;
   }
   .header_bottom .header_inner > .row > .col-md-5 {
     flex: 0 0 calc((100% - 234px) / 2);
     max-width: calc((100% - 234px) / 2);
   }
   .header_bottom .header_inner > .row > .col-md-2 {
     flex: 0 0 234px;
     max-width: 234px;
   }
   .header_top {
     padding: 6px 0;
   }
   .ptb-120 {
     padding: 100px 0;
   }

   .ptb-80 {
     padding: 70px 0;
   }
   body.sticky-header .main-wrapper {
     padding-top: 74px;
   }
   .top-search .header_logo {
     height: 74px;
   }
   /* Cart modal */
   .cart-modal-tile .cart-modal-img {
     flex: 0 0 80px;
     max-width: 80px;
     height: 80px;
   }
   .cart-modal-tile .cart-modal-desc {
     flex: 0 0 calc(100% - 260px);
     max-width: calc(100% - 260px);
   }
   .cart-modal-tile .cart-modal-amt {
     flex: 0 0 180px;
     max-width: 180px;
   }
   .cart-modal-tile .cart-modal-desc p {
     font-size: 14px;
     line-height: 18px;
   }
   .cart-modal-slider .product-img {
     height: 180px;
   }
   .cart-modal-slider .product-img img {
     max-height: 140px;
   }
   .cart-modal-total {
     padding: 10px 0;
   }
   .cart-modal-title,
   .cart-modal-tile {
     margin-bottom: 20px;
   }
   .cart-modal-items {
     max-height: 178px;
     padding-bottom: 15px;
   }
   .cart-modal-bottom {
     padding: 0 0 30px 0;
   }
   .new-slider .slick-arrow {
     right: 120px;
   }
   .new-slider .slick-arrow.slick-prev {
     right: 200px;
   }
   .new-slider .slick-dots {
     right: 280px;
   }
   .goldbankAssure_inner {
     max-width: calc(100% - 150px);
   }
   .goldbankAssure-tile,
   .our_values_tiles .goldbankAssure-tile {
     padding: 25px;
   }
   .goldbankAssure_inner .goldbankAssure_title {
     padding-bottom: 44px;
   }
   .goldbankAssure_inner .goldbankAssure_title p {
     margin-bottom: 32px;
   }
   .goldbankAssure-tile img {
     margin-bottom: 20px;
   }
   .product-tile .add-to-wishlist {
     right: 15px;
     top: 15px;
   }
   .featured_products .tab-content {
     padding-top: 50px;
   }
   .customTab .nav-tabs .nav-link {
     padding: 7px 20px;
   }
   .gold_tile_desc {
     padding: 0 30px 40px;
   }
   .gold_tile_desc h3 {
     padding-bottom: 20px;
   }
   .top_gold_slider {
     padding: 0 0 20px;
   }
   .home_slider_btn {
     margin: 40px 0 0 75px;
   }
   .home_slider_btn .arrow-button i {
     width: 62px;
     height: 62px;
     right: -40px;
     top: -20px;
   }
   .home_slider_btn .arrow-button:before,
   .home_slider_btn .arrow-button:after {
     right: -15px;
   }
   .home_slider_btn .arrow-button:hover:before,
   .home_slider_btn .arrow-button:focus:before,
   .home_slider_btn .arrow-button:hover:after,
   .home_slider_btn .arrow-button:focus:after {
     right: -20px;
   }

   .product_ad_banner_desc {
     padding-left: 20px;
   }
   .fine_scan img {
     height: 300px;
   }
   .fine_scan.app-dowload-tile img {
     right: 80px;
     height: 400px;
   }
   .fine_scan {
     height: 430px;
     padding: 50px;
   }
   .margin_list_inner ul li {
     font-size: 18px;
   }
   .margin_desc h3 {
     font-size: 24px;
     line-height: 30px;
   }
   .customTab .nav-tabs .nav-link {
     padding: 8px 20px;
   }
   .goldbankAssure-tile p {
     font-size: 16px;
     line-height: 28px;
   }
   .pdp_info h1 {
     line-height: 48px;
   }
   .account_panel_tile {
     padding: 80px 50px;
   }
   .account_panel_tile ul {
     flex: 0 0 450px;
     max-width: 450px;
   }
   .account_panel_desc {
     flex: 0 0 calc(100% - 450px);
     max-width: calc(100% - 450px);
   }
   .cart-checkout .col-lg-9 {
     flex: 0 0 calc(100% - 380px);
     max-width: calc(100% - 380px);
     padding-right: 30px;
   }
   .cart-checkout .col-lg-3 {
     flex: 0 0 380px;
     max-width: 380px;
   }
   .cart-container .cart-modal-tile .cart-modal-img {
     flex: 0 0 120px;
     max-width: 120px;
     height: 120px;
   }
   .cart-container .cart-modal-tile .cart-modal-desc {
     flex: 0 0 calc(100% - 300px);
     max-width: calc(100% - 300px);
   }
   .delivery_title h5 {
     font-size: 18px;
     line-height: 34px;
   }
   .deliver_info {
     padding: 10px 20px;
   }
   .order_addr p {
     line-height: 26px;
   }
   .esti_free p {
     padding-left: 26px;
   }
   .cart-modal-desc li {
     padding-right: 15px;
   }
   .esti_free {
     flex: 0 0 225px;
     max-width: 225px;
   }
   .order_addr {
     flex: 0 0 calc(100% - 341px);
     max-width: calc(100% - 341px);
   }
   .thank_summary {
     margin-bottom: -126px;
   }
   .thank-you-title,
   .register-welcome-title {
     height: 360px;
   }

   .banner-title {
     padding-bottom: 60px;
   }
   .member_tile_top img {
     width: 120px;
     margin-bottom: 30px;
   }
   .member_tile_bottom {
     padding-top: 30px;
   }

   .login-inner .login_tile_data .login_tile {
     padding: 80px;
   }

   .cart-modal-bottom .new-slider .slick-dots {
     top: -58px;
   }
   .cart-modal-bottom .cart-modal-slider.new-slider .slick-arrow.slick-prev,
   .cart-modal-bottom .cart-modal-slider.new-slider .slick-arrow.slick-next {
     top: -62px;
   }
   .sell-banner-img img {
     max-width: 348px;
   }
 }
 @media (max-width: 1300px) {
   .login-inner .login_tile_data .login_tile {
     padding: 60px 50px;
   }
 }
 @media (max-width: 1199px) {
   .fn-162 {
     font-size: 100px;
     line-height: 100px;
   }
   h1,
   .fn-100 {
     font-size: 60px;
     line-height: 60px;
   }
   h2,
   .fn-64 {
     font-size: 40px;
     line-height: 60px;
   }
   .fn-54 {
     font-size: 40px;
     line-height: 60px;
   }
   h3,
   .fn-40 {
     font-size: 38px;
   }
   h4,
   .fn-36 {
     font-size: 32px;
     line-height: 36px;
   }
   .btn-black {
     padding: 16px 22px;
   }
   .check-ship .input-control .form1,
   .check-ship .input-control select,
   .check-ship .input-control .input-field {
     padding: 0 15px;
   }
   .header_inner,
   .inner_dropdown,
   .top-search {
     padding: 0 50px;
   }
   .top-search .header_logo .close {
     right: 50px;
   }
   .wrapper-inner .container-fluid.breadcrumbs {
     padding: 15px 50px;
   }
   .ptb-120 {
     padding: 86px 0;
   }
   .ptb-80 {
     padding: 60px 0;
   }
   .wrapper-inner .container-fluid {
     padding-left: 15px;
     padding-right: 15px;
   }
   .new-slider .slick-arrow {
     right: 100px;
   }
   .new-slider .slick-arrow.slick-prev {
     right: 170px;
   }
   .new-slider .slick-dots {
     right: 250px;
   }
   .goldbankAssure_inner {
     max-width: calc(100% - 120px);
     padding: 40px;
   }
   .goldbankAssure-tile h3 {
     padding-bottom: 10px;
   }
   .goldbankAssure-tile img {
     margin-bottom: 15px;
   }
   .precious_gold .image .image_desc {
     padding: 30px 10px 15px;
   }
   .precious_gold .image .image_desc h3 {
     font-size: 30px;
     line-height: 34px;
     padding-bottom: 10px;
   }
   ul.footer-list li a {
     font-size: 14px;
     line-height: 18px;
   }
   .trust_tile p {
     font-size: 14px;
   }
   .trust_tile h4 {
     font-size: 32px;
   }
   .margin_tile .margin_desc {
     flex: 0 0 calc(100% - 100px);
     max-width: calc(100% - 100px);
   }
   .margin_list_inner .arrow-down {
     font-size: 12px;
     line-height: 22px;
   }
   .margin_tile .image {
     flex: 0 0 100px;
     max-width: 100px;
   }

   .featured_products .tab-content {
     padding-top: 40px;
   }
   .category_slider_inner {
     height: 500px;
   }
   .category_slider.hide-on-mobile {
     display: none;
   }
   .category_slider.show-on-mobile {
     display: block;
   }
   .customTab .nav-tabs .nav-link {
     padding: 7px 16px;
   }
   .gold_tile {
     margin-right: 0;
   }
   .gold_tile_desc {
     padding: 0 30px 20px;
   }
   .gold_tile_desc h3 {
     padding-bottom: 15px;
   }
   .title-border h2::before,
   .title-border h2::after {
     width: calc(100% - 180px);
   }
   .home_slider .image::before {
     width: 640px;
     left: -180px;
   }
   .home_slider_btn {
     margin: 30px 0 0 75px;
   }
   .home_slider_btn .arrow-button i {
     width: 52px;
     height: 52px;
     right: -35px;
     top: -15px;
   }
   .product_ad_banner_desc h3:nth-child(2) {
     padding-bottom: 10px;
   }
   .categories_links li {
     margin: 0 10px;
   }
   .categories_links {
     padding-top: 50px;
   }
   .banner_img {
     height: 560px;
   }
   .banner_desc {
     height: 560px;
   }

   .fine_scan img {
     height: 260px;
   }
   .fine_scan.app-dowload-tile img {
     right: 60px;
     height: 340px;
   }
   .fine_scan_desc {
     max-width: 440px;
   }
   .fine_scan {
     height: 400px;
     padding: 40px;
   }
   .cart-list-modal .cart-list-modal-inner {
     width: 600px;
   }
   .pdp_info_desc {
     margin-bottom: 40px;
   }
   .account_panel_tile {
     padding: 40px;
   }
   .account_panel_tile ul li {
     padding: 10px 90px 10px 0;
   }
   .account_panel_desc {
     flex: 0 0 calc(100% - 380px);
     max-width: calc(100% - 380px);
   }
   .account_panel_tile ul {
     flex: 0 0 380px;
     max-width: 380px;
   }
   .account_panel_desc h3 {
     padding: 8px 0;
   }
   .cart-container .cart-modal-tile .cart-modal-img {
     flex: 0 0 100px;
     max-width: 100px;
     height: 100px;
   }
   .cart-container .cart-modal-tile .cart-modal-amt {
     flex: 0 0 160px;
     max-width: 160px;
   }
   .cart-modal-desc ul {
     padding: 5px 0;
   }
   .cart-container .cart-modal-tile .cart-modal-desc {
     flex: 0 0 calc(100% - 260px);
     max-width: calc(100% - 260px);
     padding: 0 15px 0;
   }
   .cart-checkout .col-lg-9 {
     flex: 0 0 calc(100% - 280px);
     max-width: calc(100% - 280px);
     padding-right: 24px;
   }
   .cart-checkout .col-lg-3 {
     flex: 0 0 280px;
     max-width: 280px;
   }
   .order_addr p {
     line-height: 24px;
     font-size: 14px;
   }
   .esti_free p {
     line-height: 28px;
   }
   .cart_total .row {
     padding: 5px 0;
   }
   .cart_total .row:last-child {
     margin-top: 5px;
   }
   .esti_free {
     flex: 0 0 220px;
     max-width: 220px;
   }
   .order_addr h6 {
     line-height: 28px;
   }
   .order_addr {
     padding-left: 15px;
     flex: 0 0 calc(100% - 116px);
     max-width: calc(100% - 116px);
   }
   .esti_free {
     flex: 0 0 100%;
     max-width: 100%;
     text-align: left;
     padding-top: 20px;
   }
   .esti_free p {
     display: block;
   }

   .our-mission p {
     font-size: 20px;
     line-height: 30px;
   }
   .our_story_banner {
     bottom: 250px;
   }
   .about_slider h1 {
     bottom: 330px;
   }
   .thank_summary {
     margin-bottom: -136px;
   }
   .thank-you-title,
   .register-welcome-title {
     height: 320px;
     padding-top: 25px;
   }

   .cart-checkout .CartTable .check-desc {
     /* padding: 0 0 0 15px; */
   }
   .banner-title {
     padding-bottom: 50px;
   }
   .mem_column .mem_cell {
     padding: 14px 22px;
     min-height: 84px;
   }
   .goldbankAssure_inner > img {
     width: 280px;
   }
   .low_margin h2 {
     padding-bottom: 24px;
   }
   .low_margin p {
     padding-bottom: 14px;
   }
   .member_tile {
     padding: 20px 25px 25px;
   }
   .member_tile_top img {
     width: 100px;
     margin-bottom: 20px;
   }
   .member_tile_bottom {
     padding-top: 20px;
   }
   .sell-works-tile {
     padding: 20px;
   }
   .sell-tabs .table th {
     font-size: 34px;
   }
   .sell-tabs .tab-content {
     margin-top: 50px;
   }
   .sell-works .title-border-new .title-border-img::before,
   .sell-works .title-border-new .title-border-img::after {
     width: calc(70% - 70px);
   }
   .login-inner .login_tile_data .login_tile {
     padding: 60px 40px;
   }
   .login-inner .image {
     flex: 0 0 500px;
     max-width: 500px;
     min-height: 700px;
   }
   .login-inner .login_tile_data {
     flex: calc(100% - 500px);
     max-width: calc(100% - 500px);
   }
   .membership-level .membership-desc {
     flex: 0 0 calc(100% - 378px);
     max-width: calc(100% - 378px);
   }
   .membership-level .membership-points {
     padding-left: 45px;
     flex: 0 0 300px;
     max-width: 300px;
   }
   .custom-table.table td,
   .custom-table.table th,
   .custom-table.table td .accordianBody-Inner {
     padding: 15px 25px;
   }
   .review-section .benefit_tile {
     padding: 15px;
   }
   .benefit_tile .benefit_tile_desc h6 {
     font-size: 12px;
   }
   .price-guarented h5 {
     font-size: 24px;
   }
   .buy-section ul li img {
     width: 34px;
     height: 34px;
   }
   .buy-section .left-sec {
     padding-right: 15px;
   }
   .buy-section .right-sec {
     padding-left: 10px;
   }
   .buy-section ul li p {
     font-size: 18px;
     padding-left: 10px;
   }
   .section-title.sell-title-text h2 {
     margin-top: 60px;
   }
   .sell-pages .backbtn {
     top: 16% !important;
     z-index: 10;
   }
   .sell-pages .sell-gold-content .box .table.order-table.sell-table tbody td,
   .sell-pages .sell-gold-content .box .table.order-table.sell-table tbody td select,
   .sell-pages .sell-gold-content .box .table.order-table.sell-table tbody td input {
     font-size: 14px;
   }
 }

 @media (max-width: 1100px) {
   .login-form .form-group .input-control + label,
   .account_info_form .form-group .input-control + label,
   .contact_form .form-group .input-control + label,
   .check-ship .input-control + label,
   .sell-gold-content .form-group .input-control + label {
     color: #030303;
     font-size: 16px !important;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
   }
   .login-inner .login_tile_data .login_tile {
     padding: 60px 30px;
   }
   div.registration-form .col-md-6,
   div.registration-form .col-lg-6,
   div.registration-form .col-12 {
     padding: 0 8px;
   }
 }

 @media (max-width: 1024px) {
   .sell-pages .backbtn {
     top: 15% !important;
   }
   .home_slider .slide .arrow-button:nth-child(2) {
     margin-left: 50px;
   }
   .slick-active .home_slider_text .member-img {
     margin-bottom: 44px;
   }
   .new-slider.slider-btn-center > * {
     padding: 0 10px;
   }
   .add-to-cart-inner i {
     transform: translateX(0);
   }
   .product-tile .product-action .add-to-cart .arrow-down-hide {
     display: none;
   }

   /*new header table design for buy now*/
   li.dropdownmenu.drop-menu.new-menu .inner_dropdown .row > div.first-box {
     padding: 40px 20px 40px 15px;
   }
   li.dropdownmenu.drop-menu.new-menu .inner_dropdown .row > div.second-box .dropdown-details .inner_dropdown {
     padding: 0 15px;
   }
   li.dropdownmenu .second-box .dropdown-details ul li a {
     padding: 10px 15px;
   }
   li.dropdownmenu.drop-menu.new-menu .inner_dropdown .row > div.second-box .dropdown-details .inner_dropdown li {
     margin-bottom: 10px;
     min-height: 91px;
   }
   li.dropdownmenu.drop-menu.new-menu .inner_dropdown .row > div.second-box .dropdown-details .inner_dropdown li a {
     min-height: 91px;
   }
   .main-daily-update {
     padding: 10px 10px 13px 10px;
   }
   .main-daily-update .fine_scan .fine_scan_desc h3 {
     font-size: 22px;
     line-height: 23px;
   }
   .main-daily-update .fine_scan p {
     font-size: 10px;
     line-height: 1.3;
   }
   .main-daily-update .fine_scan {
     padding: 30px 110px 30px 15px;
   }
   .main-daily-update .fine_scan img {
     height: 122px;
   }
   .main-daily-update a {
     margin-top: 10px;
   }
   li.dropdownmenu .second-box .dropdown-details ul li a h4 {
     margin-bottom: 6px;
   }
   li.dropdownmenu .second-box .dropdown-details ul li a p {
     font-size: 10px;
   }
   .banner_desc p {
     font-size: 16px;
     line-height: 26px;
     max-width: 400px;
   }
   .sell-banner .banner_desc p {
     margin-bottom: 16px;
   }
   .sell-banner .banner_img {
     height: 600px;
   }
   .sell-banner-img img {
     max-width: 288px;
   }
 }
 @media (max-width: 992px) {
  .cart-checkout{
    padding-top: 24px;
    padding-bottom: 20px;
 }
   .fn-162 {
     font-size: 80px;
     line-height: 80px;
   }
   h1,
   .fn-100 {
     font-size: 50px;
     line-height: 50px;
   }
   h2,
   .fn-64 {
     font-size: 32px;
     line-height: 42px;
   }
   .fn-54 {
     font-size: 32px;
     line-height: 42px;
   }
   h3,
   .fn-40 {
     font-size: 34px;
   }
   h4,
   .fn-36 {
     font-size: 30px;
     line-height: 38px;
   }
   header + .wrapper-inner {
     margin-top: -114px;
   }
   .top-space {
     margin-top: 88px;
   }
   .header_inner,
   .inner_dropdown,
   .top-search {
     padding: 0 30px;
   }
   .top-search .header_logo .close {
     right: 30px;
   }
   .wrapper-inner .container-fluid.breadcrumbs {
     padding: 12px 30px;
   }
   .headerLinks .btn-group {
     padding: 0 6px;
   }
   .currency-switcher{
     margin-right: 10px;
   }
   .top-search .header_logo {
     height: 62px;
   }
   .ptb-80 {
     padding: 50px 0;
   }
   .ptb-120 {
     padding: 76px 0;
   }
   .header_top .btn-group:not(.countryPrice) {
     display: inline-flex;
   }
   .wrapper-inner .container-fluid {
     padding-left: 30px;
     padding-right: 30px;
   }
   .new-slider .slick-arrow {
     right: 50px;
   }
   .new-slider .slick-arrow.slick-prev {
     right: 120px;
   }
   .new-slider .slick-dots {
     right: 200px;
   }
   .goldbankAssure_inner {
     max-width: calc(100% - 40px);
     padding: 30px;
   }
   .goldbankAssure_list {
     justify-content: center;
   }
   .goldbankAssure_list .col-lg-3,
   .goldbankAssure_list .col-lg-4 {
     margin-bottom: 30px;
   }
   .goldbankAssure-tile h3 {
     font-size: 22px;
     line-height: 28px;
     padding-bottom: 6px;
   }
   .goldbankAssure-tile,
   .our_values_tiles .goldbankAssure-tile {
     padding: 24px;
   }
   .precious_gold .image .image_desc h3 {
     font-size: 26px;
     line-height: 30px;
   }
   .precious_gold .image .image_desc {
     padding: 25px 10px 15px;
   }
   .footer-top .col-lg-4 {
     order: 0;
   }
   .footer-top .col-md-3 {
     order: 1;
   }
   .footer-lower .col-md-7 {
     text-align: center;
   }
   .footer-lower p {
     display: block;
     line-height: 16px;
   }
   .footer-lower .col-md-7 p:not(:last-child) {
     padding: 0;
   }
   .review_slide_inner {
     padding: 20px;
   }
   .review_slide_box {
     padding: 30px 30px 0 0;
   }
   .review_slide_img {
     flex: 0 0 80px;
     max-width: 80px;
     margin-top: -40px;
   }
   .review_slide_name {
     flex: 0 0 calc(100% - 80px);
     max-width: calc(100% - 80px);
     padding-left: 10px;
   }
   .review_slide_name h6 {
     font-size: 16px;
     line-height: 12px;
     padding-bottom: 0 !important;
   }
   .review_slide_name span {
     font-size: 12px;
   }
   .trust_tile p {
     font-size: 12px;
   }
   .margin_tile .margin_desc {
     flex: 0 0 calc(100% - 70px);
     max-width: calc(100% - 70px);
   }
   .margin_list {
     padding: 10px;
   }
   .margin_tile .image {
     flex: 0 0 70px;
     max-width: 70px;
   }
   .margin_tile {
     padding: 15px;
   }
   .margin_desc h3 {
     font-size: 20px;
     line-height: 30px;
   }
   .margin_desc p {
     line-height: normal;
   }
   .margin_list_inner ul li {
     font-size: 14px;
     margin-bottom: 10px;
   }
   .margin_list_inner ul {
     padding-bottom: 32px;
   }
   .category_slider_inner a {
     opacity: 1;
   }
   .category_slider .slick-slide {
     padding: 0 30px 0 0;
   }
   .slick-slide .category_slider_inner img {
     width: 50%;
   }
   .browse_category h2 br {
     display: none;
   }
   .browse_category h2 {
     padding-bottom: 0;
   }
   .browse_category .col-lg-5 p {
     padding-bottom: 0;
     max-width: 100%;
   }
   .browse_category .col-lg-5 a {
     margin-bottom: 30px;
   }
   .top_gold .row {
     align-items: flex-start;
   }
   .gold_tile {
     background: #ece0d8;
   }
   .gold_tile .gold-bg {
     max-width: 310px;
     margin: 0 auto;
   }
   .gold_tile_desc {
     padding: 0 20px 20px;
   }
   .gold_tile_desc h3 {
     padding-bottom: 10px;
   }
   .title-border h2::before,
   .title-border h2::after {
     width: calc(100% - 170px);
   }
   .gold_tile.hide-on-mobile {
     display: none;
   }
   .top_gold .show-on-mobile {
     display: block;
   }
   .home_slider .image::before {
     width: 569px;
     left: -160px;
   }
   .slick-active .home_slider_text h2:nth-child(3) {
     padding-left: 60px;
   }
   .home_slider_btn .arrow-button i {
     width: 42px;
     height: 42px;
     right: -28px;
     top: -10px;
   }
   .home_slider_btn {
     margin: 30px 0 0 70px;
   }
   .home_slider_text p {
     letter-spacing: 5px;
   }
   .product_ad_banner_desc h3:nth-child(2) {
     padding-bottom: 5px;
   }
   .categories_links li {
     margin: 0 5px;
   }
   .categories_links .img_holder {
     height: 100px;
     margin-bottom: 10px;
   }
   .categories_links li {
     flex: 0 0 130px;
     max-width: 130px;
   }
   .categories_links li a {
     font-size: 16px;
   }
   .categories_links {
     padding-top: 40px;
   }
   .banner_img {
     height: 450px;
   }
   .banner_desc {
     height: 450px;
   }
   .top_gold_slider {
     margin-left: 0;
   }
   .fine_scan img {
     height: 220px;
   }
   .fine_scan.fine_platinum img {
     right: 32px;
     bottom: 15px;
   }
   .fine_scan {
     height: 370px;
     padding: 30px;
   }
   .fine_scan h6,
   .fine_scan h3,
   .fine_scan p {
     padding-bottom: 15px;
   }
   .fine_scan_desc {
     max-width: 380px;
   }
   .cart-list-modal .cart-list-modal-inner {
     width: 500px;
   }
   .cart-modal-tile .cart-modal-amt {
     flex: 0 0 130px;
     max-width: 130px;
   }
   .cart-modal-tile .cart-modal-desc {
     flex: 0 0 calc(100% - 200px);
     max-width: calc(100% - 200px);
     padding: 0 10px 0;
   }
   .pdp_info_top {
     padding-top: 20px;
   }
   .pdp_info_desc,
   .pdp_membership {
     margin-bottom: 30px;
   }
   .pdp_desc_tab .col-md-4 {
     flex: 0 0 136px;
     max-width: 136px;
   }
   .pdp_desc_tab .col-md-8 {
     flex: 0 0 calc(100% - 136px);
     max-width: calc(100% - 136px);
   }
   .account_panel_desc,
   .account_panel_tile ul {
     flex: 0 0 100%;
     max-width: 100%;
   }
   .account_panel_tile {
     padding: 30px;
   }
   .account_panel_desc p {
     max-width: 100%;
   }
   .account_panel_desc {
     padding-bottom: 30px;
   }
   .account_panel_tile ul li:last-child {
     padding-bottom: 0;
   }
   .cart-checkout{
     /* padding-top: 0 !important; */
   }
   .usermenu_checkout .user-menu-img .image{
     width: 30px;
     height: 30px;
   }
   .cart-checkout .col-lg-9 {
     flex: 0 0 100%;
     max-width: 100%;
     padding-right: 15px;
   }
   .cart-checkout .col-lg-9 {
     margin-top: 30px;
   }
   .checkout_aside {
     /* padding: 0; */
   }
   .checkout_ttl{
     font-size: 32px !important;
     font-weight: 500;
   }
   .checkout_aside.active {
     display: block;
   }
   .cart-checkout .col-lg-3 > h5.active:before {
     transform: rotate(180deg);
   }
   .checkout_aside .checkout_cart_tile > h5 {
     display: none;
   }
   .cart-checkout .col-lg-3 > h5,
   .cart-checkout .col-lg-3 > h3 {
     display: block;
   }
   .cart-checkout .col-lg-3 {
     flex: 0 0 100%;
     max-width: 100%;
     border-left: 0;
   }
   .cart-container .cart-modal-tile .cart-modal-amt {
     flex: 0 0 120px;
     max-width: 120px;
   }
   .cart-container .cart-modal-tile .cart-modal-desc {
     flex: 0 0 calc(100% - 220px);
     max-width: calc(100% - 220px);
   }
   .deliver_info.desktop_view {
     display: none;
   }
   .deliver_info.mobile_view {
     display: block;
     margin-top: 20px;
   }
   .our-mission p {
     font-size: 16px;
     line-height: 28px;
   }
   .our-mission-desc svg {
     margin-top: 30px;
   }
   .our_story_banner {
     bottom: 220px;
   }
   .about_slide_for_tile .image img {
     max-width: none;
     height: 656px;
     object-fit: cover;
     margin-right: auto;
     width: 100%;
   }
   .thank_earn_badge .thank_earn_badge_desc {
     padding-left: 40px;
   }
   .banner-title {
     padding-bottom: 40px;
   }
   .member_tile_links .col-lg-3 {
     margin-bottom: 20px;
   }
   .membership_table .membership_column_left {
     flex: 0 0 25%;
     max-width: 25%;
   }
   .membership_table .membership_column_right {
     flex: 0 0 75%;
     max-width: 75%;
     overflow: auto;
   }
   .membership_table .membership_column_right .mem_column {
     flex: 0 0 33.3%;
     max-width: 33.3%;
   }
   .membership_column_right .membership_column_inner {
     flex: 0 0 100%;
     max-width: 100%;
     flex-wrap: nowrap;
   }
   .silver_account .membership_table .membership_column_right .mem_column.mem_column_silver {
     order: 1;
   }
   .silver_account .membership_table .membership_column_right .mem_column.mem_column_bronze {
     order: 2;
   }
   .silver_account .membership_table .membership_column_right .mem_column.mem_column_platinum {
     order: 3;
   }
   .silver_account .membership_table .membership_column_right .mem_column.mem_column_gold {
     order: 4;
   }
   .platinum_account .membership_table .membership_column_right .mem_column.mem_column_silver {
     order: 3;
   }
   .platinum_account .membership_table .membership_column_right .mem_column.mem_column_bronze {
     order: 2;
   }
   .platinum_account .membership_table .membership_column_right .mem_column.mem_column_platinum {
     order: 1;
   }
   .platinum_account .membership_table .membership_column_right .mem_column.mem_column_gold {
     order: 4;
   }
   .gold_account .membership_table .membership_column_right .mem_column.mem_column_silver {
     order: 2;
   }
   .gold_account .membership_table .membership_column_right .mem_column.mem_column_bronze {
     order: 3;
   }
   .gold_account .membership_table .membership_column_right .mem_column.mem_column_platinum {
     order: 4;
   }
   .gold_account .membership_table .membership_column_right .mem_column.mem_column_gold {
     order: 1;
   }
   .sell-works-tile h5 {
     font-size: 20px;
     line-height: 30px;
   }
   .sell-works-tile {
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     text-align: left;
   }
   .sell-works-tile .image {
     margin: 0;
     flex: 0 0 50px;
     max-width: 50px;
   }
   .sell-works-tile .sell-works-desc {
     margin: 0;
     flex: 0 0 calc(100% - 50px);
     max-width: calc(100% - 50px);
     padding-left: 20px;
   }
   .num-steps .sell-works-tile h5 {
     min-height: auto;
   }
   .sell-works-tile p {
     max-width: 100%;
   }
   .sell-works-steps .col-lg-4 {
     margin-top: 20px;
   }
   .sell-works-steps {
     margin: 20px auto;
   }
   .converted-tab {
     max-width: 666px;
   }
   .converted-tab.nav-tabs .nav-item {
     min-width: 220px;
   }
   .sell-tabs .tab-content {
     margin-top: 40px;
   }
   .sell-us .home_slider_btn {
     margin-top: 20px;
   }
   .margin_list_inner .arrow-down {
     font-size: 10px;
     line-height: 22px;
   }

   .login-inner .image {
     flex: 0 0 380px;
     max-width: 380px;
     min-height: 650px;
   }
   .login-inner .login_tile_data {
     flex: calc(100% - 380px);
     max-width: calc(100% - 380px);
   }
   .login-inner .login_tile_data .login_tile {
     padding: 40px 20px;
   }
   .login-form .row > div {
     padding: 0 8px;
   }
   .password-link.mb-5 {
     margin-bottom: 2rem !important;
   }
   .password-link.mt-5 {
     margin-top: 2rem !important;
   }
   .fine_scan.app-dowload-tile img {
     right: 30px;
     height: 320px;
   }
   .membership-level .membership-desc {
     flex: 0 0 calc(100% - 348px);
     max-width: calc(100% - 348px);
     padding: 10px 25px;
   }
   .membership-level .membership-points {
     padding-left: 25px;
     flex: 0 0 270px;
     max-width: 270px;
   }
   .custom-table.table td,
   .custom-table.table th,
   .custom-table.table td .accordianBody-Inner {
     padding: 12px 20px;
   }
   .buyers-table {
     margin: 40px auto;
   }
   .buy-section .buy-sec-price {
     margin-top: 40px;
   }
   .border-md-right {
     border-left: 0 !important;
   }
   .sell-pages .sell-gold-content .box .table.order-table.sell-table {
     display: block;
     width: 100%;
     overflow-x: auto;
     -webkit-overflow-scrolling: touch;
   }
   input.text-sucess.guide_price {
     min-width: 100px;
   }
   .sell-pages .sell-gold-content .box .table.order-table.sell-table tbody select.control-select.productList {
     width: 230px;
   }
   .sell-pages .sell-gold-content .box .table.order-table.sell-table tbody select {
     min-width: 160px;
   }
   .sell-pages .sell-gold-content .box .table.order-table.sell-table tbody td input,
   .sell-pages .sell-gold-content .box .table.order-table.sell-table tbody td select {
     font-size: 16px;
   }
   .sell-pages .sell-gold-content .box .table.order-table.sell-table tbody tr td input.item_unit.weight.required {
     width: 94px;
   }
   .sell-pages .backbtn {
     top: 12% !important;
     z-index: 10;
   }

   /*new design changes for header*/
   li.dropdownmenu .second-box .dropdown-details ul {
     -moz-column-count: 1;
     -webkit-column-count: 1;
     column-count: 1;
   }
   .main-daily-update {
     padding: 10px 10px 13px 10px;
   }
   .main-daily-update .fine_scan .fine_scan_desc h3 {
     font-size: 24px;
     line-height: 25px;
   }
   .main-daily-update .fine_scan {
     padding: 30px 90px 30px 15px;
   }
   .main-daily-update .fine_scan img {
     height: 112px;
   }
   .main-daily-update a {
     margin-top: 10px;
   }
   li.dropdownmenu.drop-menu.new-menu .inner_dropdown .row > div.second-box .dropdown-details .inner_dropdown li,
   li.dropdownmenu.drop-menu.new-menu .inner_dropdown .row > div.second-box .dropdown-details .inner_dropdown li a {
     min-height: inherit;
   }
   li.dropdownmenu .second-box .dropdown-details ul li {
     width: 100%;
   }
   .header-menu > ul > li {
     padding: 5px;
     margin-right: 5px;
   }
   .header-menu ul > li > a {
     font-size: 12px;
   }
   .cart-modal-top {
     padding: 0 0 25px;
   }
   .cart-list-modal.cart-open .cart-list-modal-inner {
     padding: 25px 30px 25px;
   }
   .cart-modal-bottom .cart-modal-slider .product-img {
     height: 160px;
   }
   .cart-modal-bottom .cart-modal-slider .product-img img {
     max-height: 140px;
   }
   .cart-modal-bottom > h5 {
     padding-bottom: 42px;
   }
   .cart-modal-bottom .new-slider .slick-dots {
     top: -40px;
   }
   .cart-modal-bottom .cart-modal-slider.new-slider .slick-arrow.slick-prev,
   .cart-modal-bottom .cart-modal-slider.new-slider .slick-arrow.slick-next {
     top: -48px;
   }
   div.registration-form .col-md-6,
   div.registration-form .col-lg-6,
   div.registration-form .col-12 {
     padding: 0 15px;
   }
   .top_gold_slider.new-slider .show-on-mobile {
     background: #ece2dd;
   }
 }
 .assurance-bar-cst{
   padding-top: 24px;
   padding-bottom: 28px;
   @media (max-width: 992px) {
     padding-top: 16px;
     padding-bottom: 16px;
   }
 }
 @media (max-width: 767px) {

   .breadcrumbs ul li:last-child{ font-weight: 500;}
   .fn-162 {
     font-size: 60px;
     line-height: 64px;
   }
   h1,
   .fn-100 {
     font-size: 40px;
     line-height: 54px;
   }
   h2,
   .fn-64 {
     font-size: 32px;
     line-height: 48px;
   }
   .fn-54 {
     font-size: 32px;
     line-height: 48px;
   }
   h3,
   .fn-40 {
     font-size: 30px;
   }
   h4,
   .fn-36 {
     font-size: 28px;
     line-height: 42px;
   }
   header + .wrapper-inner {
     margin-top: -62px;
   }
   .top-space {
     margin-top: 62px;
   }
   .header_inner,
   .top-search {
     padding: 0 15px;
   }
   .top-search .header_logo .close {
     right: 15px;
   }
   .top-search {
     top: -13px;
   }
   .wrapper-inner .container-fluid.breadcrumbs {
     padding: 10px 15px;
   }
   .btn-black {
     font-size: 16px;
     padding: 16px 20px;
     border-radius: 0;
   }
   .inner_dropdown {
     padding: 0;
   }
   .header_bottom {
     padding: 13px 0;
   }
   .header_bottom .header_inner > .row > .col-md-5:first-child {
     flex: 0 0 100%;
     max-width: 100%;
     padding-right: 0;
   }
   .header_bottom .header_inner > .row > .col-md-5:last-child {
     flex: 0 0 calc(100% - 234px);
     max-width: calc(100% - 234px);
   }
   .header-menu h4[class="mt-0"] {
     margin-top: 15px !important;
   }
   .top-search .header_logo {
     height: 61px;
     justify-content: flex-start;
   }
   .inner_dropdown .col-md-6 {
     display: none;
   }
   header div.dropdown {
     width: 225px;
   }

   .headerLinks .btn-group {
     padding: 0 12px;
   }
   .headerLinks a.dropdown-toggle.header-btn,
   .headerLinks .btn-group:nth-child(2) {
     display: none;
   }
   .headerLinks .btn-group:last-child {
     display: inline-flex;
     padding-right: 0px;
   }
   .headerLinks .btn-group:nth-last-child(2) {
     padding-right: 4px;
   }
   .ptb-80 {
     padding: 40px 0;
   }
   .ptb-120 {
     padding: 65px 0;
   }
   .cart-modal-slider.new-slider .add-to-cart-inner i {
     transform: translateX(0);
   }
   div#pdpdesccontent .tab-header {
     margin-bottom: 26px;
   }
   div#pdpdesccontent .collapse.show {
     padding: 0 0 24px;
   }
   .wrapper-inner .container-fluid {
     padding-left: 15px;
     padding-right: 15px;
   }
   .new-slider .slick-arrow {
     right: 15px;
   }
   .new-slider .slick-arrow.slick-prev {
     right: 70px;
   }
   .new-slider .slick-dots {
     right: 15px;
     left: 0;
     justify-content: center;
   }
   .new-slider.slider-btn-center .slick-dots {
     right: 0;
     left: 0;
     justify-content: center;
     padding-right: 160px;
     padding-right: 0;
   }
   .goldbankAssure_inner {
     max-width: 100%;
     padding: 40px 15px 0;
     border-radius: 0;
     margin-bottom: 0;
     background-size: 100% 500px;
     background-position: top center;
   }
   .goldbankAssure_list .col-lg-3 {
     margin-bottom: 15px;
   }
   .goldbankAssure_inner .goldbankAssure_list,
   .goldbankAssure_inner.goldbankAssure_meb_list .goldbankAssure_list {
     margin-bottom: 0;
   }
   .goldbankAssure_inner.goldbankAssure_meb_list {
     margin-bottom: 0;
   }
   .precious_gold .image .image_desc h3 {
     font-size: 22px;
     padding-bottom: 5px;
   }
   .precious_gold .image .image_desc {
     padding: 25px 32px 32px;
   }
   .footer-top .col-lg-4 .widget-footer .title-widget,
   .footer-top .col-lg-4 .widget-footer p {
     text-align: center;
   }
   .footer-top .widget-footer img {
     margin: 0 auto;
     display: block;
   }
   .footer-lower {
     padding: 38px 0 32px;
   }
   .footer-lower .col-md-3,
   .footer-lower .col-md-7,
   .footer-lower .col-md-2 {
     flex: 0 0 100%;
     max-width: 100%;
   }
   .footer-lower .col-md-7 {
     padding: 15px 15px;
   }
   .footer-lower .col-md-7 p:not(:last-child) {
     padding-bottom: 15px;
   }
   .footer-logo,
   .footer-lower p {
     padding-top: 0;
     padding-bottom: 32px;
   }
   .footer-lower ul li p{
     padding-bottom: 0;
   }
   .footer-lower .list-inline .list-inline-item:not(:last-child) {
     padding-right: 24px;
   }
   .review_slider.slick-slider {
     padding: 40px 0 20px;
   }
   .trust_logo {
     text-align: center;
     margin-bottom: 30px;
   }
   .trusted-reviews .new-slider .slick-dots {
     bottom: -92px;
   }
   .review_slide_desc {
     padding-top: 20px;
   }
   .review_slide_desc p {
     font-size: 14px;
     padding-top: 0px;
   }
   .num-steps .sell-works-tile h5 {
     margin-bottom: 8px;
   }
   .trust_tile p {
     font-size: 14px;
     line-height: 26px;
   }
   .best-seller-slider.slick-slider {
     padding: 20px 0;
   }
   .best-seller-slider.new-slider.slider-btn-center .slick-dots {
     bottom: -10px;
   }
   .customTab .nav-tabs .nav-link {
     padding: 6px 14px;
     font-size: 14px;
   }
   .featured_products .customTab .nav-tabs {
     overflow: auto;
     flex-wrap: nowrap;
     padding-bottom: 10px;
   }
   .customTab .nav-tabs .nav-item {
     margin: 0 6px;
   }
   .category_slider_inner {
     height: 380px;
   }
   .category_slider_inner > a {
     padding: 20px;
   }
   .new-slider .slick-dots {
     bottom: 0;
   }
   .top_gold_slider .slick-slide,
   .category_slider .slick-slide {
     padding: 0 20px 0 0;
   }
   .top_gold_slider .slick-slide {
     margin-bottom: 15px;
   }
   .cart-modal-title h3 {
     font-size: 30px;
   }
   .slick-slide {
     padding: 0 20px 0 10px;
   }
   .review_slide_box {
     padding: 30px 20px 0 0;
   }
   .title-border h2::before,
   .title-border h2::after {
     width: calc(100% - 120px);
   }
   .home_slider_text h2 {
     font-size: 50px;
   }
   .home_slider.new-slider .slick-arrow,
   .home_slider .image::before {
     display: none !important;
   }
   .home_slider .image {
     max-width: 100%;
     float: none;
     display: flex;
   }
   .home_slider .image .image-inner img {
     max-width: 100%;
   }
   .home_slider.new-slider .slick-dots {
     transform: translateX(-50%);
     left: 50%;
     right: inherit;
     bottom: 27px;
   }
   .home_slider.new-slider .slick-dots button {
     width: 20px;
     margin: 0 5px;
   }
   .home_slider.new-slider .slick-dots .slick-active button {
     width: 35px;
   }
   .home_banner .nextSlideText {
     right: 15px;
     bottom: 24px;
     font-size: 16px;
   }
   .home_slider .slide {
     overflow: hidden;
     float: none;
   }
   .home_slider .slide:before {
     content: "";
     position: absolute;
     bottom: -160px;
     left: 0;
     right: 0;
     width: 100%;
     background-color: transparent;
     height: 200px;
     border-radius: 50px;
     z-index: 3;
   }
   .home_slider_text {
     display: block;
     text-align: center;
     right: 0;
     left: 0;
     top: 80px;
   }
   .home_slider_text h2 {
     text-align: left;
     font-size: 50px;
     max-width: 250px;
     margin: 0 auto;
   }
   .home_slider_text p {
     max-width: 210px;
     margin: 0 auto;
     text-align: left;
     padding-bottom: 0px;
   }
   .home_slider_text p.mw-100 {
     text-align: center;
     margin-bottom: 24px;
   }
   .home_slider .image .image-inner,
   .home_slider .image .image-inner img {
     width: 100%;
   }
   .slick-active .home_slider_text h2:nth-child(3) {
     max-width: 230px;
     padding-left: 40px;
   }
   .home_slider_btn {
     text-align: right;
     max-width: 300px;
     padding-left: 0px;
     margin: 20px auto 0;
   }
   picture.d-block.d-md-none img {
     margin: 0 auto;
   }
   .home_slider .slide .arrow-button {
     min-width: 114px;
     margin: 0 auto;
     font-size: 14px;
     line-height: 23px;
   }
   .header-nav {
     display: table;
     padding: 0 15px;
     position: fixed;
     top: 0;
     left: 0;
     height: 100%;
     width: 80%;
     z-index: 9999;
     -webkit-transition: all 0.6s ease-in-out;
     -moz-transition: all 0.6s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
     transition: all 0.6s ease-in-out;
     -webkit-transform: translateX(-100%);
     -ms-transform: translateX(-100%);
     -moz-transform: translateX(-100%);
     -o-transform: translateX(-100%);
     transform: translateX(-100%);
     opacity: 0;
     background-color: #fff;
   }
   .white-header .header-nav {
     background-color: #fff;
   }
   .header-nav.open {
     opacity: 1;
     -webkit-transform: translateX(0%);
     -ms-transform: translateX(0%);
     -moz-transform: translateX(0%);
     -o-transform: translateX(0%);
     transform: translateX(0%);
   }
   .header-nav .header-menu {
     display: table-cell;
     vertical-align: top;
   }
   .header-nav > .header-menu > ul {
     height: 100%;
     overflow: auto;
     width: 100%;
   }

   .register-back-button .header-nav > .header-menu > ul {
     overflow: hidden;
     /* background-color: gray; */
     border-radius: 9999px;
     height: 34px;
     width: 34px;
     li{
       margin: 0 !important;
       padding: 5px;
     }
   }

   .header-menu > ul > li {
     display: block;
     margin-right: 0;
     padding: 10px 15px 10px 15px;
     position: relative;
     border-bottom: 1px solid rgb(3, 3, 3, 0.05);
   }
   .dropdown-inner {
     position: relative;
     top: auto;
     padding: 10px 15px 0;
     min-width: auto;
   }
   .header-menu ul > li .fas {
     height: 18px;
     width: 18px;
     padding: 0;
     text-align: right;
     position: absolute;
     right: 15px;
   }
   .header-menu > ul > li > a {
     color: #d0b462;
   }
   .product_ad_banner {
     height: 360px;
   }
   .categories_links li {
     margin: 0;
   }
   .categories_links li a {
     font-size: 14px;
   }
   .categories_links {
     padding-top: 30px;
   }
   .banner_img,
   .banner_desc {
     height: 400px;
     position: relative;
   }
   .banner_img:before {
     content: "";
     background-color: rgba(0, 0, 0, 0.25);
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
   }
   .fine_scan img {
     height: 200px;
   }
   .inner_dropdown .fine_scan {
     display: none;
   }
   .fine_scan {
     height: 360px;
     background-position: right;
   }
   .fine_scan h6,
   .fine_scan h3,
   .fine_scan p {
     padding-bottom: 10px;
   }
   .fine_scan_desc {
     max-width: 380px;
   }
   .pdp_desc_tab .tab-content > .tab-pane.active {
     display: block !important;
     opacity: 1;
   }
   /* .pdp_desc_tab .nav-tabs {
     display: none;
   } */
   .cart-list-modal .cart-list-modal-inner {
     width: 440px;
   }
   .cart-modal-top {
     padding: 0 0 15px;
   }
   .cart-modal-bottom {
     padding: 0px !important;
   }
   .cart-modal-bottom > h5 {
     padding-bottom: 20px;
   }
   .cart-modal-title h3 {
     font-size: 24px;
   }
   div#scroll-bar-minicart .verify-minicart-icon {
     width: 34px !important;
   }
   div#scroll-bar-minicart .verify_tile_icon {
     height: auto;
   }
   .cart-modal-slider.new-slider .slick-dots {
     right: 20px;
     bottom: -30px;
   }
   .cart-modal-bottom {
     padding: 0 0 43px 0;
   }
   .cart-modal-tile .cart-modal-amt .cart-modal-price {
     font-size: 16px;
     padding-bottom: 5px;
   }
   .precious_gold .col-md-6:first-child {
     margin-bottom: 20px;
   }
   .trusted-reviews .col-md-6 .row {
     justify-content: flex-start;
   }
   .trusted-reviews .col-md-6 .row .col-md-6.col-auto {
     padding-right: 0;
   }
   .goldbankAssure-tile h3 {
     font-size: 16px;
     line-height: 24px;
     font-family: inherit;
     font-weight: 600;
   }
   .goldbankAssure-tile p {
     font-size: 14px;
     line-height: 24px;
   }
   .pdp_info h1 {
     line-height: 42px;
   }
   .pdp_info h1,
   .pdp_info_desc,
   .pdp_membership {
     margin-bottom: 10px;
   }
   .pdp_info_desc .col-auto {
     flex: 0 0 25%;
     width: 25%;
   }
   .pdp_desc_tab .col-md-4,
   .pdp_desc_tab .col-md-8,
   .review_desc_head .review_desc_title,
   .review_desc_tile_head ul {
     flex: 0 0 100%;
     max-width: 100%;
   }
   .review_desc_head .rating_send,
   .review_desc_head .review_desc_title {
     display: none;
   }
   .review_desc_tile_body {
     padding: 10px 0 0 0;
   }
   .review_desc_tile_head ul {
     justify-content: flex-start;
     padding-top: 15px;
   }
   .review_desc_foot {
     display: none;
   }
   .review_desc_body .slick-list {
     padding-left: 0 !important;
   }
   .review_desc_tile_name {
     flex: 0 0 calc(100% - 50px);
     max-width: calc(100% - 50px);
   }
   .review_desc_body {
     padding-bottom: 20px;
   }
   .account_panel_tile {
     padding: 20px;
   }
   .account_panel_tile ul li {
     padding: 8px 90px 8px 0;
     font-size: 14px;
     line-height: 24px;
   }
   .cart-container .cart-modal-tile .cart-modal-img {
     flex: 0 0 92px;
     max-width: 92px;
     height: 92px;
   }
   .cart-container .cart-modal-tile .cart-modal-desc {
     flex: 0 0 calc(100% - 92px);
     max-width: calc(100% - 92px);
     padding-right: 0;
   }
   .cart-container .cart-modal-tile .cart-modal-amt {
     flex: 0 0 100%;
     max-width: 100%;
     padding-left: 107px;
     justify-content: space-between;
     align-items: center;
     padding-top: 10px;
   }
   .cart-container .cart-modal-tile .cart-modal-amt .cart-modal-price {
     width: auto;
     padding: 0;
   }
   .cart-container .cart-modal-items .qty-inc-dec {
     margin-top: 0;
   }
   .get_promo .form-control {
     height: 63.6px;
   }
   .cart_tot .col-md-6:first-child {
     flex: 0 0 160px;
     max-width: 160px;
   }
   .cart_tot .col-md-6:last-child {
     flex: 0 0 calc(100% - 160px);
     max-width: calc(100% - 160px);
   }
   .delivery_title h5 {
     margin: 0;
   }
   .account_panel {
     display: none;
   }
   .margin_tile .margin_desc,
   .margin_tile .image {
     flex: 0 0 100%;
     max-width: 100%;
   }
   .margin_tile .image {
     text-align: left;
   }
   .margin_tile .image {
     order: 1;
     margin-bottom: 15px;
   }
   .margin_tile .margin_desc {
     order: 2;
   }
   .product-tile .product-action .add-to-cart .arrow-down-hide {
     display: none;
   }
   .plp_products .col-6:nth-child(odd) {
     padding-left: 16px;
     padding-right: 0;
   }
   .plp_products_sec .add-to-cart-inner i {
     transform: translateX(0);
   }
   .our-mission p {
     font-size: 14px;
     line-height: 24px;
   }
   section.our-mission.ptb-80 {
     margin: 39px 0;
     padding: 72px 0;
   }
   .our-mission-desc svg {
     margin-top: 20px;
   }
   .our_story_banner {
     bottom: 60px;
   }
   .about_slider .about_slide_for .about_slide_for_tile .our_story_desc {
     bottom: 140px;
     max-width: 100%;
     padding-right: 15px;
   }
   .about_slider h1 {
     bottom: auto;
     top: 140px;
   }
   .thank_summary {
     margin-bottom: 0;
     top: 0;
     padding: 25px 15px;
     border: 0;
   }
   .thank-you-title,
   .register-welcome-title {
     height: 158px;
   }
   .thank_summary .check-amount .cartRightBox.cart-final-amt dt,
   .thank_summary .check-amount .cartRightBox.cart-final-amt dd,
   .check-amount .cartRightBox.cart-final-amt + .cartRightBox dd,
   .check-amount .cartRightBox.cart-final-amt + .cartRightBox dt {
     font-size: 16px;
   }
   .our_story_banner .slider_txt {
     opacity: 0;
   }
   .user_info .btn-black:not(.btn-transparent),
   .verify_info .col-md-6 .btn-black:not(.btn-transparent) {
     margin-bottom: 20px;
   }
   .verify_tile_desc p {
     margin: 0 auto;
   }
   .verify_info:not(.decline_info) .verify_tile_icon {
     margin-bottom: 20px;
   }
   .thank_earn_badge .thank_earn_badge_desc {
     padding-left: 30px;
   }

   .sale-cart-seller h2 {
     font-size: 32px;
     line-height: 48px;
     text-align: center;
   }
   .sale-cart-seller h2 {
     text-align: left;
   }
   .goldbankAssure_inner > img {
     bottom: auto;
     top: 310px;
     width: 200px;
   }
   .low_margin .col-md-5 {
     display: none;
   }
   .low_margin h2 {
     padding-bottom: 14px;
   }
   .low_margin p {
     padding-bottom: 4px;
   }
   .membership_table .membership_column_left {
     flex: 0 0 35%;
     max-width: 35%;
   }
   .membership_table .membership_column_right {
     flex: 0 0 65%;
     max-width: 65%;
   }
   .membership_table .membership_column_right .mem_column {
     flex: 0 0 50%;
     max-width: 50%;
   }
   .banner_desc h1 {
     margin-bottom: 20px;
   }
   .banner_desc_inner p {
     flex: 0 0 100%;
     max-width: 100%;
     padding-left: 0;
     font-size: 16px;
   }
   .banner_desc_inner a {
     display: none;
   }
   .assurance-bar {
     margin-left: 0;
     margin-right: 0;
   }
   .benefit_tile {
     padding: 12px 24px;
     margin: 12px 0;
     flex-direction: column;
     margin-bottom: 0;
     margin-top: 0;
   }
   .benefits_member .col-xl-3 .benefit_tile .image {
     flex: 0 0 32px;
     max-width: 32px;
     margin: 0;
   }
   .benefits_member .col-xl-3 .benefit_tile .benefit_tile_desc {
     flex: 0 0 calc(100% - 32px);
     max-width: calc(100% - 32px);
     padding-left: 20px;
   }
   .articles_list .banner_img_txt {
     padding-bottom: 0;
   }
   .banner_desc h3 {
     margin: 0;
   }
   .article_interest_desc,
   .article_interest_btn {
     flex: 0 0 100%;
     max-width: 100%;
   }
   .article_interest_btn {
     margin-top: 15px;
   }
   .article_interest_btn .btn-white {
     display: table;
   }
   .converted-tab {
     max-width: 100%;
     width: 100%;
     padding: 0;
     border: 0;
     position: absolute;
     top: 82px;
     z-index: 2;
     box-shadow: 0px 11px 16px 0px rgba(0, 0, 0, 0.05);
   }
   .converted-tab.nav-tabs .nav-item {
     min-width: 100%;
     background-color: #fff;
     justify-content: flex-start;
     padding: 9px 24px;
   }
   .converted-tab.nav-tabs .nav-item.active {
     display: none;
   }
   .sell-tabs-data {
     overflow: auto;
   }
   .sell-tabs-data .col-4 {
     flex: 0 0 50%;
     max-width: 50%;
   }
   .sell-tabs-data .row {
     flex-wrap: nowrap;
   }
   .sell-works .title-border-new .title-border-img::before,
   .sell-works .title-border-new .title-border-img::after {
     width: calc(70% - 60px);
   }
   .margin_list {
     padding: 32px;
   }
   .margin_list_inner .arrow-down {
     font-size: 14px;
     line-height: 22px;
   }
   .sell-tabs h2 {
     display: block;
   }
   .gold_account .container-fluid {
     padding: 0;
   }
   .login-inner .image {
     display: none;
   }
   .login-inner .login_tile_data .login_tile {
     padding: 0 0 40px;
   }
   .login_tile_inner .login-form {
     padding: 40px 15px 0;
   }
   .login_tile_title {
     padding: 40px 15px;
     text-align: center;
     background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/login-responsive.png');
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
   }
   .login_tile_title h4,
   .login_tile_title p {
     color: #fff;
   }
   .login-inner .login_tile_data {
     flex: 100%;
     max-width: 100%;
   }
   .password-link.mb-5 {
     margin-bottom: 1rem !important;
   }
   .password-link.mt-5 {
     margin-top: 1rem !important;
   }
   .login-form .btn-black {
     min-width: 100px;
   }
   /*.header_bottom.header_without_links .header_inner > .row > .col-md-5:first-child,
   .header_bottom.header_without_links .header_inner > .row > .col-md-5:last-child {
     flex: 0 0 calc((100% - 234px) / 2);
     max-width: calc((100% - 234px) / 2);
   }*/
   .header_without_links .headerLinks a.dropdown-toggle.header-btn {
     display: none;
   }
   .header_without_links .header-menu ul > li > a {
     font-size: 0;
   }
   .header_without_links .header-nav {
     opacity: 1;
     padding: 0;
     position: relative;
     width: auto;
     height: auto;
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     -moz-transform: translateX(0);
     -o-transform: translateX(0);
     transform: translateX(0);
   }
   .header_without_links .header-menu > ul > li {
     padding: 0;
   }
   .header_without_links .header-nav > .header-menu > ul {
     vertical-align: middle;
   }
   .verifyModalInner {
     padding: 40px 50px;
   }
   .fine_scan.app-dowload-tile img {
     right: 0;
     height: 280px;
   }
   .fine_scan.app-dowload-tile {
     align-items: flex-start;
   }
   .favourites-slide .new-slider .slick-dots {
     right: 15px;
     left: 0;
   }
   .favourites-slide .review_slider.slick-slider {
     padding: 0 0 40px;
   }
   .border-tabs .nav-tabs .nav-link {
     letter-spacing: 1px;
     font-size: 14px;
   }
   .membership-level .membership-desc {
     flex: 0 0 calc(100% - 78px);
     max-width: calc(100% - 78px);
     padding: 10px 0 10px 25px;
     border-right: 0;
   }
   .membership-level .membership-points {
     flex: 0 0 100%;
     max-width: 100%;
     text-align: center;
     padding: 16px 0 0;
     border-top: 1px solid rgba(0, 0, 0, 0.2);
     margin-top: 24px;
   }
   .order-history .custom-table.table thead tr {
     display: none;
   }
   .order-history .accordion-toggle {
     display: flex;
     margin-bottom: 24px;
   }
   .order-history .custom-table.table thead tr {
     display: none;
   }
   .order-history .custom-table {
     border: 0;
   }
   .order-history .accordion-toggle {
     border: 1px solid #d9d9d9;
     display: -ms-flexbox;
     display: -webkit-box;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     position: relative;
     padding: 16px;
   }
   .order-history .custom-table.table td.order-date {
     flex: 0 0 100%;
     max-width: 100%;
     border-bottom: 1px solid #d9d9d9;
     margin-bottom: 16px;
     padding: 0 0 16px;
   }
   .order-history .custom-table.table td.order-status {
     position: absolute;
     right: 16px;
     padding: 0 0 16px;
   }
   .order-history .custom-table.table td {
     border-top: 0;
     padding-left: 0;
     padding-right: 0;
   }
   .order-history .custom-table.table td.order-points {
     display: none;
   }
   .custom-table.table td.order-btns i:before {
     display: none;
   }
   .order-history .custom-table.table td.order-btns {
     flex: 0 0 100%;
     max-width: 100%;
     padding: 0;
     order: 3;
   }
   .order-history .custom-table.table td.order-num,
   .order-history .custom-table.table td.order-price {
     flex: 0 0 100%;
     max-width: 100%;
     padding: 0 0 16px;
   }
   .order-history .custom-table.table td.order-num::before,
   .order-history .custom-table.table td.order-price::before {
     content: attr(data-name);
     display: block;
     font-weight: 700;
   }
   .order-history .custom-table.table td.order-btns span {
     display: block;
     text-align: center;
   }
   .order-history .custom-table.table td.order-btns i {
     width: 100%;
   }
   .order-history .custom-table.table td.order-btns i:before {
     display: none;
   }
   .custom-table.table td .accordianBody-Inner {
     padding: 12px 0;
   }
   .accordianBody-Inner .checkout_aside {
     max-width: 100%;
   }
   .order_details_desc {
     padding-bottom: 0;
   }
   .order-history .accordion-toggle[aria-expanded="true"] {
     padding-bottom: 0;
     pointer-events: none;
   }
   .custom-table.table td .accordianBody.show + .order-btns span {
     display: block;
     pointer-events: auto;
   }
   .custom-table.table tr[aria-expanded="true"] td.order-btns {
     display: none;
   }
   .order-history .custom-table.table td .text-color {
     font-weight: 700 !important;
   }
   .custom-table.table td .order-price-val {
     font-weight: 400 !important;
   }
   .order-history .custom-table.table td.order-num {
     order: 2;
   }
   .order-history .custom-table.table td.order-price {
     order: 1;
   }
   .buy-section .right-sec {
     padding-left: 0;
     padding-top: 20px;
   }
   .buyers-table .table thead tr:nth-child(2) th,
   .buyers-table .table tr td {
     padding: 16px 12px;
     line-height: 18px;
     font-size: 15px;
   }
   .buyers-table .table thead tr:nth-child(1) th div.table-title {
     line-height: 30px;
   }
   .price-guarented img {
     margin-bottom: 20px;
     max-width: 100px;
   }
   .price-guarented h5 {
     font-size: 20px;
     line-height: 1.2;
   }
   .fine_scan.fine_platinum img {
     right: 0;
     bottom: 0;
   }
   .buy-section ul li img {
     width: 30px;
     height: 30px;
   }
   .buy-section ul li div:nth-child(1) {
     flex: 0 0 30px;
     max-width: 30px;
   }
   .buy-section ul li div:nth-last-child(1) {
     flex: 0 0 calc(100% - 30px);
     max-width: calc(100% - 30px);
   }
   .review-section {
     padding: 15px 0;
   }
   .review-section .benefit_tile.border-left {
     border-left: 0 !important;
   }
   .review-section .benefit_tile.border-top {
     border-top: 1px solid #dee2e6 !important;
   }
   .buyers-table .row > div {
     padding: 0 15px;
   }
   .pdp_info_desc p {
     font-size: 12px;
     text-transform: capitalize;
   }
   .pdp_info_desc h6 {
     font-size: 14px;
     line-height: 1;
   }
   .pdp_member_tile {
     padding-right: 90px;
   }
   .pdp_member_tile span {
     font-size: 16px;
     font-weight: 600;
   }
   .best-seller-slider.new-slider.slider-btn-center .slick-dots {
     padding-right: 15px;
     padding-left: 15px;
     left: 0;
   }
   .new-home .best-seller{
     padding-bottom: 40px;
   }
   .best-seller-slider.new-slider.slider-btn-center .slick-dots li {
     -ms-flex-preferred-size: 0;
     flex-basis: 0;
     -ms-flex-positive: 1;
     flex-grow: 1;
     max-width: 100%;
   }
   .best-seller-slider.new-slider.slider-btn-center .slick-dots li button {
     width: 100%;
   }
   section.ptb-80.mb-design {
     padding-bottom: 0;
   }
   section.ptb-80.mb-design > div {
     padding: 0;
   }
   section.ptb-80.mb-design > div .fine_scan {
     padding-left: 32px;
     padding-right: 70px;
   }
   .about_slider .about_slide_for .about_slide_for_tile .our_story_desc h5 {
     font-size: 22px;
   }
   .trust_logo picture img {
     width: 272px;
   }
   .short_banner {
     height: 396px;
   }
   .cart-container {
     padding: 82px 0 80px;
   }
   .cart_right .cart_btns .btn-black {
     margin-bottom: 24px;
   }
   .home_slider_text .content-slide p {
     max-width: 264px;
     text-align: center;
     margin-bottom: 104px;
   }
   .add-to-cart-inner i {
     transform: translateX(0);
   }

   /*new menu design changes for buy now*/
   li.dropdownmenu.drop-menu.new-menu .inner_dropdown .row > div.first-box {
     box-shadow: none;
   }
   li.dropdownmenu.drop-menu.new-menu.open_content .dropdown-inner {
     padding: 0;
   }
   li.dropdownmenu.drop-menu.new-menu .inner_dropdown {
     background: transparent;
   }
   li.dropdownmenu.drop-menu.new-menu .inner_dropdown .row > div.first-box,
   li.dropdownmenu.drop-menu.new-menu .inner_dropdown .row > div {
     padding: 20px 0px 0;
   }
   li.dropdownmenu.drop-menu.new-menu li i {
     top: 0;
   }
   li.dropdownmenu.drop-menu.new-menu .inner_dropdown .row > div.second-box {
     display: none;
   }
   li.dropdownmenu.drop-menu.new-menu li.dropdownmenu-one.drop-menu.submenu.open_content .dropdown-inner.d-md-none {
     display: block;
     margin: 40px 0;
     padding: 0;
   }
   li.dropdownmenu.drop-menu.new-menu
     li.dropdownmenu-one.drop-menu.submenu.open_content
     .dropdown-inner.d-md-none
     .row
     > div {
     padding: 0;
   }
   li.dropdownmenu.drop-menu.new-menu li a:hover h4 {
     color: #d1ab59;
   }
   li.dropdownmenu.drop-menu.new-menu li a h4 {
     font-size: 14px;
     margin-bottom: 6px;
   }
   li.dropdownmenu.drop-menu.new-menu li a p {
     font-size: 12px;
   }
   .header-menu > ul > li:hover,
   .header-menu > ul > li.open_content {
     background: transparent;
   }
   li.dropdownmenu.drop-menu.new-menu li:nth-last-child(1) {
     margin-bottom: 0 !important;
   }
   li.dropdownmenu.drop-menu.new-menu li i::before {
     content: "\f078";
   }
   li.dropdownmenu.drop-menu.new-menu li.dropdownmenu-one.drop-menu.submenu.open_content i::before {
     content: "\f077";
   }

   .banner_desc p {
     font-size: 16px;
     line-height: 20px;
     margin-bottom: 56px;
   }
   .wrapper-inner div#product_listing_page_banner .banner_desc {
     width: 100%;
   }
   .wrapper-inner div#product_listing_page_banner .banner_desc .t_cell {
     display: block !important;
     margin: 0 auto;
   }

   .sell-banner .banner_desc .home_slider_btn {
     padding-left: 0;
   }
   .sell-banner .banner_img {
     height: 600px;
   }
   .sell-banner .banner_desc .t_cell {
     padding: 0 !important;
   }
   .sell-us .banner_desc .t_cell {
     vertical-align: middle;
   }
   .sell-banner .banner_img {
     height: 656px;
   }
   .sell-banner-img img {
     max-width: 238px;
   }
   .products-img.prodsquare img#prod-main-img {
     min-width: 180px;
     max-width: 240px;
   }
   .products-img.prodrectangle img#prod-main-img {
     min-width: 180px;
     max-width: 350px;
     width: 100%;
   }
   .banner_desc p {
     margin: 0 auto 56px;
     display: -webkit-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
     overflow: hidden;
   }
   .search-bar .top-search {
     font-size: 14px;
   }
   .header_top .btn-group:not(.countryPrice) {
     display: inline-flex;
   }
   .price_inner_list {
     padding: 5px 10px 5px 42px;
     font-size: 12px;
   }
   .header_top .countryPrice .dropdown-toggle {
     font-size: 12px;
   }
   .header_top .dropdown-toggle {
     padding-left: 0;
   }
   .price_inner_list img {
     height: 15px;
     top: 50%;
     transform: translateY(-50%);
   }
   .price_inner_list .ounce_price,
   .price_inner_list .gram_price {
     font-size: 12px;
   }
   .price_inner_list .ounce_price {
     padding-right: 5px;
     margin-right: 5px;
     min-width: 120px;
   }
   #pdpdesctab3 .review_desc {
     padding-bottom: 30px;
   }

   /*MObile menu update new design */
   .header-menu > ul > li {
     padding: 10px 0;
   }
   li.dropdownmenu.drop-menu.new-menu li a p {
     display: none;
   }
   li.dropdownmenu.drop-menu.new-menu li a,
   li.dropdownmenu.drop-menu.new-menu li a:hover span:nth-child(1),
   li.dropdownmenu.drop-menu.new-menu li a.active.trigger span:nth-child(1),
   li.dropdownmenu.drop-menu.new-menu li a span:nth-child(1) {
     font-size: 12px;
     font-weight: 400 !important;
     text-transform: uppercase;
     text-shadow: none !important;
     background: inherit;
     color: #14121e;
     -webkit-text-fill-color: inherit;
   }
   .header-menu ul > li .fas {
     right: 0;
   }
   li.dropdownmenu.drop-menu.new-menu h4 {
     font-weight: 400 !important;
   }
   li.dropdownmenu.drop-menu.new-menu li a h4 {
     margin-bottom: 0;
     font-size: 12px;
   }
   li.dropdownmenu.drop-menu.new-menu li.dropdownmenu-one.drop-menu.submenu.open_content .dropdown-inner.d-md-none {
     margin: 20px 0;
   }
   .user-menu-desc{
     display: none;
   }
   .ml-auto .widget-footer .title-widget,
   .ml-auto .widget-footer p{
       text-align: center;
   }
   .dropdown-inner{
     display: none;
     transform: inherit;
   }
   .header-menu > ul > li.open_content > .dropdown-inner{
     display: block;
     transform: inherit;
   }
   .header_without_links .header-menu ul > li.back-page a {
     font-size: 0 !important;
   }
   .thank_earn_badge{
     flex-direction: column;
     padding-top: 0px;
   }
   .thank_earn_badge .thank_earn_badge_desc{
     text-align: center;
   }
 }

 @media (max-width: 640px) {
   .banner_img {
     background-position: -220px center;
   }
   .product_filters .col-auto:not(.more-filter-btn) {
     display: none;
   }
   .product_filters .col-auto,
   .filter-sort .col-md-4 {
     flex: 0 0 50%;
     max-width: 50%;
   }
   .filter-sort .col-md-8 {
     flex: 0 0 100%;
     max-width: 100%;
   }
   .filter-sort .col-md-4 {
     margin-top: -135px;
     margin-left: auto;
     margin-right: 0;
   }
   .filter-sort .sort-select {
     padding-left: 10px;
   }
   .filter-sort .sort-select select {
     width: 100%;
     max-width: 100%;
     background-color: #fff;
     height: 45.5px;
     border-radius: 0;
   }
   .product_filters .more-filter-btn .dropdown-toggle {
     width: calc(100% - 15px);
     text-align: left;
     margin-right: 0;
   }
   .product_filters .more-filter-btn .dropdown-toggle {
     width: 100%;
   }
   .fine_scan img {
     height: 180px;
   }
   .fine_scan.app-dowload-tile img {
     height: 220px;
   }
 }
 @media screen and (min-width: 1024px) {
   .chk-setting .header_bottom .header_inner > .row > .col-lg-5 {
     flex: 0 0 calc((100% - 300px) / 2);
     max-width: calc((100% - 300px) / 2);
   }
   .chk-setting .header_bottom .header_inner > .row > .col-lg-2 {
     flex: 0 0 300px;
     max-width: 300px;
   }
 }
 @media screen and (min-width: 576px) {
   .h-sm-100 {
     height: 100%;
   }
 }
 @media (max-width: 767.5px) {
   .product_salution { left: 0px;  }
   .product_salution:before {display: none;}
   .banner_img_txt {
     padding: 26px 20px 35px;
   }

   .product-desc h5 { font-size: 12px; opacity: 75%;}
   .sell-gold .product-tile .sell-text {margin-bottom: 45px;}
   .banner_img_txt.g-bg { background-image: none;}
   .product_filters .input-group.search-product i {  right: 0px; left: auto;}
   .custom-search-field {
     border-bottom: #030303 solid 1px !important;
 }
 .product_filters .input-group.search-product input#free_search {opacity: 0.6;}
 .product_filters > .row > div { border-bottom: 0px;     padding: 16px 0;}
 .product_filters .input-group.search-product input.form-control { padding: 0px 24px 0px 0px;}
 .sort-select button.dropdown-toggle {        border: #030303b5 solid 1px;
   border-radius: 0px;}
   .sort-select  {width: auto;}
   .product_filters { margin-bottom: 0px;}
   .filter-sort p {color: #030303;}
   .plp_products { padding-bottom: 30px;}
   .product-container .product-tile h6.stock-status { background-color: #fff; font-weight: 500; opacity: 1;}
 }

 @media (max-width: 576px) {
   .sell-your-gold .product-tile{ margin-bottom: 0px !important;}
   #product_grid div.product-tile{height: 366px;}
   .custom-product-circle-inner a {width: 100%; padding: 15px 20px;}

   #product_grid div.product-tile .product-desc { margin-bottom: 16px;}
   .price-box span {
     font-size: 24px;
   }
   .customsearch-product { padding-left: 15px; padding-right: 15px;}
   .ptb-120 {
     padding: 56px 0;
   }
   .ptb-80 {
     padding: 30px 0;
   }
   .trust_tile {
     float: none;
   }
   .trusted-reviews h2 {
     padding-bottom: 15px;
   }
   .review_slider.slick-slider {
     padding: 20px 0;
   }
   .margin_desc p {
     max-width: 170px;
   }
   .margin-today .new-slider .slick-dots {
     bottom: -10px;
   }
   .featured_products .tab-pane .row .slick-list {
     padding-left: 0 !important;
   }
   .featured_products .tab-pane .new-slider.slider-btn-center .slick-dots {
     bottom: 0px;
   }
   .goldbankAssure_list .col-lg-3:last-child {
     margin-bottom: 0;
   }
   .slick-slide .category_slider_inner img {
     width: 40%;
   }
   .goldbankAssure-tile,
   .our_values_tiles .goldbankAssure-tile {
     text-align: left;
     padding-left: 90px;
   }
   .goldbankAssure-tile h3 {
     max-width: 100%;
   }
   .goldbankAssure-tile .image {
     position: absolute;
     width: 60px;
     left: 20px;
     top: 28px;
   }
   .header_top .col-md-6:last-child {
     display: none;
   }
   .header_top {
     padding: 12px 0;
   }
   .header_top .col-12 a {
     display: block;
   }
   .featured_products .title-border {
     text-align: left !important;
   }
   .featured_products .title-border h2::before,
   .featured_products .title-border h2::after {
     display: none;
   }
   .featured_products .customTab .nav-tabs {
     justify-content: flex-start;
   }
   .featured_products .title-border h2 {
     padding-top: 0;
     background-image: none;
   }
   .featured_products .arrow-down,
   .best-seller .arrow-down {
     display: none;
   }
   .featured_products .col-7,
   .best-seller .col-7 {
     flex: 0 0 100%;
     max-width: 100%;
   }
   .product-tile .add-to-wishlist {
     line-height: 16px;
   }
   .product_salution {
     line-height: 12px;
     font-size: 10px;
   }

   .col-6 .product-img {
     height: 160px;
     padding: 5px;
   }
   .col-6 .product-img img {
     max-height: 175px;
   }
   .col-6 .product-tile {
     padding: 50px 10px 10px;
   }
   .categories_links li {
     flex: 0 0 50%;
     max-width: 50%;
     margin-top: 20px;
   }
   .categories_links .img_holder {
     height: 90px;
     width: 90px;
     margin: 0 auto 10px;
   }
   .categories_links {
     padding-top: 20px;
   }
   .banner_img_txt {
     padding: 26px 20px 35px;
   }
   .banner_img_txt.g-bg { background-image: none;}
   .search-header h3,
   .search-header h1 {
     font-size: 32px;
   }
   .member_inner_banner .banner_desc .t_cell {
     vertical-align: middle;
   }
   .member_inner_banner .banner_desc {
     text-align: left;
   }
   .banner_img {
     background-position: 90% 0;
     background-size: cover;
   }
   .banner_desc {
     text-align: center;
   }
   .banner_img,
   .banner_desc {
     height: 600px;
   }
   .img-checkbox label {
     padding: 10px;
     text-align: left;
     position: relative;
   }
   .img-checkbox label:before {
     content: "";
     position: absolute;
     right: 10px;
     width: 8px;
     height: 8px;
     border-top: 2px solid #000;
     border-right: 2px solid #000;
     border-left: 0;
     top: 0;
     bottom: 2px;
     margin: auto 0;
     transform: rotate(45deg);
   }
   .img-checkbox label img,
   .delivery_title a {
     display: none;
   }
   .goldbankAssure-tile img {
     margin-bottom: 0;
   }
   .fine_scan {
     height: 400px;
   }
   .fine_scan img {
     height: 160px;
   }
   .fine_scan_desc {
     max-width: 300px;
   }
   .cart-list-modal .cart-list-modal-inner {
     width: 400px;
   }
   .cart-modal-tile .cart-modal-amt {
     flex: 0 0 110px;
     max-width: 110px;
     padding-top: 7px;
   }
   .cart-modal-tile .cart-modal-desc {
     flex: 0 0 calc(100% - 180px);
     max-width: calc(100% - 180px);
     padding: 0 5px 0 10px;
   }
   .order_deli_addr .image,
   .order_addr {
     flex: 0 0 100%;
     max-width: 100%;
     padding-left: 0;
   }
   .order_deli_addr .image img {
     width: 100%;
   }
   .order_addr {
     padding-top: 20px;
   }
   .order_deli_addr .image {
     margin-top: 10px;
   }
   .thank_earn_badge .thank_earn_badge_desc {
     padding-left: 20px;
   }
   .member_tile_top {
     display: flex;
     flex-wrap: wrap;
   }
   .member_tile_top img {
     width: 70px;
     margin-bottom: 0;
   }
   .low_margin .member_tile_desc {
     flex: 0 0 calc(100% - 70px);
     max-width: calc(100% - 70px);
     padding-left: 26px;
   }
   .member_tile {
     text-align: left;
     padding: 20px;
   }
   .member_tile_bottom {
     padding-top: 0;
     padding-left: 96px;
   }
   .low_margin .member_tile_desc p {
     padding-bottom: 15px;
   }
   .membership_table .membership_column_left {
     flex: 0 0 50%;
     max-width: 50%;
   }
   .membership_table .membership_column_right {
     flex: 0 0 50%;
     max-width: 50%;
   }
   .membership_table .membership_column_right .mem_column {
     flex: 0 0 100%;
     max-width: 100%;
   }
   .mem_column .mem_cell {
     padding: 10px 12px;
     min-height: 74px;
   }
   .mem_column .mem_cell:last-child {
     background-color: transparent !important;
     border: 0;
   }
   .banner_img.membership_banner {
     height: 700px;
     background-image: url('https://stage-assets.goldbank.co.uk/images/additional-images/membership_banner_mobile.png') !important;
     background-position: top;
     background-size: 100% auto;
   }
   .banner_img.membership_banner .banner_desc {
     height: 700px;
     text-align: left;
   }
   .banner_img.membership_banner .banner_desc .t_cell {
     vertical-align: bottom;
     padding-bottom: 50px;
   }
   .banner_img.member_inner_banner {
     background-position: 0% 40px;
   }
   .article_img .col-sm-6:first-child {
     margin-bottom: 20px;
   }
   .sell-tabs-data .col-4 {
     flex: 0 0 80%;
     max-width: 80%;
   }
   .sell-us .banner_desc {
     text-align: left;
   }
   .sell-us .banner_desc .t_cell {
     vertical-align: bottom;
     padding-bottom: 50px;
   }
   .margin-today .col-sm-6 {
     margin: 15px 0;
   }
   .verifyModalInner {
     padding: 30px;
   }
   .verification-code .btn-black {
     width: auto;
     padding: 14px 30px;
   }
   .verifyModal input.email_verification_code,
   .verifyModal input.phone_verification_code {
     height: 49.6px;
     width: 49.6px;
   }
   .border-tabs .nav-tabs .nav-link {
     letter-spacing: 0;
   }
   .border-tabs .nav-tabs {
     width: 100%;
     overflow: auto;
     flex-wrap: nowrap;
   }
   .order_details_desc .col-sm-6:last-child {
     margin-bottom: 0;
   }
   .home_slider_text {
     top: 60px;
     margin-top: 25px;
   }
   .home_slider_text.b-member {
     display: flex;
     align-items: start;
     align-content: center;
     justify-content: center;
     margin-top: 0;
   }
   .home_slider_btn {
     margin: 12px auto 0;
     padding-left: 80px;
     max-width: 190px;
   }
   .mb-slider.home_slider_btn {
     padding-left: 0;
     max-width: 100%;
     text-align: center;
   }
   .home_slider .slide .arrow-button:nth-child(2) {
     margin-left: 60px;
   }
   .home_slider_text p {
     font-size: 14px;
     line-height: 14px;
   }
   .home_slider_text h2 {
     font-size: 40px;
     line-height: 40px;
   }
   section.ptb-80.mb-design > div .fine_scan img {
     height: 180px;
   }
   .sell-us .banner_desc .t_cell {
     vertical-align: middle;
   }
   .cart-modal-slider .cart-modal-slide {
     flex: 0 0 100%;
   }
   .sell-us .banner_desc {
     margin-top: 60px;
   }
   .sell-banner-img img {
     max-width: 208px;
   }
   .sell-us .home_slider_btn {
     text-align: center !important;
   }
   .pdp_slider_nav.new-slider .slick-arrow.slick-prev {
     left: -100px;
   }
   .pdp_slider_nav.new-slider .slick-arrow {
     right: -60px;
   }
 }
 @media (max-width: 479px) {
   header + .wrapper-inner {
     margin-top: -60px;
   }
   .top-space {
     margin-top: 56px;
   }
   .header_logo,
   .header_logo img {
     min-height: 28px;
   }
   #topSearch img.black_logo {
     height: 28px;
     min-height: inherit;
   }
   .header_bottom .header_inner > .row > .col-md-2 {
     flex: 0 0 160px;
     max-width: 160px;
     padding-right: 0;
   }
   .header_bottom .header_inner > .row > .col-md-5:last-child {
     flex: 0 0 calc(100% - 160px);
     max-width: calc(100% - 130px);
     padding-left: 0;
   }
   .headerLinks .dropdown-toggle svg {
     height: 20px;
   }
   .headerLinks .btn-group:nth-child(2) {
     padding-left: 0;
   }
   .top-search .header_logo {
     height: 56px;
   }
   .goldbankAssure-tile img {
     height: 36px;
   }
   .footer-top .col-lg-2 {
     width: 100%;
   }
   .footer-list {
     display: none;
     padding-top: 10px;
   }
   .footer-list.active {
     display: block;
   }
   .footer-top .col-lg-2 .widget-footer {
     padding-bottom: 20px;
     border-bottom: 1px solid rgba(255, 255, 255, 0.35);
     padding: 20px 0 20px;
   }
   .footer-top .col-lg-2 .widget-footer .title-widget {
     margin-bottom: 0;
     line-height: normal;
     padding-right: 40px;
     cursor: pointer;
   }
   .footer-top .col-lg-2 .widget-footer .title-widget::before {
     content: "\f078";
     font-family: var(--font-awesome);
     color: #fff;
     position: absolute;
     right: 0;
     font-size: 14px;
     top: 0;
     bottom: 0;
     line-height: 38px;
   }
   .footer-top .col-lg-2 .widget-footer .title-widget.active::before {
     content: "\f077";
   }
   .footer-top .col-lg-2:nth-last-child(2) .widget-footer {
     border-bottom: 0;
   }
   .best-seller-slider .slick-list {
     padding-left: 0 !important;
   }
   .new-slider.slider-btn-center .slick-dots {
     padding-right: 0;
   }
   .new-slider .slick-dots button {
     width: 50px;
   }
   .customTab .nav-tabs .nav-link {
     padding: 6px 10px;
   }
   .featured_products .customTab .nav-tabs .nav-link {
     padding: 6px 8px;
   }
   .category_slider .slick-slide {
     padding: 0;
   }
   .browse_category .row .col-lg-7 {
     padding-right: 15px;
   }
   .category_slider_inner {
     height: 360px;
   }
   .slick-slide .category_slider_inner img {
     width: 60%;
   }
   .gold_tile {
     max-width: 100%;
   }
   .product_ad_banner_desc {
     align-content: flex-start;
     text-align: center;
     justify-content: center;
     padding: 10px 0 0;
   }
   .product_ad_banner_desc h3:nth-child(2) {
     padding-bottom: 0;
   }
   .product_ad_banner_desc h3:first-child {
     padding-right: 40px;
   }
   .product_ad_banner_desc h3 {
     margin: 0;
   }
   .banner_img {
     background-position: 86% 0;
   }
   .goldbankAssure-tile .image {
     width: 40px;
   }
   .goldbankAssure_list .goldbankAssure-tile .image {
     width: 32px;
     top: 24px;
   }
   .goldbankAssure_list .goldbankAssure-tile .image img {
     height: 32px;
   }
   section.our_values .goldbankAssure_list .col-lg-4 {
     margin-bottom: 8px;
   }
   .trust_tile h4 {
     font-size: 28px;
   }
   .goldbankAssure-tile,
   .our_values_tiles .goldbankAssure-tile {
     padding-left: 70px;
   }
   .fine_scan img {
     right: -70px;
   }

   .fine_scan {
     height: 420px;
     padding: 30px 15px;
   }
   .cart-list-modal .cart-list-modal-inner {
     width: 100%;
   }
   .cart-modal-tile .cart-modal-amt {
     flex: 0 0 100%;
     max-width: 100%;
     padding-top: 7px;
     display: flex;
     justify-content: space-between;
     align-items: center;
   }
   .cart-modal-tile .cart-modal-desc {
     flex: 0 0 calc(100% - 70px);
     max-width: calc(100% - 70px);
   }
   .cart-modal-tile .cart-modal-amt .cart-modal-price {
     padding-bottom: 0;
   }
   .cart-modal-qty.qty-inc-dec .count {
     width: 30px;
     height: 30px;
   }
   .cart-modal-qty.qty-inc-dec .sub-prd,
   .cart-modal-qty.qty-inc-dec .add-prd {
     width: 30px;
     height: 30px;
   }
   .cart-modal-btn .col-6 {
     flex: 0 0 100%;
     max-width: 100%;
     order: 1;
   }
   .cart-modal-btn .col-6:first-child {
     margin-top: 10px;
     order: 2;
   }
   .cart-modal-items {
     max-height: none;
   }
   .margin-today .col-12 h2 br {
     display: none;
   }
   .fine_scan_desc {
     max-width: 100%;
   }
   .fine_scan_desc .arrow-down {
     font-size: 14px;
     color: #cfcfcf !important;
   }
   .cart-container .cart-modal-qty.qty-inc-dec .sub-prd,
   .cart-container .cart-modal-qty.qty-inc-dec .add-prd {
     width: 36px;
     height: 36px;
   }
   .cart-container .cart-modal-qty.qty-inc-dec .count {
     width: 36px;
     height: 36px;
   }
   .about_slide_nav .slick-list {
     padding-left: 0 !important;
   }
   .thank_summary .cart-modal-tile .cart-modal-img {
     flex: 0 0 80px;
     max-width: 80px;
     height: 80px;
   }
   .thank_summary .cart-modal-tile .cart-modal-amt {
     flex: 0 0 90px;
     max-width: 90px;
     justify-content: flex-end;
     padding: 0;
   }
   .thank_summary .cart-modal-tile .cart-modal-desc {
     max-width: calc(100% - 170px);
   }
   .thank_summary .cart-modal-tile .cart-modal-amt span.input-text {
     padding-bottom: 0px;
   }
   .thank_summary .cart-modal-desc ul {
     padding: 0px;
     display: none;
   }
   .thank_summary .cart-modal-desc span {
     display: none;
   }
   .thank_summary .cart-modal-desc-inner {
     align-items: center;
   }
   .thank_earn_badge .thank_earn_badge_desc {
     padding-left: 15px;
   }
   .banner_img.membership_banner .banner_desc,
   .banner_img.membership_banner {
     height: 660px;
     background-size: 100% 100%;
   }
   .banner_img.member_inner_banner {
     background-position: 0% 42px;
   }
   .top-search .cart-modal-tile .cart-modal-desc,
   .top-search .cart-modal-tile .cart-modal-amt {
     flex: 0 0 calc(100% - 68px);
     max-width: calc(100% - 68px);
   }
   .top-search .cart-modal-tile .cart-modal-amt .cart-modal-price {
     text-align: left;
   }
   .top-search .cart-modal-tile .cart-modal-amt {
     padding-left: 78px;
     padding-top: 0;
   }
   .top-search .cart-modal-tile .cart-modal-desc {
     padding-right: 0;
   }
   /*.header_bottom.header_without_links .header_inner > .row > .col-md-5:first-child,
   .header_bottom.header_without_links .header_inner > .row > .col-md-5:last-child {
     flex: 0 0 calc((100% - 160px) / 2);
     max-width: calc((100% - 160px) / 2);
   }*/
   .verification-code .btn-black {
     padding: 8.5px 12px;
   }
   .verifyModal input.email_verification_code,
   .verifyModal input.phone_verification_code {
     height: 38.6px;
     width: 38.6px;
     margin-right: 4px;
   }
   .verifyModalInner {
     padding: 15px;
   }
   .fine_scan.app-dowload-tile img {
     height: 180px;
   }
   .pdp_slider_nav {
     margin-top: 30px;
   }
   .pdp_slider_nav .slick-slide .image {
     width: 74px;
     height: 74px;
     padding: 16px;
   }
   .add-to-cart-inner i img {
     width: 20px;
   }
   .product-desc h5 {
     font-size: 12px;
   }
   .new-slider .slick-arrow {
     width: 50px;
     height: 50px;
   }
 }

 @media (max-width: 360px) {
   .trust_tile p {
     font-size: 12px;
   }
   .headerLinks .btn-group {
     padding: 0 7px;
   }
 }

 @-webkit-keyframes openSubMenu {
   0% {
     opacity: 0;
     -webkit-transform: translateY(250px);
     transform: translateY(250px);
   }

   to {
     opacity: 1;
     -webkit-transform: translateY(0);
     transform: translateY(0);
   }
 }

 @keyframes openSubMenu {
   0% {
     opacity: 0;
     -webkit-transform: translateY(250px);
     transform: translateY(250px);
   }

   to {
     opacity: 1;
     -webkit-transform: translateY(0);
     transform: translateY(0);
   }
 }
 .disbleminus {
   pointer-events: none;
   background-color: rgba(3, 3, 3, 0.40) !important;
 }
 .sell-table .disbleminus {
   background-color: transparent !important;
 }

 .checkout_ttl {
   color: #030303;
   font-family: var(--font-heading);
   font-size: 24px;
   margin-bottom: 20px;
   line-height: normal;
 }
 .checkout_breadcrumb ul {
   margin-bottom: 40px;
 }
 .checkout_breadcrumb ul li {
   display: inline-block;
 }

 .checkout_breadcrumb ul li a {
   display: inline-block;
   color: #030303;
   font-size: 14px;
   font-style: normal;
   font-weight: 600;
   line-height: 1.57;
   opacity: 0.4;
 }
 .checkout_breadcrumb ul li a.active {
   opacity: 1;
   color: #9F8435;
 }
 .checkout_breadcrumb ul li a.completed {
   color: #9f8435;
 }
 .customer_info_ttl {
   color: #030303;
   font-family: var(--font-body);
   font-weight: 500;
   font-size: 18px;
   line-height: 100%;
   letter-spacing: -0.108px;

   @media (max-width:567px){
    font-size: 16px;
   }
 }
 .login_customer {
   color: #000;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 1.7;
 }
 .login_customer a {
   text-decoration: underline;
 }
 .login_customer a:hover {
   color: #000000;
 }
 .cust_info_wrap {
   margin-bottom: 12px;
 }

 .check-ship .form-group input:focus {
   box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1) !important;
 }

 .order_summary_ttl {
   color: #030303;
   font-size: 20px;
   font-style: normal;
   font-family: inherit;
   font-weight: 600;
   line-height: 2;
   margin-bottom: 20px;
 }

 .checkout_aside {
   /* background-color: #f8f8f8; */
   /* padding: 24px; */
 }
 .warn_label {
   margin-bottom: 30px;
   padding: 16px 24px;
   background-color: #f1f1f1;
 }
 .tooltip.show {
   opacity: 1;
 }
 .tooltip .arrow:before {
   border-top-color: #ffffff;
   border-bottom-color: #ffffff;
 }
 .tooltip-inner {
   color: #030303;
   background-color: #ffffff;
   box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
   max-width: 250px;
   font-family: var(--font-body);
   border-radius: 6px;
   padding: 8px 6px;
   font-size: 12px;
 }
 .mobilesendcode a {
   color: #030303;
   text-align: center;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 1.5;
   text-decoration-line: underline;
   margin-bottom: 30px;
   margin-top: 10px;
 }
 .cart_get_api_price_ {
   color: #030303;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 1.4;
 }
 .old-verfied .verified_line:before {
   height: 30%;
 }
 @media (max-width: 767px) {
   .products-new-section.products-out-collection-block {padding-left: 16px; padding-right: 16px !important
     ;}
     .products-new-section {
       padding-top: 70px;
       padding-bottom: 70px;
   }
   .products-new-section { padding-left: 16px; padding-right: 16px;}
   .thank_earn_points {
     flex-direction: column;
     text-align: center;
   }
   .guest_earn_points {
     width: 100%;
     padding-left: 0;
   }
   .thnks_earned_imgs {
     margin: 0 auto 20px;
   }
   .warn_label {
     margin-bottom: 20px;
     border-bottom: 1px solid #cfcfcf;
   }
   .warn_label_text {
     position: relative;
     padding-left: 36px;
     line-height: normal;
   }
   .warn_label_text svg {
     position: absolute;
     left: 0;
     top: 0;
   }
   .checkout_aside {
     /* padding: 20px;
     margin: 0 -15px; */
   }
   .checkout_aside .cart_btns_links {
     padding-top: 0;
   }
   .verify_tile {
     border-color: #cfcfcf;
     padding: 24px 35px;
   }
   .verify_tile_desc p {
     font-size: 14px;
   }
   .sub_verify {
     margin-bottom: 20px;
   }
   .verified_bundle,
   .verify_tile {
     padding: 20px;
     @media (max-width: 767px) {
      padding: 24px 16px;
    }
   }
   .verified_bundle .verify_tile_desc {
     width: calc(100% - 48px);
     text-align: left;
     padding-left: 30px;
   }
   .verified_bundle .verify_tile_icon {
     margin-right: auto;
   }
   .verified_bundle .verify_tile {
     margin-bottom: 31px;
   }
   .verified_line:before {
     height: 74px;
   }
   .user_loggedin_detail {
     padding: 24px 0;
   }
   .delivery_billing_address{
     padding: 24px 16px;
   }
   .user_loggedin_detail > .row > div,
   .delivery_billing_address > .row > div{
     padding: 0 10px;
   }
   .checkout_breadcrumb ul {
     padding-bottom: 20px;
     margin-bottom: 20px;
     border-bottom: 1px solid #cfcfcf;
   }
   .verify_margin {
     margin-bottom: 20px;
   }
   .thank_summary .thank_earn_points h5 {
     line-height: normal;
   }
   .thank_earn_points p {
     margin-bottom: 20px;
   }
   .thank_summary .check-amount .cartRightBox:last-child {
     display: flex;
   }
   .cart_get_api_price_ {
     font-weight: 600;
   }
   .user-menu-btn .user-menu-img{
     margin-left: 10px;
     padding-left: 10px;
   }
   .pdp_desc_tab .tab-content .tab-header:before {
     transform: rotate(135deg) translate(50%, 0%);
     bottom: unset;
     top: 50%;
   }
   .pdp_desc_tab .tab-content .tab-header[aria-expanded="true"]:before {
     top: 50%;
     transform: rotate(-45deg) translate(-75%, 25%)
   }
   .pdp-page > img {
     display: none;
   }
   /* .pdp_sku_info p {
     min-width: 135px;
     max-width: 135px;
   } */
   .pdp_sku_info .product_salution:empty + p {
     min-width: calc(135px + 91px + 16px);
     max-width: calc(135px + 91px + 16px);
     padding-left: 0;
   }

   .review-list hr:last-of-type {
     display: none;
   }
 }
 .dimmed {
   opacity: 0.4;
   pointer-events: none;
 }
 .ft-red{
     color:#dc3545;
 }

 html body .error_box span{
   display: block;
 }
 html body .error_box span {
   position: relative;
   margin-top: 10px;
   background-color: #fff;
   padding: 6px 10px;
   border: 1px solid #ab2617;
   border-left: 8px solid;
   color: #ab2617;
   font-size: 14px;
   line-height: 24px;
   padding-left: 36px;
   font-style: normal;
   border-radius: 5px;
 }
 html body .error_box span:empty {
   display: none !important;
 }
 html body .new-customer-from .error_box span:before {
   display: none;
 }
 html body .new-customer-from .error_box span em:before,
 .new-customer-from .help-block:before, .error_box p:before {
   content: "\f071";
   font-family: var(--font-awesome);
   font-weight: 900;
   position: absolute;
   left: 10px;
 }
 html body .error_box span:before {
   content: "\f071";
   font-family: var(--font-awesome);
   font-weight: 900;
   position: absolute;
   left: 10px;
 }

 @media (min-width: 1440px) {
   .pdp-page {
     display: flex;
     flex-direction: column;
     align-items: center;
   }

   .pdp-page .pdp_top {
     max-width: 1440px;
   }

   .pdp-page .pdp-more {
     width: 100%;
   }

   .pdp-page .pdp-more .new-slider .slick-prev {
     right: 58px;
   }

   .pdp-page .pdp-more .new-slider .slick-next {
     right: -18px;
   }

   .pdp-page .pdp-more .new-slider .slick-arrow {
     opacity: 1;
   }

   .pdp-page .pdp-more .new-slider .slick-arrow:not(.slick-disabled) {
     border-color: #2e2d31;
     cursor: pointer;
     pointer-events: unset;
   }

   .pdp-page .breadcrumbs {
     max-width: 1440px;
   }

   .max-width-unset {
     max-width: unset !important;
   }

   .pdp-page > .separator {
     margin-bottom: -1px;
   }

   .product-container #product_grid .product-tile .product_link .product-img {
     padding: 0;
     justify-content: center;
     align-items: center;
     display: flex;
   }

   .product-container #product_grid .product-tile .product_link .product-img i {
     width: 175px;
     height: 175px;
   }
 }

 /*----------------------------------------*/
 /*  21. Alert Messages CSS
 /*----------------------------------------*/
 .alerts .alert {
   color: #2e2d31;
   border-width: 2px;
 }

 .alerts .alert::before {
   content: "";
   position: absolute;
   bottom: -11px;
   left: 55px;
   width: 0;
   height: 0;
   border-left: 11px solid transparent;
   border-right: 11px solid transparent;
   border-top: 11px solid #4caf50;
 }
 .alerts .alert::after {
   content: "";
   position: absolute;
   bottom: -9px;
   left: 57px;
   width: 0;
   height: 0;
   border-left: 9px solid transparent;
   border-right: 9px solid transparent;
   border-top: 9px solid #e6f9e6;
 }

 .alerts .alert-success {
   border-color: #00b62b;
   background-color: rgba(0, 182, 43, 0.1);
 }
 .alerts .alert.alert-success::before {
   border-top-color: #00b62b;
 }
 .alerts .alert.alert-success::after {
   border-top-color: #e6f9e6;
 }

 .alerts .alert-danger {
   border-color:  #ff4545;
   background-color: rgba(255, 69, 69, 0.1);
 }
 .alerts .alert.alert-danger::before {
   border-top-color: #ff4545;
 }
 .alerts .alert.alert-danger::after {
   border-top-color: #ffecec;
 }
 .alerts .alert-warning {
   border-color:  #ff8e27;
   background-color: rgba(255, 142, 39, 0.1);
 }
 .alerts .alert.alert-warning::before {
   border-top-color: #ff8e27;
 }
 .alerts .alert.alert-warning::after {
   border-top-color: #fff3e9;
 }

 .alerts .alert-info {
   border-color:  #2e2d31;
   background-color: rgba(46, 45, 49, 0.1);
 }
 .alerts .alert.alert-info::before {
   border-top-color: #2e2d31;
 }.bottom-swoosh .wrapper-inner .customer-section
 .alerts .alert.alert-info::after {
   border-top-color: #eaeaea;
 }

 .alerts .alert > i {
   padding-right: 8px;
 }

 .sell-pages .dot_loader-old {
   display: none;
 }

 .sell-pages .dot_loader {
   display: block;
   position: fixed;
   background-color: rgba(255, 255, 255, 0.50);
   z-index: 9999;
   height: 100%;
   width: 100%;
 }

 .sell-pages:has(.congrats-container) .dot_loader {
   display: none;
 }

 .sell-pages .dot_loader::before,
 .sell-pages .dot_loader::after {
   display: none;
 }

 .sell-pages .dot_loader .spinner-loader {
   background: transparent url('https://stage-assets.goldbank.co.uk/images/additional-images/loader.png');
   width: 24px;
   height: 24px;
   animation: rotating 2s linear infinite;
   top: 50%;
   position: absolute;
   left: 50%;
   background-repeat: no-repeat;
   background-size: cover;
 }

 @-webkit-keyframes rotating /* Safari and Chrome */ {
   from {
     -webkit-transform: translate(-50%, -50%) rotate(0deg);
     -o-transform: translate(-50%, -50%) rotate(0deg);
     transform: translate(-50%, -50%) rotate(0deg);
   }
   to {
     -webkit-transform: translate(-50%, -50%) rotate(360deg);
     -o-transform: translate(-50%, -50%) rotate(360deg);
     transform: translate(-50%, -50%) rotate(360deg);
   }
 }

 @keyframes rotating {
   from {
     -ms-transform: translate(-50%, -50%) rotate(0deg);
     -moz-transform: translate(-50%, -50%) rotate(0deg);
     -webkit-transform: translate(-50%, -50%) rotate(0deg);
     -o-transform: translate(-50%, -50%) rotate(0deg);
     transform: translate(-50%, -50%) rotate(0deg);
   }
   to {
     -ms-transform: translate(-50%, -50%) rotate(360deg);
     -moz-transform: translate(-50%, -50%) rotate(360deg);
     -webkit-transform: translate(-50%, -50%) rotate(360deg);
     -o-transform: translate(-50%, -50%) rotate(360deg);
     transform: translate(-50%, -50%) rotate(360deg);
   }
 }

 .checkout-progress .next-btn.processing .spinner-loader {
   display: block !important;
 }




 /* Default slide */
 .center-slider .slick-slide{
   color: #FFF;
   height: 454px;
   margin: 0 20px 0 20px;
   display: flex;
   align-items: center;
   justify-content: center;
   transform: scale(0.8);
   transition: all 0.4s ease-in-out;
 }
 .our-legacy-slider { margin-top: -65px;}
 .center-slider .slick-slide,
 .center-slider .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] {
   transform: scale(0.8, 0.8);
   transition: all 0.4s ease-in-out;
   padding: 0px;
 }

 /* Active center slide (You can change anything here for cenetr slide)*/
 .center-slider .slick-center,
 .center-slider .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] {
   transform: scale(1.1);

 }
 .center-slider .slider-item.slick-slide.slick-active img{
   transform: scale(1.1);  height: 325px; width: 100%;


   filter: grayscale(100%);
 background: linear-gradient(180deg, rgba(0, 0, 0, 0) 56.83%, #000000 100%);
 box-shadow: 14px 14px 54px rgba(0, 0, 0, 0.1);


 }
 .center-slider .slider-item.slick-slide.slick-current.slick-active.slick-center img  {

   filter: grayscale(0%);
 background: linear-gradient(180deg, rgba(0, 0, 0, 0) 56.83%, #000000 100%);
 box-shadow: 14px 14px 54px rgba(0, 0, 0, 0.25);


 }

 .our-legacy-slider.center-slider .slick-current.slick-active .cate_desc .discover_link { color: #fff;}
 .our-legacy-slider.center-slider .discover_link { text-align: left; color: #fff;}
 .our-legacy-slider.center-slider .cate_desc .right-arrow { margin-left: 0px; transform: translateX(1px);}
 .our-legacy-slider.center-slider .slick-active .links {display: none; position: absolute;  bottom: 0px;}
 .our-legacy-slider.center-slider .slick-current.slick-center .links { display: block; position: absolute; bottom: 80px; z-index: 555; opacity: 1; left: 0px;}
 .our-legacy-slider::before {
   content: "";
 bottom: 90px;
   width: 350px;
   top: 15px;

    mix-blend-mode: darken;
   position: absolute;
   left: 0px;
   /* Rectangle 206440 */
 /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#43351f+43,43351f+67,ffffff+100&1+25,1+45,0.58+100 */
 background: linear-gradient(to right,  rgba(67,53,31,1) 25%,rgba(67,53,31,1) 43%,rgba(67,53,31,1) 45%,rgba(67,53,31,0.83) 67%,rgba(255,255,255,0.58) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

   filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 1));
   mask: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, #453721 100%);
   -webkit-mask: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, #453721 100%);

   z-index: 5;
 }

 .our-legacy-slider::after {
   content: "";
   bottom: 90px;
     width: 350px;
     top: 15px;

      mix-blend-mode: darken;
     position: absolute;
     right: 0px;
     /* Rectangle 206440 */
   /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#43351f+43,43351f+67,ffffff+100&1+25,1+45,0.58+100 */
   background: linear-gradient(90deg, rgba(43, 39, 33, 0) 0%, #453721 100%);
     filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 1));
     mask: linear-gradient(0deg, rgba(0, 0, 0, 0) 100%, #000 0%);
     -webkit-mask: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #000 100%);






 }

 .our-legacy-slider { position: relative;}
 .center-slider .slick-arrow:focus{opacity: 0.5;}
 .center-slider .slick-arrow {  font-size: 0px; width: 60px; height:60px; border: 0px; position: absolute; top: -60px;  z-index: 1; }
 .slick-next, .slick-prev{
   z-index: 5;
 }
 .center-slider .slick-next{
   right: 50%; background: url('https://stage-assets.goldbank.co.uk/home_new/assets/images/our_lagacy/right-arrow-img.png') no-repeat; background-size: 100% 100%;
   transform: translateX(510px);
 }
 .center-slider .slick-prev{
   left: 50%;
   transform: translateX(-510px);
   background: url('https://stage-assets.goldbank.co.uk/home_new/assets/images/our_lagacy/left-arrow-img.png') no-repeat; background-size: 100% 100%;
 }

 .assurance-bar-cst-slider .slick-dots {
   display: flex;
   justify-content: center;
   list-style: none;
   padding: 0;
   margin-top: 0px;
   gap: 8px;
   cursor: pointer;
 }

 .assurance-bar-cst-slider .slick-dots li::before {
   content: "";
   width: 6px;
   height: 6px;
   background: #ccc;
   border-radius: 50%;
   display: block;
   transition: background 0.3s ease;
 }
 .assurance-bar-cst-slider .slick-dots li button {
   display: none;
 }

 .assurance-bar-cst-slider .slick-dots li.slick-active::before {
   background: #000;
 }
 /* product page */
 .pdp-css{
      .pdp-slider-container {
       display: flex;
       gap: 30px;
       align-items: flex-start;

       @media (max-width: 1200px) {
         gap: 12px;
       }
     }

     .pdp-slider-nav {
       width: 92px;
     }

     .pdp-slider-nav .slick-slide {
       margin-bottom: 12px;
       padding: 5px;
       border: 1px solid rgba(3, 3, 3, 0.20);
       cursor: pointer;
       margin-right: 4px;
     }
    .pdp-slider-nav .slick-slide.slick-current {
       margin-bottom: 12px;
       padding: 4px;
       border: 2px solid var(--icon-gradient, #FFE7B9);
     }


     .pdp-slider-for {
       width: calc(100% - 120px);

     }

     .pdp-slider-for{
       .slick-slide {
        cursor: pointer;
       }
       img {
         width: 100%;
         border-radius: 10px;
         cursor: pointer;
       }
     }
 }

 #verification-blocks{

   .sell-order-email-is-verified{
        @media (max-width: 767px) {
        height: 85px !important;
     }
   }
   #phoneVerify{
       @media (max-width: 1380px) {
         padding-top: 0px !important;
     }
     @media (max-width: 767px) {
         padding-top: 0px !important;
     }
     @media (max-width: 575px) {
         padding-top: 4px !important;
     }
   }
   .verify-email-confirmation-border{
       @media (max-width: 1300px) {
         height: auto;
       }
     @media (max-width: 575px) {
             height: 36px;
     }
       }
       #emailVerify.sell-order-email-is-verified{

       }
   }


 /* placeholdeer css */
 .placeholder-card {
   background: #ffffff;
   padding: 15px 13px 34px;
   position: relative;
   overflow: hidden;
   border: 1px solid #e2e5e7;
 }

 .placeholder-shimmer {
   position: relative;
   background: #e2e5e7;
   overflow: hidden;
 }

 .placeholder-shimmer::before {
   content: '';
   position: absolute;
   top: 0;
   left: -100%;
   width: 100%;
   height: 100%;
   background: linear-gradient(
       45deg,
       transparent 45%,
       rgba(255, 255, 255, 0.8) 50%,
       transparent 50%
   );
   animation: shimmer 2s infinite;
 }

 @keyframes shimmer {
   0% {
       left: -100%;
   }
   100% {
       left: 100%;
   }
 }

 .placeholder-image {
   width: 100%;
   height: 200px;
   border-radius: 4px;
   margin-bottom: 20px;
 }

 .placeholder-title {
   height: 20px;
   border-radius: 4px;
   margin-bottom: 8px;
 }

 .placeholder-title-short {
   height: 20px;
   width: 98%;
   margin: auto;
   border-radius: 4px;
   margin-bottom: 25px;
 }

 .placeholder-actions {
   display: flex;
   justify-content: center;
   align-items: center;
   margin-bottom: 25px;
 }

 .placeholder-badge {
   width: 80px;
   height: 24px;
   border-radius: 12px;
 }

 .placeholder-heart {
   width: 24px;
   height: 24px;
   border-radius: 50%;
   float: right;
   margin-bottom: 10px;

 }

 .placeholder-stock {
   width: 70px;
   height: 18px;
   border-radius: 9px;
   margin-bottom: 12px;
 }

 .placeholder-price {
   width: 150px;
   height: 28px;
   border-radius: 4px;
   margin: auto;
 }

 /* Multiple skeleton cards */
 .placeholder-card:nth-child(2) .placeholder-shimmer::before {
   animation-delay: 0.3s;
 }

 .placeholder-card:nth-child(3) .placeholder-shimmer::before {
   animation-delay: 0.6s;
 }

 .placeholder-card:nth-child(4) .placeholder-shimmer::before {
   animation-delay: 0.9s;
 }
   .pt-0\.5{
     padding-top: 2px !important;
   }
 /* .popular-product-tooltip-show{
   width: 200px;
   padding: 5px;
 }
 .popular-product-tooltip-icon + .popular-product-tooltip-show {
   opacity: 0 !important;
 }
 .popular-product-tooltip-icon.activeshow + .popular-product-tooltip-show {
   opacity: 1 !important;
 } */
 .custom-input-color .error-highlight, .has-error {
   border-color: #dc3545 !important;
 }
 .custom-input-color .error-field {
   color: #dc3545;
   font-size: 12px;
   margin-top: 5px;
   margin-bottom: 0;
 }
 .custom-input-color .form-group .input-control.trigger.has-error + label,
  .custom-input-color .form-group .has-error + label{
   color: #dc3545 !important;
 }
 .slider-name-title{
   color: #2E2D31;
   font-family: var(--BerlingskeSerif-Md);
   font-size: 30px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   margin-bottom: 34px;
   @media (max-width: 767px) {
     margin-bottom: 20px;
     font-size: 24px;
   }
 }
 .product-detail-page{
   .bottom-swoosh .wrapper-inner{
     background: none;
     /* background-image: linear-gradient(to top, rgba(3, 3, 3, 0.35) 0px, rgba(3, 3, 3, 0.35) 30px, rgba(3, 3, 3, 0.3) 30px, rgba(3, 3, 3, 0.3) 60px, rgba(3, 3, 3, 0.2) 60px, rgba(3, 3, 3, 0.2) 90px, rgba(3, 3, 3, 0.1) 90px, rgba(3, 3, 3, 0.1) 120px, #f1f1f100 120px, #f1f1f100 100%); */
     padding-bottom: 0px;
   }
    .new-slider .slick-arrow:not(.slick-disabled){
     background-color: #000;
     border-color: #000 !important;
    }
    .new-slider .slick-arrow:hover::after{
       border: 0 !important;
    }
    .new-slider .slick-arrow:hover::before{
     border: 0 !important;
    }
    .slick-arrow i:before,.slick-arrow i:after{
       border-color: white !important;
    }
    .slick-arrow.slick-disabled i:before,.slick-arrow.slick-disabled i:after{
       border-color: #2E2D31 !important;
    }
     .horizontal-pricing-slider{
       display: none;
     }
     .product-tile{
       background-color: #F1F1F1;
       padding: 42px 13px 34px;
     }
     .product-tile h6.stock-status{
       border-radius: 30px;
       padding: 3px 10px;
       border: 1px solid rgba(3, 3, 3, 0.30);
     }
     .product-details-best-seller-tiles {
        .product-tile{
           @media (max-width: 767px) {
             height: 366px !important;
             width: 100% !important;
           }
       }
       .slick-arrow{
         opacity: 1 !important;
       }
       @media (max-width: 1400px) {
         .new-slider .slick-arrow.slick-next {
             right: 8px;
         }
         .new-slider .slick-arrow.slick-prev {
             right: 75px;
         }
     }
       @media (max-width: 767px) {
         .new-slider .slick-arrow.slick-prev {
           right: 48px;
         }
       }
       @media (max-width:767px) {
         .product-tile{
           /* width: fit-content !important; */
           border-right: 1px solid rgba(3, 3, 3, 0.10);
           border-top: 1px solid rgba(3, 3, 3, 0.10);
           border-bottom: 1px solid rgba(3, 3, 3, 0.10);
           margin-bottom: 0px;
         }
         .product-tile:hover{
           box-shadow: none;
           transform: none;
         }
       }
       .new-slider .slick-arrow{
         top: -80px;
         @media (max-width: 767px) {
           top: -56px;
         }
       }
       .best-seller-slider.slick-slider{
         padding: 0;
       }
       .slick-list{
         /* overflow: hidden !important; */
       }
       .slick-slide{
         padding-left: 14px;
         padding-right: 14px;
         @media (max-width:767px) {
           padding-left: 0;
           padding-right: 0;
           &:first-of-type{
             border-left: 1px solid rgba(3, 3, 3, 0.10);
           }
           &:last-of-type{
             border-right: 1px solid rgba(3, 3, 3, 0.10);
           }
         }
       }
       .add-to-cart{
         display: none;
       }
       .product-img{
         padding-left: 0;
         padding-right: 0;
         margin: auto;
         max-width: 100%;
         padding: 0px;
         height: auto;
       }

       .set-wishlisted i:before{
         background: linear-gradient(149deg, #be9442 -8.31%, #CAA969 50%);
         background-clip: text;
         -webkit-background-clip: text;
       }
     }
 }
 @media (min-width:1440px) {
   .px-1440-0{
     padding-left: 0 !important;
     padding-right: 0 !important;
   }
 }

 .common-slider-arrow-manage{
   .btn-black.add-to-cart{
     display: flex !important;
     align-items: center !important;
     justify-content: center !important;
     gap: 4px !important;
   }
    .slick-arrow {
     top: -80px !important;
   }
   .slick-arrow{
     background-color: transparent !important;
     border-color: rgb(3 3 3 / 30%) !important;
     &:hover{
      background-color: #000000 !important;
      border-color: #000000 !important;
      i:before{
        border-color: white !important;
      }

     }
   }
   .slick-arrow.slick-disabled{
     opacity: 1 !important;
     background-color: transparent !important;
     border-color: rgb(3 3 3 / 30%) !important;
   }
   .slick-arrow i:after{
     display: none !important;
     top: -1px !important;
     border-color: white !important;
   }
   .slick-arrow i:before{
     border-color: rgb(3 3 3 / 30%) !important;
   }
   .slick-arrow.slick-disabled i:after{
     border-color: rgb(3 3 3 / 30%) !important;
   }
   .slick-arrow.slick-disabled i:before{
     border-color: rgb(3 3 3 / 30%) !important;
   }
   .slick-arrow:hover::before{
     border: 0 !important;
   }
   .slick-arrow:hover::after{
     border: 0 !important;
   }
   .slick-arrow.slick-prev{
     right: auto !important;
     left: -60px !important;
     top: 50% !important;
     transform: translateY(-50%) !important;

     @media (max-width: 1439px) {
       right: 90px !important;
       left: auto !important;
       top: -50px !important;
     }
     @media (max-width: 767px) {
       right: 60px !important;
       top: -40px !important;
     }
   }
   .slick-arrow.slick-next{
     left: auto !important;
     right: -60px !important;
     top: 50% !important;
     transform: translateY(-50%) !important;

     @media (max-width: 1439px) {
       right: 20px !important;
       left: auto !important;
       top: -50px !important;
     }

     @media (max-width: 767px) {
       top: -40px !important;
       right: 10px !important;
     }
   }
 }
 .footer-hide footer.footer{
   display: none !important;
 }
 .buy-basket-summary-responsive {
   display: none;
   position: fixed;
   inset: 0;
   background: #F8F8F8;
   z-index: 999;

   @media (min-width: 768px) {
     display: none !important;
   }
 }
 .rounded-10px {
   border-radius: 10px !important;
 }
 .main-checkout-page{
    .check-ship ul li label, label.custom_check{
      padding-left: 26px;
    }
    .checkout-main-section{
      .check-ship ul li label, label.custom_check{
        padding-left: 36px;
      }
      .terms_conditions_label{
        padding-left: 26px !important;
      }
    }
    .custom_check span:before{
      /* margin-top: 1px;
      margin-bottom: 1px; */
    }
    .terms_conditions_label_text{
      line-height: 19px;
    }
    .error{
      color: #FF3838;
      font-size: 12px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      padding-top: 2px;
    }
    .header_bottom{
      border-bottom: 0 !important;
    }
    background-color: #F2F2F2 !important;
    .white-header{
      position: sticky;
      top: 0;
      z-index: 99;
    }
   .checkout-header-ul li a{
     padding-top: 27px;
     padding-bottom: 27px;
   }
   .checkout-header-ul{
     background-color: transparent;
     overflow: hidden !important;
   }
   .checkout-header-main .header-nav{
     background-color: transparent !important;
   }
   .cart-checkout{
     background-color: #F2F2F2;
   }
   .checkout-left-section{
   }
   @media (max-width:767px){
    .header_bottom .header_inner:not(.menu-open){
      background-color: white;
    }
    .checkout-header-main .checkout-header-ul .checkout-back-to-cart-a{
       padding: 0;
    }
   }
   .verified_line:before{
    display: none;
  }
  .verify-identity-confirmation-checkout-border{
    position: absolute;
    left: 39px;
    top: 64px;
    display: block !important;
    @media (max-width: 575px) {
      left: 23px;
      top: 47px;
    }
  }

  .verify-email-confirmation-checkout-border{
    position: absolute;
    left: 39px;
    top: 64px;
    /* display: block !important; */
    @media (max-width: 575px) {
      left: 23px;
      top: 47px;
    }
  }
  .ship-active .shipping-user-icon{
    display: block;
  }
  .storage-active .storage-user-icon{
    display: block;
  }
  .click-collect-active .click-collect-user-icon{
    display: block;
  }

  .click-collect-active .click-collect-warning{
    display: block;
  }

 }
 .verify_tile.email-verified{
  .verify-email-confirmation-checkout-border{
    display: block !important;
  }
 }
 .checkout-login-css{
    padding: 20px;
    input{
     border-radius: 10px !important;
    }
    .form-group label{
     font-size: 14px !important;
    }
    /* .form-group .input-control + label{
       top: 16px !important;
    } */
    @media (max-width:567px){
      padding: 16px;
   }
 }
 .checkout-register-css {
   .iti__selected-flag{
     border-radius: 10px !important;
   }
   padding: 20px;
   input{
    border-radius: 10px !important;
   }
   @media (max-width:567px){
    padding: 16px;
   }
 }

 .checkout-or-border-bottom{
   border-bottom: 1px solid #0000001A;
   text-align: center;
   height: 10px;
   span{
     background-color: white;
     color: #030303;
     font-size: 12px;
     font-style: normal;
     font-weight: 500;
     line-height: normal;
     min-width: 38px;
     position: relative;
     display: inline-block;
   }
 }
 .common-login-resister-css{

   .col-padding-register{
     padding: 0px;
   }
     .form-group{
       margin-bottom: 18px !important;

       &.mb-4-imp{
          margin-bottom: 4px !important;
       }
       &.mb-0-imp{
          margin-bottom: 4px !important;
       }
     }
   }
 .checkout-accordion{
   .accordion-button-checkout{
     padding: 20px;
     display: flex;
     align-items: center;
     justify-content: space-between;
     @media (max-width:567px){
      padding: 16px;
    }
    &:hover{
      /* background-color: gainsboro; */
    }
   }
   .card{
     border-top-left-radius: 10px !important;
     border-top-right-radius: 10px !important;
     border: 0;
     .card-header{
       background-color: white;
       border: 0;
       padding: 0;
     }
     .accordion-button-checkout{
       color: #030303;
       font-size: 18px;
       font-family: var(--font-body);
       font-style: normal;
       line-height: normal;
       font-weight: 400;
       letter-spacing: -0.108px;

       &:hover,&:focus,&:focus-visible{
         text-decoration: none;
       }
       .accordion-icon-rotate{
         transition: all ease-in-out 0.4s;
         transform: rotate(90deg);
       }
       @media (max-width:1100px){
          font-size: 16px;
       }
     }

     .accordion-button-checkout.checkout-border-bottom{
       border-bottom: 4px solid #F2F2F2;
     }
     .accordion-button-checkout .show-div-collapsed{
        /* display: none; */
     }
     .accordion-button-checkout.collapsed{
       border-bottom: 4px solid #F2F2F2;
       .accordion-icon-rotate{
         transform: rotate(0deg);
       }
       .change-button-checkout-accordion{
        display: none;
       }
       .hide-div-collapsed{
          display: none;
       }
       .show-div-collapsed{
        display: flex;
       }
     }

   }
 }
 @media (max-width: 992.9px) {
  .pdp_qty_price_container .pro_dtl_prize li.old_prize{ margin-left: auto;}
  }
  @media (max-width: 767.9px) {
    .pdp_qty_price_new .qty-inc-dec button{width: 42px; height: 42px; flex-shrink: 0;}
    .pdp_qty_price_new .count { height: 42px !important;}
    .pdp_qty_price_new .qty-inc-dec {margin-bottom: 0px !important; padding-bottom: 0px !important;}
    .pdp_qty_price_new .pro_dtl_prize {width: 100%; justify-content: end; height: 43px;}
  }


.promotion-code-icon{
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
}
.cart-thank-you-page{
  .header-menu>ul>li{
    pointer-events: none;
  }
  footer.footer{
    display: none;
  }
  background-color: #F2F2F2;
  .header_bottom {
    background-color: white;
  }
  .thank_summary{
    /* max-width: none; */
    margin-bottom: 0px !important;
  }
  .thank-you{
    background-color: #F2F2F2;

    @media (max-width:991px) {
        margin-top: 115px;
    }
    @media (max-width:767px) {
        margin-top: 65px;
    }
  }
  .thank-you > .container-fluid{
    background-color: #F2F2F2;
    background-image: none;
  }
  .footer-inner-bg.footer{
    margin-top: 0 !important;
  }
  .footer-inner-bg.footer::before{
    display: none;
  }
    .header_bottom .header_inner{
      border: 0;
    }
  .header-links-container,.horizontal-pricing-slider{
    display: none !important;
  }

}

.checkout-common-verified-tile{
  .without-verify-email-mask{
    @media (max-width: 575px) {
    background-color: white;
    z-index: 9;
    }
  }
  @media (max-width: 767px) {
    gap: 12px !important;
  }
    display: flex;
    flex-wrap: nowrap;
    &.verify_tile{
      &.mb-0{
        margin-bottom: 0px !important;
      }
      margin-bottom: 40px !important;
      @media (max-width: 575px) {
        margin-bottom: 36px !important;
        &.mb-0{
          margin-bottom: 0px !important;
        }
      }
    }
    .verify_tile_icon{
       margin: 0 !important;
        height: fit-content;
        width: fit-content;
        @media (max-width: 575px) {
          max-width: 48px;
        }
    }
    .verify_tile_desc{
      padding-top: 20px;
      width: fit-content;
      padding-left: 0;
      @media (max-width: 575px) {
        padding-top: 0px;
      }
    }
    .verified_line:before{
      background-image: url();
    }
}

.common-otp-input{
  gap: 16px;
  input{
    margin-right: 0px !important;
    text-align: center !important;
    line-height: 20px !important;
    font-size: 20px !important;
    border: solid 1px rgba(3, 3, 3, 0.20) !important;
    outline: none !important;
    width: 56px !important;
    height: 56px !important;
    transition: all 0.2s ease-in-out !important;
    border-radius: 10px !important;
    padding: 5px !important;
    min-width: auto !important;

  &:focus {
    border-color: #A88323 !important;
  }

  @media (max-width: 400px) {
    width: 100% !important;
    height: 50px !important;
  }
}

@media (max-width: 575px) {
  gap: 8px;
}
}

.checkout-common-verified-tile.email-verify-tile.email-verified + .checkout-common-verified-tile{
  margin-bottom: 40px !important;
}
.common-round-animation.show .check-circle-cst {
  -webkit-animation: checkmark-circle 0.6s ease-in-out backwards;
  animation: checkmark-circle 0.6s ease-in-out backwards;
}
.common-round-animation.show .st0-cst {
  -webkit-animation: checkmark 0.25s ease-in-out 0.7s backwards;
  animation: checkmark 0.25s ease-in-out 0.7s backwards;
}