@import url("https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap");
@font-face {
  font-family: Mazzard;
  src: url("../fonts/MazzardM-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Mazzard;
  src: url("../fonts/MazzardM-SemiBoldItalic_1.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Mazzard;
  src: url("../fonts/MazzardM-SemiBoldItalic_2.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Mazzard;
  src: url("../fonts/MazzardM-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Mazzard;
  src: url("../fonts/MazzardM-Thin_1.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Mazzard;
  src: url("../fonts/MazzardM-Thin_2.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Mazzard;
  src: url("../fonts/MazzardM-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Mazzard;
  src: url("../fonts/MazzardM-ExtraBoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Mazzard;
  src: url("../fonts/MazzardM-ThinItalic_1.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Mazzard;
  src: url("../fonts/MazzardM-ThinItalic_2.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Mazzard;
  src: url("../fonts/MazzardM-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Mazzard;
  src: url("../fonts/MazzardM-Medium_1.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Mazzard;
  src: url("../fonts/MazzardM-Medium_2.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Mazzard;
  src: url("../fonts/MazzardM-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Mazzard;
  src: url("../fonts/MazzardM-MediumItalic_1.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Mazzard;
  src: url("../fonts/MazzardM-MediumItalic_2.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Mazzard;
  src: url("../fonts/MazzardM-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Mazzard;
  src: url("../fonts/MazzardM-Regular_1.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Mazzard;
  src: url("../fonts/MazzardM-Regular_2.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Mazzard;
  src: url("../fonts/MazzardM-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Mazzard;
  src: url("../fonts/MazzardM-SemiBold_1.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Mazzard;
  src: url("../fonts/MazzardM-SemiBold_2.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@media screen and (max-width: 991px) {
  footer .footer-wrap .footer-logo-sec img {
    display: block;
    margin: auto;
  }
  footer .footer-wrap .footer-logo-sec p {
    display: block;
    width: 100%;
  }
  footer .footer-wrap .footer-nav ul a {
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    display: block;
  }
  .top-heading h1 {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 16px;
  }
  .top-heading p {
    margin-bottom: 24px;
  }
  .secondary-heading h4 {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 16px;
  }
  .secondary-heading p {
    margin-bottom: 24px;
  }
  .qty-sec {
    width: 67px;
    height: 56px;
  }
  footer {
    padding: 40px 24px;
    background: url(../images/footer-bg-sm.png) no-repeat center;
    background-size: cover;
  }
  footer .footer-wrap {
    gap: 24px;
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;
  }
  footer .footer-wrap .footer-nav h6 {
    margin-bottom: 8px;
  }
  .welcome-sec {
    padding: 0 17.5px;
    position: relative;
    margin-top: -35px;
  }
  .welcome-sec .welcome-container {
    top: unset;
    bottom: 45px;
    transform: translateX(-50%);
  }
  .welcome-sec .welcome-container .top-heading {
    padding: 0 40px 0 40px;
    margin: auto;
  }
  .welcome-sec .welcome-container .top-heading .btn-wrap .welcome-btn-arrow {
    right: -59px;
    bottom: -27px;
  }
  .welcome-sec .welcome-img-wrap {
    top: 55%;
    padding: 0;
  }
  .welcome-sec .welcome-bg-cover {
    bottom: 0%;
    right: 3.1%;
  }
  .shop-favourite-sec {
    padding: 24px;
  }
  .shop-favourite-sec h6 {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 24px;
  }
  .shop-favourite-sec .shop-favourite-wrap {
    gap: 16px;
    margin-bottom: 24px;
    flex-wrap: wrap;
    justify-content: center;
  }
  .shop-favourite-sec .shop-favourite-wrap .shop-items {
    width: 155px;
    height: 86px;
  }
  .buy-discounted-sec .buy-discounted-container {
    position: absolute;
    top: 38px;
    transform: translateX(-50%);
    padding: 0 41.5px;
  }
  .buying-seamless-sec {
    padding: 40px 24px;
    background: white;
  }
  .buying-seamless-sec .buying-seamless-wrap .secondary-heading p {
    margin-bottom: 24px;
  }
  .buying-seamless-sec .buying-seamless-wrap .buying-flex {
    flex-direction: column;
    gap: 24px;
  }
  .buying-seamless-sec .buying-seamless-wrap .buying-flex .buying-items img {
    width: 100%;
  }
  .buying-seamless-sec .buying-seamless-wrap .buying-flex .buying-items .text-wrap {
    padding-top: 29.5px;
  }
  .buying-seamless-sec .buying-seamless-wrap .buying-flex .buying-items .text-wrap h6 {
    font-size: 18px;
    margin-bottom: 8px;
  }
  .our-favourite-sec {
    padding: 40px 24px 24px 24px;
  }
  .our-favourite-sec .our-favourite-wrap .secondary-heading h4 {
    color: white;
    margin-bottom: 14px;
  }
  .our-favourite-sec .our-favourite-wrap .btn-wrap ul {
    flex-wrap: wrap;
    gap: 8px;
  }
  .our-favourite-sec .our-favourite-wrap .btn-wrap ul li {
    flex: 1 1 45%;
    width: 159px;
  }
  .our-favourite-sec .our-favourite-wrap .btn-wrap a {
    width: 100%;
    text-align: center;
  }
  .our-favourite-sec .our-favourite-flex {
    gap: 24px !important;
  }
  .buy-gift-sec {
    padding: 0 17.5px 24px 17.5px;
    position: relative;
  }
  .buy-gift-sec .buy-gift-content {
    top: 45%;
  }
  .buy-gift-sec .buy-gift-content .top-heading {
    max-width: 292px;
    margin: auto;
  }
  .buy-gift-content {
    padding: 24px;
  }
  .buy-gift-content .buy-gift-content-wrap .filters-btn {
    border: 2px solid #3457D4;
    background: #FFF;
    width: 100%;
    padding: 12px;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    gap: 24px;
    color: #3C3C3C;
    /* P/Nav + CTA */
    font-family: Mazzard;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    /* 16px */
    text-transform: capitalize;
    color: #0E0E0E;
  }
  .buy-gift-content .buy-gift-content-wrap .filters-btn[aria-expanded=true] {
    background: #CDD8FF;
    border-color: #CDD8FF;
  }
  .buy-gift-content .buy-gift-content-wrap a[aria-expanded=true] .active {
    display: inline;
  }
  .buy-gift-content .buy-gift-content-wrap a[aria-expanded=true] .inactive {
    display: none;
  }
  .buy-gift-content .buy-gift-content-wrap a[aria-expanded=false] .active {
    display: none;
  }
  .buy-gift-content .buy-gift-content-wrap a[aria-expanded=false] .inactive {
    display: inline;
  }
  .buy-gift-content .buy-gift-content-wrap .filter-by-wrap {
    flex-direction: column;
    align-items: stretch;
  }
  .buy-gift-content .buy-gift-content-wrap .filter-by-wrap .dropdown .dropdown-menu.show {
    width: 100%;
  }
  .buy-gift-content .buy-gift-content-wrap .filter-by-wrap .filter-content-wrap {
    margin-top: 10px;
  }
  .buy-gift-content .buy-gift-content-wrap .filter-by-wrap .filter-content-wrap .filter-flex {
    gap: 8px;
    flex-direction: column;
  }
  .buy-gift-content .buy-gift-content-wrap .filter-by-wrap .filter-content-wrap .filter-list-btn {
    width: 100%;
  }
  .buy-gift-content .buy-gift-content-wrap .showing-title h6 {
    margin: 24px 0;
  }
  .buy-gift-content .buy-gift-content-wrap .buy-gift-flex {
    gap: 24px;
  }
  .pagination-sec {
    margin-top: 24px;
  }
  .buy-gift-individual .buy-gift-content-wrap .showing-title h6 {
    margin: 24px 0;
  }
  .buy-individual-list-sm .buy-individual-items-sm {
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid rgba(53, 88, 212, 0.2);
  }
  .buy-individual-list-sm .buy-individual-items-sm .logo-sec {
    display: flex;
    gap: 15px;
    align-items: center;
    margin-bottom: 16px;
  }
  .buy-individual-list-sm .buy-individual-items-sm .logo-sec .logo-text h5 {
    color: #1B0F48;
    font-family: #3457D4;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    /* 166.667% */
    margin-bottom: 0;
  }
  .buy-individual-list-sm .buy-individual-items-sm .logo-sec .logo-text h6 {
    color: #3C3C3C;
    /* P/Standard */
    font-family: Mazzard;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    /* 200% */
    color: #1B0F48;
    margin-bottom: 0;
  }
  .buy-individual-list-sm .buy-individual-items-sm .text-wrap {
    display: flex;
    justify-content: space-between;
  }
  .buy-individual-list-sm .buy-individual-items-sm .text-wrap h4 {
    color: #1B0F48;
    font-family: Mazzard;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    /* 187.5% */
    margin-bottom: 0;
  }
  .buy-individual-list-sm .buy-individual-items-sm .text-wrap h4 span {
    font-weight: 600;
  }
  .buy-individual-list-sm .buy-individual-items-sm .text-wrap h4 .green {
    color: #4EBF08;
  }
  .buy-individual-list-sm .buy-individual-items-sm .text-wrap .text-left {
    display: flex;
    gap: 10px;
    flex-direction: column;
  }
  .buy-individual-list-sm .buy-individual-items-sm .text-wrap .text-right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .how-works-sec {
    padding: 32px 24px;
  }
  .how-works-sec .secondary-heading p {
    margin-bottom: 24px;
  }
  .how-works-sec .how-works-num-container {
    position: absolute;
    top: 49.4%;
    height: 100%;
  }
  .how-works-sec .how-works-num {
    height: 100%;
  }
  .how-works-sec .how-works-num .how-works-num-flex {
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
  }
  .how-works-sec .how-works-num .how-works-num-flex .how-works-num-items h6 {
    font-size: 18px;
    line-height: 32px;
    text-align: center;
  }
  .submit-request-sec {
    padding: 40px 24px 24px 24px;
    background: #0F1219;
  }
  .submit-request-sec .submit-request-wrap .secondary-heading p {
    margin-bottom: 32px;
    color: #F4F4F4;
  }
  .submit-request-sec .submit-request-wrap .form-flex {
    gap: 16px;
  }
  .submit-request-sec .submit-request-wrap .form-flex .form-group {
    flex: 1 1 100%;
  }
  .submit-request-sec .submit-request-wrap .form-btn-wrap {
    margin-top: 16px;
    flex-direction: column;
    gap: 16px;
    align-items: stretch;
    text-align: center;
  }
  .about-top-sec {
    position: relative;
    padding: 0 17px;
  }
  .about-top-sec .about-top-container {
    top: 45%;
  }
  .about-top-sec .about-top-container .top-heading {
    max-width: 308px;
    margin: auto;
    text-align: center;
  }
  .easiest-way-sec .buying-seamless-container {
    bottom: 70px !important;
  }
  .buying-with-seamless .buying-seamless-container {
    position: absolute;
    top: unset;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 17.5px;
    text-align: center;
  }
  .buying-with-seamless .buying-seamless-container h4 {
    width: 279px;
    margin: 0 auto 6px auto;
  }
  .buying-with-seamless .buying-seamless-container .primary-btn {
    width: 100%;
  }
  .buying-with-seamless .buying-seamless-container .primary-btn img {
    display: inline;
  }
  .contact-top-sec .top-heading p {
    max-width: 294px !important;
    margin: auto !important;
  }
  .drop-message-sec {
    padding: 40px 24px;
    border-radius: 0;
  }
  .drop-message-sec .drop-message-content {
    flex-wrap: wrap-reverse;
    gap: 32px;
    justify-content: center;
  }
  .drop-message-sec .drop-message-content .drop-form-wrap .secondary-heading {
    text-align: center;
  }
  .drop-message-sec .drop-message-content .drop-form-wrap .secondary-heading p {
    margin-bottom: 16px;
  }
  .drop-message-sec .drop-message-content .drop-form-wrap .form-flex {
    gap: 16px;
  }
  .drop-message-sec .drop-message-content .drop-form-wrap .form-flex .form-group {
    flex: 1 1 100%;
  }
  .drop-message-sec .drop-message-content .drop-form-wrap .form-flex .btn-wrap {
    flex-wrap: wrap;
    gap: 16px;
  }
  .drop-message-sec .drop-message-content .drop-form-wrap .form-flex .btn-wrap .primary-btn {
    width: 100%;
  }
  .drop-message-sec .drop-message-content .our-contacts-sec h3 {
    margin-bottom: 24px;
    font-size: 24px;
    line-height: 36px;
    text-align: center;
  }
  .drop-message-sec .drop-message-content .our-contacts-sec ul {
    align-items: center;
    gap: 16px;
  }
  .drop-message-sec .drop-message-content .our-contacts-sec ul img {
    width: 30px;
    height: 30px;
  }
  .drop-message-sec .drop-message-content .our-contacts-sec ul li a {
    font-size: 18px;
    line-height: 32px;
  }
  .drop-message-wrap {
    padding: 0;
  }
  .error-sec {
    padding: 80px 24px;
  }
  .error-sec .error-content {
    gap: 32px;
  }
  .error-sec .error-content p {
    max-width: 255px;
  }
  .about-top-sec .about-top-container .top-heading {
    max-width: 292px;
    margin: auto;
    text-align: center;
  }
  .term-condition-sec {
    padding: 24px;
  }
  .term-condition-sec .term-condition-wrap .text-top h4 {
    font-size: 24px;
    line-height: 38px;
  }
  .login-sec {
    padding: 64px 0;
  }
  .login-sec .login-wrap .form-flex {
    gap: 16px;
  }
  .login-sec .login-wrap .btn-sec {
    margin-top: 24px;
  }
  .login-sec .login-wrap .btn-sec .primary-btn {
    width: 100%;
  }
  .common-modal .modal-dialog .modal-content .modal-body {
    padding: 24px;
  }
  .common-modal .modal-dialog .modal-content .modal-body h6 {
    font-size: 24px;
    line-height: 36px;
  }
  .common-modal .modal-dialog .modal-content .modal-body .btn-wrap {
    display: flex;
    gap: 8px;
    flex-direction: column;
  }
  .login-sec .login-wrap .secondary-heading h4 {
    font-size: 30px;
  }
  .login-sec .login-wrap .form-flex .form-group {
    flex: 1 1 100%;
  }
  .login-sec .btn-flex {
    flex-direction: column;
    gap: 24px;
  }
  .login-sec .btn-flex .primary-btn {
    width: 100%;
  }
  .account-top .top-heading-wrap {
    gap: 16px;
    max-width: 292px;
  }
  .account-top .top-heading-wrap h1 {
    font-size: 30px;
    line-height: 36px;
  }
  .account-top .top-heading-wrap h6 {
    font-size: 18px;
    line-height: 32px;
  }
  .account-content-sec {
    padding: 0;
  }
  .account-content-sec .account-content-wrap {
    flex-direction: column;
    align-items: center;
    gap: 0;
  }
  .account-content-sec .account-content-wrap .account-tab {
    box-shadow: unset;
  }
  .account-content-sec .account-content-wrap .account-Personal-Details-sec {
    padding: 24px;
  }
  .account-content-sec .account-content-wrap .account-Personal-Details-sec .form-flex {
    gap: 16px;
  }
  .account-content-sec .account-content-wrap .account-Personal-Details-sec .form-flex .form-group {
    flex: 1 1 100%;
  }
  .account-My-Orders-sec .table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  .account-My-Orders-sec .table th {
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    padding: 0;
  }
  .account-My-Orders-sec .table th:first-child {
    padding-left: 24px;
  }
  .account-My-Orders-sec .table th:last-child {
    padding-right: 24px;
  }
  .account-My-Orders-sec .table td {
    font-size: 15px;
    padding: 0;
    height: 56px;
  }
  .account-My-Orders-sec .table td:first-child {
    padding-left: 24px;
  }
  .account-My-Orders-sec .table td:last-child {
    padding-right: 24px;
  }
  .account-My-Orders-sec .pagination-sec {
    margin-top: 24px;
  }
  .checkout-sec {
    padding: 0;
  }
  .checkout-sec .checkout-wrap {
    flex-direction: column-reverse;
    gap: 0;
  }
  .checkout-sec .checkout-wrap .form-flex {
    gap: 16px;
  }
  .checkout-sec .checkout-wrap .form-flex .form-group {
    flex: 1 1 100%;
  }
  .checkout-sec .btn-wrap {
    flex-direction: column;
    gap: 24px;
  }
  .checkout-sec .btn-wrap .primary-btn {
    width: 100%;
  }
  .checkout-sec .shopping-cart-sec {
    border: 0;
    box-shadow: none;
    padding: 24px;
  }
  .checkout-sec .shopping-cart-sec h3 {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 25px;
  }
  .checkout-sec .shopping-cart-sec .cart-card-wrap .cart-card {
    gap: 15px;
  }
  .checkout-sec .shopping-cart-sec .cart-card-wrap .cart-card .title-wrap .title-flex {
    flex-direction: column;
    gap: 0;
  }
  .checkout-sec .shopping-cart-sec .total-wrap {
    margin: 25px 0;
  }
  .checkout-sec .shopping-cart-sec .apply-wrap {
    padding: 16px;
  }
  .checkout-sec .shopping-cart-sec .apply-wrap .applay-form {
    flex-direction: column;
    gap: 8px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  footer .footer-wrap {
    gap: 49.75px;
  }
  .welcome-sec .welcome-bg-cover {
    bottom: -9px;
    right: 66px;
    width: 488px;
  }
  .welcome-sec .welcome-container .top-heading {
    max-width: 539px;
  }
  .welcome-sec .welcome-container .top-heading h1 {
    font-size: 44px;
    line-height: 55px;
    margin-bottom: 14px;
  }
  .how-works-sec .how-works-num .how-works-num-flex {
    max-width: 1102px;
  }
  .how-works-sec .how-works-num-container {
    top: 39%;
  }
  .about-top-sec {
    padding: 0 32px;
  }
  .buying-with-seamless .buying-seamless-container .buying-seamless-content .secondary-heading {
    max-width: 561px;
  }
  .buying-with-seamless .buying-seamless-container .buying-seamless-content .secondary-heading h4 {
    font-size: 42px;
    line-height: 58.5px;
    margin-bottom: 4px;
  }
  .buying-with-seamless .buying-seamless-container .buying-seamless-content .secondary-heading p {
    margin-bottom: 22px;
  }
  .drop-message-wrap {
    padding: 72px 32px;
  }
  .about-top-sec .about-top-container {
    top: 45%;
  }
}
@media screen and (min-width: 1400px) and (max-width: 1599px) {
  .welcome-sec .welcome-bg-cover {
    bottom: -1.9%;
    right: 4.2%;
    width: 39%;
  }
  .welcome-sec .welcome-container .top-heading {
    max-width: 636px;
  }
  .welcome-sec .welcome-container .top-heading h1 {
    font-size: 54px;
    line-height: 65px;
  }
  .how-works-sec .how-works-num .how-works-num-flex {
    max-width: 84%;
  }
  .how-works-sec .how-works-num-container {
    top: 38%;
    max-width: 100%;
  }
  .about-top-sec {
    padding: 0 32px;
  }
  .drop-message-wrap {
    padding: 72px 32px;
  }
}
@media screen and (min-width: 1800px) {
  .container {
    max-width: 1440px;
  }
  .about-top-sec .container {
    max-width: 1482px;
  }
}
@media screen and (min-width: 1920px) {
  .account-top img {
    margin: auto;
    display: block;
  }
  #stars2 {
    margin: auto;
  }
  #stars3 {
    margin: auto;
  }
  .buydiscount-desktop {
    display: block;
    margin: auto;
  }
}/*# sourceMappingURL=responsive.css.map */