@font-face {
    font-family: "CairoBold";
    src: url("../fonts/Cairo-Bold.ttf");
}

@font-face {
    font-family: "CairoSemiBold";
    src: url("../fonts/Cairo-SemiBold.ttf");
}

@font-face {
    font-family: "CairoRegular";
    src: url("../fonts/Cairo-Regular.ttf");
}

.cairoBold {
    font-family: CairoBold, Arial, Helvetica, sans-serif;
}

.cairoRegular {
    font-family: CairoRegular, Arial, Helvetica, sans-serif;
}

.CairoSemiBold {
    font-family: CairoSemiBold, Arial, Helvetica, sans-serif;
}

body {
    background: #ffffff;
    font-family: CairoRegular, Arial, Helvetica, sans-serif;
    color: #5f4f4f;
    font-size: 14px;
}

.pink-color {
    color: #e6b2b1!important;
}

.pink-background {
    background-color: #e6b2b1!important;
}

.text-brown {
    color: #5f4f4f!important;
}

.light-green-bg {
    background-color: #e9f3f0!important;
}

.ellipsis {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

main {
    min-height: 90vh;
    background: #f9f9f9;
}

textarea:focus,
select:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    border-color: rgba(95, 79, 79, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(95, 79, 79, 0.6);
    outline: 0 none;
}

.top-nav {
    background-color: #e6b2b1;
    color: white;
}

.top-nav .languageBox {
    border-radius: 10px;
    border: 1px solid #fff;
    background-color: #e6b2b1!important;
    color: white;
    font-size: 0.9rem;
}

.top-nav .contact-link {
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 300;
    color: white;
}

.top-nav .contact-link:hover,
.top-nav .contact-link:focus {
    text-decoration: underline;
    font-size: 0.9rem;
    font-weight: 300;
    color: white;
}

.top-nav img {
    width: 22px;
    vertical-align: bottom;
}

.has-search .form-control {
    padding-left: 2.375rem;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #5f4f4f!important;
}

@media (max-width: 800px) {
    .navbar-toggler em {
        font-size: 2rem;
        border-color: #5f4f4f;
        color: #5f4f4f!important;
    }
    .navbar-toggler .collapsed:focus {
        font-size: 2rem;
        color: #ffffff!important;
        background: #5f4f4f;
        border: none!important;
    }
    .navbar-toggler .collapsed em:focus {
        color: #ffffff!important;
        border: none!important;
    }
    .navbar-nav {
        background: #e6b2b1;
        padding: 10px 25px;
        border-radius: 5px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .navbar-nav li {
        padding: 5px 0;
    }
    .navbar-nav li a {
        color: #ffffff!important;
        text-decoration: none;
        font-weight: 100;
        font-size: 12pt;
        font-family: CairoSemiBold, Arial, Helvetica, sans-serif;
        letter-spacing: 1px;
    }
    .auth-links {
        flex-direction: row;
        display: flex;
        list-style: none;
        margin-left: 12%;
    }
    .auth-links li {
        padding: 10px 10px;
        display: block;
    }
    .auth-links li a {
        color: #5f4f4f!important;
        text-decoration: none;
        font-weight: 500;
        font-size: 1rem;
        font-family: CairoSemiBold, Arial, Helvetica, sans-serif;
        text-transform: uppercase;
    }
    .women-section .women {
        width: 100%;
        max-width: 100%;
    }
    .women-section .women {
        width: 100%;
        max-width: 100%;
    }
    .women-section .gift-box {
        width: 75%;
        max-width: 100%;
    }
    .women-section .gift-title {
        display: block;
        color: #5b2b2d;
        font-weight: 400;
        font-size: 2rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
    }
    .women-section .gift-title strong {
        display: block;
        color: #5b2b2d;
        font-size: 2rem;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
        line-height: 39px;
    }
    .women-section a {
        background: #e6b2b1;
        color: white;
        font-size: 1.2rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
        font-weight: 300;
        text-decoration: none;
        width: 65%;
        max-width: 100%;
        margin-top: 10px;
    }
    .women-section a:hover,
    .women-section a:focus {
        background: #e6b2b1;
        color: white;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
        font-weight: 300;
    }
    .service-section .container-fluid {
        padding-left: 8%;
        padding-right: 8%;
    }
    .service-section .service-card {
        text-align: center;
    }
    .service-section .service-card img {
        width: 45%;
        max-width: 100%;
        margin-bottom: 30px;
    }
    .service-section .service-card label {
        display: block;
        color: #5b2b2d;
        font-size: 1.2rem;
        font-weight: bold;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
        text-transform: uppercase;
    }
    .service-section .service-card p {
        display: block;
        color: #5b2b2d;
        font-weight: 400;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
    }
    .infos-section {
        background: #fbfbfb;
    }
    .infos-section .pregnant-women {
        width: 100%;
        max-width: 100%;
    }
    .infos-section label {
        display: block;
        color: #5b2b2d;
        font-size: 1.8rem;
        font-weight: bolder;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
        text-transform: uppercase;
        text-align: center;
    }
    .infos-section p {
        display: block;
        color: #5b2b2d;
        font-weight: 400;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
        line-height: 25px;
    }
    .news-section {
        background: #e9f3f0;
    }
    .news-section label {
        display: block;
        color: #5b2b2d;
        font-size: 1.5rem;
        font-weight: bolder;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
        text-transform: uppercase;
    }
    .news-section p {
        display: block;
        color: #5b2b2d;
        font-weight: 400;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
    }
    .news-section form button {
        background: #5b2b2d;
        color: white;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
        font-weight: 300;
        text-decoration: none;
        width: 30%;
        max-width: 100%;
        margin-top: 10px;
    }
    .news-section form button:hover,
    .news-section form button:focus {
        background: #5b2b2d;
        color: white;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
        font-weight: 300;
    }
    footer .container-fluid {
        padding-left: 8%;
        padding-right: 8%;
    }
    footer a {
        text-decoration: none;
        color: white;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
        letter-spacing: 1px;
    }
    footer a:hover,
    footer a:focus {
        text-decoration: none;
        color: white;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
        font-weight: bold;
        text-decoration: underline;
    }
    footer .social-col img {
        width: 40px;
        max-width: 100%;
    }
}

@media (min-width: 801px) {
    .top-nav {
        height: auto;
    }
    .navbar-expand-lg .navbar-collapse {
        margin-left: 3%;
    }
    .navbar-nav li {
        padding-left: 10px;
        padding-right: 10px;
    }
    .navbar-nav li a {
        color: #5f4f4f!important;
        text-decoration: none;
        font-weight: 500;
        font-size: 13pt;
        font-family: CairoSemiBold, Arial, Helvetica, sans-serif;
    }
    .navbar img {
        vertical-align: super;
    }
    .auth-links {
        flex-direction: row;
        display: flex;
        list-style: none;
    }
    .auth-links li {
        padding: 0 5px;
        display: list-item;
        text-align: -webkit-match-parent;
    }
    .auth-links li a {
        color: #5f4f4f!important;
        text-decoration: none;
        font-weight: 500;
        font-size: 10pt;
        font-family: CairoSemiBold, Arial, Helvetica, sans-serif;
    }
    .user-col-nav img {
        width: 45px;
        max-width: 50px;
        height: 40px;
        border: 1px solid rgba(115, 115, 115, 0.5);
        border-radius: 50%;
        padding: 2px;
        vertical-align: middle!important;
    }
    .user-col-nav span {
        color: #948b8b;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
        text-transform: capitalize;
    }
    .user-col-nav span strong {
        color: #5f4f4f;
        font-size: 1rem;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
        text-transform: capitalize;
    }
    .women-section .women {
        width: 100%;
        max-width: 100%;
    }
    .women-section .gift-box {
        width: 35%;
        max-width: 100%;
    }
    .women-section .gift-title {
        display: block;
        color: #5b2b2d;
        font-weight: 400;
        font-size: 2.5rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
    }
    .women-section .gift-title strong {
        display: block;
        color: #5b2b2d;
        font-size: 3.5rem;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
        line-height: 39px;
    }
    .women-section a {
        background: #e6b2b1;
        color: white;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
        font-weight: 300;
        text-decoration: none;
        width: 30%;
        max-width: 100%;
        margin-top: 10px;
    }
    .women-section a:hover,
    .women-section a:focus {
        background: #e6b2b1;
        color: white;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
        font-weight: 300;
    }
    .service-section .container-fluid {
        padding-left: 8%;
        padding-right: 8%;
    }
    .service-section .service-card {
        text-align: center;
    }
    .service-section .service-card img {
        width: 45%;
        max-width: 100%;
        margin-bottom: 30px;
    }
    .service-section .service-card label {
        display: block;
        color: #5b2b2d;
        font-size: 1.2rem;
        font-weight: bold;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
        text-transform: uppercase;
    }
    .service-section .service-card p {
        display: block;
        color: #5b2b2d;
        font-weight: 400;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
    }
    .infos-section {
        background: #fbfbfb;
    }
    .infos-section .pregnant-women {
        width: 100%;
        max-width: 100%;
        height: 100%;
        max-height: 100%;
    }
    .infos-section label {
        display: block;
        color: #5b2b2d;
        font-size: 2rem;
        font-weight: bolder;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
        text-transform: uppercase;
    }
    .infos-section p {
        display: block;
        color: #5b2b2d;
        font-weight: 400;
        font-size: 1.2rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
        line-height: 35px;
    }
    .about-section .title {
        display: block;
        color: #5b2b2d;
        font-size: 2rem;
        font-weight: bolder;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
        text-transform: uppercase;
    }
    .about-section .about-row img {
        width: 100%;
        max-width: 100%;
    }
    .about-section .about-row label {
        display: block;
        color: #5b2b2d;
        font-size: 1.2rem;
        font-weight: bolder;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
        text-transform: uppercase;
    }
    .about-section .about-row p {
        display: block;
        color: #5b2b2d;
        font-weight: 400;
        font-size: 0.9rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
    }
    .news-section {
        background: #e9f3f0;
    }
    .news-section label {
        display: block;
        color: #5b2b2d;
        font-size: 1.5rem;
        font-weight: bolder;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
        text-transform: uppercase;
    }
    .news-section p {
        display: block;
        color: #5b2b2d;
        font-weight: 400;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
    }
    .news-section form button {
        background: #5b2b2d;
        color: white;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
        font-weight: 300;
        text-decoration: none;
        width: 30%;
        max-width: 100%;
        margin-top: 10px;
    }
    .news-section form button:hover,
    .news-section form button:focus {
        background: #5b2b2d;
        color: white;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
        font-weight: 300;
    }
    footer .container-fluid {
        padding-left: 8%;
        padding-right: 8%;
    }
    footer a {
        text-decoration: none;
        color: white;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
        letter-spacing: 1px;
    }
    footer a:hover,
    footer a:focus {
        text-decoration: none;
        color: white;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
        font-weight: bold;
        text-decoration: underline;
    }
    footer .social-col img {
        width: 40px;
        max-width: 100%;
    }
}


/** LOGIN PAGE **/

@media (max-width: 800px) {
    .login {
        border-top: solid 3px rgb(115, 115, 115, 0.2);
        background: #f9f9f9;
    }
    .login .title {
        display: block;
        color: #2393e9;
        font-size: 1.5rem;
        font-weight: bolder;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
        text-transform: capitalize;
    }
    .login .description {
        display: block;
        color: #a29999;
        font-weight: 400;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
    }
    .login .login-box {
        background: white;
        border-radius: 5px;
        border: 1px solid rgb(115, 115, 115, 0.5);
    }
    .login .col-btn button {
        background: #f9f9f9;
        color: #5f4f4f;
        font-weight: 500;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
        border: 1px solid rgb(115, 115, 115, 0.5);
    }
    .login .col-btn button:hover,
    .login .col-btn button:focus {
        color: #f9f9f9;
        background: #e6b2b1;
        font-weight: 500;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
        border: 1px solid rgb(115, 115, 115, 0.5);
    }
    .login .col-btn button img {
        width: 25px;
        max-width: 30px;
        margin-right: 10px;
    }
    .login form label {
        color: #5f4f4f;
        font-weight: 700;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
    }
    .login form input {
        background: #f9f9f9;
        border: 1px solid rgb(115, 115, 115, 0.5);
        color: #a29999;
        font-size: 1.2rem;
    }
    .login form button {
        background: #2393e9;
        color: #ffffff;
        font-size: 1.1rem;
        font-weight: 500;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
        text-transform: uppercase;
    }
    .login form button:hover,
    .login form button:focus {
        background: #ffffff;
        color: #2393e9;
        border: 1px solid #2393e9;
    }
    .login hr {
        width: 100%;
    }
}

@media (min-width: 801px) {
    .login {
        border-top: solid 3px rgb(115, 115, 115, 0.2);
        background: #f9f9f9;
    }
    .login .title {
        display: block;
        color: #2393e9;
        font-size: 1.5rem;
        font-weight: bolder;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
        text-transform: capitalize;
    }
    .login .description {
        display: block;
        color: #a29999;
        font-weight: 400;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
    }
    .login .login-box {
        box-shadow: 10px 7px 5px -5px rgba(115, 115, 115, 0.48);
        background: white;
        border-radius: 5px;
    }
    .login .col-btn button {
        background: #f9f9f9;
        color: #5f4f4f;
        font-weight: 500;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
        border: 1px solid rgb(115, 115, 115, 0.5);
    }
    .login .col-btn button:hover,
    .login .col-btn button:focus {
        color: #f9f9f9;
        background: #e6b2b1;
        font-weight: 500;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
        border: 1px solid rgb(115, 115, 115, 0.5);
    }
    .login .col-btn button img {
        width: 25px;
        max-width: 30px;
        margin-right: 10px;
    }
    .login form label {
        color: #5f4f4f;
        font-weight: 700;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
    }
    .login form input {
        background: #f9f9f9;
        border: 1px solid rgb(115, 115, 115, 0.5);
        color: #a29999;
        font-size: 1.2rem;
    }
    .login form button {
        background: #2393e9;
        color: #ffffff;
        font-size: 1.1rem;
        font-weight: 500;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
        text-transform: capitalize;
    }
    .login form button:hover,
    .login form button:focus {
        background: #ffffff;
        color: #2393e9;
        border: 1px solid #2393e9;
    }
    .login hr {
        width: 80%;
    }
}


/** REGISTER PAGE **/

@media (max-width: 800px) {
    .register {
        border-top: solid 3px rgb(115, 115, 115, 0.2);
        background: #f9f9f9;
    }
    .register .title {
        display: block;
        color: #2393e9;
        font-size: 1.5rem;
        font-weight: bolder;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
        text-transform: capitalize;
    }
    .register .description {
        display: block;
        color: #a29999;
        font-weight: 400;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
    }
    .register .register-box {
        background: white;
        border-radius: 5px;
        border: 1px solid rgb(115, 115, 115, 0.5);
    }
    .register .col-btn button {
        background: #f9f9f9;
        color: #5f4f4f;
        font-weight: 500;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
        border: 1px solid rgb(115, 115, 115, 0.5);
    }
    .register .col-btn button:hover,
    .register .col-btn button:focus {
        color: #f9f9f9;
        background: #e6b2b1;
        font-weight: 500;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
        border: 1px solid rgb(115, 115, 115, 0.5);
    }
    .register .col-btn button img {
        width: 25px;
        max-width: 30px;
        margin-right: 10px;
    }
    .register form label {
        color: #5f4f4f;
        font-weight: 700;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
    }
    .register form input {
        background: #f9f9f9;
        border: 1px solid rgb(115, 115, 115, 0.5);
        color: #a29999;
        font-size: 1.2rem;
    }
    .register form button {
        color: white!important;
        font-size: 1.1rem;
        font-weight: 500;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
        text-transform: uppercase;
    }
    .register form .cancel {
        background: #c0b7b7;
    }
    .register form .confirm {
        background: #4fc76e;
    }
    .register form .cancel:hover,
    .register form .cancel:focus {
        color: #c0b7b7!important;
        background: white;
        border: 1px solid rgb(115, 115, 115, 0.5);
    }
    .register form .confirm:hover,
    .register form .confirm:focus {
        color: #4fc76e!important;
        background: white;
        border: 1px solid rgb(79, 199, 110, 0.5);
    }
    .register hr {
        width: 100%;
    }
}

@media (min-width: 801px) {
    .register {
        border-top: solid 3px rgb(115, 115, 115, 0.2);
        background: #f9f9f9;
    }
    .register .title {
        display: block;
        color: #2393e9;
        font-size: 1.5rem;
        font-weight: bolder;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
        text-transform: capitalize;
    }
    .register .description {
        display: block;
        color: #a29999;
        font-weight: 400;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
    }
    .register .register-box {
        box-shadow: 10px 7px 5px -5px rgba(115, 115, 115, 0.48);
        background: white;
        border-radius: 5px;
    }
    .register .col-btn button {
        background: #f9f9f9;
        color: #5f4f4f;
        font-weight: 500;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
        border: 1px solid rgb(115, 115, 115, 0.5);
    }
    .register .col-btn button:hover,
    .register .col-btn button:focus {
        color: #f9f9f9;
        background: #e6b2b1;
        font-weight: 500;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
        border: 1px solid rgb(115, 115, 115, 0.5);
    }
    .register .col-btn button img {
        width: 25px;
        max-width: 30px;
        margin-right: 10px;
    }
    .register form label {
        color: #5f4f4f;
        font-weight: 700;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
    }
    .register form input {
        background: #f9f9f9;
        border: 1px solid rgb(115, 115, 115, 0.5);
        color: #a29999;
        font-size: 1.2rem;
    }
    .register form button {
        color: white!important;
        font-size: 1.1rem;
        font-weight: 500;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
        text-transform: capitalize;
    }
    .register form .cancel {
        background: #c0b7b7;
    }
    .register form .confirm {
        background: #4fc76e;
    }
    .register form .cancel:hover,
    .register form .cancel:focus {
        color: #c0b7b7!important;
        background: white;
        border: 1px solid rgb(115, 115, 115, 0.5);
    }
    .register form .confirm:hover,
    .register form .confirm:focus {
        color: #4fc76e!important;
        background: white;
        border: 1px solid rgb(79, 199, 110, 0.5);
    }
    .register hr {
        width: 80%;
    }
}


/** ABOUT US PAGE **/

@media (max-width: 800px) {
    .about {
        border-top: solid 3px rgb(115, 115, 115, 0.2);
        background: #f9f9f9;
    }
    .about .title {
        display: block;
        color: #2393e9;
        font-size: 1.5rem;
        font-weight: bolder;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
        text-transform: capitalize;
    }
    .about .description {
        display: block;
        color: #a29999;
        font-weight: 400;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
    }
    .about .about-box {
        background: white;
        border-radius: 5px;
        border: 1px solid rgb(115, 115, 115, 0.5);
    }
    .about img {
        width: 100%;
        max-width: 100%;
    }
    .about p {
        display: block;
        color: #6e6060;
        font-weight: 400;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
    }
}

@media (min-width: 801px) {
    .about {
        border-top: solid 3px rgb(115, 115, 115, 0.2);
        background: #f9f9f9;
    }
    .about .title {
        display: block;
        color: #2393e9;
        font-size: 1.5rem;
        font-weight: bolder;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
        text-transform: capitalize;
    }
    .about .description {
        display: block;
        color: #a29999;
        font-weight: 400;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
    }
    .about .about-box {
        box-shadow: 10px 7px 5px -5px rgba(115, 115, 115, 0.48);
        background: white;
        border-radius: 5px;
    }
    .about img {
        width: 100%;
        max-width: 100%;
    }
    .about p {
        display: block;
        color: #6e6060;
        font-weight: 400;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
    }
}


/** CONTACT US PAGE **/

@media (max-width: 800px) {
    .contact {
        border-top: solid 3px rgb(115, 115, 115, 0.2);
        background: #f9f9f9;
    }
    .contact .title {
        display: block;
        color: #2393e9;
        font-size: 1.5rem;
        font-weight: bolder;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
        text-transform: capitalize;
    }
    .contact .description {
        display: block;
        color: #a29999;
        font-weight: 400;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
    }
    .contact .contact-box {
        background: white;
        border-radius: 5px;
        border: 1px solid rgb(115, 115, 115, 0.5);
    }
    .contact form label {
        color: #5f4f4f;
        font-weight: 700;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
    }
    .contact form input {
        background: #f9f9f9;
        border: 1px solid rgb(115, 115, 115, 0.5);
        color: #a29999;
        font-size: 1.2rem;
    }
    .contact form button {
        background: #4fc76e;
        color: #ffffff;
        font-size: 1.1rem;
        font-weight: 500;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
        text-transform: uppercase;
    }
    .contact form button:hover,
    .contact form button:focus {
        color: #4fc76e;
        border: 1px solid #4fc76e;
        background: #ffffff;
        font-size: 1.1rem;
        font-weight: 500;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
        text-transform: uppercase;
    }
}

@media (min-width: 801px) {
    .contact {
        border-top: solid 3px rgb(115, 115, 115, 0.2);
        background: #f9f9f9;
    }
    .contact .title {
        display: block;
        color: #2393e9;
        font-size: 1.5rem;
        font-weight: bolder;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
        text-transform: capitalize;
    }
    .contact .description {
        display: block;
        color: #a29999;
        font-weight: 400;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
    }
    .contact .contact-box {
        box-shadow: 10px 7px 5px -5px rgba(115, 115, 115, 0.48);
        background: white;
        border-radius: 5px;
    }
    .contact form label {
        color: #5f4f4f;
        font-weight: 700;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
    }
    .contact form input {
        background: #f9f9f9;
        border: 1px solid rgb(115, 115, 115, 0.5);
        color: #a29999;
        font-size: 1.2rem;
    }
    .contact form button {
        background: #4fc76e;
        color: #ffffff;
        font-size: 1.1rem;
        font-weight: 500;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
        text-transform: capitalize;
    }
    .contact form button:hover,
    .contact form button:focus {
        color: #4fc76e;
        border: 1px solid #4fc76e;
        background: #ffffff;
        font-size: 1.1rem;
        font-weight: 500;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
        text-transform: capitalize;
    }
}


/** GIFTS LIST PAGE **/

@media (max-width: 800px) {
    .gifts-list {
        border-top: solid 3px rgb(115, 115, 115, 0.2);
        background: #f9f9f9;
    }
    .user-col img {
        width: 45px;
        max-width: 50px;
        border: 2px solid rgba(115, 115, 115, 0.5);
        border-radius: 50%;
        padding: 5px;
    }
    .user-col span {
        color: #948b8b;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
        text-transform: capitalize;
    }
    .user-col span strong {
        color: #5f4f4f;
        font-size: 1rem;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
        text-transform: capitalize;
    }
    .btn-orange {
        background: #ed8a6f;
        color: #ffffff;
        font-weight: 500;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
        text-transform: uppercase;
        letter-spacing: 1pt;
    }
    .btn-orange:hover,
    .btn-orange:focus {
        color: #ed8a6f;
        background: #ffffff;
        font-weight: 500;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
        border: 1px solid rgb(237, 138, 111, 0.5);
    }
    .short-row .short-links a {
        background: none;
        text-decoration: none;
        color: #2393e9;
        font-weight: bold;
        font-size: 0.9rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
        text-transform: uppercase;
        width: 50%;
        margin-bottom: 0.5rem;
    }
    .short-row .short-links .block-a {
        width: 100%!important;
    }
    .short-row .short-links a:hover,
    .short-row .short-links a:focus {
        border: 1px solid #2393e9;
    }
    .short-row .short-links a img {
        width: 20px;
        max-width: 30px;
        vertical-align: bottom;
    }
    .short-row .btn-blue {
        background: #2393e9;
        color: #ffffff;
        font-weight: 500;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
        border: 1px solid rgb(237, 138, 111, 0.5);
        text-transform: uppercase;
    }
    .short-row .btn-edit {
        background: #6e6060;
        color: #ffffff;
        font-weight: 500;
        font-size: 1.2rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
        text-transform: uppercase;
        width: 49%;
    }
    .short-row .btn-edit:hover,
    .short-row .btn-edit:focus {
        color: #6e6060;
        background: #ffffff;
        font-weight: 500;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
        border: 1px solid rgb(110, 96, 96, 0.5);
    }
    .short-row .btn-delete {
        background: #c0b7b7;
        color: #ffffff;
        font-weight: 500;
        font-size: 1.3rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
        text-transform: uppercase;
        width: 49%;
    }
    .short-row .btn-delete:hover,
    .short-row .btn-delete:focus {
        color: #6e6060;
        background: #ffffff;
        font-weight: 500;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
        border: 1px solid rgb(192, 183, 183, 0.5);
    }
    .img-row img {
        width: 100%;
        max-width: 100%;
    }
    .gifts-list-row .title {
        color: #5b2b2d;
        font-size: 1rem;
        font-weight: bolder;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    .btn-dropdown {
        background: none;
        color: #5b2b2d;
        font-size: 1rem;
        font-weight: 400;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
        text-transform: capitalize;
    }
    .btn-dropdown:hover,
    .btn-dropdown:focus {
        color: #5b2b2d;
        border: 1px solid rgb(91, 43, 45, 0.5);
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(91, 43, 45, 0.6);
    }
    .gifts-list .gifts-list-box {
        background: white;
        border-radius: 5px;
        border: 1px solid rgb(115, 115, 115, 0.5);
    }
    .gifts .gift-card {
        border: 1px solid rgb(115, 115, 115, 0.5);
        border-radius: 5px;
    }
    .gifts .gift-card img {
        width: 100%;
        max-width: 100%;
        border: 1px solid rgb(115, 115, 115, 0.5);
        border-radius: 3px;
    }
    .gifts .gift-card .title {
        color: #2393e9;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
        font-size: 1.1rem;
        font-weight: bold;
    }
    .gifts .gift-card .description {
        color: #a29999;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
        font-size: 1rem;
        font-weight: 400;
    }
    .gifts .gift-card .price {
        color: #6e6060;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
        font-size: 1.3rem;
        font-weight: 600;
    }
    .gifts .gift-card .btn {
        color: #ffffff;
        background: #4fc76e;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
        font-size: 1.2rem;
        font-weight: 600;
        display: block;
        width: 100%;
        text-transform: uppercase;
    }
    .btn-back {
        color: #ffffff;
        background: #6e6060;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
        font-size: 1rem;
        font-weight: 400;
        width: 100%;
        text-transform: uppercase;
        margin-left: 5px;
    }
    .btn-back img {
        width: 19px;
        max-width: 19px;
        vertical-align: middle;
    }
    .gift-details .img-col .default-img {
        width: 100%;
        max-width: 100%;
        display: block;
        border-radius: 3px;
        border: 1px solid rgb(115, 115, 115, 0.5);
    }
    .gift-details .img-col .gift-imgs {
        list-style: none;
        display: flex;
    }
    .gift-details .img-col .gift-imgs li {
        padding: 15px;
        margin-right: 10px;
        background: #f9f9f9;
        border: 1px solid rgb(115, 115, 115, 0.5);
        border-radius: 3px;
        background-position: center;
        background-size: cover;
        height: 50px;
        width: 50px;
        cursor: pointer;
    }
    .gift-details .img-col .gift-imgs .small-img {
        list-style: none;
        width: 100%;
        max-width: 100%;
        cursor: pointer;
    }
    .gift-details .gift-info .title {
        display: block;
        color: #2393e9;
        font-size: 1.8rem;
        font-weight: 600;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
        text-transform: capitalize;
        letter-spacing: 1px;
    }
    .gift-details .gift-info .description {
        display: block;
        color: #6e6060;
        font-weight: 100;
        font-size: 0.9rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
    }
    .gift-details .gift-info .price {
        color: #6e6060;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
        font-size: 1.3rem;
        font-weight: 600;
    }
    .gift-details .gift-info .store {
        display: block;
        color: #6e6060;
        font-weight: 400;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
    }
    .gift-details .gift-info .link a {
        color: #6e6060;
        font-weight: 400;
        font-size: 1rem;
        text-decoration: none;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
    }
    .gift-details .gift-info label span {
        color: #948b8b;
        font-size: 0.9rem;
        font-weight: 100;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
    }
    .gift-details textarea {
        border-color: rgba(95, 79, 79, 0.8);
        background: #f9f9f9;
    }
    .gift-details textarea:focus {
        border-color: rgba(95, 79, 79, 0.8);
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(95, 79, 79, 0.6);
        outline: 0 none;
        background: #f9f9f9;
    }
    .gift-details .btn-offer {
        color: #ffffff;
        background: #4fc76e;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
        font-size: 1.1rem;
        font-weight: 600;
        display: block;
        width: 100%;
        text-transform: uppercase;
    }
    .gift-details .btn-offer:hover,
    .gift-details .btn-offer:focus {
        color: #4fc76e;
        background: #ffffff;
        border: 1px solid rgb(79, 199, 110, 0.5);
    }
    .img-row .text-container {
        position: relative;
        text-align: center;
        color: white;
    }
    .img-row .text-container .centred {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .img-row .text-container .centred label {
        display: block;
        color: #ffffff;
        font-size: 1.5rem;
        font-weight: bolder;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
        text-transform: capitalize;
    }
    .img-row .text-container .centred p {
        display: block;
        color: #ffffff;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
    }
    .gifts-list-row .btn-plus {
        background: #4fc76e;
        color: #ffffff;
        font-weight: 500;
        font-size: 1rem;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
    }
    .gifts-list-row .btn-plus img {
        width: 20px;
        max-width: 20px;
        vertical-align: sub;
        margin-right: 10px;
    }
    .gifts-list-row .btn-plus:hover,
    .gifts-list-row .btn-plus:focus {
        color: #ffffff;
        background: #4fc76e;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(79, 199, 110, 0.6);
    }
    .gifts .gift-card .btn-edit {
        background: #6e6060;
        color: #ffffff;
        font-weight: 500;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
    }
    .gifts .gift-card .btn-edit:hover,
    .gifts .gift-card .btn-edit:focus {
        color: #6e6060;
        background: #ffffff;
        font-weight: 500;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
        border: 1px solid rgb(110, 96, 96, 0.5);
    }
    .gifts .gift-card .btn-delete {
        background: #c0b7b7;
        color: #ffffff;
        font-weight: 500;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
    }
    .gifts .gift-card .btn-delete:hover,
    .gifts .gift-card .btn-delete:focus {
        color: #6e6060;
        background: #ffffff;
        font-weight: 500;
        font-size: 1rem;
        font-family: Cairo, Arial, Helvetica, sans-serif;
        border: 1px solid rgb(192, 183, 183, 0.5);
    }
    .gifts .gift-card .btn-plus {
        background: #4fc76e;
        color: #ffffff;
        font-weight: 500;
        font-size: 1rem;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
    }
    .gifts .gift-card .btn-plus img {
        width: 20px;
        max-width: 20px;
        vertical-align: sub;
        margin-right: 10px;
        border: none;
    }
    .gifts .gift-card .btn-plus:hover,
    .gifts .gift-card .btn-plus:focus {
        color: #ffffff;
        background: #4fc76e;
        box-shadow: none;
        border: 1px solid #ffffff;
    }
    .gifts .gift-card .btn-remove {
        background: #ec3b50;
        color: #ffffff;
        font-weight: 500;
        font-size: 1rem;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
    }
    .gifts .gift-card .btn-remove img {
        width: 20px;
        max-width: 20px;
        vertical-align: sub;
        margin-right: 10px;
        border: none;
    }
    .gifts .gift-card .btn-remove:hover,
    .gifts .gift-card .btn-remove:focus {
        color: #ffffff;
        background: #ec3b50;
        box-shadow: none;
        border: 1px solid #ffffff;
    }
    .select-box-row label {
        color: #5b2b2d;
        font-size: 1rem;
        font-weight: bolder;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
        text-transform: capitalize;
    }
    .select-box-row select {
        padding: 0px 11px;
    }
    .select-box-row select:hover,
    .select-box-row select:focus {
        border: 1px solid rgb(91, 43, 45, 0.5);
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(91, 43, 45, 0.6);
    }
}

@media (min-width: 801px) {
    .gifts-list {
        border-top: solid 3px rgb(115, 115, 115, 0.2);
        background: #f9f9f9;
    }
    .user-col img {
        width: 45px;
        max-width: 50px;
        border: 2px solid rgba(115, 115, 115, 0.5);
        border-radius: 50%;
        padding: 5px;
    }
    .user-col span {
        color: #948b8b;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
        text-transform: capitalize;
    }
    .user-col span strong {
        color: #5f4f4f;
        font-size: 1rem;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
        text-transform: capitalize;
    }
    .gifts-list .title {
        display: block;
        color: #2393e9;
        font-size: 1.5rem;
        font-weight: bolder;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
        text-transform: capitalize;
    }
    .gifts-list .description {
        display: block;
        color: #a29999;
        font-weight: 400;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
    }
    .gifts-list .gifts-list-box {
        border: 1px solid rgba(115, 115, 115, 0.3);
        background: white;
        border-radius: 5px;
    }
    .btn-orange {
        background: #ed8a6f;
        color: #ffffff;
        font-weight: 500;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
    }
    .btn-orange:hover,
    .btn-orange:focus {
        color: #ed8a6f;
        background: #ffffff;
        font-weight: 500;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
        border: 1px solid rgb(237, 138, 111, 0.5);
    }
    .short-row .short-links a {
        background: none;
        text-decoration: none;
        color: #2393e9;
        font-weight: bold;
        font-size: 0.9rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
    }
    .short-row .short-links a:hover,
    .short-row .short-links a:focus {
        border: 1px solid #2393e9;
    }
    .short-row .short-links a img {
        width: 20px;
        max-width: 30px;
        vertical-align: bottom;
    }
    .short-row .btn-blue {
        background: #2393e9;
        color: #ffffff;
        font-weight: 500;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
        border: 1px solid rgb(237, 138, 111, 0.5);
    }
    .short-row .btn-blue:hover,
    .short-row .btn-blue:focus {
        color: #2393e9;
        background: #ffffff;
        font-weight: 500;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
        border: 1px solid rgb(35, 147, 233, 0.5);
    }
    .short-row .btn-edit {
        background: #6e6060;
        color: #ffffff;
        font-weight: 500;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
    }
    .short-row .btn-edit:hover,
    .short-row .btn-edit:focus {
        color: #6e6060;
        background: #ffffff;
        font-weight: 500;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
        border: 1px solid rgb(110, 96, 96, 0.5);
    }
    .short-row .btn-delete {
        background: #c0b7b7;
        color: #ffffff;
        font-weight: 500;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
    }
    .short-row .btn-delete:hover,
    .short-row .btn-delete:focus {
        color: #6e6060;
        background: #ffffff;
        font-weight: 500;
        font-size: 1rem;
        font-family: Cairo, Arial, Helvetica, sans-serif;
        border: 1px solid rgb(192, 183, 183, 0.5);
    }
    .gifts-list-row .btn-plus {
        background: #4fc76e;
        color: #ffffff;
        font-weight: 500;
        font-size: 1rem;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
    }
    .gifts-list-row .btn-plus img {
        width: 20px;
        max-width: 20px;
        vertical-align: sub;
        margin-right: 10px;
    }
    .gifts-list-row .btn-plus:hover,
    .gifts-list-row .btn-plus:focus {
        color: #ffffff;
        background: #4fc76e;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(79, 199, 110, 0.6);
    }
    .select-box-row label {
        color: #5b2b2d;
        font-size: 1rem;
        font-weight: bolder;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
        text-transform: capitalize;
    }
    .select-box-row select {
        padding: 0px 11px;
    }
    .select-box-row select:hover,
    .select-box-row select:focus {
        border: 1px solid rgb(91, 43, 45, 0.5);
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(91, 43, 45, 0.6);
    }
    .img-row .text-container {
        position: relative;
        text-align: center;
        color: white;
    }
    .img-row .text-container .centred {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .img-row .text-container .centred label {
        display: block;
        color: #ffffff;
        font-size: 2.5rem;
        font-weight: bolder;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
        text-transform: capitalize;
    }
    .img-row .text-container .centred p {
        display: block;
        color: #ffffff;
        font-size: 1.7rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
    }
    .img-row img {
        width: 100%;
        max-width: 100%;
    }
    .gifts-list-row .title {
        color: #5b2b2d;
        font-size: 1rem;
        font-weight: bolder;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
        text-transform: uppercase;
    }
    .btn-dropdown {
        background: none;
        color: #5b2b2d;
        font-size: 1rem;
        font-weight: 400;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
        text-transform: capitalize;
    }
    .btn-dropdown:hover,
    .btn-dropdown:focus {
        color: #5b2b2d;
        border: 1px solid rgb(91, 43, 45, 0.5);
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(91, 43, 45, 0.6);
    }
    .gifts .gift-card {
        border: 1px solid rgb(115, 115, 115, 0.5);
        border-radius: 5px;
    }
    .gifts .gift-card:hover {
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(91, 43, 45, 0.6);
    }
    .gifts .gift-card img {
        width: 100%;
        max-width: 100%;
        border: 1px solid rgb(115, 115, 115, 0.5);
        border-radius: 3px;
    }
    .gifts .gift-card .title {
        color: #2393e9;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
        font-size: 1rem;
        font-weight: bold;
    }
    .gifts .gift-card .description {
        color: #a29999;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
        font-size: 0.9rem;
        font-weight: 400;
    }
    .gifts .gift-card .price {
        color: #6e6060;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
        font-size: 1.2rem;
        font-weight: 600;
    }
    .gifts .gift-card .btn-plus {
        color: #ffffff;
        background: #4fc76e;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
        font-size: 1.1rem;
        font-weight: 600;
        display: block;
        width: 100%;
    }
    .gifts .gift-card .btn-plus:hover,
    .gifts .gift-card .btn-plus:focus {
        color: #4fc76e;
        background: #ffffff;
        border: 1px solid rgb(79, 199, 110, 0.5);
    }
    .gifts .gift-card .btn-edit {
        background: #6e6060;
        color: #ffffff;
        font-weight: 500;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
    }
    .gifts .gift-card .btn-edit:hover,
    .gifts .gift-card .btn-edit:focus {
        color: #6e6060;
        background: #ffffff;
        font-weight: 500;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
        border: 1px solid rgb(110, 96, 96, 0.5);
    }
    .gifts .gift-card .btn-delete {
        background: #c0b7b7;
        color: #ffffff;
        font-weight: 500;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
    }
    .gifts .gift-card .btn-delete:hover,
    .gifts .gift-card .btn-delete:focus {
        color: #6e6060;
        background: #ffffff;
        font-weight: 500;
        font-size: 1rem;
        font-family: Cairo, Arial, Helvetica, sans-serif;
        border: 1px solid rgb(192, 183, 183, 0.5);
    }
    .gifts .gift-card .btn-plus {
        background: #4fc76e;
        color: #ffffff;
        font-weight: 500;
        font-size: 1rem;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
    }
    .gifts .gift-card .btn-plus img {
        width: 20px;
        max-width: 20px;
        vertical-align: sub;
        margin-right: 10px;
        border: none;
    }
    .gifts .gift-card .btn-plus:hover,
    .gifts .gift-card .btn-plus:focus {
        color: #ffffff;
        background: #4fc76e;
        box-shadow: none;
        border: 1px solid #ffffff;
    }
    .gifts .gift-card .btn-remove {
        background: #ec3b50;
        color: #ffffff;
        font-weight: 500;
        font-size: 1rem;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
    }
    .gifts .gift-card .btn-remove img {
        width: 20px;
        max-width: 20px;
        vertical-align: sub;
        margin-right: 10px;
        border: none;
    }
    .gifts .gift-card .btn-remove:hover,
    .gifts .gift-card .btn-remove:focus {
        color: #ffffff;
        background: #ec3b50;
        box-shadow: none;
        border: 1px solid #ffffff;
    }
    .btn-back {
        color: #ffffff;
        background: #6e6060;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
        font-size: 1rem;
        font-weight: 400;
        width: 100%;
    }
    .btn-back img {
        width: 19px;
        max-width: 19px;
        vertical-align: middle;
    }
    .btn-back:hover,
    .btn-back:focus {
        color: #ffffff;
        background: #6e6060;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
        font-size: 1rem;
        font-weight: 400;
        width: 100%;
    }
    .gift-details .img-col .default-img {
        width: 100%;
        max-width: 100%;
        display: block;
        border-radius: 3px;
        border: 1px solid rgb(115, 115, 115, 0.5);
    }
    .gift-details .img-col .gift-imgs {
        list-style: none;
        display: flex;
    }
    .gift-details .img-col .gift-imgs li {
        padding: 15px;
        margin-right: 10px;
        background: #f9f9f9;
        border: 1px solid rgb(115, 115, 115, 0.5);
        border-radius: 3px;
        background-position: center;
        background-size: cover;
        height: 50px;
        width: 50px;
        cursor: pointer;
    }
    .gift-details .img-col .gift-imgs .small-img {
        list-style: none;
        width: 100%;
        max-width: 100%;
        cursor: pointer;
    }
    .gift-details .gift-info .title {
        display: block;
        color: #2393e9;
        font-size: 1.8rem;
        font-weight: 600;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
        text-transform: capitalize;
        letter-spacing: 1px;
    }
    .gift-details .gift-info .description {
        display: block;
        color: #6e6060;
        font-weight: 100;
        font-size: 0.9rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
    }
    .gift-details .gift-info .price {
        color: #6e6060;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
        font-size: 1.3rem;
        font-weight: 600;
    }
    .gift-details .gift-info .store {
        display: block;
        color: #6e6060;
        font-weight: 400;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
    }
    .gift-details .gift-info .link a {
        color: #6e6060;
        font-weight: 400;
        font-size: 1rem;
        text-decoration: none;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
    }
    .gift-details .gift-info label span {
        color: #948b8b;
        font-size: 0.9rem;
        font-weight: 100;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
    }
    .gift-details textarea {
        border-color: rgba(95, 79, 79, 0.8);
        background: #f9f9f9;
    }
    .gift-details textarea:focus {
        border-color: rgba(95, 79, 79, 0.8);
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(95, 79, 79, 0.6);
        outline: 0 none;
        background: #f9f9f9;
    }
    .gift-details .btn-offer {
        color: #ffffff;
        background: #4fc76e;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
        font-size: 1.1rem;
        font-weight: 600;
        display: block;
        width: 30%;
        float: right;
    }
    .gift-details .btn-offer:hover,
    .gift-details .btn-offer:focus {
        color: #4fc76e;
        background: #ffffff;
        border: 1px solid rgb(79, 199, 110, 0.5);
    }
}


/** FIND LIST PAGE **/

@media (max-width: 800px) {
    .find-list {
        border-top: solid 3px rgb(115, 115, 115, 0.2);
        background: #f9f9f9;
    }
    .find-list .title-row label {
        display: block;
        color: #e6b2b1;
        font-size: 1.9rem;
        font-weight: 500;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
        text-transform: capitalize;
    }
    .find-list .title-row p {
        display: block;
        color: #a29999;
        font-weight: 400;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
    }
    .find-list .title {
        display: block;
        color: #2393e9;
        font-size: 1.5rem;
        font-weight: bolder;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
        text-transform: capitalize;
    }
    .find-list .description {
        display: block;
        color: #a29999;
        font-weight: 400;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
    }
    .find-list .find-list-box {
        background: white;
        border-radius: 5px;
        border: 1px solid rgb(115, 115, 115, 0.5);
    }
    .find-list form label {
        color: #5f4f4f;
        font-weight: 700;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
    }
    .find-list form input {
        background: #f9f9f9;
        border: 1px solid rgb(115, 115, 115, 0.5);
        color: #a29999;
        font-size: 1rem;
    }
    .find-list form .btn {
        background: #2393e9;
        color: #ffffff;
        font-weight: 400;
        font-size: 0.9rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
        text-transform: capitalize;
    }
    .find-list form .btn:hover,
    .find-list form .btn:focus {
        border: 1px solid #2393e9;
    }
}

@media (min-width: 801px) {
    .find-list {
        border-top: solid 3px rgb(115, 115, 115, 0.2);
        background: #f9f9f9;
    }
    .find-list .title-row label {
        display: block;
        color: #e6b2b1;
        font-size: 1.9rem;
        font-weight: 500;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
        text-transform: capitalize;
    }
    .find-list .title-row p {
        display: block;
        color: #a29999;
        font-weight: 400;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
    }
    .find-list .title {
        display: block;
        color: #2393e9;
        font-size: 1.5rem;
        font-weight: bolder;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
        text-transform: capitalize;
    }
    .find-list .description {
        display: block;
        color: #a29999;
        font-weight: 400;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
    }
    .find-list .find-list-box {
        box-shadow: 10px 7px 5px -5px rgba(115, 115, 115, 0.48);
        background: white;
        border-radius: 5px;
    }
    .find-list .col-btn button {
        background: #f9f9f9;
        color: #5f4f4f;
        font-weight: 500;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
        border: 1px solid rgb(115, 115, 115, 0.5);
    }
    .find-list .col-btn button:hover,
    .find-list .col-btn button:focus {
        color: #f9f9f9;
        background: #e6b2b1;
        font-weight: 500;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
        border: 1px solid rgb(115, 115, 115, 0.5);
    }
    .find-list .col-btn button img {
        width: 25px;
        max-width: 30px;
        margin-right: 10px;
    }
    .find-list form label {
        color: #5f4f4f;
        font-weight: 700;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
    }
    .find-list form input {
        background: #f9f9f9;
        border: 1px solid rgb(115, 115, 115, 0.5);
        color: #a29999;
        font-size: 1rem;
    }
    .find-list form .btn {
        background: #2393e9;
        color: #ffffff;
        font-weight: 400;
        font-size: 0.9rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
        text-transform: capitalize;
    }
    .find-list form .btn:hover,
    .find-list form .btn:focus {
        border: 1px solid #2393e9;
    }
}


/** USER GIFTS LIST **/

@media (max-width :800px) {
    .links-col a {
        text-decoration: none;
        color: #6e6060;
        font-size: 1rem;
        font-weight: 400;
        text-transform: capitalize;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
    }
    .links-col a:hover,
    .links-col a:focus {
        text-decoration: underline;
    }
    .user-gifts-list .list-col {
        background: #fff;
        border: 1px solid rgba(115, 115, 115, 0.3);
        border-radius: 3px;
    }
    .user-gifts-list .categories-col .content {
        background: #fff;
        border: 1px solid rgba(115, 115, 115, 0.3);
        border-radius: 3px;
    }
    .user-gifts-list .categories-col .content ul {
        list-style: none;
    }
    .user-gifts-list .categories-col .content ul li {}
    .categories-col ul .active li {
        padding: 2px 10px!important;
    }
    .user-gifts-list .categories-col .content ul li a {
        text-decoration: none;
        font-size: 1rem;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
        color: #6e6060;
    }
    .categories-col ul .active {
        text-decoration: none;
        background: #f9f9f9!important;
        border-top: 1px solid rgba(115, 115, 115, 0.3);
        border-bottom: 1px solid rgba(115, 115, 115, 0.3);
    }
    .categories-col ul .active a {
        text-decoration: none;
        color: #948b8b!important;
        font-size: 0.9rem!important;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
    }
}

@media (min-width: 801px) {
    .links-col a {
        text-decoration: none;
        color: #6e6060;
        font-size: 1rem;
        font-weight: 400;
        text-transform: capitalize;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
    }
    .links-col a:hover,
    .links-col a:focus {
        text-decoration: underline;
    }
    .user-gifts-list .categories-col .content {
        background: #fff;
        border: 1px solid rgba(115, 115, 115, 0.3);
        border-radius: 3px;
    }
    .user-gifts-list .categories-col .content ul {
        list-style: none;
    }
    .user-gifts-list .categories-col .content ul li {
        margin: 10px 0px;
    }
    .user-gifts-list .categories-col .content ul li a {
        text-decoration: none;
        padding: 10px 15px;
        font-size: 1rem;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
        color: #6e6060;
    }
    .categories-col ul .active li {
        padding: 0 10px!important;
    }
    .categories-col ul .active {
        text-decoration: none;
        background: #f9f9f9!important;
        border-top: 1px solid rgba(115, 115, 115, 0.3);
        border-bottom: 1px solid rgba(115, 115, 115, 0.3);
    }
    .categories-col ul .active a {
        text-decoration: none;
        color: #948b8b!important;
        font-size: 0.9rem!important;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
    }
    .user-gifts-list .list-col {
        background: #fff;
        border: 1px solid rgba(115, 115, 115, 0.3);
        border-radius: 3px;
    }
}


/** Create gift list **/

@media (max-width :800px) {
    .gift-create form .cancel {
        background: #c0b7b7;
        color: #ffffff;
        font-size: 1rem;
        font-weight: 400;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
        text-transform: uppercase;
    }
    .gift-create form .confirm {
        background: #4fc76e;
        color: #ffffff;
        font-size: 1rem;
        font-weight: 400;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
        text-transform: uppercase;
    }
    .gift-create form .cancel:hover,
    .gift-create form .cancel:focus {
        color: #c0b7b7!important;
        background: white;
        border: 1px solid rgb(115, 115, 115, 0.5);
    }
    .gift-create form .confirm:hover,
    .gift-create form .confirm:focus {
        color: #4fc76e!important;
        background: white;
        border: 1px solid rgb(79, 199, 110, 0.5);
    }
}

@media (min-width :801px) {
    .gift-create form .cancel {
        background: #c0b7b7;
        color: #ffffff;
        font-size: 1rem;
        font-weight: 400;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
    }
    .gift-create form .confirm {
        background: #4fc76e;
        color: #ffffff;
        font-size: 1rem;
        font-weight: 400;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
    }
    .gift-create form .cancel:hover,
    .gift-create form .cancel:focus {
        color: #c0b7b7!important;
        background: white;
        border: 1px solid rgb(115, 115, 115, 0.5);
    }
    .gift-create form .confirm:hover,
    .gift-create form .confirm:focus {
        color: #4fc76e!important;
        background: white;
        border: 1px solid rgb(79, 199, 110, 0.5);
    }
}

@media (max-width:800px) {
    .cart {
        background: #ffffff;
        border: 1px solid rgb(115, 115, 115, 0.5);
        border-radius: 3px;
    }
    .cart .img-col {
        border-radius: 3px;
    }
    .cart .img-col img {
        width: 100%;
        max-width: 100%;
    }
    .cart label {
        display: block;
        color: #a29999;
        font-weight: 400;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
    }
    .cart label span {
        color: #6e6060;
        font-weight: bold;
        font-size: 1rem;
        text-transform: capitalize;
    }
    .cart .username {
        display: block;
        color: #a29999;
        font-weight: bold;
        font-size: 1.1rem;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
    }
    .cart .btn-edit {
        background: #6e6060;
        color: #ffffff;
        font-weight: 500;
        font-size: 1.2rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
        text-transform: uppercase;
        width: 49%;
    }
    .cart .btn-edit:hover,
    .cart .btn-edit:focus {
        color: #6e6060;
        background: #ffffff;
        font-weight: 500;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
        border: 1px solid rgb(110, 96, 96, 0.5);
    }
    .cart .btn-delete {
        background: #c0b7b7;
        color: #ffffff;
        font-weight: 500;
        font-size: 1.3rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
        text-transform: uppercase;
        width: 49%;
    }
    .cart .btn-delete:hover,
    .cart .btn-delete:focus {
        color: #6e6060;
        background: #ffffff;
        font-weight: 500;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
        border: 1px solid rgb(192, 183, 183, 0.5);
    }
}

@media (min-width:801px) {
    .cart {
        background: #ffffff;
        border: 1px solid rgb(115, 115, 115, 0.5);
        border-radius: 3px;
    }
    .cart .img-col {
        border: 1px solid rgb(115, 115, 115, 0.5);
        border-radius: 3px;
    }
    .cart .img-col img {
        width: 100%;
        max-width: 100%;
    }
    .cart label {
        display: block;
        color: #a29999;
        font-weight: 200;
        font-size: 0.9rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
    }
    .cart label span {
        color: #6e6060;
        font-weight: bold;
        font-size: 0.9rem;
        text-transform: capitalize;
    }
    .cart .username {
        display: block;
        color: #a29999;
        font-weight: bold;
        font-size: 1.1rem;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
    }
    .cart .btn-edit {
        background: #6e6060;
        color: #ffffff;
        font-weight: 500;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
    }
    .cart .btn-edit:hover,
    .cart .btn-edit:focus {
        color: #6e6060;
        background: #ffffff;
        font-weight: 500;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
        border: 1px solid rgb(110, 96, 96, 0.5);
    }
    .cart .btn-delete {
        background: #c0b7b7;
        color: #ffffff;
        font-weight: 500;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
    }
    .cart .btn-delete:hover,
    .cart .btn-delete:focus {
        color: #6e6060;
        background: #ffffff;
        border: 1px solid rgb(192, 183, 183, 0.5);
    }
}

@media (max-width :800px) {
    .profile-view {
        background: #ffffff;
    }
    .profile-view .img-col {
        border: 1px solid rgba(73, 69, 69, 0.5);
        border-radius: 3px;
    }
    .profile-view .img-col img {
        width: 100%;
        max-width: 100%;
    }
    .profile-view label {
        display: block;
        color: #a29999;
        font-weight: 200;
        font-size: 0.9rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
        margin-bottom: 28px;
    }
    .profile-view label:last-child {
        margin-bottom: 0px;
    }
    .profile-view label span {
        color: #6e6060;
        font-weight: bold;
        font-size: 0.9rem;
    }
    .profile-view .username {
        display: block;
        color: #a29999;
        font-weight: bold;
        font-size: 1.1rem;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
    }
    .profile-edit form label {
        color: #5f4f4f;
        font-weight: 700;
        font-size: 1rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
    }
    .profile-edit form input,
    .profile-edit form textarea {
        background: #f9f9f9;
        border: 1px solid rgb(115, 115, 115, 0.5);
        color: #a29999;
        font-size: 1.2rem;
    }
    .profile-edit form select {
        background: hsl(0, 0%, 98%);
        border: 1px solid rgb(115, 115, 115, 0.5);
        color: #a29999;
        font-size: 1.2rem;
    }
    .profile-edit form button {
        color: white!important;
        font-size: 1.1rem;
        font-weight: 500;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
        text-transform: uppercase;
    }
    .profile-edit form .cancel {
        background: #c0b7b7;
    }
    .profile-edit form .confirm {
        background: #4fc76e;
    }
    .profile-edit form .cancel:hover,
    .profile-edit form .cancel:focus {
        color: #c0b7b7!important;
        background: white;
        border: 1px solid rgb(115, 115, 115, 0.5);
    }
    .profile-edit form .confirm:hover,
    .profile-edit form .confirm:focus {
        color: #4fc76e!important;
        background: white;
        border: 1px solid rgb(79, 199, 110, 0.5);
    }
}

@media (min-width :801px) {
    .profile-view {
        background: #ffffff;
    }
    .profile-view .img-col {
        border: 1px solid rgba(73, 69, 69, 0.5);
        border-radius: 3px;
    }
    .profile-view .img-col img {
        width: 100%;
        max-width: 100%;
    }
    .profile-view label {
        display: block;
        color: #a29999;
        font-weight: 200;
        font-size: 0.9rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
        margin-bottom: 28px;
    }
    .profile-view label:last-child {
        margin-bottom: 0px;
    }
    .profile-view label span {
        color: #6e6060;
        font-weight: bold;
        font-size: 0.9rem;
    }
    .profile-view .username {
        display: block;
        color: #a29999;
        font-weight: bold;
        font-size: 1.1rem;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
    }
    .profile-edit form label {
        color: #a29999;
        font-weight: 400;
        font-size: 0.9rem;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
    }
    .profile-edit form input,
    .profile-edit form textarea {
        background: #f9f9f9;
        border: 1px solid rgb(115, 115, 115, 0.5);
        color: #a29999;
        font-size: 1rem;
    }
    .profile-edit form select {
        background: #f9f9f9;
        border: 1px solid rgb(115, 115, 115, 0.5);
        color: #a29999;
        font-size: 1rem;
    }
    .profile-edit form button {
        color: white!important;
        font-size: 1rem;
        font-weight: 500;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
        text-transform: capitalize;
    }
    .profile-edit form .cancel {
        background: #c0b7b7;
    }
    .profile-edit form .confirm {
        background: #4fc76e;
    }
    .profile-edit form .cancel:hover,
    .profile-edit form .cancel:focus {
        color: #c0b7b7!important;
        background: white;
        border: 1px solid rgb(115, 115, 115, 0.5);
    }
    .profile-edit form .confirm:hover,
    .profile-edit form .confirm:focus {
        color: #4fc76e!important;
        background: white;
        border: 1px solid rgb(79, 199, 110, 0.5);
    }
}

.profile-edit form select:hover,
.profile-edit form select:focus {
    border-color: rgba(95, 79, 79, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(95, 79, 79, 0.6);
    outline: 0 none;
}

.btn-remove {
    background: #FF4136;
    color: #ffffff;
    font-weight: 500;
    font-size: 1rem;
    font-family: CairoBold, Arial, Helvetica, sans-serif;
}

.btn-remove em {
    font-size: 1.5rem;
}

.btn-plus em {
    font-size: 1.5rem;
}

.btn-remove:hover,
.btn-remove:focus {
    color: #ffffff;
    background: #FF4136;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(79, 199, 110, 0.6);
}

.btn-edit {
    background: #6e6060;
    color: #ffffff;
    font-weight: 400;
    font-size: 1rem;
    font-family: CairoRegular, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

.btn-edit:hover,
.btn-edit:focus {
    color: #6e6060;
    background: #ffffff;
    font-weight: 400;
    font-size: 1rem;
    font-family: CairoRegular, Arial, Helvetica, sans-serif;
    border: 1px solid rgb(110, 96, 96, 0.5);
}

.btn-plus {
    background: #4fc76e;
    color: #ffffff;
    font-weight: 500;
    font-size: 1rem;
    font-family: CairoBold, Arial, Helvetica, sans-serif;
}

.btn-gray {
    background: #6e6060;
    color: #ffffff;
    font-weight: 500;
    font-size: 1rem;
    font-family: CairoBold, Arial, Helvetica, sans-serif;
}

.btn-plus img {
    width: 20px;
    max-width: 20px;
    vertical-align: sub;
    margin-right: 10px;
}

.btn-plus:hover,
.btn-plus:focus {
    color: #ffffff;
    background: #4fc76e;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(79, 199, 110, 0.6);
}

.btn-gray:hover,
.btn-gray:focus {
    color: #ffffff;
    background: #6e6060;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(79, 199, 110, 0.6);
}

.icon-container {
    position: absolute;
    right: 10px;
    top: calc(50% - 10px);
}

.loader {
    position: relative;
    height: 20px;
    width: 20px;
    display: inline-block;
    animation: around 5.4s infinite;
}

@keyframes around {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

.loader::after,
.loader::before {
    content: "";
    background: white;
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 100%;
    border-width: 2px;
    border-color: #333 #333 transparent transparent;
    border-style: solid;
    border-radius: 20px;
    box-sizing: border-box;
    top: 0;
    left: 0;
    animation: around 0.7s ease-in-out infinite;
}

.loader::after {
    animation: around 0.7s ease-in-out 0.1s infinite;
    background: transparent;
}

@media(max-width:800px) {
    .card-gift {
        border: 1px solid rgb(115, 115, 115, 0.5);
        border-radius: 5px;
        box-shadow: 0 1px 1px rgb(0 0 0 / 4%) inset, 0 0 4px rgb(91 43 45 / 21%);
    }
    .card-gift:hover {
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(91, 43, 45, 0.6);
    }
    .card-gift .gift-img {
        width: 100%;
        max-width: 100%;
        border: 1px solid rgb(115, 115, 115, 0.5);
        border-radius: 3px;
    }
    .card-gift .title {
        color: #6e6060;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
        font-size: 1rem;
        font-weight: bold;
        display: block;
    }
    .card-gift .price {
        color: #6e6060;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
        font-size: 1.8rem;
        font-weight: bold;
        display: block;
    }
    .card-gift .title span {
        color: #a29999;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
        font-size: 0.9rem;
        font-weight: 400;
    }
    .btns .btn {
        color: #ffffff;
        background: #6e6060;
        font-size: 1rem;
        font-weight: 400;
        width: 100%;
    }
    .btns .btn-plus {
        background: #4fc76e;
    }
    .btns .btn-minus {
        background: #ec3b50;
    }
    .btns .btn:hover {
        background: #ffffff;
        color: #6e6060;
        font-size: 1rem;
        font-weight: 400;
        width: 100%;
        border-color: rgba(95, 79, 79, 0.8);
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(95, 79, 79, 0.6);
        outline: 0 none;
    }
}

@media(min-width:801px) {
    .card-gift {
        border: 1px solid rgb(115, 115, 115, 0.5);
        border-radius: 5px;
        box-shadow: 0 1px 1px rgb(0 0 0 / 4%) inset, 0 0 4px rgb(91 43 45 / 21%);
    }
    .card-gift:hover {
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(91, 43, 45, 0.6);
    }
    .card-gift .gift-img {
        width: 100%;
        max-width: 100%;
        border: 1px solid rgb(115, 115, 115, 0.5);
        border-radius: 3px;
    }
    .card-gift .title {
        color: #6e6060;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
        font-size: 1rem;
        font-weight: bold;
        display: block;
    }
    .card-gift .price {
        color: #6e6060;
        font-family: CairoBold, Arial, Helvetica, sans-serif;
        font-size: 1.8rem;
        font-weight: bold;
        display: block;
    }
    .card-gift .title span {
        color: #a29999;
        font-family: CairoRegular, Arial, Helvetica, sans-serif;
        font-size: 0.9rem;
        font-weight: 400;
    }
    .btns .btn {
        color: #ffffff;
        background: #6e6060;
        font-size: 1rem;
        font-weight: 400;
        width: 100%;
    }
    .btns .btn-plus {
        background: #4fc76e;
    }
    .btns .btn-minus {
        background: #ec3b50;
    }
    .btns .btn:hover {
        background: #ffffff;
        color: #6e6060;
        font-size: 1rem;
        font-weight: 400;
        width: 100%;
        border-color: rgba(95, 79, 79, 0.8);
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(95, 79, 79, 0.6);
        outline: 0 none;
    }
}

.gift-card-btn .btn-edit {
    background: #6e6060;
    color: #ffffff;
    font-weight: 400;
    font-size: 1rem;
    font-family: CairoRegular, Arial, Helvetica, sans-serif;
    text-transform: capitalize;
}

.gift-card-btn .btn-edit:hover,
.gift-card-btn .btn-edit:focus {
    color: #6e6060;
    background: #ffffff;
    font-weight: 400;
    font-size: 1rem;
    font-family: CairoRegular, Arial, Helvetica, sans-serif;
    border: 1px solid rgb(110, 96, 96, 0.5);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(91, 43, 45, 0.6);
}

.gift-card-btn .btn-view {
    background: #c0b7b7;
    color: #ffffff;
    font-weight: 400;
    font-size: 1rem;
    font-family: CairoRegular, Arial, Helvetica, sans-serif;
    text-transform: capitalize;
}

.gift-card-btn .btn-view:hover,
.gift-card-btn .btn-view:focus {
    color: #6e6060;
    background: #ffffff;
    font-weight: 400;
    font-size: 1rem;
    font-family: CairoRegular, Arial, Helvetica, sans-serif;
    border: 1px solid rgb(192, 183, 183, 0.5);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(91, 43, 45, 0.6);
}

.sub-menu {
    background: #f9f9f9;
    padding: 5px 10px;
}

.sub-menu li a {
    text-decoration: none;
    font-size: 0.9rem!important;
    font-family: CairoRegular, Arial, Helvetica, sans-serif!important;
    font-weight: 400;
}

.b-r-10 {
    border-radius: 10px!important;
}

.img-row .cover {
    background-position: center;
    background-size: cover;
    height: 300px;
}

.cover-content .title {
    color: #fff;
    font-family: CairoBold, Arial, Helvetica, sans-serif;
    font-size: 2rem;
    font-weight: bold;
    display: block;
}

.cover-content .sub-title {
    color: #fff;
    font-family: CairoRegular, Arial, Helvetica, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    display: block;
}

.cover-content .title span,
.cover-content .sub-title span {
    background: rgba(0, 0, 0, 0.6);
    padding: 0px 13px;
    border-radius: 5px;
}

.cover-wrap {
    overflow: hidden;
    position: relative;
}

.cover-bg {
    opacity: 0.6;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
}

.cover-content {
    position: relative;
    height: 300px;
    padding-top: 110px;
    text-align: center;
}

.donator-row-container {
    height: 400px;
    overflow: auto;
}

.donator-row-container::-webkit-scrollbar {
    width: 6px;
    border-left: 1px solid #e6b2b1;
}

.donator-row-container::-webkit-scrollbar-thumb {
    background-color: #e6b2b1;
}

.donator-row {
    border-radius: 3px;
    border: 1px solid rgba(95, 79, 79, 0.5);
}

.donator-row .offred {
    background-color: #e6b2b1;
    color: #fff;
    font-weight: bold;
    font-size: 1.2rem;
    border-radius: 3px;
    text-align: center;
}

.donator-row .offred-user {
    background-color: #e6b2b1;
    color: #fff;
    font-weight: 400;
    font-size: 0.9rem;
    border-radius: 3px;
    text-align: left;
}