@charset "utf-8";
/* CSS Document */

/* CSS Document © 2023 ProWeb Prism */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

::-moz-selection{ background:#7b7d7f; color:#ffffff; text-shadow:none;}
::selection { background:#7b7d7f; color:#ffffff; text-shadow:none;}
*,
*:before, *:after{-webkit-box-sizing:  border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video, textarea, input { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; outline:none; font-family: "Poppins", sans-serif;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body {color:#504f50; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow:hidden;}
:root { overflow-y: scroll;}
a { text-decoration:none; transition:all 0.25s ease-out 0s;}
a:hover { text-decoration:none; transition:all 0.25s ease-out 0s;}
p, p span { font-family: "Poppins", sans-serif;}
img { border:0px;}
ol, ul, li{ list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
* {-webkit-appearance: none;
}::-webkit-input-placeholder {
  color:#ffffff;
}
::-moz-placeholder { 
  color:#ffffff;
}
:-ms-input-placeholder {
  color:#ffffff;
}
:-moz-placeholder {
  color:#ffffff;
}

section{width: 100%; float: left;}
img{max-width: 100%;}


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



.banner-wrapp {
    position: relative;
    height: 100vh;
}

.banner-wrapp .bg-img {
    width: 100%;
    height: 100%;
}

.banner-wrapp .bg-img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.header-wrapp {
    width: 100%;
    position: absolute;
    top: 40px;
}

.banner-wrapp .banner-content {
    width: 100%;
    position: absolute;
    bottom: 100px;
}

.banner-wrapp .banner-content h2 {
    font-size: 40px;
    font-weight: 700;
    color: #fff;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #2f7498;
    margin: 0 0 10px;
}

.banner-wrapp .banner-content .text-fields {
    width: 52%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.banner-wrapp .banner-content .text-fields input {
    width:100%;
    height: 55px;
    color: #000;
    font-size: 22px;
    padding: 0 2%;
    flex: 1 0 0;
}

.banner-wrapp .banner-content .text-fields input::placeholder {
    color: #000;
}

.banner-wrapp .banner-content .text-fields button.submit-btn {
    width: auto;
    padding: 11px 26px;
    background: #000;
    color: #fff;
    font-size: 20px;
    border-radius: 15px;
    border: 1px solid #000;
    margin: 0 0 0 10px;
    transition: all .25s ease-in-out;
}

.banner-wrapp .banner-content .text-fields button.submit-btn:hover{background: none; color: #000;}


.reciept-wrapp {
    padding: 70px 0;
    min-height: 100vh;
}

.reciept-wrapp .reciept-row {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.reciept-wrapp .reciept-col1 {
    width: 45%;
    max-width: 458px;
    position: relative;
}

.reciept-wrapp .reciept-col1 img {
    width: 100%;
    display: block;
}

.reciept-wrapp .reciept-col1 .text {
    position: absolute;
    top: 50%;
    left: 46%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.reciept-wrapp .reciept-col1 .text h2 {
    font-size: 40px;
    font-weight: 700;
    color: #fff;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #2f7498;
    margin: 0 0 10px;
}

.reciept-wrapp .reciept-col1 .text h2 span {
    display: block;
}

.reciept-wrapp .reciept-col2 {
    width: 50%;
}

.reciept-wrapp .reciept-col2 h3 {
    font-size: 22px;
    font-weight: 600;
    margin: 0 0 20px;
}

.reciept-wrapp .reciept-col2 h3 span {
    display: block;
}

.reciept-wrapp .reciept-col2 .text-fields {
    width: 100%;
}

.reciept-wrapp .reciept-col2 .text-fields .text-field1 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 0 20px;
}

.reciept-wrapp .reciept-col2 .text-fields .text-field1 .text-field2 {
    width: 25%;
    margin: 0 2% 0 0;
}

.reciept-wrapp .reciept-col2 .text-fields .text-field1 .text-field2 label {
    font-size: 18px;
    font-weight: 600;
}

.reciept-wrapp .reciept-col2 .text-fields .text-field3 {
    width: 73%;
}

.reciept-wrapp .reciept-col2 .text-fields .text-field3 input {
    width: 100%;
    height: 55px;
    border: 2px solid #c9c9c9;
    border-radius: 10px;
    max-width: 230px;
    padding: 12px;
}

.reciept-wrapp .reciept-col2 .text-fields p {
    font-size: 12px;
    margin: 0 0 20px;
}

.reciept-wrapp .reciept-col2 .text-fields .text-fields1 {
    width: 100%;
    margin: 0 0 20px;
}

.reciept-wrapp .reciept-col2 .text-fields .text-fields1 .text-field4 {
    width: 100%;
}

.reciept-wrapp .reciept-col2 .text-fields .text-fields1 .text-field4 label {
    font-size: 12px;
}

.reciept-wrapp .reciept-col2 .text-fields .text-fields1 .text-field4 input {
    width: 100%;
    height: 40px;
    border: 2px solid #c9c9c9;
    border-radius: 10px;
    padding: 7px 50px;
}

.reciept-wrapp .reciept-col2 .text-fields h5 {
    font-size: 12px;
    font-weight: 600;
    margin: 0 0 20px;
}

.reciept-wrapp .reciept-col2 .text-fields .text-fields1 .text-field4 .iti {
    width: 100%;
}

.reciept-wrapp .reciept-col2 .text-fields .text-field3 select {
    width: 100%;
    height: 55px;
    border: 2px solid #c9c9c9;
    border-radius: 10px;
    max-width: 230px;
    padding: 12px;
    outline: none;
    background: url(../images/chevron-down-solid.svg) no-repeat center / 12px;
    background-position-x: 95%;
    cursor: pointer;
}

.cards-wrapp {
    padding: 50px 0;
}

.progress-wrapp {
    width: 100%;
    display: flex;
    align-items: center;
    margin: 0 0 20px;
}

.progress-wrapp .circle {
    width: 20px;
    height: 20px;
    border: 3px solid #c4c4c4;
    border-radius: 50%;
}

.progress-wrapp .line-track {
    width: 30%;
    height: 8px;
    background: #c4c4c4;
    margin: 0 5px;
    border-radius: 10px;
}

.progress-wrapp .line-track .line {
    width: 0;
    display: block;
    height: 100%;
    background: #2525ce;
    border-radius: 10px;
}

.progress-wrapp .circle.active {
    border-color: #2525ce;
}

.progress-wrapp .line-track.active .line {
    width: 50%;
}

.cards-wrapp h2 {
    font-size: 26px;
    font-weight: 600;
    color: #001463;
    margin: 0 0 20px;
}

.progress-wrapp .line-track.full .line {
    width: 100%;
}

.cards-wrapp  .nav-wrapp {
    width: 100%;
    margin: 0 0 50px;
}

.cards-wrapp .nav-wrapp .nav-slider {
    width: 100%;
    padding: 0 25px;
}

.cards-wrapp .nav-wrapp .nav-slider .slick-prev::before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/left.svg) no-repeat center / 100%;
    opacity: 1;

}

.cards-wrapp .nav-wrapp .nav-slider .slick-next::before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/right.svg) no-repeat center / 100%;
    opacity: 1;

}

.cards-wrapp .nav-wrapp .nav-slider .slick-prev {
    width: 30px;
    height: 30px;
    background: #ffff;
    border-radius: 50%;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.cards-wrapp .nav-wrapp .nav-slider .slick-next {
    width: 30px;
    height: 30px;
    background: #ffff;
    border-radius: 50%;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.cards-wrapp .nav-wrapp .nav-slider .slick-arrow.slick-disabled {
    opacity: 0;
    pointer-events: none;
}

.cards-wrapp .nav-wrapp .nav-links {
    font-size: 18px;
    font-weight: 600;
    color: #001463;
    border: 3px solid #001463;
    border-radius: 30px;
    padding: 10px 15px;
    display: block;
    width: max-content;
    text-align: center;
    margin: 0 10px;
}



.cards-wrapp .cards-row {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.cards-wrapp .cards-row .card {
    width: 22%;
    border: none;
    margin: 0 4% 4% 0;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    position: relative;
}

.cards-wrapp .cards-row .card img {
    display: block;
    width: 100%;
}

.cards-wrapp .cards-row .card:nth-child(4n) {
    margin-right: 0;
}

.cards-wrapp .cards-row .card .tag {
    position: absolute;
    top: -23px;
    left: 50%;
    transform: translateX(-50%);
    background: #ECC3BF;
    padding: 6px 25px;
    border-radius: 30px;
    font-size: 14px;
    color: #001463;
}

.modal.card-selector .modal-dialog {
    max-width: 900px;
}

.modal.card-selector .modal-dialog .modal-content .close {
    position: absolute;
    right: 10px;
    background: none;
    border: none;
    font-size: 35px;
    z-index: 1;
}

.modal.card-selector .modal-dialog .modal-content .close span {
    display: block;
}

.modal.card-selector .modal-dialog .modal-content .modal-body {
    padding: 30px;
}

.modal.card-selector .modal-dialog .modal-content .modal-body .modal-row {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.modal.card-selector .modal-dialog .modal-content .modal-body .modal-row .modal-col1 {
    width: 48%;
}

.modal.card-selector .modal-dialog .modal-content .modal-body .modal-row .modal-col1 .slider1-wrapp {
    width: 100%;
}

.modal.card-selector .modal-dialog .modal-content .modal-body .modal-row .modal-col1 .slider1-wrapp .slider1 {
    width: 100%;
    display: block;
    padding: 0 20px;
    margin: 0 0 60px;
}

.modal.card-selector .modal-dialog .modal-content .modal-body .modal-row .modal-col1 .slider1-wrapp .slider1 .slider1-col1 img {
    width: 100%;
}

.modal.card-selector .modal-dialog .modal-content .modal-body .modal-row .modal-col1 .slider1-wrapp .slider1 .slider1-col1 img {
    width: 100%;
}

.modal.card-selector .modal-dialog .modal-content .modal-body .modal-row .modal-col1 .slider1-wrapp .slider1 .slick-prev {
    left: -10px;
    width: 12px;
}

.modal.card-selector .modal-dialog .modal-content .modal-body .modal-row .modal-col1 .slider1-wrapp .slider1  .slick-next {
    right: -10px;
    width: 12px;
}

.modal.card-selector .modal-dialog .modal-content .modal-body .modal-row .modal-col1 .slider1-wrapp .slider1 .slick-prev:before{content: ""; width: 100%; height: 100%; background: url(../images/chevron-left-solid.svg) no-repeat center / 100%; display: block;}

.modal.card-selector .modal-dialog .modal-content .modal-body .modal-row .modal-col1 .slider1-wrapp .slider1 .slick-next:before{content: ""; width: 100%; height: 100%; background: url(../images/chevron-right-solid.svg) no-repeat center / 100%; display: block;}

.modal.card-selector .modal-dialog .modal-content .modal-body .modal-row .modal-col1 .slider2-wrapp p {
    text-align: center;
    margin: 0 0 20px;
}

.modal.card-selector .modal-dialog .modal-content .modal-body .modal-row .modal-col1 .slider2-wrapp {
    width: 100%;
}

.modal.card-selector .modal-dialog .modal-content .modal-body .modal-row .modal-col1 .slider2-wrapp p {
    text-align: center;
    margin: 0 0 20px;
}

.modal.card-selector .modal-dialog .modal-content .modal-body .modal-row .modal-col1 .slider1-wrapp .slider1 ul.slick-dots {
    bottom: -40px;
    left: 50%;
    transform: translateX(-50%);
}

.modal.card-selector .modal-dialog .modal-content .modal-body .modal-row .modal-col1 .slider1-wrapp .slider1 ul.slick-dots li {width: 10px;height: 10px;}

.modal.card-selector .modal-dialog .modal-content .modal-body .modal-row .modal-col1 .slider1-wrapp .slider1 ul.slick-dots li button {
    width: 10px;
    height: 10px;
    padding: 0;
}

.modal.card-selector .modal-dialog .modal-content .modal-body .modal-row .modal-col1 .slider1-wrapp .slider1 ul.slick-dots li button::before {
    width: 8px;
    height: 8px;
    background: #001463;
    color: transparent;
    border-radius: 50%;
}

.modal.card-selector .modal-dialog .modal-content .modal-body .modal-row .modal-col1 .slider2-wrapp .slider2 {
    width: 100%;
}

.modal.card-selector .modal-dialog .modal-content .modal-body .modal-row .modal-col1 .slider2-wrapp .slider2 .slick-list {
    padding: 0 !important;
}

.modal.card-selector .modal-dialog .modal-content .modal-body .modal-row .modal-col1 .slider2-wrapp .slider2 .slider1-col1 {
    margin: 0 5px;
}

.modal.card-selector .modal-dialog .modal-content .modal-body .modal-row .modal-col1 .slider2-wrapp .slider2 .slider1-col1.slick-current  {
    border: 3px solid #ff828d;
}

.modal.card-selector .modal-dialog .modal-content .modal-body .modal-row .modal-col1 .slider2-wrapp .slider2 .slick-track {
    transform: none !important;
}

.modal.card-selector .modal-dialog .modal-content .modal-body .modal-row  .modal-col2 {
    width: 47%;
}

.modal.card-selector .modal-dialog .modal-content .modal-body .modal-row .modal-col2 .cards-type {
    width: 100%;
    margin: 0 0 20px;
}

.modal.card-selector .modal-dialog .modal-content .modal-body .modal-row .modal-col2 .cards-type label {
    font-size: 16px;
    font-weight: 600;
    border: 3px solid #001463;
    padding: 10px;
    border-radius: 30px;
    color: #001463;
    cursor: pointer;
    margin: 0 10px 0 0;
}

.modal.card-selector .modal-dialog .modal-content .modal-body .modal-row .modal-col2 .cards-type input[type="checkbox"] {
    display: none;
}
.modal.card-selector .modal-dialog .modal-content .modal-body .modal-row .modal-col2 .cards-type input[type="radio"] {
    display: none;
}
.modal.card-selector .modal-dialog .modal-content .modal-body .modal-row .modal-col2 .cards-type input[type="checkbox"]:checked+label {
    color: #0024b3;
    border: 3px solid #0024b3;
    background: rgb(0 36 179 / 20%);
}

.modal.card-selector .modal-dialog .modal-content .modal-body .modal-row .modal-col2 .cards-type input[type="radio"]:checked+label {
    color: #0024b3;
    border: 3px solid #0024b3;
    background: rgb(0 36 179 / 20%);
}

.modal.card-selector .modal-dialog .modal-content .modal-body .modal-row .modal-col2 .card-size-wrapp {
    width: 100%;
}

.modal.card-selector .modal-dialog .modal-content .modal-body .modal-row .modal-col2 .card-size-wrapp h3 {
    font-size: 20px;
    font-weight: 600;
    color: #001463;
    margin: 0 0 10px;
}

.modal.card-selector .modal-dialog .modal-content .modal-body .modal-row .modal-col2 .card-size-wrapp .card-size-selector {
    width: 100%;
}

.modal.card-selector .modal-dialog .modal-content .modal-body .modal-row .modal-col2 .card-size-wrapp .card-size-selector input[type="radio"] {
    display: none;
}

.modal.card-selector .modal-dialog .modal-content .modal-body .modal-row .modal-col2 .card-size-wrapp .card-size-selector label {
    width: 100%;
    padding: 5px 54px 5px 50px;
    color: #001463;
    font-size: 16px;
    font-weight: 600;
    border: 3px solid #cfcfcf;
    border-radius: 10px;
    margin: 0 0 10px;
    position: relative;
    cursor: pointer;
}

.modal.card-selector .modal-dialog .modal-content .modal-body .modal-row .modal-col2 .card-size-wrapp .card-size-selector label .card-detail {
    display: block;
    font-weight: 400;
    color: #000;
    margin: 5px 0 0;
}

.modal.card-selector .modal-dialog .modal-content .modal-body .modal-row .modal-col2 .card-size-wrapp .card-size-selector label .price {
    display: block;
    color: #000;
    margin: 5px 0 0;
}

.modal.card-selector .modal-dialog .modal-content .modal-body .modal-row .modal-col2 .card-size-wrapp .card-size-selector label .img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 13px;
}

.modal.card-selector .modal-dialog .modal-content .modal-body .modal-row .modal-col2 .card-size-wrapp .card-size-selector label:after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    border: 3px solid #cfcfcf;
    top: 50%;
    transform: translateY(-50%);
    left: 14px;
    border-radius: 50%;
}

.modal.card-selector .modal-dialog .modal-content .modal-body .modal-row .modal-col2 .card-size-wrapp .card-size-selector input[type="radio"]:checked+label {
    border-color: #0024b3;
    background: rgb(0 36 179 / 20%);
}

.modal.card-selector .modal-dialog .modal-content .modal-body .modal-row .modal-col2 .card-size-wrapp .card-size-selector input[type="radio"]:checked+label:after {
    border-color:#0024b3;
}



.modal.card-selector .modal-dialog .modal-content .modal-body .modal-row .modal-col2 .card-size-wrapp .card-size-selector label:before {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    background: #0024b3;
    top: 50%;
    transform: translateY(-50%);
    left: 19px;
    border-radius: 50%;
    opacity: 0;
}

.modal.card-selector .modal-dialog .modal-content .modal-body .modal-row .modal-col2 .card-size-wrapp .card-size-selector input[type="radio"]:checked+label:before {
    opacity: 1;
}

.modal.card-selector .modal-dialog .modal-content .modal-body .modal-row .modal-col2 .offer {
    width: 100%;
    position: relative;
    padding: 10px 10px 10px 66px;
    background: #ff828d;
    border-radius: 10px;
    margin: 10px 0;
}

.modal.card-selector .modal-dialog .modal-content .modal-body .modal-row .modal-col2 .offer .offer-img {
    position: absolute;
    left: 6px;
    width: 48px;
    top: 50%;
    transform: translateY(-50%);
}

.modal.card-selector .modal-dialog .modal-content .modal-body .modal-row .modal-col2 .offer h3 {
    font-size: 16px;
    font-weight: 600;
    color: #001463;
}

.modal.card-selector .modal-dialog .modal-content .modal-body .modal-row .modal-col2 .select-quant {
    width: 100%;
    margin: 20px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.modal.card-selector .modal-dialog .modal-content .modal-body .modal-row .modal-col2 .select-quant h3 {
    font-size: 20px;
    font-weight: 600;
    color: #001463;
    float: left;
    display: inline-block;
}

.modal.card-selector .modal-dialog .modal-content .modal-body .modal-row .modal-col2 .select-quant select {
    float: right;
    display: inline-block;
    border: 2px solid #cfcfcf;
    width: 80px;
    height: 42px;
    border-radius: 10px;
    padding: 5px 26px 5px 12px;
    text-align: center;
    background: #cfcfcf30 url(../images/chevron-down-solid.svg) no-repeat center / 12px;
    background-position-x: 87%;
}

.modal.card-selector .modal-dialog .modal-content .modal-body .modal-row .modal-col2 .personalise-btn {
    display: block;
    text-align: center;
    background: #dd3b49;
    color: #fff;
    padding: 12px;
    border-radius: 10px;
    border: 1px solid #dd3b49;
}

.modal.card-selector .modal-dialog .modal-content .modal-body .modal-row .modal-col2 .personalise-btn:hover {
    background: none;
    color: #dd3b49;
}

.gift-amount-wrapp h2 {
    font-size: 26px;
    font-weight: 600;
    color: #001463;
    margin: 0 0 50px;
}

.gift-amount-wrapp .reciept-col1 .text {
    width: 80%;
}

.gift-amount-wrapp .reciept-col1 .text h2 {
    -webkit-text-stroke-width: 0;
}

.gift-form {
    width: 100%;
    background: #fff;
    padding: 10px;
}

.gift-form .text-fields .text-field {
    width: 100%;
}

.gift-form .text-fields .text-field label {
    font-size: 14px;
}

.gift-form .text-fields .text-field .text-field1 {
    position: relative;
}

.gift-form .text-fields .text-field .text-field1 input {
    width: 100%;
    height: 60px;
    border: 1px solid #000;
    border-radius: 10px;
    padding: 0 60px;
}

.gift-form .text-fields .text-field .text-field1 .flag {
    width: 35px;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
}

.gift-form .text-fields .text-field .text-field1 .flag img {
    display: block;
}

.gift-form .text-fields .text-field .text-field1 .currency {
    position: absolute;
    font-size: 28px;
    right: 25px;
}

.gift-form .text-fields .text-field .text-field2 {
    width: 100%;
    position: relative;
}

.gift-form .text-fields .text-field .text-field2 input {
    width: 100%;
    height: 100px;
    border: 1px solid #000;
    border-radius: 10px;
    padding: 0 70% 30px 60px;
}

.gift-form .text-fields .text-field .text-field2 .flag {
    width: 35px;
    display: block;
    position: absolute;
    top: 24px;
    left: 10px;
}

.gift-form .text-fields .text-field .text-field2 .currency {
    position: absolute;
    font-size: 28px;
    right: 25px;
    top: 16px;
}

.gift-form .text-fields .text-field .text-field2 .formula {
    position: absolute;
    top: 18px;
    right: 28%;
    background: url(../images/info.svg) no-repeat center / 20px;
    background-position-x: 100%;
    padding-right: 18px;
}

.gift-form .text-fields .text-field .text-field2 .formula h3 {
    color: #2525ce;
    font-size: 20px;
    margin: 0;
    line-height: 1.86;
}

.gift-form .text-fields .text-field .text-field2 .formula h3 span {
    color: #504f50;
}

.gift-form .gift-row {
    width: 100%;
    padding: 15px 0;
}

.gift-form .gift-row h4 {
    color: #504f50;
    font-weight: 600;
    font-size: 20px;
    float: left;
}

.gift-form .gift-row .gift-icon {
    display: inline-block;
    width: 30px;
    float: right;
    margin-right: 27%;
}

.card-editor-wrapp .card-editor-head {
    width: 100%;
    padding: 20px 0;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.card-editor-wrapp .card-editor-head .card-editor-row {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: right;
}

.card-editor-wrapp .card-editor-head .edit-btn {
    color: #dd3b49;
    background: none;
    border: 2px solid #dd3b49;
    padding: 10px 26px;
    font-weight: 500;
    border-radius: 10px;
    margin: 0 10px 0 0;
    display: inline-block;
}

.card-editor-wrapp .card-editor-head .add-btn {
    color: #fff;
    background: #dd3b49;
    border: 2px solid #dd3b49;
    padding: 10px 26px;
    font-weight: 500;
    border-radius: 10px;
    margin: 0 10px 0 0;
    display: inline-block;
}

.card-editor-wrapp .card-editor-head .edit-btn:hover {
    background: #dd3b49;
    color: #ffff;
}

.card-editor-wrapp .card-editor-head .add-btn:hover {
    color: #dd3b49;
    background: none;
}

.card-editor-wrapp .card-editor-body {
    width: 100%;
    padding: 20px 0;
}

.card-editor-wrapp .card-editor-body .tab-content {
    width: 100%;
}

.card-editor-wrapp .card-editor-body .tab-content .tabcontent {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    display: none;
    border: 1px solid #c2c2c2;
}

.card-editor-wrapp .card-editor-body .tab-content .tabcontent img {
    width: 100%;
    display: block;
}

.card-editor-wrapp .card-editor-body .tab-content .tabcontent.active {
    display: block;
}

.card-editor-wrapp .card-editor-footer {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 20px 0 0;
    box-shadow: rgba(149, 157, 165, 0.2) 10px 0 12px;
}

.card-editor-wrapp .card-editor-footer .tabContainer {
    width: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.card-editor-wrapp .card-editor-footer .tabContainer .tablink {
    width: 90px;
    border: 2px solid #c2c2c2;
}

.card-editor-wrapp .card-editor-footer .tabContainer .tablink img {
    width: 100%;
    display: block;
}

.card-editor-wrapp .card-editor-footer .tabContainer .tablink:first-child {
    margin-right: 20px;
}

.card-editor-wrapp .card-editor-footer .tabContainer .tablink:last-child {
    margin-left: 20px;
}

.card-editor-wrapp .card-editor-footer .card-editor-row {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.card-editor-wrapp .card-editor-footer .card-editor-row {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.card-editor-wrapp .card-editor-footer .card-editor-row .prev-btn, .card-editor-wrapp .card-editor-footer .card-editor-row .next-btn {
    width: 15px;
    height: 25px;
    background: none;
    border: none;
}

.card-editor-wrapp .card-editor-footer .card-editor-row .prev-btn {
    margin-right: 25px;
}

.card-editor-wrapp .card-editor-footer .card-editor-row .next-btn{
    margin-left: 25px;
}

.card-editor-wrapp .card-editor-footer .tabContainer .tablink.active {
    border-color: #dd3b49;
}

.footer {
    width: 100%;
    display: flex;
    justify-content: flex-end; /* Aligns content to the right */
    padding: 10px;
    background-color: #333;
}

.footer-content {
    color: red;
}

.thankyou-wrapp.thankyou-wrapp {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.thankyou-wrapp .bg-img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.thankyou-wrapp .bg-img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.thankyou-wrapp h2 {
    color: #fff;
    font-size: 55px;
    font-weight: 600;
}


@media (max-width:991px){
.banner-wrapp .banner-content .text-fields {width: 100%;}

.gift-amount-wrapp h2 {
    font-size: 24px;
}
.gift-amount-wrapp .reciept-col1 .text h2 {
    font-size: 30px;
}

.gift-form .text-fields .text-field .text-field2 .formula h3 {
    font-size: 14px;
}

.gift-form .text-fields .text-field .text-field2 input {
    height: 85px;
}

.gift-form .text-fields .text-field .text-field2 .formula {
    right: 22%;
}

.reciept-wrapp .reciept-col2 .text-fields .text-field1 .text-field2 {
    width: 100%;
    margin: 0 0 10px;
}

.reciept-wrapp .reciept-col2 h3 {
    font-size: 18px;
}

.reciept-wrapp .reciept-col1 .text h2 {
    font-size: 30px;
}

}

@media (max-width:767px){
.banner-wrapp .banner-content h2 { font-size: 30px;}

.cards-wrapp .nav-wrapp .nav-links {
    font-size: 16px;
    margin: 0 5px;
}

.cards-wrapp .nav-wrapp .nav-links {
    font-size: 16px;
    margin: 0 5px;
}

.cards-wrapp .cards-row .card {
    width: 30.66%;
    margin: 0 4% 6% 0;
}

.cards-wrapp .cards-row .card:nth-child(3n) {
    margin-right: 0;
}

.cards-wrapp .cards-row .card:nth-child(4n) {
    margin-right: auto;
}

.reciept-wrapp .reciept-col1 {
    width: 100%;
    max-width: 314px;
    margin: 0 0 30px;
}

.reciept-wrapp .reciept-col2 {
    width: 100%;
}

.modal.card-selector .modal-dialog .modal-content .modal-body .modal-row .modal-col1 {
    width: 100%;
    margin: 0 0 33px;
}

.modal.card-selector .modal-dialog .modal-content .modal-body .modal-row .modal-col2 {
    width: 100%;
}

}

@media (max-width:600px){
.header-wrapp .brand-logo { width: 180px;}
.banner-wrapp .banner-content .text-fields input { font-size: 18px;}

.card-editor-wrapp .card-editor-head .edit-btn {
    padding: 10px 20px;
    font-size: 14px;
}

.card-editor-wrapp .card-editor-head .add-btn {
    padding: 10px 20px;
    font-size: 14px;
}

.card-editor-wrapp .card-editor-footer .tabContainer .tablink {
    width: 50px;
}

.card-editor-wrapp .card-editor-footer .card-editor-row .prev-btn, .card-editor-wrapp .card-editor-footer .card-editor-row .next-btn {
    width: 10px;
}

.card-editor-wrapp .card-editor-footer .tabContainer .tablink:first-child {
    margin-right: 15px;
}

.card-editor-wrapp .card-editor-footer .tabContainer .tablink:last-child {
    margin-left: 15px;
}

.card-editor-wrapp .card-editor-footer .card-editor-row .prev-btn {
    margin-right: 15px;
}

.card-editor-wrapp .card-editor-footer .card-editor-row .next-btn {
    margin-left: 15px;
}
.cards-wrapp .nav-wrapp .nav-slider .slick-next {
    right: -10px;
}

.cards-wrapp .nav-wrapp .nav-slider .slick-prev {
    left: -10px;
}
.progress-wrapp .circle {
    width: 15px;
    height: 15px;
}

}

@media(max-width:480px){
.banner-wrapp .banner-content {   text-align: center;}
.banner-wrapp .banner-content h2 {   font-size: 28px;}
.banner-wrapp .banner-content .text-fields input {  flex: 0 0 100%;  margin: 0 0 20px;}
.banner-wrapp .banner-content .text-fields button.submit-btn { margin: 0 auto;}

.cards-wrapp .cards-row .card {
    width: 48%;
    margin: 0 4% 28px 0;
}

.cards-wrapp .cards-row .card:nth-child(2n) {
    margin-right: 0;
}

.cards-wrapp .cards-row .card:nth-child(3n) {
    margin-right: auto;
}

.cards-wrapp h2 {
    font-size: 20px;
}


.gift-amount-wrapp h2 {
    font-size: 20px;
}

.reciept-wrapp .reciept-col1 {
    width: 100%;
    max-width: 314px;
    margin: 0 0 30px;
}

.reciept-wrapp .reciept-col2 {
    width: 100%;
}

.gift-amount-wrapp h2 {
    font-size: 20px;
}

.gift-form .text-fields .text-field .text-field2 .formula {position: relative;right: 0;margin: 0 0 20px;width: fit-content;float: right;}

.gift-form .text-fields .text-field .text-field2 input {
    height: 60px;
}

.gift-form .text-fields .text-field .text-field2 .flag {
    top: 19px;
}

.gift-form .text-fields .text-field .text-field2 .currency {
    top: 7px;
}

.gift-form .gift-row {
    float: left;
}

.thankyou-wrapp h2 {
    font-size: 40px;
}

}