* {
    margin: 0;
    padding: 0;
    text-decoration: none;
}

.ubuntu-light {
    font-family: "Ubuntu", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.ubuntu-regular {
    font-family: "Ubuntu", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.ubuntu-medium {
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.ubuntu-bold {
    font-family: "Ubuntu", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.ubuntu-light-italic {
    font-family: "Ubuntu", sans-serif;
    font-weight: 300;
    font-style: italic;
}

.ubuntu-regular-italic {
    font-family: "Ubuntu", sans-serif;
    font-weight: 400;
    font-style: italic;
}

.ubuntu-medium-italic {
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    font-style: italic;
}

.ubuntu-bold-italic {
    font-family: "Ubuntu", sans-serif;
    font-weight: 700;
    font-style: italic;
}

body {
    font-family: "Ubuntu", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
li,
a {
    font-family: "Ubuntu", sans-serif;
}

.container {
    max-width: 1170px !important;
}

header#digi-header {
    position: sticky;
    top: -1px;
    z-index: 999;
}
/* top bar */
.digi-top-bar {
    background-color: #333333;
    padding: 10px 0;
}

.digi-top-bar a,
.digi-top-bar button {
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    font-family: "Ubuntu", sans-serif;
}

.digi-top-bar a i,
.digi-top-bar button i {
    margin: 0 6px;
}

.digi-top-bar .tp-cl2 span {
    display: inline-block;
    color: #fff;
    margin-left: 6px;
    padding-bottom: 1px;
}

.tp-cl1 a:hover,
.tp-cl1 button:hover {
    text-decoration: underline;
}

.tp-cl2 a:hover,
.tp-cl2 button:hover {
    text-decoration: underline;
}

.tp-cl1 a {
    font-weight: 600;
}

/* header */
header#digi-header nav.navbar {
    padding: 0;
    background: #000;
}

header#digi-header nav.navbar .digi-logo {
    padding: 0 20px;
}

header#digi-header nav.navbar ul.navbar-nav a.nav-link {
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    font-family: "Ubuntu", sans-serif;
    padding: 24px 15px;
    transition: all 0.6s ease;
}

header#digi-header nav.navbar ul.navbar-nav a.nav-link.active {
    color: #eeeeee;
    background-color: #b32117;
    transition: all 0.6s ease;
}

header#digi-header nav.navbar ul.navbar-nav a.nav-link:hover {
    color: #eeeeee;
    background-color: #b32117;
    transition: all 0.6s ease;
}

header#digi-header button.btn.btn-ord {
    color: #ffffff;
    background-color: #b32117;
    border-color: #b32117;
    transition: all 0.6s ease;
}

header#digi-header button.btn.btn-ord:hover {
    transition: all 0.6s ease;
    background-color: #89241e;
}

header#digi-header li.nav-item.dropdown ul.dropdown-menu {
    background-color: #000;
    margin: -1px;
    border-radius: 0;
}

header#digi-header li.nav-item.dropdown ul.dropdown-menu a.dropdown-item {
    color: #fff;
    font-size: 14px;
    padding: 5px 25px;
    transition: all 0.6s ease;
}

header#digi-header li.nav-item.dropdown ul.dropdown-menu a.dropdown-item:hover {
    background-color: #b32117;
    transition: all 0.6s ease;
}

header#digi-header nav.navbar button.navbar-toggler {
    color: #fff;
    border: 1px solid;
    padding: 6px 12px;
}

header#digi-header button.btn.btn-ord2 {
    color: #ffffff;
    background-color: #b32117;
    border-color: #b32117;
    transition: all 0.6s ease;
    margin-right: 5px;
}

header#digi-header button.btn.btn-ord2:hover {
    transition: all 0.6s ease;
    background-color: #b32117db;
}

header#digi-header button.btn.btn-ord2 {
    display: none;
}

/* footer */
footer#digi-footer {
    background-color: #000;
    padding: 30px 20px;
}

footer#digi-footer h4.ft-hd {
    font-size: 18px;
    font-weight: 500;
    font-family: "Ubuntu", sans-serif;
    color: #b32117;
    margin-bottom: 15px;
    margin-top: 15px;
}

footer#digi-footer p {
    font-size: 14px;
    font-family: "Ubuntu", sans-serif;
    color: #fff;
    padding-right: 20px;
}

footer#digi-footer ul.ft-link {
    list-style: none;
    padding: 0;
    margin: 0;
}

footer#digi-footer ul.ft-link a {
    display: inline-block;
    font-size: 14px;
    font-family: "Ubuntu", sans-serif;
    color: #fff;
    transition: all 0.6s ease;
    text-decoration: none;
}

footer#digi-footer ul.ft-link {
    padding-right: 20px;
}

footer#digi-footer ul.ft-link a:hover {
    transition: all 0.6s ease;
    color: #b32117;
}

footer#digi-footer hr {
    border-color: #fff;
    opacity: 1;
}

footer#digi-footer h5.ft-hd-sb {
    font-size: 16px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #b32117;
    margin-bottom: 10px;
}

footer#digi-footer .social a {
    background-color: #555555;
    color: #fff;
    text-decoration: none;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
    transition: all 0.6s ease;
}

footer#digi-footer .social a.fb:hover {
    background-color: #4460ae;
    transition: all 0.6s ease;
}

footer#digi-footer .social a.insta:hover {
    background-color: #cd4378;
    transition: all 0.6s ease;
}

footer#digi-footer .social a.yt:hover {
    background-color: #c21f25;
    transition: all 0.6s ease;
}

footer#digi-footer .social a.mail:hover {
    background-color: #4a7f45;
    transition: all 0.6s ease;
}

.digi-copyright {
    background-color: #555555;
}

.digi-copyright p {
    margin: 0;
    color: #ccc;
    padding: 20px 0;
    font-size: 12px;
}

/* home banner */
section.hm-banner {
    padding: 30px 0;
}

section.hm-banner .owl-carousel {
    box-shadow: 0px 1px 12px;
}

section.hm-banner .owl-carousel .owl-dots {
    position: absolute;
    right: 20px;
    bottom: 20px;
    margin: 0 !important;
}

section.hm-banner .owl-carousel .owl-dots button.owl-dot.active span {
    background-color: #00387f;
}

section.hm-banner .owl-carousel .item img {
    width: 100%;
}

/* hm sec1 */
section.hm-sec1 {
    padding: 20px 10px;
    background-color: #eee;
    box-sizing: border-box;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}

section.hm-sec1 h1 {
    font-size: 36px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #b32117;
    text-align: center;
    margin: 20px 0px;
}

section.hm-sec1 h2 {
    font-size: 36px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #b32117;
    text-align: center;
    margin: 20px 0px;
}

section.hm-sec1 p {
    font-size: 21px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #333;
}

section.hm-sec1 img {
    width: 100%;
    cursor: pointer;
}

/* hm sec2 */
section.hm-sec2 {
    padding: 20px 10px;
    background-color: #fff;
    box-sizing: border-box;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}

section.hm-sec2 .hm-sec2-cd {
    background-color: #eee;
    border: solid 1px #e6e6e6;
    box-sizing: border-box;
    padding: 20px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    height: 490px;
    margin: 10px 0;
}

section.hm-sec2 .hm-sec2-cd img {
    width: 150px;
    height: 150px;
    margin: 0 auto !important;
    display: block;
}

section.hm-sec2 .hm-sec2-cd h3 {
    text-transform: uppercase;
    font-size: 22px;
    color: #b32117;
    font-weight: 400;
    text-align: center;
    margin: 20px 0;
}

section.hm-sec2 .hm-sec2-cd p {
    font-size: 14px;
    color: #555;
    font-weight: 400;
    text-align: center;
}

/* hm sec3 */
section.hm-sec3 {
    padding: 20px 10px;
    background-color: #eee;
    box-sizing: border-box;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}

section.hm-sec3 h2 {
    font-size: 36px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #b32117;
    text-align: center;
    margin: 20px 0px;
}

section.hm-sec3 p {
    font-size: 21px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #333;
    margin-bottom: 40px;
}

.hm-sec3-cd img {
    display: block;
    width: 150px;
    height: 150px;
    margin: 0 auto;
}

.hm-sec3-cd h3 {
    font-size: 14px;
    font-weight: 600;
    font-family: "Ubuntu", sans-serif;
    color: #333;
    text-align: center;
    margin-top: 10px;
}

/* hm sec4 */
section.hm-sec4 {
    padding: 30px 0;
}

.hm-sec4-slider .owl-dots .owl-dot.active span {
    background: #00387f;
}

section.hm-sec4 .hm-sec4-hd {
    text-align: center;
    padding: 40px 10px;
    background-color: #eee;
    box-sizing: border-box;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
}

.hm-sec4-hd i {
    font-size: 80px;
    color: #b32117;
}

.hm-sec4-hd h3 {
    font-size: 24px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #b32117;
    text-align: center;
    margin-top: 12px;
}

.hm-sec4-cd {
    box-sizing: border-box;
    background: #fff;
    border: solid 1px #e6e6e6;
    padding: 20px 0px;
}

.hm-sec4-cd img {
    height: 232px;
    object-fit: contain;
    cursor: pointer;
}

.hm-sec4-cd h4 {
    font-size: 18px;
    font-weight: 600;
    font-family: "Ubuntu", sans-serif;
    color: #b32117;
    text-align: center;
    padding-top: 20px;
}

section.hm-sec4 .owl-carousel .owl-dots button.owl-dot.active span {
    background-color: #00387f;
}

.hm-sec4-cd .flip-container {
    -webkit-perspective: 1000;
    background: transparent;
}

.hm-sec4-cd .flip-container,
.hm-sec4-cd .front,
.hm-sec4-cd .back {
    height: 232px;
}

.hm-sec4-cd .flipper {
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    position: relative;
}

.hm-sec4-cd .front,
.hm-sec4-cd .back {
    -webkit-backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.hm-sec4-cd .front {
    z-index: 2;
}

.hm-sec4-cd .back {
    -webkit-transform: rotateY(180deg);
}

.hm-sec4-cd .flip-container:hover .flipper,
.hm-sec4-cd .flip-container.hover .flipper {
    -webkit-transform: rotateY(180deg);
}

/* hm sec5 */
section.hm-sec5 .hm-sec5-hd {
    padding: 20px 10px;
    background-color: #eee;
    box-sizing: border-box;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}

section.hm-sec5 .hm-sec5-hd h2 {
    font-size: 24px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #b32117;
    text-align: center;
    margin: 20px 0px;
}

section.hm-sec5 .hm-sec5-hd p {
    font-size: 21px;
    color: #333;
    font-weight: 400;
    text-align: center;
}

section.hm-sec5 .hm-sec5-cnt {
    padding: 30px 20px;
}

.hm-sec5-cd.sec5-cd1 {
    border: 2px solid #b32117;
    border-radius: 5px;
}

.hm-sec5-cd.sec5-cd1 h3 {
    background-color: #b32117;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    padding: 20px 20px;
    margin: 0;
}

.hm-sec5-cd.sec5-cd1 p {
    margin: 0;
    padding: 20px 20px;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    font-family: "Ubuntu", sans-serif;
}

.hm-sec5-cd.sec5-cd2 {
    border: 2px solid #00387f;
    border-radius: 5px;
}

.hm-sec5-cd.sec5-cd2 h3 {
    background-color: #00387f;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    padding: 20px 20px;
    margin: 0;
}

.hm-sec5-cd {
    margin: 10px 0;
}

.hm-sec5-cd.sec5-cd2 p {
    margin: 0;
    padding: 20px 20px;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    font-family: "Ubuntu", sans-serif;
}

/* login modal */
div#login-modal .modal-header h5 {
    width: 100%;
    text-align: center;
    font-size: 24px !important;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif !important;
    color: #b32117;
}

div#login-modal form.login-form label {
    font-size: 14px;
    font-weight: 500;
    font-family: "Ubuntu", sans-serif;
    color: #b32117;
}

div#login-modal form.login-form .lgn-btn {
    text-align: center;
    padding-top: 12px;
}

div#login-modal form.login-form .lgn-btn button {
    color: #ffffff;
    background-color: #b32117;
    border-color: #b32117;
}

div#login-modal form.login-form .lgn-btn button:hover {
    background-color: #89241e;
    border-color: #89241e;
}

form.login-form button i {
    margin-right: 4px;
}

div#login-modal .lgn-cnt {
    text-align: center;
    margin-top: 24px;
}

div#login-modal .lgn-cnt a {
    font-size: 14px;
    font-weight: 600;
    font-family: "Ubuntu", sans-serif;
    color: #b32117;
    text-decoration: none;
}

div#login-modal .lgn-cnt a:hover {
    text-decoration: underline;
}

div#login-modal .lgn-cnt p {
    font-size: 14px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #777;
    margin: 16px 0;
}

div#login-modal form.login-form .input-group-text i {
    color: #b32117;
}

/* register */
section.digi-breadcrumb ol.breadcrumb {
    margin: 0;
}

section.digi-breadcrumb {
    padding: 8px 15px;
    box-shadow: 0 0 6px #00000024;
    margin: 20px 0px;
}

section.digi-breadcrumb ol.breadcrumb a {
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #b32117;
}

section.digi-breadcrumb ol.breadcrumb li {
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #333;
}

article.digi-register section.register-form {
    background: #eee;
    border: solid 1px #e6e6e6;
    box-sizing: border-box;
    padding: 20px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
}

section.register-form form {
    max-width: 550px;
    margin: 0 auto;
    padding-top: 20px;
}

section.register-form h1 {
    font-size: 40px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #b32117;
    text-align: center;
    margin: 19px 0;
}

section.register-form p {
    font-size: 21px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #b32117;
    text-align: left;
    max-width: 550px;
    margin: 0 auto;
    margin-bottom: 20px;
}

section.register-form form label.form-label {
    font-size: 14px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #333;
    margin-bottom: 5px;
}

section.register-form form label.form-label span {
    color: red;
}

button.btn.cus-btn {
    color: #ffffff;
    background-color: #b32117;
    border-color: #b32117;
    transition: all 0.6s ease;
    font-size: 14px;
    padding: 6px 16px;
}

button.btn.cus-btn i {
    font-size: 10px;
    margin-right: 4px;
}

button.btn.cus-btn:hover {
    transition: all 0.6s ease;
    background-color: #89241e;
}

.btn-center {
    text-align: center;
}

/* create order */
section.order-form {
    background: #eee;
    border: solid 1px #e6e6e6;
    box-sizing: border-box;
    padding: 20px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
    max-width: 730px;
}

section.order-form h1 {
    font-size: 40px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #b32117;
    margin: 20px 0;
}

section.order-form form label.form-label {
    font-size: 14px;
    font-weight: 600;
    font-family: "Ubuntu", sans-serif;
    color: #333;
    margin-bottom: 5px;
}

section.order-form form label.form-label span {
    color: red;
}

section.order-form form label.form-check-label {
    font-size: 14px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #333;
}

form input[type="file"] {
    display: none;
}

form .custom-file-upload {
    cursor: pointer;
    background-color: #b32117;
    font-weight: normal;
    font-family: "Ubuntu", sans-serif;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 3px;
    color: #fff;
    transition: all 0.6s ease;
}

form .custom-file-upload:hover {
    background-color: #9d170e;
    transition: all 0.6s ease;
}

.pre-box {
    position: relative;
    width: 100px;
    height: 100px;
    border: 1px solid #0000004a;
    border-radius: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.pre-box img {
    width: 90%;
    margin: 6px 5px;
}

.pre-box i {
    position: absolute;
    cursor: pointer;
}

.upload-box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 16px;
    flex-wrap: wrap;
    gap: 10px;
}

.upload-detail-files-box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

/* login topbar */
.digi-top-bar .user-links button {
    border: none;
    font-size: 14px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #fff !important;
    padding: 0;
}

.digi-top-bar .user-links button:hover {
    text-decoration: underline;
}

.digi-top-bar .user-links button i {
    font-size: 12px;
    margin-right: 2px;
}

.digi-top-bar .user-links ul.dropdown-menu {
    background-color: #333333 !important;
}

.digi-top-bar .user-links ul.dropdown-menu li a.dropdown-item:active {
    background-color: #9d170e;
}

/* dashboard */
.dash-container {
    padding: 0 20px;
    max-width: 1500px;
    margin: 0 auto;
}

.card.sidebar {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}

.card.sidebar .card-header {
    font-size: 16px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #333;
    background-color: #f5f5f5;
    padding: 12px 15px;
}

.card.sidebar .sb-info {
    gap: 12px;
    padding: 0 12px;
}

.card.sidebar .sb-info .col {
    border: 1px solid #b32117;
    padding: 20px 20px;
    border-radius: 10px;
}

.card.sidebar .sb-info .col p {
    font-size: 14px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #333;
    margin-bottom: 16px;
}

.card.sidebar a.sb-btn {
    display: block;
    text-align: center;
    background-color: #b32117;
    transition: all 0.6s ease;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    padding: 10px 10px;
    margin-bottom: 20px;
}

.card.sidebar a.sb-btn:hover {
    background-color: #9d170e;
    transition: all 0.6s ease;
}

.card.sidebar .sb-info .col strong {
    font-size: 18px;
    font-weight: 500;
    font-family: "Ubuntu", sans-serif;
    color: #b32117;
    display: block;
}

.card.sidebar .list-group.sb-nav {
    border-radius: 0;
    border: none;
}

.card.sidebar .list-group.sb-nav .list-group-item {
    border: none;
    font-weight: normal;
    font-family: "Ubuntu", sans-serif;
    color: #b32117;
    font-size: 14px;
}

.card.sidebar .list-group.sb-nav .list-group-item i {
    margin-right: 5px;
}

.card.sidebar .list-group.sb-nav .list-group-item.active {
    color: #fff;
    background-color: #00387f;
}

.card.sidebar .list-group.sb-nav .list-group-item:hover {
    color: #00387f;
}

.card.sidebar .list-group.sb-nav .list-group-item.active:hover {
    color: #fff;
}

/* Search box */
.sh-box {
    background: #fff;
    margin: 0 0 30px;
    border: solid 1px #e6e6e6;
    box-sizing: border-box;
    padding: 20px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    padding-bottom: 30px;
}

.sh-box h1 {
    font-size: 40px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #b32117;
    margin-bottom: 20px;
}

/* table */
.cus-table thead th {
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #ffffff;
    font-size: 18px;
    background-color: #00387f;
}

.cus-table tbody td {
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #333;
    font-size: 16px;
}

.cus-table tbody td .act-btn a {
    color: #ffffff;
    background-color: #b32117;
    border-color: #b32117;
    transition: all 0.6s ease;
    font-size: 12px;
    border: none;
    padding: 5px 10px;
}

.cus-table tbody td .act-btn a.btn-v {
    background-color: #5bc0de;
}

.cus-table tbody td .act-btn a.btn-v:hover {
    background-color: #31b0d5;
}

.cus-table tbody td .act-btn a:hover {
    background-color: #89241e;
}

.cus-table {
    overflow-x: auto;
    margin-bottom: 30px;
}

.cus-table table.table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 1083px;
}

/* account */
.account-box {
    background: #eee;
    margin: 0 0 30px;
    border: solid 1px #e6e6e6;
    box-sizing: border-box;
    padding: 20px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}

.account-box h1 {
    color: #b32117;
    font-size: 40px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    margin: 20px 0;
}

.account-box p {
    color: #333;
    font-size: 21px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    margin-bottom: 20px;
}

.account-box h4 {
    color: #b32117;
    font-size: 24px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    margin-bottom: 20px;
}

.account-box form label.form-label {
    color: #333;
    font-size: 14px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    margin-bottom: 5px;
}

/* change password */
.ch-pwd-box {
    background: #eee;
    margin: 0 0 30px;
    border: solid 1px #e6e6e6;
    box-sizing: border-box;
    padding: 20px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}

.ch-pwd-box h1 {
    color: #b32117;
    font-size: 40px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    margin: 20px 0;
    text-align: center;
}

.ch-pwd-box p {
    color: #333;
    font-size: 21px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    margin-bottom: 20px;
    text-align: center;
}

.ch-pwd-box form label.form-label {
    color: #333;
    font-size: 14px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    margin-bottom: 5px;
}

.ch-pwd-box form {
    max-width: 550px;
    margin: 0 auto;
}

/* download */
.dashboard-download {
    background: #eee;
    margin: 0 0 30px;
    border: solid 1px #e6e6e6;
    box-sizing: border-box;
    padding: 20px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}

.proof {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    border: 1px solid #00387f;
}

.proof .pf-hd {
    background-color: #00387f;
    color: #fff;
    text-align: center;
    padding: 10px 15px;
}

.proof .pf-hd h1 {
    font-size: 18px;
    font-weight: 500;
    font-family: "Ubuntu", sans-serif;
    margin: 10px 0;
}

.pf-slider .owl-dots {
    display: none;
}

.pf-slider .owl-nav {
    display: none;
}

.pf-slider .item img {
    width: 96.5%;
}

.pf-slider {
    position: relative;
}

.pf-slider .owl-nav.cus-owl-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #eee;
    padding: 5px 20px;
    border-radius: 0px 0px 4px 4px;
}

.pf-slider .owl-nav.cus-owl-nav .pf-nav {
    display: flex;
    gap: 20px;
    font-size: 20px;
}

.pf-slider .owl-nav.cus-owl-nav .pf-pagi {
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    font-size: 15px;
}

.pf-slider .owl-nav.cus-owl-nav .pf-nav > div {
    cursor: pointer;
}

.btn.cus-btn {
    color: #ffffff;
    background-color: #b32117;
    border-color: #b32117;
    transition: all 0.6s ease;
    font-size: 14px;
    padding: 6px 16px;
}

.btn.cus-btn i {
    font-size: 10px;
    margin-right: 4px;
}

.btn.cus-btn:hover {
    transition: all 0.6s ease;
    background-color: #89241e;
}

.proof.dl {
    border-color: #b32117;
}

.proof.dl .pf-hd {
    background-color: #b32117;
}

.pf-table {
    padding: 15px;
}

.pf-table table.table th {
    font-size: 14px;
    font-weight: 600;
    font-family: "Ubuntu", sans-serif;
    color: #333;
}

.pf-table table.table td {
    font-size: 14px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #333;
}

a.pf-link,
p.pf-link {
    font-size: 14px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #b32117;
    text-decoration: none;
}

a.pf-link:hover,
p.pf-link:hover {
    text-decoration: underline;
    cursor: pointer;
}

.pf-grid .pf-link {
    font-size: 14px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #b32117;
    text-decoration: none;
}

.pf-grid .pf-link:hover {
    cursor: pointer;
    text-decoration: underline;
}

.pf-slider .owl-item img {
    height: 400px;
    object-fit: contain;
    width: 100%;
    margin: 0 auto;
}

/* chech and pay */
.pf-grid {
    padding: 20px 30px;
}

.pf-grid h4 {
    font-size: 14px;
    font-weight: 600;
    font-family: "Ubuntu", sans-serif;
    color: #333;
}

.pf-grid p {
    font-size: 14px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #333;
}

.pf-grid button.stripe-btn {
    background-color: #556cd6;
    border: none;
    margin-bottom: 10px;
    border-radius: 2px;
    width: 100%;
    color: white;
}

.pf-grid button.stripe-btn:hover {
    cursor: pointer;
}
/* detail */
.pre-box-btn label.custom-file-upload {
    border-radius: 10px;
    margin-right: 12px;
    padding: 26px 14px;
    margin-top: 0px;
}

.pre-box-btn label.custom-file-upload p {
    margin: 0;
    text-align: center;
    color: #fff;
    font-size: 18px;
}

.pre-box-btn {
    margin-bottom: 10px;
}

/* revision request */
.proof.req-revision {
    border-color: #b32117;
}

.proof.req-revision .pf-hd {
    background-color: #b32117;
}

.req-rev-dl {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    border: 1px solid #b32117;
}

.req-rev-dl .req-rev-hd {
    background-color: #b32117;
    padding: 20px 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.req-rev-dl .req-rev-hd h3 {
    font-size: 24px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #fff;
}

.req-rev-dl .req-rev-hd p {
    font-size: 14px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #fff;
    margin: 0;
}

.rev-table {
    padding: 20px 20px 0px 20px;
}

.rev-table th {
    font-weight: 600;
    font-family: "Ubuntu", sans-serif;
    color: #333;
    font-size: 16px;
}

.rev-table td {
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #333;
    font-size: 16px;
}

.rev-table td a {
    text-decoration: none;
    color: #b32117;
}

.rev-table td a:hover {
    text-decoration: underline;
}

.rev-table table.table {
    text-align: center;
}

/* contact */
section.cnt-sec {
    background: #eee;
    margin: 0 0 30px;
    border: solid 1px #e6e6e6;
    box-sizing: border-box;
    padding: 20px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}

section.cnt-sec h1 {
    font-size: 40px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #b32117;
    text-align: center;
    margin: 20px 0;
}

section.cnt-sec h3 {
    font-size: 21px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #333;
    text-align: center;
    margin-bottom: 20px;
}

section.cnt-sec p {
    font-size: 14px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #333;
    text-align: center;
    margin-bottom: 20px;
}

section.cnt-sec h4 {
    font-size: 30px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    text-align: center;
    color: #333;
}

section.cnt-sec h4 a {
    text-decoration: none;
    color: #333;
    font-weight: 600;
}

section.cnt-sec h4 i {
    color: #333;
}

section.cnt-sec h5 {
    font-size: 14px;
    font-weight: 600;
    font-family: "Ubuntu", sans-serif;
    color: #333;
    text-align: center;
    margin: 20px 0px;
}

section.cnt-sec h5 a {
    text-decoration: none;
    color: #333;
}

section.cnt-sec form label.form-label {
    font-size: 14px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #333;
    margin-bottom: 5px;
}

/* faqs */
section.faq-sec {
    padding-top: 20px;
    padding-bottom: 50px;
}

section.faq-sec h1 {
    font-size: 40px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #b32117;
    margin-bottom: 20px;
}

section.faq-sec .accordion .accordion-item {
    border: 1px solid #b32117;
    border-radius: 3px;
    margin-bottom: 5px;
}

section.faq-sec .accordion .accordion-item .accordion-button:focus {
    box-shadow: none;
}

section.faq-sec .accordion .accordion-item .accordion-button:not(.collapsed) {
    color: #fff;
    background-color: #b32117;
}

section.faq-sec .accordion .accordion-item .accordion-button {
    font-size: 16px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    border-radius: unset;
    padding: 10px 15px;
}

section.faq-sec .accordion .accordion-item .accordion-button::after {
    filter: invert(1);
}

section.faq-sec .accordion .accordion-item .accordion-button {
    color: #fff;
    background-color: #b32117;
}

section.faq-sec .accordion .accordion-item .accordion-body p {
    font-size: 14px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #333;
}

section.faq-sec .accordion .accordion-item:nth-child(even) .accordion-button {
    background-color: #00387f;
    border-radius: unset;
}

section.faq-sec .accordion .accordion-item:nth-child(even) {
    border-color: #00387f;
}

/* forget password */
section.fg-pd-sec {
    max-width: 750px;
    margin: 130px auto;
}

section.fg-pd-sec .card-header {
    font-size: 14px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #333;
}

section.fg-pd-sec .card-body form .email-label,
section.fg-pd-sec .card-body form .password-label {
    text-align: right;
    margin: 5px 0;
}

section.fg-pd-sec .card-body form .email-label label.form-label,
section.fg-pd-sec .card-body form .password-label label.form-label {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #333;
}

/* blogs */
section.blogs-sec .blogs-info {
    text-align: center;
    padding: 50px 0px;
}

section.blogs-sec .blogs-info h1 {
    font-size: 50px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #333;
    margin: 20px 0px;
}

section.blogs-sec .blogs-info p {
    font-size: 21px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #333;
    margin-bottom: 20px;
}

.blogs-cd {
    margin-bottom: 30px;
    background-color: #fff;
    border: 1px solid #b32117;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
}

.blogs-cd .blogs-cd-hd {
    padding: 10px 15px;
    background-color: #b32117;
}

.blogs-cd .blogs-cd-hd h3 {
    font-size: 24px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #fff;
    margin: 20px 0;
}

.blogs-cd .blogs-cd-hd h6 {
    font-size: 14px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #fff;
    margin-bottom: 10px;
}

.blogs-cd .blogs-cd-cnt {
    padding: 15px;
}

.blogs-cd .blogs-cd-cnt p {
    font-size: 14px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #333;
    margin-bottom: 20px;
}

/* blog detail */
section.blg-dtl-sec {
    background: #eee;
    margin: 0 0 30px;
    border: solid 1px #e6e6e6;
    box-sizing: border-box;
    padding: 20px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}

section.blg-dtl-sec .blg-dtl-hd h1 {
    font-size: 63px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #b32117;
    text-align: center;
    margin: 20px 0;
}

section.blg-dtl-sec .blg-dtl-hd p {
    font-size: 21px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #333;
    margin-bottom: 20px;
}

section.blg-dtl-sec .blg-dtl-cnt :is(h1, h2, h3, h4, h5, h6) {
    color: #b32117;
    font-family: "Ubuntu", sans-serif;
    font-weight: 400;
}

section.blg-dtl-sec .blg-dtl-cnt :is(p, span, li) {
    color: #333;
    font-family: "Ubuntu", sans-serif;
    font-size: 21px;
}

/* table pagination */
.cus-pagination ul.pagination {
    justify-content: center;
}

.cus-pagination ul.pagination li a,
.cus-pagination ul.pagination li span {
    color: #b32117 !important;
    border: 1px solid #b32117 !important;
}

.cus-pagination ul.pagination .pagination li.active .page-link {
    background-color: #b32117 !important;
    color: white !important;
}

/* prices */
section.prices-sec {
    padding: 50px 0;
}

section.prices-sec ul.list-group {
    text-align: center;
    border-radius: 0;
    transition: all 0.6s ease;
}

section.prices-sec ul.list-group li.list-group-item {
    font-size: 14px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #333;
    padding: 20px;
}

section.prices-sec ul.list-group li.list-group-item.p-hd {
    background-color: #b32117;
    color: #fff;
    font-size: 25px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
}

section.prices-sec ul.list-group li.list-group-item.p-cnt {
    font-size: 20px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #333;
    background-color: #eee;
}

section.prices-sec ul.list-group li.list-group-item.p-btn {
    background-color: #eee;
}

section.prices-sec .col-12.col-md-4:nth-child(2) li.list-group-item.p-hd {
    background-color: #00387f;
}

section.prices-sec ul.list-group li.list-group-item.p-btn a.btn.cus-btn,
button.btn.cus-btn {
    font-size: 18px;
    padding: 10px 16px;
}

section.prices-sec ul.list-group:hover {
    box-shadow: 0 0 12px #00000042;
    transition: all 0.6s ease;
}

/* gallery */
section.gallery-sec .gal-hd {
    background: #eee;
    margin: 0 0 30px;
    border: solid 1px #e6e6e6;
    box-sizing: border-box;
    padding: 20px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    text-align: center;
}

section.gallery-sec .gal-hd a {
    font-size: 30px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #b32117;
    text-decoration: none;
    margin: 18px 0;
    display: inline-block;
}

section.gallery-sec .gal-img img {
    width: 100%;
    height: 290px;
    object-fit: contain;
}

section.gallery-sec .gal-img a {
    display: block;
    width: 100%;
    height: 300px;
    /* border: 1px solid #00000032; */
    margin-bottom: 20px;
    overflow: hidden;
}

/* privacy policy */
.cus-container {
    max-width: 1382px;
    margin: 0 auto;
}

section.pri-pol-sec {
    background-color: #eee;
    padding: 48px 30px;
    margin-bottom: 30px;
}

section.pri-pol-sec h1 {
    font-size: 36px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #b32117;
    margin: 20px 0;
}

section.pri-pol-sec p {
    font-size: 21px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #333;
    padding: 10px 0;
}

.pri-pol-txt {
    margin-left: 50px;
}

section.pri-pol-sec .pri-pol-txt p {
    font-size: 21px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #333;
}

section.pri-pol-sec .pri-pol-txt li {
    font-size: 21px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #333;
}

section.pri-pol-sec .pri-pol-txt strong {
    font-size: 24px;
    display: inline-block;
    font-weight: 600;
}

section.pri-pol-sec a {
    display: inline-block;
    text-decoration: none;
    color: #b32117;
}

section.pri-pol-sec a:hover {
    text-decoration: underline;
}

/* services */
.cus-container2 {
    max-width: 1315px;
    margin: 0 auto;
}

section.serv-cnt {
    background-color: #eee;
    padding: 30px;
    margin-bottom: 50px;
}

.serv-int {
    text-align: center;
}

.serv-int h1 {
    color: #b32117;
    font-size: 36px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    margin: 20px 0;
}

.serv-int p {
    color: #333;
    font-size: 17px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    margin: 0;
}

.serv-adv h2 {
    text-align: center;
    color: #333;
    font-size: 21px;
    font-weight: 700;
    font-family: "Ubuntu", sans-serif;
    margin: 20px 0;
}

.adv-cd {
    text-align: center;
    background-color: #eee;
    border: solid 1px #e6e6e6;
    box-sizing: border-box;
    padding: 20px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    height: 536px;
    margin: 10px 0;
}

.adv-cd img {
    width: 150px;
    height: 150px;
    margin: 0 auto !important;
    display: block;
}

.adv-cd h3 {
    text-transform: uppercase;
    font-size: 22px;
    color: #b32117;
    font-weight: 400;
    text-align: center;
    margin: 20px 0;
}

.adv-cd p {
    font-size: 14px;
    color: #555;
    font-weight: 400;
    text-align: center;
}

.serv-adv {
    padding: 0 60px;
}

.serv-adv p.txt {
    text-align: center;
    color: #333;
    font-size: 17px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    padding: 40px 0;
}

.serv-proc {
    background: #eee;
    margin: 0 0 30px;
    border: solid 1px #e6e6e6;
    box-sizing: border-box;
    padding: 30px 75px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}

.serv-proc h2 {
    color: #b32117;
    font-size: 30px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    text-align: center;
    margin: 20px 0;
}

.serv-proc p {
    color: #333;
    font-size: 21px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    text-align: center;
    padding-bottom: 24px;
}

.serv-slider h3 {
    color: #b32117;
    font-size: 22px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    text-align: center;
    background: #fff;
    margin: 0 0 30px;
    border: solid 1px #e6e6e6;
    box-sizing: border-box;
    padding: 40px 20px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}

/* service content */
section.serv-content {
    padding: 30px;
    background-color: #eee;
    margin-bottom: 50px;
}

section.serv-content h1 {
    color: #b32117;
    font-size: 36px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    text-align: center;
    margin: 20px 0;
}

section.serv-content p {
    color: #333;
    font-size: 21px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
}

section.serv-content h2 {
    color: #333;
    font-size: 26px;
    font-weight: 700;
    font-family: "Ubuntu", sans-serif;
    margin: 20px 0;
}

section.serv-content h3 {
    color: #333;
    font-size: 22px;
    font-weight: 600;
    font-family: "Ubuntu", sans-serif;
    margin: 15px 0;
}

section.serv-content a {
    color: #b32117;
    text-decoration: none;
}

section.serv-content a:hover {
    text-decoration: underline;
}

/* verify */
section.verify-sec {
    text-align: center;
    padding: 100px 20px;
}

/* patches */
section.patches-sec {
    background: #eee;
    margin: 0 0 30px;
    border: solid 1px #e6e6e6;
    box-sizing: border-box;
    padding: 20px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}

section.patches-sec h1 {
    color: #b32117;
    font-size: 40px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    text-align: center;
    margin: 20px 0;
}

section.patches-sec p {
    color: #333;
    font-size: 21px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    text-align: center;
    margin-bottom: 20px;
}

section.patches-sec h3 {
    color: #333;
    font-size: 30px;
    font-weight: 600;
    font-family: "Ubuntu", sans-serif;
    text-align: center;
}

section.patches-sec h3 a {
    text-decoration: none;
    color: #b32117;
}

section.patches-sec h4 {
    color: #333;
    font-size: 14px;
    font-weight: 600;
    font-family: "Ubuntu", sans-serif;
    text-align: center;
    margin: 20px 0;
}

section.patches-sec h4 a {
    text-decoration: none;
    color: #333;
}

section.patches-sec h2 {
    color: #333;
    font-size: 40px;
    font-weight: 600;
    font-family: "Ubuntu", sans-serif;
    text-align: center;
    margin-bottom: 30px;
}

section.patches-sec form label.form-label {
    color: #333;
    font-size: 14px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    margin-bottom: 5px;
}

.pg-nt-fd {
    text-align: center;
}
.pg-nt-fd img {
    width: 200px;
}
.pg-nt-fd h1 {
    text-transform: uppercase;
    font-size: 32px;
    color: #b32117;
    font-weight: 600;
    text-align: center;
}
.pg-nt-fd {
    padding: 150px 0px;
}

.pre-box {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    border: 1px solid #ccc;
    border-radius: 4px;
    overflow: hidden;
}
.pre-img {
    max-width: 100%;
    max-height: 100%;
}
.file-icon-container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 70%;
}
.file-icon {
    font-size: 48px;
    color: #aaa;
}
.file-name {
    display: block;
    text-align: center;
    font-size: 12px;
    color: #555;
    word-wrap: break-word;
    width: 90%;
    margin-top: 5px;
}
.remove-icon {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    color: red;
}
.proof.quotation-details {
    border: 1px solid #b32117;
}
.proof.quotation-details .pf-hd {
    background-color: #b32117;
}

.text-theme-red {
    color: #b32117 !important;
}

.bg-theme-red {
    color: white !important;
    background-color: #b32117 !important;
}

.text-theme-blue {
    color: #00387f !important;
}

.bg-theme-blue {
    color: white !important;
    background-color: #00387f !important;
}
.bd-loading-modal-lg .modal-dialog {
    display: table;
    position: relative;
    margin: 0 auto;
    top: calc(50% - 24px);
}

.bd-loading-modal-lg .modal-dialog .modal-content {
    background-color: transparent;
    border: none;
}
.stripe-spinner-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.stripe-spinner {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #3498db;
    animation: stripe-spin 1s linear infinite;
}

@keyframes stripe-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.gal-hd.gallery-tab-active {
    background-color: #b32117 !important;
}
.gal-hd.gallery-tab-active a {
    color: #fff !important;
}
.gal-hd.gallery-tab-active a:hover {
    text-decoration: none !important;
}
section.gallery-sec .gal-hd a:hover {
    text-decoration: underline;
    transition: all 0.6s ease;
}
.prof-card {
    max-width: 500px;
    margin: 80px auto;
    border: 3px solid #00387f;
    border-radius: 20px;
    box-shadow: 0 0 12px #000000b0;
    overflow: hidden;
}
.prof-card .pr-cd-cnt .pr-cd-inner {
    max-width: 320px;
    margin: 0 auto;
}
.prof-card .pr-cd-hd {
    text-align: center;
    padding: 50px 20px;
}
.prof-card .pr-cd-hd h1 {
    font-size: 30px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #b32117;
    margin-top: 20px;
}
.prof-card .pr-cd-cnt {
    background-color: #b32117;
    padding: 40px 40px;
    position: relative;
}
.prof-card .pr-cd-cnt .pr-cd-lk a span {
    display: inline-block;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    margin-left: 20px;
}
.prof-card .pr-cd-cnt .pr-cd-lk a {
    display: inline-flex;
    justify-content: left;
    align-items: center;
    text-decoration: none;
    margin: 10px 0;
}
.prof-card .pr-cd-cnt .pr-cd-lk a span.lk-icon {
    min-width: 55px;
    font-size: 30px;
    position: relative;
    margin-left: 0;
}
.prof-card .pr-cd-cnt .pr-cd-ln {
    border: 1px solid #00387f;
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    margin: unset;
}
.prof-card .pr-cd-cnt .pr-cd-ln .cd-ln-in {
    border: 6px solid #00387f;
    border-radius: 30px;
    position: absolute;
    top: -6px;
    left: 0;
    right: 0;
    margin: 0px 100px;
}
.prof-card .pr-cd-cnt .pr-cd-social {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 32px;
    flex-wrap: wrap;
}
.prof-card .pr-cd-hd img {
    max-width: 346px;
    display: block;
    margin: auto;
}
.prof-card .pr-cd-hd button {
    margin-top: 20px;
    background-color: #00387f;
    transition: all 0.6s ease;
    border: none;
}
.prof-card .pr-cd-hd button:hover {
    box-shadow: 0 0 12px #000000ab;
    transition: all 0.6s ease;
}
.prof-card .pr-cd-cnt .pr-cd-lk a span.lk-icon:before {
    content: "";
    position: absolute;
    height: 30px;
    width: 2px;
    background: #fff;
    right: 0px;
    top: 8px;
}
.prof-card .pr-cd-cnt .pr-cd-lk a:hover span:nth-child(2) {
    color: #00387f;
    transition: all 0.6s ease;
}
.prof-card .pr-cd-cnt .pr-cd-social a:hover {
    box-shadow: 0 0 12px #000000d4;
    transition: all 0.6s ease;
}
.prof-card .pr-cd-cnt .pr-cd-social a {
    border-radius: 30px;
}

/* campaign Modal */
.mdl-cls-icn {
    text-align: right;
    padding-top: 10px;
    padding-right: 10px;
}
div#campaign-modal .lgn-btn button {
    color: #ffffff;
    background-color: #b32117;
    border-color: #b32117;
    width: 100%;
}
div#campaign-modal .lgn-btn button:hover {
    background-color: #89241e;
    border-color: #89241e;
}
div#campaign-modal .lgn-cnt a {
    color: #b32117;
}
div#campaign-modal .modal-body {
    padding: 0px 10px 100px 10px;
}
div#campaign-modal .modal-content {
    /* background-image: url(../images/campaign-bg.webp); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: #fff;
}
div#campaign-modal .lgn-cnt {
    margin-bottom: 24px;
}
.mdl-cls-icn button.btn-close {
    background-color: #fff;
    opacity: 1;
    padding: 8px 8px;
    border-radius: 30px;
    border: 2px solid #000;
}
div#campaign-modal .modal-body form.campaign-form {
    max-width: 360px;
    margin: auto;
}
.serv-banner {
    background-image: url(../images/11.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.serv-ban-cnt h4 {
    font-size: 18px;
    font-weight: 500;
    font-family: "Ubuntu", sans-serif;
    color: #b32117;
}
.serv-ban-cnt h1 {
    font-size: 32px;
    font-weight: 600;
    font-family: "Ubuntu", sans-serif;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.2;
    max-width: 500px;
}
.serv-ban-cnt p {
    font-size: 16px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    margin: 20px 0;
    color: #fff;
}
.serv-ban-cnt ul li {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #fff;
    margin: 6px 0;
}
.serv-ban-fm form {
    box-shadow: 0 0 12px #00000099;
    padding: 45px 40px;
    border-radius: 20px;
    margin: 16px 32px;
    background-color: #101a46;
}
.serv-ban-fm form button.btn {
    width: 100%;
    background-color: #b32117;
    border: none;
    transition: all 0.6s ease;
}
.serv-banner {
    padding: 60px 0px;
}
.serv-ban-fm form button.btn:hover {
    transition: all 0.6s ease;
    box-shadow: 0 0 12px #0000008f;
}
.serv-wh-ch-cnt h2 {
    font-size: 32px;
    font-weight: 600;
    font-family: "Ubuntu", sans-serif;
    color: #000;
    text-transform: capitalize;
    line-height: 1.2;
}
.serv-wh-ch-cnt h2 span {
    color: #b32117;
}
.serv-wh-ch-cnt p {
    font-size: 16px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    padding: 6px 0;
    margin: 0;
}
.serv-wh-ch-cnt li::marker {
    color: #b32117;
}
.serv-wh-ch-cnt li {
    font-size: 16px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    padding: 8px 0;
}
.serv-wh-ch-cnt li strong {
    color: #b32117;
}
.serv-wh-ch-cnt {
    padding-right: 50px;
}
.serv-wh-ch {
    padding: 80px 0px;
}
.serv-info-step {
    padding: 80px 0;
    background-color: #b32117;
}
.serv-info-step h2 {
    font-size: 32px;
    font-weight: 600;
    font-family: "Ubuntu", sans-serif;
    color: #fff;
    text-transform: capitalize;
    line-height: 1.2;
    text-align: center;
}
.serv-info-step p {
    font-size: 16px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    padding: 12px 0;
    text-align: center;
    color: #fff;
    margin-bottom: 50px;
}
.serv-proc-box {
    background-color: #fff;
    position: relative;
    padding: 60px 20px 20px 20px;
    border-radius: 10px;
    margin: 10px 0px;
    height: 100%;
    box-shadow: 0 0 12px #00000042;
}
.serv-proc-box h3 {
    font-size: 22px;
    font-weight: 500;
    font-family: "Ubuntu", sans-serif;
    color: #000;
    margin-top: 10px;
}
.serv-proc-box p {
    font-size: 16px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #00000094;
    text-align: left;
    margin: 0;
    padding: 0;
    line-height: 26px;
}
.serv-proc-box img {
    position: absolute;
    top: -52px;
    left: 24px;
    object-fit: contain;
}
.serv-img-l .img-l-cnt h2 {
    font-size: 32px;
    font-weight: 600;
    font-family: "Ubuntu", sans-serif;
    color: #000;
    text-transform: capitalize;
    line-height: 1.2;
    margin-bottom: 20px;
}
.serv-img-l .img-l-cnt h2 span {
    color: #b32117;
}
.serv-img-l .img-l-cnt p {
    font-size: 16px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    margin: 0;
    line-height: 25px;
}
.serv-img-l .img-l img {
    float: right;
    object-fit: contain;
    height: auto;
}
.serv-img-r .img-r-cnt h2 {
    font-size: 32px;
    font-weight: 600;
    font-family: "Ubuntu", sans-serif;
    color: #000;
    text-transform: capitalize;
    line-height: 1.2;
    margin-bottom: 20px;
}
.serv-img-r .img-r-cnt h2 span {
    color: #b32117;
}
.serv-img-r .img-r-cnt p {
    font-size: 16px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    margin: 0;
    line-height: 25px;
}
.serv-img-r .img-r img {
    float: left;
    object-fit: contain;
    height: auto;
}
.serv-sec-dis {
    background-color: #b32117;
}
.serv-sec-dis .sec-dis-inner {
    max-width: 672px;
    margin: 0 auto;
    text-align: center;
    padding: 80px 0;
}
.serv-sec-dis .sec-dis-inner h2 {
    font-size: 32px;
    font-weight: 600;
    font-family: "Ubuntu", sans-serif;
    color: #fff;
    text-transform: capitalize;
    line-height: 1.2;
}
.serv-sec-dis .sec-dis-inner p {
    font-size: 16px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    margin: 32px 0;
    line-height: 25px;
    color: #fff;
}
.serv-sec-dis .sec-dis-inner button {
    border: 2px solid #fff;
    background-color: transparent;
    padding: 10px 40px;
    color: #fff;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    transition: all 0.6s ease;
}
.serv-sec-dis .sec-dis-inner button:hover {
    transition: all 0.6s ease;
    box-shadow: 0 0 12px #00000082;
}
.serv-include {
    background-color: #f1f9ff;
    padding: 60px 0;
}
.serv-include .serv-inc-bx img {
    width: 80px;
}
.serv-include .serv-inc-bx h3 {
    font-size: 23px;
    font-weight: 500;
    font-family: "Ubuntu", sans-serif;
    color: #000;
    margin: 12px 0;
}
.serv-include .serv-inc-bx p {
    font-size: 16px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #000000c4;
}
section.faq-sec.serv-faq {
    padding: 60px 0;
}
section.faq-sec.serv-faq h2 {
    font-size: 32px;
    font-weight: 600;
    font-family: "Ubuntu", sans-serif;
    color: #000;
    text-transform: capitalize;
    line-height: 1.2;
    margin-bottom: 24px;
}
.serv-designer-hd h2 {
    font-size: 32px;
    font-weight: 600;
    font-family: "Ubuntu", sans-serif;
    color: #000;
    text-transform: capitalize;
    line-height: 1.2;
    text-align: center;
}
.serv-designer-hd h2 span {
    color: #b32117;
}
.serv-designer-hd p {
    font-size: 16px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    padding: 12px 0px;
    text-align: center;
    color: #000;
    margin-bottom: 50px;
}
.serv-designer .s-d-cnt h3 {
    font-size: 28px;
    font-weight: 600;
    font-family: "Ubuntu", sans-serif;
    color: #b32117;
    text-transform: capitalize;
    line-height: 1.2;
    margin-top: 10px;
}
.serv-designer .s-d-cnt h5 {
    font-size: 18px;
    font-weight: 500;
    font-family: "Ubuntu", sans-serif;
    color: #00000094;
}
.serv-designer .s-d-cnt h4 {
    font-size: 24px;
    font-weight: 500;
    font-family: "Ubuntu", sans-serif;
    color: #000;
    line-height: 1.2;
    margin-top: 24px;
}
.serv-designer .s-d-cnt p {
    font-size: 16px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #000000ad;
}
.serv-designer .s-d-skill p {
    font-size: 16px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #000;
    margin-bottom: 0px;
}
.serv-designer .s-d-skill span {
    font-size: 20px;
    font-weight: 500;
    font-family: "Ubuntu", sans-serif;
    color: #101a46;
}
.serv-designer .s-d-skill h4 {
    font-size: 24px;
    font-weight: 500;
    font-family: "Ubuntu", sans-serif;
    color: #000;
    line-height: 1.2;
    margin: 10px 0;
}
.serv-designer .s-d-skill p {
    font-size: 16px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #000000;
}
.serv-designer .s-d-skill ul li {
    font-size: 16px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #000000;
    margin: 6px 0;
}
.serv-designer .s-d-skill ul {
    margin-top: 12px;
}
.serv-designer .s-d-skill h5 {
    font-size: 22px;
    font-weight: 900;
    font-family: "Ubuntu", sans-serif;
    color: #000;
    line-height: 1.2;
    margin-bottom: 10px;
}
.serv-designer .s-d-skill button {
    font-size: 16px;
    font-weight: 900;
    font-family: "Ubuntu", sans-serif;
    background-color: #b32117;
    border: none;
    color: #fff;
    padding: 8px 32px;
    border-radius: 10px;
    transition: all 0.6s ease;
}
.serv-designer .s-d-skill button:hover {
    box-shadow: 0 0 12px #000000a1;
}
.serv-designer .s-d-skill {
    margin-top: 10px;
}
.serv-designer {
    padding: 80px 0;
}
.serv-designer .container {
    box-shadow: 0 0 10px #000000ab;
    border-radius: 20px;
    padding: 24px 24px;
    background-color: #fff;
}
.serv-designer .s-d-cnt {
    padding-left: 20px;
}
.serv-wk-cht .col-6 {
    border: 1px solid #000;
}
.serv-wk-cht .row {
    border: 1px solid #000;
    box-shadow: 0 0 12px #00000080;
}
.serv-wk-cht p {
    font-size: 16px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    padding: 16px 0;
    margin: 0;
    color: #000;
}
.serv-wh-ben {
    background-color: #b32117;
    padding: 30px 20px;
    border-radius: 12px;
    box-shadow: 0 0 12px #00000080;
}
.serv-wh-ben h3 {
    font-size: 32px;
    font-weight: 600;
    font-family: "Ubuntu", sans-serif;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 30px;
}
.serv-wh-ben .wh-ben-bx {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10px 0;
}
.serv-wh-ben .wh-ben-bx p {
    font-size: 15px;
    color: #fff;
    font-weight: 500;
    font-family: "Ubuntu", sans-serif;
    padding: 6px 0;
    margin: 0;
}
.serv-wh-ben .wh-ben-bx span {
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    font-family: "Ubuntu", sans-serif;
    background-color: #000;
    padding: 6px 12px;
    border-radius: 6px;
}
.serv-wh-ben button {
    width: 100%;
    background-color: #00387f;
    color: #fff;
    border: none;
    padding: 12px 0;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    transition: all 0.6s ease;
}
.serv-wh-ben button:hover {
    transition: all 0.6s ease;
    box-shadow: 0 0 12px #00000082;
}
.serv-wh-ben .wh-ben-bx.ben-bx2 p {
    font-size: 18px;
    padding: 0;
}
.serv-wh-ben .wh-ben-bx.ben-bx2 span {
    font-size: 16px;
}
.serv-wh-ben .wh-ben-bx.ben-bx2 {
    margin: 0;
}

.blogs-page .blogs-info h1 {
    font-size: 40px;
    font-weight: 500;
    font-family: "Ubuntu", sans-serif;
    color: #333;
    text-transform: uppercase;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 20px;
}
.blogs-page .blog-card h2 {
    font-size: 20px;
    font-weight: 500;
    font-family: "Ubuntu", sans-serif;
    color: #333;
    margin: 13px 0;
}
.blogs-page .blog-card .blog-card-dt {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.blogs-page .blog-card .blog-card-dt span {
    font-size: 15px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #000000bd;
}
.blogs-page .blog-card .blog-card-dt a {
    color: #b32117;
    text-decoration: none;
    font-weight: 500;
    font-size: 16px;
    font-family: "Ubuntu", sans-serif;
    transition: all 0.6s ease;
}
.blogs-page .blog-card .blog-card-dt a:hover {
    text-decoration: underline;
    transition: all 0.6s ease;
}
.blogs-page .col-12.col-lg-6 {
    margin: 12px 0;
}
.blogs-page .blog-card img {
    border-radius: 6px;
}
.blogs-page {
    padding-bottom: 60px;
}
.digi-blogs .blogs-container {
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 20px;
}

section.order-form .ord-coupon span {
    font-size: 18px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #333;
}
section.order-form .ord-coupon span strong {
    color: #00387f;
}
section.order-form .ord-coupon span.cpn-per {
    background-color: #000;
    border-radius: 30px;
    padding: 5px 12px;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    margin-left: 6px;
}
.tp-cl2 {
    display: flex;
    align-items: end;
    justify-content: end;
}
.digi-top-bar .tp-cl2 span.tp-credit {
    font-size: 15px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    margin-right: 20px;
}
.digi-top-bar .tp-cl2 span.nav-cdt {
    display: none;
}

a.btn.pay-wallet-btn {
    width: 100%;
    background-color: #000;
    color: #fff;
    transition: all 0.6s ease;
    font-size: 14px;
    margin-bottom: 10px;
    padding: 8px 10px;
}
a.btn.pay-wallet-btn:hover {
    box-shadow: 0 0 12px #00000080;
}

/* h1.wallet-title {
text-align: center;
} */
.wallet-info {
    text-align: center;
}
.wallet-info p {
    font-size: 24px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #333;
    margin: 10px 0px 0px 0px;
    text-transform: capitalize;
}
.wallet-info p strong {
    color: #b32117;
}
.cus-table.wallet-table {
    max-height: 500px;
    overflow-y: auto;
    text-align: center;
}
.cus-table.wallet-table table.table {
    width: 1060px;
}
.cus-table.wallet-table::-webkit-scrollbar {
    width: 6px;
    height: 5px;
}
.cus-table.wallet-table::-webkit-scrollbar-track {
    background: #f1f1f1;
}
.cus-table.wallet-table::-webkit-scrollbar-thumb {
    background: #888;
}
.cus-table.wallet-table::-webkit-scrollbar-thumb:hover {
    background: #555;
}
.wallet-description-column {
    max-width: 300px !important;
    word-wrap: break-word;
}

a.py-selected-btn, button.py-selected-btn {
    background-color: transparent;
    border: 2px solid #b32117;
    color: #b32117;
    font-weight: 500;
    border-radius: 30px;
    padding: 8px 16px;
    font-size: 15px;
    transition: all 0.6s ease;
}
button.py-selected-btn:hover {
    transition: all 0.6s ease;
    box-shadow: 0 0 12px #00000060;
}
button.btn.stripe-btn {
    background-color: #556cd6;
    border: none;
    margin-bottom: 10px;
    border-radius: 6px;
    width: 100%;
    color: white;
}
.method-modal-content {
    max-width: 300px;
    margin: 0 auto;
    padding: 20px 0;
}
.method-modal-content p {
    margin: 0;
    text-align: right;
    font-size: 16px;
    font-weight: 500;
    font-family: "Ubuntu", sans-serif;
    color: #333;
    padding-top: 10px;
    padding-right: 10px;
}
/* new prices */
h1.pri-pg-title {
    font-size: 34px;
    font-weight: 500;
    font-family: "Ubuntu", sans-serif;
    color: #b32117;
    letter-spacing: 0.995px;
    line-height: normal;
    text-align: center;
    padding: 40px 0px;
    margin: 0;
}

.pri-plan {
    border-radius: 13px;
    border: 1px solid #dbdbdb;
    box-shadow: 0px 4px 5px 1px rgba(193, 193, 193, 0.35);
    background-color: #fff;
    padding: 32px 30px 20px 30px;
    text-align: center;
}

.pri-plan h2 {
    font-size: 20px;
    font-weight: 700;
    font-family: "Ubuntu", sans-serif;
    color: #000;
    margin-bottom: 30px;
}

.pri-plan .pri-plan-price span {
    display: inline-block;
    position: relative;
    font-size: 40px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #aeaeae;
    line-height: normal;
    margin-right: 10px;
}

.pri-plan .pri-plan-price strong {
    font-size: 48px;
    font-weight: 700;
    font-family: "Ubuntu", sans-serif;
    color: #000;
    line-height: normal;
}

.pri-plan .pri-plan-price {
    display: flex;
    justify-content: center;
    align-items: center;
}

.pri-plan .pri-plan-price span:before {
    content: "";
    width: 82px;
    height: 2px;
    background-color: #000;
    position: absolute;
    top: 22px;
    bottom: 0;
    left: -8px;
}

.pri-plan p {
    font-size: 15px;
    font-weight: 500;
    font-family: "Ubuntu", sans-serif;
    color: #747474;
    margin: 20px 0;
}

.pri-plan a {
    display: block;
    border-radius: 3px;
    border: 3px solid #b32117;
    font-size: 14px;
    font-weight: 700;
    font-family: "Ubuntu", sans-serif;
    text-decoration: none !important;
    color: #b32117 !important;
    padding: 12px 0;
    transition: all 0.3s ease;
}

.pri-plan a:hover {
    transition: all 0.3s ease;
    box-shadow: 0 0 12px #0000008a;
}

.pri-plan hr {
    width: 100px;
    margin: 28px auto;
    text-align: center;
}

.pri-plan ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.pri-plan ul li {
    font-size: 14px;
    font-weight: 500;
    font-family: "Ubuntu", sans-serif;
    color: #747474;
    margin-bottom: 12px;
}

.pri-plan ul li i.fa-solid.fa-circle-check {
    color: #6add34;
    margin-right: 3px;
}

.pri-plan button {
    border: none;
    background-color: #b32117;
    font-size: 14px;
    font-weight: 500;
    font-family: "Ubuntu", sans-serif;
    color: #fff;
    padding: 10px;
    display: block;
    width: 100%;
    border-radius: 6px;
    margin-top: 20px;
    transition: all 0.6s ease;
}

.pri-plan button:hover {
    transition: all 0.6s ease;
    box-shadow: 0 0 12px #000000a6;
}

.pri-plan.pri-plan-active {
    background-color: #00387f;
    color: #fff;
}

.pri-plan.pri-plan-active h2 {
    color: #fff;
}

.pri-plan.pri-plan-active .pri-plan-price span {
    color: #fff;
}

.pri-plan.pri-plan-active .pri-plan-price strong {
    color: #fff;
}

.pri-plan.pri-plan-active .pri-plan-price span:before {
    background-color: #fff;
}

.pri-plan.pri-plan-active p {
    color: #fff;
}

.pri-plan.pri-plan-active a {
    color: #fff !important;
    border-color: #fff;
}

.pri-plan.pri-plan-active ul li {
    color: #fff;
}

.pri-plan.pri-plan-active button {
    background-color: #fff;
    color: #000;
}

.pri-cus-contact {
    border-radius: 7px;
    border: 1px solid #e8e8e8;
    background: #fdfdfd;
    box-shadow: 0px 3px 7.8px 0px rgba(0, 0, 0, 0.08);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 34px 10px;
    gap: 10px;
    margin: 40px 0px;
}

.pri-cus-contact h2 {
    font-size: 22px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #000;
    margin: 0;
}

.pri-cus-contact a {
    text-decoration: none;
    border-radius: 30px;
    background: #b32117;
    font-size: 15px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #fff;
    padding: 10px 42px;
}

.row.price-features .price-key-ft {
    height: 100%;
    border-radius: 7px;
    border: 1px solid #e2e2e2;
    background: #fdfdfd;
    padding: 30px 40px 20px 40px;
}

.row.price-features .price-key-ft h2 {
    font-size: 20px;
    font-weight: 500;
    font-family: "Ubuntu", sans-serif;
    color: #b32117;
    position: relative;
    margin-bottom: 13px;
}

.row.price-features .price-key-ft h2:before {
    content: "";
    height: 100%;
    width: 3px;
    background-color: #b32117;
    position: absolute;
    left: -8px;
}

.row.price-features .price-key-ft ul li {
    font-size: 14px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #000;
    line-height: 24px;
    margin: 10px 0;
}

.row.price-features .price-key-ft ul {
    padding-left: 15px;
}

.price-spl-text p {
    max-width: 773px;
    margin: 40px auto;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #2e2e2e;
    line-height: 25px;
}

.pri-proj-sec h3 {
    font-size: 23px;
    font-weight: 500;
    font-family: "Ubuntu", sans-serif;
    color: #b32117;
    margin-bottom: 20px;
}

.pri-proj-sec {
    margin-bottom: 50px;
}

.pri-proj-card img {
    width: 100%;
    border-radius: 8px;
    border: 1px solid #e1e1e1;
}

.box4-slider .owl-dots button.owl-dot.active span {
    background-color: #b32117;
}

/* Blog page 3 */
.blg-banner img {
    width: 100%;
    border-radius: 12px;
}

.blg-banner {
    margin-bottom: 24px;
}

.s-blg-card a {
    text-decoration: none;
    display: block;
    overflow: hidden;
    border-radius: 12px;
}

.s-blg-card img {
    width: 100%;
    border-radius: 12px;
    transition: all 0.3s linear;
}

.s-blg-card img:hover {
    transform: scale(1.1);
    transition: all 0.3s linear;
}

.s-blg-card h2 {
    font-size: 33px;
    font-weight: 500;
    font-family: "Ubuntu", sans-serif;
    color: #b32117;
    letter-spacing: 0.995px;
    margin-top: 13px;
    margin-bottom: 8px;
}

.s-blg-card div {
    font-size: 14px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #494949;
    letter-spacing: 0.42px;
    margin-bottom: 11px;
}

.s-blg-card span {
    font-size: 12px;
    font-weight: 500;
    font-family: "Ubuntu", sans-serif;
    color: #494949;
    letter-spacing: 0.33px;
}

.s-blg-card {
    margin-bottom: 20px;
}

.blg-card a:nth-child(1) {
    overflow: hidden;
}

.blg-card a {
    text-decoration: none;
    display: block;
    border-radius: 12px;
}

.blg-card img {
    width: 100%;
    border-radius: 8px;
    transition: all 0.3s linear;
}

.blg-card img:hover {
    transform: scale(1.1);
    transition: all 0.3s linear;
}

.blg-card h2 {
    font-size: 15px;
    font-weight: 500;
    font-family: "Ubuntu", sans-serif;
    color: #b32117;
    letter-spacing: 0.146px;
    margin-top: 6px;
    line-height: 18px;
    margin-bottom: 0;
}

.blg-card span {
    font-size: 11px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #878787;
}

.row.blg-cols .col-md-4 {
    padding: 8px 8px;
}

.blg-search .form-control {
    padding-left: 2.375rem;
    position: relative;
    color: #a5a5a5;
    font-family: "Ubuntu", sans-serif;
    font-size: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 12px;
    background-color: #fbfbfb;
}

.blg-search .fa.fa-search {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 43px;
    text-align: center;
    pointer-events: none;
    color: #a5a5a5c4;
    font-size: 18px;
}

input.form-control::placeholder {
    color: #a5a5a5;
}

.blg-cate-bx {
    background-color: #faf8f8;
    padding: 15px 20px;
    border-radius: 12px;
    margin-top: 10px;
    height: 500px;
    overflow-y: auto;
}

.blg-cate-bx h3 {
    font-size: 20px;
    font-weight: 500;
    font-family: "Ubuntu", sans-serif;
    color: #252525;
    letter-spacing: 0.2px;
    margin-bottom: 18px;
}

.blg-cate-bx ul li {
    font-size: 16px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #474747;
    letter-spacing: 0.137px;
    margin-bottom: 20px;
    position: relative;
    padding-left: 24px;
    transition: all 0.6s ease;
}

.blg-cate-bx ul {
    list-style: none;
    padding: 0;
}

.blg-cate-bx ul li::before {
    content: url(../images/cate-1.svg);
    position: absolute;
    left: 0;
    top: -5px;
    transition: all 0.3s ease;
}

.blg-cate-bx ul li:hover {
    color: #b32117;
    transition: all 0.6s ease;
}

.blg-cate-bx ul li:hover:before {
    content: url(../images/cate-2.svg);
    top: 0;
    transition: all 0.3s ease;
}

.blg-td-bx h4 {
    font-size: 13px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #b32117;
    letter-spacing: 0.12px;
    margin-bottom: 0;
}

.blg-td-bx a {
    text-decoration: none;
    cursor: pointer !important;
    z-index: 10;
}

.blg-td-bx p {
    font-size: 11px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #878787;
    margin: 0;
}

.blg-td-bx {
    display: flex;
    margin-bottom: 12px;
}

.blg-td-bx img {
    border-radius: 4px;
    margin-right: 10px;
    object-fit: cover;
    width: 130px;
    height: 56px;
}

.blg-trend h2 {
    font-size: 31px;
    font-weight: 500;
    font-family: "Ubuntu", sans-serif;
    color: #b32117;
    margin-bottom: 0;
}

.blg-trend {
    margin-top: 30px;
}

.blg-cate-bx ul li a {
    color: #474747;
    text-decoration: none;
}

.blg-cate-bx ul li:hover a {
    color: #b32117;
}

.blg-sidebar {
    padding-left: 20px;
}

.col-12.blg-mob {
    display: none;
}

.cus-pagination.blg-pagi {
    padding-top: 30px;
    padding-bottom: 50px;
}

.blg-load-more {
    padding-top: 40px;
    padding-bottom: 50px;
    text-align: center;
}
.blg-load-more button {
    background-color: transparent;
    border: 2px solid #b32117;
    padding: 6px 24px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 500;
    font-family: "Ubuntu", sans-serif;
    color: #b32117;
    transition: all 0.6s ease;
}
.blg-load-more button:hover {
    transition: all 0.6s ease;
    box-shadow: 0 0 12px #00000082;
}

.blg-trend h3 {
    font-size: 20px;
    font-weight: 500;
    font-family: "Ubuntu", sans-serif;
    color: #123288;
    letter-spacing: 0.2px;
    background: linear-gradient(90deg, #a4cbfe 0%, rgba(164, 203, 254, 0) 100%);
    padding: 12px 20px;
}
.blg-td-bx span {
    font-size: 25px;
    font-weight: 700;
    font-family: "Ubuntu", sans-serif;
    color: #123288;
    padding: 0 25px;
}

/* Author Page */
.blg-author {
    border-radius: 12px;
    border: 1px solid #d4d4d4;
    background: #f9f9f9;
    text-align: center;
    padding: 20px 30px;
    margin-bottom: 30px;
}

.blg-author h1 {
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    color: #252525;
    font-size: 24px;
    margin: 0;
    letter-spacing: 0.2px;
}

.blg-author p {
    font-family: "Ubuntu", sans-serif !important;
    font-weight: 400;
    color: #5a5a5a;
    font-size: 15px;
    letter-spacing: 0.122px;
    line-height: 26px;
    margin: 0;
}

.blg-author span {
    font-family: "Ubuntu", sans-serif;
    font-weight: 400;
    color: #747474;
    font-size: 15px;
}

.blg-author > div {
    margin: 12px 0;
}

.blg-author > div > a {
    color: #a9a9a9;
    font-size: 24px;
    margin: 0 3px;
    transition: all 0.3s ease;
}

.blg-author > div > a:hover {
    transition: all 0.3s ease;
    color: #b32117;
}

h1.blgs-pg-title {
    font-size: 34px;
    font-weight: 600;
    font-family: "Ubuntu", sans-serif;
    color: #b32117;
    letter-spacing: 0.995px;
    line-height: normal;
    text-align: center;
    padding: 10px 20px 29px 20px;
    margin: 0;
    text-transform: uppercase;
}

/* Blog detail page 2 */
.blg-dl-card .blg-dl-img img {
    width: 100%;
    border-radius: 12px;
}

.blg-dl-card .blg-dl-social {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 15px 0;
}

.blg-dl-card .blg-dl-social .blg-dl-social-l span {
    display: inline-block;
    border: 1px solid #515151;
    color: #515151;
    font-size: 14px;
    font-weight: 400;
    padding: 3px 13px;
    border-radius: 30px;
    font-family: "Ubuntu", sans-serif;
    margin-right: 10px;
}

.blg-dl-card .blg-dl-social .blg-dl-social-l a {
    display: inline-block;
    color: #424242;
    font-size: 16px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    transition: all 0.3s ease;
    position: relative;
    top: 2px;
}

.blg-dl-card .blg-dl-social .blg-dl-social-l a:hover {
    transition: all 0.3s ease;
    color: #b32117;
}

.blg-dl-card .blg-dl-social .blg-dl-social-r span {
    display: inline-block;
    border: 1px solid #515151;
    color: #515151;
    font-size: 14px;
    font-weight: 400;
    padding: 3px 13px;
    border-radius: 30px;
    font-family: "Ubuntu", sans-serif;
    margin-right: 10px;
}

.blg-dl-card .blg-dl-social .blg-dl-social-r a {
    color: #515151;
    font-size: 21px;
    margin: 0 3px;
    transition: all 0.3s ease;
    position: relative;
    top: 2px;
}

.blg-dl-card h1 {
    font-size: 33px;
    font-weight: 500;
    font-family: "Ubuntu", sans-serif;
    color: #b32117;
    margin: 0;
    letter-spacing: 0.995px;
    line-height: normal;
    margin-bottom: 10px;
}

.blg-dl-card p {
    font-size: 15px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #494949;
    letter-spacing: 0.42px;
    margin-bottom: 20px;
}

.blg-dl-card .blg-dl-img img {
    width: 100%;
    border-radius: 12px;
}

.blg-dl-card .blg-dl-social {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 15px 0;
}

.blg-dl-card .blg-dl-social .blg-dl-social-l span {
    display: inline-block;
    border: 1px solid #515151;
    color: #515151;
    font-size: 14px;
    font-weight: 400;
    padding: 3px 13px;
    border-radius: 30px;
    font-family: "Ubuntu", sans-serif;
    margin-right: 10px;
}

.blg-dl-card .blg-dl-social .blg-dl-social-l a {
    display: inline-block;
    color: #424242;
    font-size: 16px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    transition: all 0.3s ease;
}

.blg-dl-card .blg-dl-social .blg-dl-social-l a:hover {
    transition: all 0.3s ease;
    color: #b32117;
}

.blg-dl-card .blg-dl-social .blg-dl-social-r span {
    display: inline-block;
    border: 1px solid #515151;
    color: #515151;
    font-size: 14px;
    font-weight: 400;
    padding: 3px 13px;
    border-radius: 30px;
    font-family: "Ubuntu", sans-serif;
    margin-right: 10px;
}

.blg-dl-card .blg-dl-social .blg-dl-social-r a {
    color: #515151;
    font-size: 21px;
    margin: 0 3px;
}

.blg-dl-card .blg-dl-social .blg-dl-social-r a:hover {
    transition: all 0.3s ease;
    color: #b32117;
    cursor: pointer;
}

.blg-dl-card h1 {
    font-size: 33px;
    font-weight: 500;
    font-family: "Ubuntu", sans-serif;
    color: #b32117;
    margin: 0;
    letter-spacing: 0.995px;
    line-height: normal;
    margin-bottom: 10px;
}

.blg-dl-card p {
    font-size: 15px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #494949;
    letter-spacing: 0.42px;
    margin-bottom: 20px;
}

.blg-dl-table {
    padding: 30px 20px;
    background-color: #f9f9f9;
    border-radius: 12px;
}

.blg-dl-table h3 {
    font-size: 24px;
    font-weight: 500;
    font-family: "Ubuntu", sans-serif;
    color: #000;
    letter-spacing: 0.19px;
    margin-bottom: 15px;
}

.blg-dl-table ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.blg-dl-table ul li {
    margin-top: 10px;
}

.blg-dl-table ul li a {
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #494949;
    letter-spacing: 0.12px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.blg-dl-table ul li a:hover {
    transition: all 0.3s ease;
    color: #b32117;
}

.blg-dl-card .blg-dl-social .blg-dl-social-r a:hover {
    transition: all 0.3s ease;
    color: #b32117;
}

.blg-dl-content :is(h1, h2, h3, h4, h5, h6) {
    font-family: "Ubuntu", sans-serif !important;
    font-weight: 500;
    color: #000 !important;
    margin-top: 20px;
}

.blg-dl-content :is(h2) {
    font-size: 26px;
}

.blg-dl-content :is(h3, h4) {
    font-size: 22px;
}

.blg-dl-content :is(p, span, a, b, strong, li) {
    font-family: "Ubuntu", sans-serif !important;
    font-weight: 400;
    /* color: #272727 !important; */
    font-size: 15px;
}

.blg-dl-content :is(p, img) {
    margin-top: 10px;
    margin-bottom: 10px;
}

.blg-dl-content :is(img) {
    width: 100%;
}

.blg-dl-author {
    border-radius: 12px;
    border: 1px solid #d4d4d4;
    background: #f9f9f9;
    text-align: center;
    margin-top: 40px;
    padding: 20px 30px;
}

.blg-dl-author h3 {
    font-family: "Ubuntu", sans-serif;
    font-weight: 400;
    color: #555;
    font-size: 24px;
    margin: 0;
    letter-spacing: 0.2px;
}

.blg-dl-author span {
    font-family: "Ubuntu", sans-serif;
    font-weight: 400;
    color: #747474;
    font-size: 15px;
}

.blg-dl-author > div > a {
    color: #a9a9a9;
    font-size: 21px;
    margin: 0 3px;
    transition: all 0.3s ease;
}

.blg-dl-author > div > a:hover {
    transition: all 0.3s ease;
    color: #b32117;
}

.blg-dl-author > div {
    margin: 12px 0;
}

.blg-dl-author p {
    font-family: "Ubuntu", sans-serif !important;
    font-weight: 400;
    color: #5a5a5a;
    font-size: 15px;
    letter-spacing: 0.122px;
    line-height: 26px;
    margin: 0;
}

.blg-dl-author h3 a {
    text-decoration: none;
    color: #555;
    transition: all 0.6s ease;
}
.blg-dl-author h3 a:hover {
    transition: all 0.6s ease;
    color: #b32117;
}

.blg-dl-rel {
    padding-bottom: 40px;
}

.blg-dl-rel h3 {
    font-size: 27px;
    font-weight: 500;
    font-family: "Ubuntu", sans-serif;
    color: #b32117;
    letter-spacing: 0.27px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.blg-dl-rel-slider .owl-dots button.owl-dot.active span {
    background-color: #b32117;
}

.blg-dl-sd-fm {
    border-radius: 10.562px;
    border: 1px solid #e4e4e4;
    background: #fefefe;
    overflow: hidden;
}

.blg-dl-sd-fm h3 {
    background-color: #b32117;
    font-size: 15px;
    font-weight: 500;
    font-family: "Ubuntu", sans-serif;
    color: #fff;
    text-align: center;
    padding: 14px 0px;
    margin: 0;
}

.blg-dl-sd-fm form {
    padding: 10px 20px;
}

.blg-dl-sd-fm form input,
.blg-dl-sd-fm form textarea {
    font-size: 14px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #a7a7a7;
    padding: 10px 10px;
}

.blg-dl-sd-fm form input::placeholder,
.blg-dl-sd-fm form textarea::placeholder {
    color: #a7a7a7;
}

.blg-dl-sd-fm form button {
    width: 100%;
    background-color: #b32117;
    border: none;
    font-size: 14px;
    font-weight: 500;
    font-family: "Ubuntu", sans-serif;
    color: #fff;
    transition: all 0.3s ease;
}

.blg-dl-sd-fm form button:hover {
    transition: all 0.3s ease;
    box-shadow: 0 0 12px #0000007a;
    background-color: #b32117;
}

.blg-dl-tags {
    margin-top: 30px;
}

.blg-dl-tags h2 {
    font-size: 27px;
    font-weight: 500;
    font-family: "Ubuntu", sans-serif;
    color: #b32117;
    letter-spacing: 0.27px;
}

.blg-dl-tags > div > span {
    font-family: "Ubuntu", sans-serif;
    font-weight: 400;
    color: #000;
    font-size: 16px;
    display: inline-block;
    margin-right: 10px;
}

/* campaign image modal */
div#campaign-image-modal {
    padding: 0;
}
div#campaign-image-modal .modal-body {
    padding: 0;
}
div#campaign-image-modal .modal-body img {
    width: 100%;
}
.mdl-cls-icn {
    position: absolute;
    right: 0;
    top: 0;
}
.campaign-counter {
    background-color: #b32117;
    color: #fff;
    padding: 15px 30px;
    text-align: center;
}
div#campaign-image-modal .cp-btn-bx a {
    color: #ffffff;
    background-color: #00387f;
    border-color: #00387f;
    transition: all 0.6s ease;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    font-family: "Ubuntu", sans-serif;
    padding: 12px 32px;
    border-radius: 30px;
    cursor: pointer;
}
#campaign-image-modal .coupon-time .cp-t-bx {
    background-color: #00387f;
    color: #fff;
    text-align: center;
    padding: 5px 10px;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
}
#campaign-image-modal .coupon-time .cp-t-bx p {
    margin: 0;
    font-weight: 600;
}
#campaign-image-modal .coupon-time .cp-t-bx span {
    font-size: 14px;
}
#campaign-image-modal .mdl-cls-icn button.btn-close {
    border: none;
    background-color: transparent;
    color: #fff !important;
    filter: invert(1);
}

/* unsubscription confirmation */
.pg-unsub {
    padding: 150px 20px;
    text-align: center;
}
.pg-unsub h1 {
    font-size: 40px;
    font-weight: 500;
    font-family: "Ubuntu", sans-serif;
    color: #b32117;
    margin-bottom: 20px;
}
.pg-unsub p {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #333;
}
.pg-unsub a {
    font-size: 16px;
    font-weight: 500;
    font-family: "Ubuntu", sans-serif;
    display: inline-block;
    margin-top: 20px;
    color: #b32117;
}

/* thankyou-popup */

.thank-modal-bx {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
}
.thank-modal-bx img {
    width: 100px;
    height: 100px;
    margin: 0 auto;
}
.thank-modal-bx h3 {
    font-size: 30px;
    font-weight: 500;
    font-family: "Ubuntu", sans-serif;
    color: #b32117;
    margin-top: 20px;
}
.thank-modal-bx p {
    font-size: 16px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #000000cc;
    margin-bottom: 20px;
}
.modal-content button.btn-close {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10;
}
.thank-modal-content {
    position: relative;
    z-index: 9999; /* Ensure modal content is above the confetti */
}

canvas {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0; /* Ensures canvas is below the modal content */
}

/* New gallery */

.page-container {
    max-width: 1017px;
    margin: 0 auto;
    padding: 20px 10px;
}
.page-banner {
    height: 250px;
    border-radius: 25px;
    border: 1px solid #000;
    display: flex;
    align-items: center;
    margin-bottom: 24px;
    background-repeat: no-repeat;
    background-size: cover;
}
.page-banner h1 {
    color: #00387f;
    font-family: "Ubuntu", sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: normal;
    position: relative;
    padding-bottom: 8px;
}
.page-banner h1:before {
    content: "";
    width: 204px;
    height: 5px;
    background-color: #b32117;
    position: absolute;
    bottom: 0px;
    border-radius: 20px;
}
.banner-content {
    padding: 0 16px;
    max-width: 340px;
}
.banner-content p {
    color: #00387f;
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    margin: 0;
}
.page-content p {
    color: #333;
    font-family: "Ubuntu", sans-serif;
    font-size: 18px;
    font-weight: normal;
    line-height: 25px;
    position: relative;
    margin: 0;
}
.page-content p a {
    color: #b32117;
}
.page-gallery {
    padding: 24px 0;
}
.gallery-box {
    display: flex;
    justify-content: left;
    gap: 16px;
}
.gallery-box .gallery-tabs {
    width: 235px;
    height: fit-content;
}
.gallery-box .gallery-tab-content {
    width: calc(100% - 235px);
}
.gallery-tabs {
    border-radius: 8px;
    border: 1px solid #000;
    padding: 15px 0px 15px 26px;
}
.gallery-tabs .nav-link {
    display: block;
    width: 100%;
    text-align: left;
    color: #979797;
    font-family: "Ubuntu", sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: normal;
    padding: 15px 15px;
    transition: all 0.6s ease;
    position: relative;
    right: -7px;
}
.gallery-tabs .nav-link:hover {
    color: #b32117;
    font-weight: 500;
}
.gallery-tabs .nav-link.active {
    color: #fff;
    background-color: #b32117;
    font-weight: 500;
    border-radius: 4px 4px 0px 4px;
}
.gallery-tabs .nav-link.active svg {
    position: absolute;
    right: 0;
    bottom: -9px;
    opacity: 1;
}
.gallery-tabs .nav-link svg {
    opacity: 0;
}
.gallery-tab-content .beforeAfter {
    border-radius: 8px;
    border: 1px solid #025389;
    background-color: #fff;
}
.gallery-tab-content .beforeAfter > div:nth-child(2) {
    background-color: #fff;
}
.gallery-tab-content .beforeAfter > div:nth-child(3) {
    background-color: #e9e9e9 !important;
    min-width: 4px !important;
    opacity: 1 !important;
}
.gallery-tab-content .beforeAfter > div:nth-child(3) > div > div > i {
    border-color: #b32117 !important;
}
.gallery-tab-content .beforeAfter > div:nth-child(1)::before {
    content: "Before";
    color: #b32117;
    font-family: "Ubuntu", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 0.28px;
    text-transform: uppercase;
    position: absolute;
    bottom: 5px;
    left: 10px;
}
.gallery-tab-content .beforeAfter > div:nth-child(2)::before {
    content: "After";
    color: #b32117;
    font-family: "Ubuntu", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 0.28px;
    text-transform: uppercase;
    position: absolute;
    bottom: 5px;
    right: 10px;
}

/* Faq Page 2 */
section.faqs-container .accordion-item {
    margin: 20px 0;
    border: none;
}
section.faqs-container
    .accordion-item
    h2.accordion-header
    button.accordion-button {
    background-color: #00387f;
    border-radius: 10px 0px 0px 10px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 31.92px;
    border-left: 9px solid #b32117;
}
.faqs-container .accordion-item h2.accordion-header {
    background-color: #4698ff1a;
}
section.faqs-container
    .accordion-item
    h2.accordion-header
    button.accordion-button::after {
    width: 32px;
    height: 32px;
    background-position: center;
    border-radius: 30px;
    background-color: #fff;
}
.faqs-container .accordion-collapse.collapse.show {
    background-color: #4698ff1a;
}
section.faqs-container {
    padding: 20px 0;
}

/* size guideline */
.hd-2 {
    color: #000;
    font-family: "Ubuntu", sans-serif;
    font-size: 18px;
    font-weight: normal;
    line-height: 25px;
    position: relative;
    margin: 0;
}
section.page-content .hd-2 {
    color: #00387f;
    font-family: "Ubuntu", sans-serif;
    font-size: 40px;
    font-weight: normal;
    line-height: 50px;
    text-align: center;
    margin: 20px 0px;
}
.shades-heading {
    display: inline-block;
    background: linear-gradient(90deg, #a4cbfe 0%, rgba(164, 203, 254, 0) 100%);
    color: #123288;
    font-size: 40px;
    font-weight: 700;
    padding: 18px 35px;
    font-family: "Ubuntu", sans-serif;
    margin: 0;
}
.shades-heading2 {
    display: inline-block;
    background: linear-gradient(90deg, #a4cbfe 0%, rgba(164, 203, 254, 0) 100%);
    color: #123288;
    font-size: 25px;
    font-weight: 700;
    padding: 18px 35px;
    font-family: "Ubuntu", sans-serif;
    margin: 0;
}
.size-guide-table {
    padding: 25px 0;
    overflow-x: auto;
}
.size-guide-table thead {
    background: #ffdbd9;
}
.size-guide-table table {
    width: 830px;
    margin: 0 auto;
}
.size-guide-table thead th {
    color: #b32117;
    font-family: "Ubuntu", sans-serif;
    font-size: 19px;
    font-weight: 500;
    line-height: normal;
    padding: 12px;
    width: 12%;
}
.size-guide-table thead th:nth-child(1) {
    font-weight: 700;
}
.size-guide-table tbody {
    background-color: #e8eaed;
}
.size-guide-table tbody td {
    color: #00387f;
    font-family: "Ubuntu", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    padding: 25px 12px;
    width: 12%;
}
.size-guide-table tbody td:nth-child(1) {
    font-weight: 600;
    color: #b32117;
}
.guide-content {
    padding-top: 28px;
}
.guide-content p {
    color: #333;
    font-family: "Ubuntu", sans-serif;
    font-size: 18px;
    font-weight: normal;
    line-height: 28px;
    margin-bottom: 20px;
}
.guide-content h3 {
    color: #123288;
    font-family: "Ubuntu", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
}
.size-guide {
    padding-top: 45px;
}
.guide-content ul li {
    color: #333;
    font-family: "Ubuntu", sans-serif;
    font-size: 18px;
    font-weight: normal;
    line-height: 28px;
}
.guide-content ul li::marker {
    content: url(../images/line-arrow.svg);
}
.guide-content ul li {
    padding-left: 3px;
    color: #333;
    font-family: "Ubuntu", sans-serif;
    font-size: 18px;
    font-weight: normal;
    line-height: 28px;
}

/* Privacy Policy, Refund Policy, Terms and Conditions -> New Design */

section.guide-container {
    padding-top: 40px;
}
.guide-content ul.ul-flag-style li::marker {
    content: url(../images/arrow-flag-usa.svg);
}
.guide-short-content {
    text-align: center;
}
.guide-short-content p {
    color: #333;
    font-family: "Ubuntu", sans-serif;
    font-size: 18px;
    font-weight: normal;
    line-height: 28px;
    margin-bottom: 16px;
}
.guide-short-content h3 {
    color: #b32117;
    font-family: "Ubuntu", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 16px;
}
.guide-short-content p a {
    color: #b32117;
}
.guide-short-content {
    padding: 20px 0;
}
.refurd-process {
    text-align: center;
}
.refurd-process h2 {
    color: #b32117;
    font-family: "Ubuntu", sans-serif;
    font-size: 25px;
    font-weight: 700;
    line-height: 28px;
    margin-top: 15px;
    margin-bottom: 20px;
}
.refurd-process p {
    color: #000;
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}
.refurd-process {
    padding: 50px 0;
}

/* New Register Page */

.register-flex {
    display: flex;
    align-items: center;
}
.register-flex .register-slider {
    width: 313px;
    height: 705px;
    overflow: hidden;
}
.register-slider-inner {
    width: 313px;
    height: 705px;
    overflow: hidden;
    border-radius: 20px;
}
.register-slider-inner .owl-carousel {
    width: 313px;
    height: 705px;
    overflow: hidden;
}
.register-flex .register-content {
    width: calc(100% - 313px);
    padding: 30px 20px;
}
.register-container {
    border: 1px solid #00387f;
    border-radius: 20px;
}
.register-content h2 {
    color: #313131;
    font-family: "Ubuntu", sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 12px;
}
.register-content p {
    color: #313131;
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 24px;
}
.cus-field {
    position: relative;
    border: 1px solid #3333;
    padding: 12px 14px;
    border-radius: 8px;
}
.cus-field label {
    background-color: #fff;
    position: absolute;
    top: -9px;
    color: #1c1b1f;
    font-size: 14px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    line-height: normal;
}
.cus-field input {
    width: 100%;
    border: none;
    color: #1c1b1f;
    font-size: 16px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
}
.cus-field input:focus {
    outline: none;
}
form.custom-form .agree-check label {
    color: #00387f;
    font-family: "Ubuntu", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
}
form.custom-form .agree-check label a {
    color: #b32117;
    font-weight: 600;
    text-decoration: none;
}
form.custom-form .agree-check {
    padding: 18px 0px;
}
button.full-btn-primary {
    display: block;
    border: none;
    width: 100%;
    background-color: #00387f;
    color: #f3f3f3;
    font-size: 14px;
    font-weight: 500;
    padding: 12px 0;
    transition: all 0.3s ease;
}
button.full-btn-primary:hover {
    transition: all 0.6s ease;
    background-color: #00387fdb;
}
button.full-btn-primary:disabled {
    background-color: #cccccc; /* Light grey background */
    color: #666666; /* Grey text */
    cursor: not-allowed; /* Change the cursor to show it is not clickable */
    opacity: 0.6; /* Make it slightly transparent */
}
button.full-btn-secondary {
    display: block;
    border: none;
    width: 100%;
    background-color: #b32117;
    color: #f3f3f3;
    font-size: 14px;
    font-weight: 500;
    padding: 12px 0;
    transition: all 0.3s ease;
}
button.full-btn-secondary:hover {
    transition: all 0.6s ease;
    background-color: #b32117d6;
}
.register-content p.already-signin {
    color: #313131;
    font-family: "Ubuntu", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    margin: 20px 0 0 0;
}
.register-content p.already-signin span {
    color: #b32117;
    text-decoration: none;
    cursor: pointer;
}
.register-slider .owl-dots {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
}
.register-slider .owl-dots button span {
    border-radius: 10px !important;
    border: 0.55px solid #00387f !important;
    background: #edf5ff !important;
    width: 12px !important;
    height: 6px !important;
}
.register-slider .owl-dots button.owl-dot.active span {
    width: 40px !important;
    height: 6px !important;
    border-radius: 10px !important;
    background: #b32117 !important;
}

/* New Contact Us Page */

.conatact-container {
    border-radius: 20px;
    border: 1px solid #00387f;
    background: #fff;
}
.conatact-container .contact-flex {
    display: flex;
    justify-content: left;
}
.contact-flex .contact-card {
    width: 400px;
    background-color: #00387f;
    border-radius: 20px;
    padding: 30px 0 30px 0px;
}
.contact-flex .contact-form {
    width: calc(100% - 400px);
    padding: 40px 24px;
}
.contact-flex .contact-card h3 {
    color: #b32117;
    font-family: "Ubuntu", sans-serif;
    font-size: 25px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 8px;
    padding-left: 40px;
}
.contact-flex .contact-card h3 span {
    color: #fff;
    display: block;
}
.contact-flex .contact-card p {
    color: #fff;
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    padding-left: 40px;
    padding-right: 40px;
}
.contact-card ul {
    list-style: none;
    margin: 0;
    margin-left: -32px;
    padding: 30px 0 0px 0;
}
.contact-card ul li {
    display: flex;
    justify-content: left;
    align-items: center;
    margin-bottom: 20px;
}
.contact-card ul li span {
    margin-left: 12px;
}
.contact-flex .contact-card h3 {
    padding-left: 40px;
}
.contact-card ul li h4 {
    color: #fff;
    font-family: "Ubuntu", sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 0;
}
.contact-card ul li a {
    color: #fff;
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
}
.contact-social {
    text-align: center;
}
.contact-social a {
    color: #fff;
    margin: 0 6px;
    font-size: 24px;
}
.cus-field textarea {
    width: 100%;
    border: none;
    color: #1c1b1f;
    font-size: 16px;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    height: 100px;
}
.cus-field textarea:focus {
    outline: none;
}
.cus-field textarea::placeholder {
    color: #1c1b1f;
}
section.contact-info {
    text-align: center;
    padding: 32px 0;
}
section.contact-info h2 {
    color: #b32117;
    font-family: "Ubuntu", sans-serif;
    font-size: 25px;
    font-weight: 700;
    line-height: normal;
    margin: 0;
    font-style: italic;
}
section.contact-info p {
    color: #000;
    font-family: "Ubuntu", sans-serif;
    font-size: 25px;
    font-weight: 400;
}

/* New Services Pages */

/* Hat Embrodiery */

.service-layout {
    max-width: 1220px;
    margin: 0 auto;
    overflow: hidden;
}

.service-banner h1 {
    color: #fff;
    font-family: "Ubuntu", sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: normal;
    background-color: #000;
    text-align: center;
    padding: 8px 0;
    text-transform: uppercase;
    margin: 0;
}

.service-banner {
    background-image: url(../images/services/service-banner-bg.webp);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 12px;
}

.service-banner .row {
    max-width: 1000px;
    margin: 0 auto;
}

.serv-bn-form {
    background-color: #fff;
    border-radius: 6px 6px 0px 0px;
    border: 1px solid #fff;
    overflow: hidden;
    margin-top: 48px;
    width: 370px !important;
    position: relative;
    left: -55px;
}

.serv-bn-form p {
    background-color: #b32117;
    text-align: center;
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    margin: 0;
    color: #fff;
    padding: 16px 0;
}

.serv-bn-form form > div {
    padding: 20px 20px;
}

.serv-bn-form form button {
    border: none;
    display: block;
    text-align: center;
    width: 100%;
    background-color: #b32117;
    color: #fff;
    padding: 14px 0;
    font-family: "Ubuntu", sans-serif;
    font-size: 15px;
    transition: all 0.3s ease;
}

.serv-bn-form .cus-field {
    margin-bottom: 16px !important;
    padding: 12px 18px;
}

.serv-bn-form .cus-field textarea {
    height: 80px;
}

.serv-bn-form .cus-field:last-child {
    margin-bottom: 0px !important;
}

.serv-bn-ct-file {
    display: flex;
    align-items: center;
    gap: 10px;
}
.serv-bn-ct-file span {
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #b32117 !important;
    text-decoration: underline;
}

.serv-bn-ct-file .custom-file-upload {
    padding: 8px 20px;
    font-size: 15px;
}

.serv-ban-content {
    text-align: center;
}

.serv-ban-content h4 {
    margin: 0;
    text-align: center;
    font-family: "Ubuntu", sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #00387f;
    padding-top: 20px;
}

.serv-ban-content h2 {
    text-align: center;
    font-family: "Ubuntu", sans-serif;
    font-size: 30px;
    font-weight: 600;
    color: #00387f;
    margin: 0;
    padding-top: 5px;
    padding-bottom: 20px;
}

.serv-ban-content p {
    text-align: center;
    font-family: "Ubuntu", sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    padding: 24px 0;
    margin: 0px 0;
}

.serv-ban-btn {
    display: flex;
    justify-content: flex-end;
    gap: 35px;
    padding-right: 68px;
    align-items: center;
    position: relative;
    margin-bottom: 16px;
}

.serv-ban-btn a {
    display: inline-block;
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #b32117 !important;
    text-decoration: none;
}

.serv-ban-btn button {
    border-radius: 30px;
    background-color: #b32117;
    border: none;
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    padding: 8px 36px;
    transition: all 0.6s ease;
}

.serv-ban-btn button:hover {
    transition: all 0.6s ease;
    background-color: #b32117db;
}

.serv-bn-form form button:hover {
    background-color: #b32117d9;
}

/* service sec 2 */
.serv-sec2 .serv-sec2-box {
    max-width: 910px;
    margin: 32px auto;
    position: relative;
}

.serv-sec2 .serv-sec2-box .serv-sec2-items {
    display: flex;
    justify-content: space-between;
    text-align: center;
}

.serv-sec2 .serv-sec2-item:nth-child(2) {
    position: relative;
    bottom: -32px;
}

.serv-sec2 .serv-sec2-item h3 {
    margin: 0;
    font-family: "Ubuntu", sans-serif;
    font-size: 25px;
    font-weight: 600;
    color: #000;
    margin-top: 92px;
}

.serv-sec2 .serv-sec2-box img.serv-sec2-line2 {
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    bottom: 40px;
}

/* serv sec 3 */
section.serv-sec3 {
    padding: 80px 40px;
    background: linear-gradient(
        180deg,
        #fff 29%,
        rgba(223, 223, 223, 0.34) 100%
    );
}

.serv-col-content h2 {
    font-family: "Ubuntu", sans-serif;
    font-size: 35px;
    font-weight: 600;
    color: #000;
    margin-bottom: 15px;
}

.serv-col-content h2 span {
    color: #b32117;
    display: inline-block;
    position: relative;
    z-index: 2;
}

.serv-col-content h2 span:before {
    content: "";
    position: absolute;
    bottom: 4px;
    width: 100%;
    height: 5px;
    background-color: #9dc8fe;
    z-index: -1;
}

.serv-col-content p {
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    color: #333;
    margin-bottom: 15px;
}

.serv-sec3-slider .owl-carousel .owl-dots button.owl-dot.active span {
    width: 40px;
    height: 12px;
    background: #b32117;
}

section.serv-sec4 {
    padding: 80px 50px;
    position: relative;
}

section.serv-sec4::after {
    content: url(../images/services/service-sec4-bg.webp);
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}

/* serv sec 5 */
section.serv-sec5 {
    padding: 0px 50px;
}

section.serv-sec5 h2 {
    font-family: "Ubuntu", sans-serif;
    font-size: 35px;
    font-weight: 600;
    color: #000;
    margin-bottom: 30px;
}

.serv-sec5-col h3 {
    font-family: "Ubuntu", sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #000;
    line-height: 26px;
    margin: 12px 0;
}

.serv-sec5-col p {
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    color: #333;
}

/* serv sec 6 */
.serv-sec6 {
    padding: 60px 50px;
    background: linear-gradient(
        180deg,
        #fff 29%,
        rgba(223, 223, 223, 0.34) 100%
    );
}

.serv-sec6 .serv-sec6-hd {
    max-width: 660px;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 30px;
}

.serv-sec6 .serv-sec6-hd h2 {
    font-family: "Ubuntu", sans-serif;
    font-size: 35px;
    font-weight: 600;
    color: #000;
    margin-bottom: 12px;
}

.serv-sec6 .serv-sec6-hd p {
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    color: #333;
}

.serv-sec6-col {
    text-align: center;
    border-radius: 16px;
    border: 1px solid #d9d9d9;
    background-color: #fff;
    padding: 20px 40px;
    height: 100%;
}

.serv-sec6-col h3 {
    font-family: "Ubuntu", sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
    color: #b32117;
    margin: 8px 0;
}

.serv-sec6-col p {
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    color: #333;
}

.serv-sec6 .col-12.col-md-4 {
    margin-bottom: 24px;
}

.serv-sec6 .serv-sec6-hd h2 span {
    color: #b32117;
    display: inline-block;
    position: relative;
    z-index: 2;
}

.serv-sec6 .serv-sec6-hd h2 span::before {
    content: "";
    position: absolute;
    bottom: 4px;
    width: 100%;
    height: 5px;
    background-color: #9dc8fe;
    z-index: -1;
}

/* serv sec7 */
.serv-sec7-hd {
    text-align: center;
    max-width: 660px;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 30px;
}

.serv-sec7-hd h2 {
    font-family: "Ubuntu", sans-serif;
    font-size: 35px;
    font-weight: 600;
    color: #000;
    margin-bottom: 12px;
}

.serv-sec7-hd p {
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    color: #333;
}

section.serv-sec7 {
    padding: 50px 50px;
}

.serv-sec7-col {
    position: relative;
}

.serv-sec7-col img {
    width: 100%;
    z-index: -1;
    display: block;
}

.serv-sec7-col .serv-sec7-col-cnt {
    box-shadow: 0px 4.4px 20px -1px rgba(19, 16, 34, 0.05);
    border-radius: 5px;
    padding: 32px 32px;
    margin-left: 32px;
    position: relative;
    top: -40px;
    z-index: 2;
    background-color: #fff;
    height: 360px;
}

.serv-sec7-col .serv-sec7-col-cnt h3 {
    font-family: "Ubuntu", sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
    color: #000;
    margin-bottom: 10px;
}

.serv-sec7-col .serv-sec7-col-cnt p {
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    color: #333;
}

section.serv-sec7
    .col-12.col-md-4:nth-child(2)
    .serv-sec7-col
    .serv-sec7-col-cnt {
    background-color: #b32117;
    color: #fff;
    transition: all 0.3s ease;
}

section.serv-sec7
    .col-12.col-md-4:nth-child(2)
    .serv-sec7-col
    .serv-sec7-col-cnt
    h3 {
    color: #fff;
}

section.serv-sec7
    .col-12.col-md-4:nth-child(2)
    .serv-sec7-col
    .serv-sec7-col-cnt
    p {
    color: #fff;
}

.serv-sec7-hd h2 span {
    color: #b32117;
    display: inline-block;
    position: relative;
    z-index: 2;
}

.serv-sec7-hd h2 span {
    color: #b32117;
    display: inline-block;
    position: relative;
    z-index: 2;
}

.serv-sec7-hd h2 span::before {
    content: "";
    position: absolute;
    bottom: 4px;
    width: 100%;
    height: 5px;
    background-color: #9dc8fe;
    z-index: -1;
}

/* serv sec8 */
.serv-sec8-cnt h2 {
    font-family: "Ubuntu", sans-serif;
    font-size: 35px;
    font-weight: 600;
    color: #000;
    margin-bottom: 14px;
    line-height: 51px;
}

.serv-sec8-cnt p {
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #333;
    line-height: 28px;
    margin-bottom: 0;
}

.serv-sec8 {
    padding: 50px 68px;
    position: relative;
}

section.serv-sec8::before {
    content: url(../images/services/service-sec8-bg.webp);
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.serv-sec8-image {
    text-align: center;
}

/* serv sec9 */
section.serv-sec9 .serv-sec9-container {
    max-width: 760px;
    margin: 0 auto;
}

.serv-sec9-container .serv-sec9-cnt {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
}

a.btn-primary {
    border-radius: 30px;
    background-color: #b32117;
    border: none;
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    padding: 10px 30px;
    transition: all 0.6s ease;
    text-decoration: none;
}

a.btn-primary:hover {
    background-color: #b32117de;
    transition: all 0.6s ease;
}

button.service-btn {
    border-radius: 30px;
    background-color: #b32117;
    border: none;
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    padding: 10px 30px;
    transition: all 0.6s ease;
    text-decoration: none;
}

button.service-btn:hover {
    background-color: #b32117de;
    transition: all 0.6s ease;
}

button.btn-primary-outline,
a.btn-primary-outline {
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #b32117;
    text-decoration: none;
    border: 2px solid #b32117;
    padding: 8px 30px;
    display: inline-block;
    border-radius: 30px;
    transition: all 0.3s ease;
    background-color: white;
}

button.btn-primary-outline:hover,
a.btn-primary-outline:hover {
    transition: all 0.3s ease;
    box-shadow: 0 0 12px #0000004d;
}

a.btn-icon-text {
    display: inline-block;
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #b32117 !important;
    text-decoration: none;
}

a.btn-icon-text img {
    margin-right: 6px;
}

/* serv sec10 */
section.serv-sec10 {
    padding: 80px 50px;
}

.serv-sec10-col {
    height: 100%;
    border-radius: 20px;
    border: 1px solid #b32117;
    background: #fff;
    box-shadow: 0px 1px 3px 0px rgba(18, 20, 32, 0.2);
    text-align: center;
    padding: 36px 18px;
    position: relative;
}

.serv-sec10-col h2 {
    font-family: "Ubuntu", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    color: #b32117;
    margin: 10px 0;
}

.serv-sec10-col p {
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    color: #333;
    margin: 0;
}

.serv-sec10-col img {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -40px;
}

/* serv sec12 */
.serv-sec12-container {
    max-width: 960px;
    margin: 0 auto;
    padding-top: 80px;
    padding-bottom: 80px;
}

.serv-sec12-col {
    border-radius: 30px;
    background-color: #fff;
    padding: 30px 24px;
}

.serv-sec12-container .row {
    border-radius: 32px;
    background: #f8f8f8;
    padding: 12px 0px;
}

.sec12-col-cnt .sec12-col-cnt-txt {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.sec12-col-cnt .sec12-col-cnt-txt p {
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 25px;
    color: #000;
    letter-spacing: 0.32px;
    margin: 0;
}

.sec12-col-cnt .sec12-col-cnt-txt span {
    font-family: "Ubuntu", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
    color: #000;
    letter-spacing: 0.24px;
    width: 94px;
    background-color: #fff;
    padding: 6px 3px;
    border-radius: 6px;
    text-align: center;
}

.sec12-col-cnt .sec12-col-cnt-amount {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-top: 16px;
    padding-bottom: 24px;
}

.sec12-col-cnt .sec12-col-cnt-amount span {
    font-family: "Ubuntu", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    color: #b9bec1;
}

.sec12-col-cnt .sec12-col-cnt-amount p {
    margin: 0;
    font-family: "Ubuntu", sans-serif;
    font-size: 36px;
    font-weight: 600;
    line-height: normal;
    color: #000;
    letter-spacing: 0.72px;
}

.sec12-col-cnt ul li {
    font-family: "Ubuntu", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    color: #333;
    margin: 10px 0;
    padding-left: 10px;
}

.sec12-col-cnt button {
    display: block;
    width: 100%;
    text-align: center;
    background-color: #ffdbd9;
    border-radius: 8px;
    padding: 8px 10px;
    text-decoration: none;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    color: #b32117;
    transition: all 0.3s ease;
    margin-top: 58px;
    border: none;
}

.sec12-col-cnt button:hover {
    box-shadow: 0 0 12px #00000021;
}

.sec12-col-cnt ul li::marker {
    content: url(../images/services/ul-check-1.svg);
}

.sec12-col-cnt ul {
    padding-left: 16px;
}

.serv-sec12-container .col-md-4:nth-child(2) {
    padding: 0;
    margin-top: -116px;
}

.serv-sec12-container .col-md-4:nth-child(2) .serv-sec12-col {
    border: 10px solid #ffdbd9;
    background: linear-gradient(163deg, #b32117 -18.59%, #660f09 98.68%);
}

.serv-sec12-container .col-md-4:nth-child(2) .sec12-col-cnt-txt p {
    color: #fff;
}

.serv-sec12-container .col-md-4:nth-child(2) .sec12-col-cnt-amount p {
    color: #fff;
}

.serv-sec12-container .col-md-4:nth-child(2) .sec12-col-cnt ul li {
    color: #fff;
}

.serv-sec12-container .col-md-4:nth-child(2) .sec12-col-cnt ul li::marker {
    content: url(../images/services/ul-check-2.svg);
}

.serv-sec12-container .col-md-4:nth-child(2) a {
    margin-top: 90px;
}

section.serv-sec12 {
    background: linear-gradient(
        180deg,
        #fff 29%,
        rgba(223, 223, 223, 0.34) 100%
    );
    padding-top: 30px;
}

/* serv sec13 */
section.serv-sec13 {
    padding: 28px 50px;
}

section.serv-sec13 h2 {
    font-family: "Ubuntu", sans-serif;
    font-size: 35px;
    font-weight: 600;
    color: #000;
    text-align: center;
    margin-bottom: 32px;
}

.review-slider .review-box {
    border-radius: 20px;
    background: #fafafa;
    padding: 40px 40px;
}

.review-box .review-user-info {
    display: flex;
    align-items: center;
    gap: 20px;
}

.review-box .review-user-info img {
    width: 60px;
    height: 60px;
}

.review-box .review-user-info p {
    margin: 10px 0 0 0;
    font-family: "Ubuntu", sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
    color: #000;
}

.review-box p {
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #333;
    line-height: 24px;
    margin: 24px 0;
}

.rev-stars i.fa-star {
    color: #ffd88d;
}

.review-slider .owl-dots .owl-dot span {
    width: 60px;
    border-radius: 0;
    height: 5px;
}

.review-slider .owl-dots .owl-dot.active span {
    background: #b32117 !important;
}

/* serv sec14 */
section.serv-sec14 {
    padding: 32px 50px;
    position: relative;
}

section.serv-sec14::before {
    content: url(../images/services/service-sec15-bg.webp);
    position: absolute;
    left: 0;
    z-index: -1;
}

.serv-sec14-hd h2 {
    font-family: "Ubuntu", sans-serif;
    font-size: 35px;
    font-weight: 600;
    color: #000;
    margin-bottom: 12px;
}

.serv-sec14-hd p {
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    color: #333;
}

.serv-sec14-hd {
    text-align: center;
    padding-bottom: 40px;
}

.serv-sec14-hd h2 span {
    color: #b32117;
    display: inline-block;
    position: relative;
    z-index: 2;
}

.serv-sec14-hd h2 span::before {
    content: "";
    position: absolute;
    bottom: 4px;
    width: 100%;
    height: 5px;
    background-color: #9dc8fe;
    z-index: -1;
}

section.serv-sec14 > p {
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    color: #333;
    max-width: 660px;
    margin: 0 auto;
    text-align: center;
    margin-top: 24px;
}

section.serv-sec14 > p a {
    color: #b32117;
}

.serv-sec14-col {
    border-radius: 16px;
    border: 1px solid #b32117;
    background: #fafafa;
    padding: 20px 20px;
    height: 100%;
}

.serv-sec14-col p {
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #333;
    line-height: 24px;
    margin: 0;
    padding-top: 12px;
}

/* serv sec15 */
div#service-accordion .accordion-item .accordion-button:not(.collapsed) {
    background-color: #b32117;
    color: #fff !important;
    border-radius: 16px 12px 0px 0;
}

.serv-sec15-hd h2 {
    font-family: "Ubuntu", sans-serif;
    font-size: 35px;
    font-weight: 600;
    color: #000;
    margin-bottom: 24px;
}

.serv-sec15-hd h2 span {
    color: #b32117;
}

div#service-accordion .accordion-item {
    border: none;
}

div#service-accordion .accordion-item h2.accordion-header button {
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #b32117 !important;
    line-height: normal;
}

div#service-accordion .accordion-item h2.accordion-header button::after {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    background-color: #b32117;
    background-position: center;
    background-image: url(../images/services/arrow-down.svg);
}

div#service-accordion .accordion-item .accordion-button:not(.collapsed)::after {
    background-color: #fff;
    background-image: url(../images/services/arrow-up.svg);
}

div#service-accordion .accordion-item .accordion-collapse {
    background-color: #b32117;
    border-radius: 0px 0px 16px 16px;
    border: none !important;
}

div#service-accordion .accordion-item .accordion-body p {
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    line-height: 24px;
}

section.serv-sec15 {
    padding: 50px 50px;
    position: relative;
}

div#service-accordion .accordion-item .accordion-button:focus {
    box-shadow: none;
}

section.serv-sec6 .col-12.col-md-6 {
    margin-bottom: 20px;
}

/* serv sec 11 */
*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.heading,
.memory-date {
    font-family: "Ubuntu";
    font-size: 16px;
    color: #000;
    font-weight: 700;
    line-height: 20px;
}

.text,
.memory-text {
    font-family: "Ubuntu", sans-serif;
    font-size: 14px;
    color: #747474;
    font-weight: 400;
    line-height: 18px;
}

.memory-date {
    text-align: left;
}

.memory-text {
    text-align: left;
    margin-top: 14px;
}

.timeline {
    margin: 50px 0px;
}

.memory {
    list-style-type: none;
    position: relative;
    margin: 0 auto;
    width: 5px;
    padding-top: 50px;
    background: #b32117;
}

.memory:first-child {
    background: linear-gradient(0deg, #b32117 40%, rgb(255 255 255) 40%);
}

.memory:last-child {
    background: linear-gradient(0deg, rgb(255 255 255) 40%, #b32117 40%);
}

.memory::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 56%;
    width: 24px;
    height: 24px;
    border: 5px solid #b32117;
    border-radius: 50%;
    background: #fff;
    transition: background 0.5s ease-in-out;
}

.memory.in-view::after {
    background: #fff;
}

.memory-container {
    position: relative;
    bottom: 0;
    width: 326px;
    padding: 24px 28px;
    border-radius: 10px;
    background: #fff;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease-in-out;
    border: 1px solid #b32117;
    border-radius: 16px;
    transition: all 0.3s ease;
}

.memory-container.in-view {
    transform: none;
    visibility: visible;
    opacity: 1;
}

.memory-container:hover {
    transition: all 0.3s ease;
    background-color: #ffdbd9;
}

.memory-container::before {
    content: "";
    position: absolute;
    bottom: 7px;
    width: 0;
    height: 0;
    border-style: solid;
    display: none;
}

.memory:nth-child(even) .memory-container {
    left: 94px;
    transform: translate3d(200px, 0, 0);
}

.memory:nth-child(even) .memory-container.in-view {
    transform: none;
}

.memory:nth-child(even) .memory-container::before {
    left: -15px;
    border-width: 8px 16px 8px 0;
    border-color: transparent #52b3d9 transparent transparent;
}

.memory:nth-child(odd) .memory-container {
    right: 414px;
    transform: translate3d(-200px, 0, 0);
}

.memory:nth-child(odd) .memory-container.in-view {
    transform: none;
}

.memory:nth-child(odd) .memory-container::before {
    right: -15px;
    border-width: 8px 0 8px 16px;
    border-color: transparent transparent transparent #52b3d9;
}

.memory:nth-child(odd) .memory-container .step-img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: -65px;
    left: 0;
    display: flex;
    justify-content: end;
    align-items: center;
    z-index: 0;
}

.memory:nth-child(even) .memory-container .step-img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: -65px;
    display: flex;
    justify-content: left;
    align-items: center;
    z-index: 0;
}

.memory:nth-child(odd) .memory-container span.step-num {
    width: 40px;
    height: 40px;
    background-color: #b32117;
    border-radius: 30px;
    padding: 6px 7px;
    color: #fff;
    font-family: Ubuntu;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    border: 5px solid #fff;
    position: absolute;
    left: -20px;
}

.memory:nth-child(even) .memory-container span.step-num {
    width: 40px;
    height: 40px;
    background-color: #b32117;
    border-radius: 30px;
    padding: 6px 7px;
    color: #fff;
    font-family: Ubuntu;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    border: 5px solid #fff;
    position: absolute;
    right: -20px;
}

.timeline-note {
    color: #b32117;
    text-align: center;
    font-family: Ubuntu;
    font-size: 25px;
    font-style: italic;
    font-weight: 700;
}

section.serv-sec11 {
    max-width: 900px;
    margin: 0 auto;
}

section.serv-sec11 ul {
    padding: 0;
}

section.serv-sec11 {
    position: relative !important;
}
section.serv-sec11::before {
    content: url(../images/services/setps-sec-bg.webp);
    position: absolute;
    bottom: 0;
    z-index: -1;
    right: -160px;
}

section.serv-sec16 {
    padding: 60px 20px 72px 20px;
}
.serv-sec16-hd {
    text-align: center;
    margin-bottom: 20px;
}
.serv-sec16-hd h2 {
    font-family: "Ubuntu", sans-serif;
    font-size: 35px;
    font-weight: 600;
    color: #000;
    margin-bottom: 12px;
    line-height: 51px;
}
.serv-sec16-hd h2 a {
    color: #b32117;
}
.serv-sec16-hd p {
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    color: #333;
}
.serv-sec16-form {
    padding: 30px 20px;
    border-radius: 20px;
    border: 1px solid #00387f;
    max-width: 870px;
    margin: 60px auto 0 auto;
}
.serv-sec16-form h2 {
    font-family: "Ubuntu", sans-serif;
    font-size: 40px;
    font-weight: 600;
    color: #000;
    text-align: center;
    margin-bottom: 40px;
}

/* dashboard */

.dashboard-table .cus-table table.table {
    width: 1043px;
}
h2.wel-title {
    font-size: 20px;
    font-weight: 500;
    font-family: "Ubuntu", sans-serif;
    color: #b32117;
    margin-bottom: 3px;
}
p.wel-text {
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #232323;
    font-size: 20px;
}
.st-bx-flex {
    display: flex;
    justify-content: space-between;
    padding: 20px 20px;
}
.st-bx-flex p {
    font-weight: 600;
    font-family: "Ubuntu", sans-serif;
    color: #000;
    font-size: 16px;
    margin: 0;
}
.st-bx-flex span {
    display: inline-block;
    font-weight: 500;
    font-family: "Ubuntu", sans-serif;
    color: #979797;
    font-size: 14px;
}
.st-bx-flex span.st-bx-dot {
    width: 10px;
    height: 10px;
    border: 3px solid #000;
    border-radius: 30px;
}
.ord-st-bx {
    /* border: 1px solid #33333342; */
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 12px #00000042;
    height: 100%;
}
.ord-st-bx h3 {
    font-size: 20px;
    font-weight: 500;
    font-family: "Ubuntu", sans-serif;
    color: #fff;
    background-color: #00387f;
    padding: 15px 18px;
    margin: 0;
}
.ord-st-bx h3 span {
    font-size: 16px;
    background-color: #b32117;
    padding: 5px 11px;
    border-radius: 6px;
    margin-left: 10px;
    font-family: "Ubuntu", sans-serif;
}
h3.act-ord-title {
    font-size: 24px;
    font-weight: 500;
    font-family: "Ubuntu", sans-serif;
    color: #b32117;
    margin-top: 40px;
    margin-bottom: 20px;
}
.wel-flex {
    display: flex;
    justify-content: space-between;
    background-color: #7bb5ff59;
    padding: 20px 20px;
    border-radius: 12px;
    margin-bottom: 24px;
    box-shadow: 0 0 12px #00000021;
    border: 2px solid #b32117;
}
.wel-card {
    background-color: #7bb5ff59;
    padding: 16px 20px;
    border-radius: 12px;
    margin-bottom: 24px;
    /* box-shadow: 0 0 12px #00000021; */
    /* border: 2px solid #B32117; */
}
.wel-slider {
    position: relative;
    margin-bottom: 20px;
}
.wel-slider .owl-dots {
    position: absolute;
    bottom: 0;
    right: 7px;
}
button.primary-btn {
    color: #ffffff;
    background-color: #b32117;
    transition: all 0.6s ease;
    border: none;
    padding: 8px 24px;
    border-radius: 6px;
    font-family: "Ubuntu", sans-serif;
    cursor: pointer;
}
button.primary-btn:hover {
    background-color: #8d130b;
    transition: all 0.6s ease;
}
button.secondary-btn {
    color: #ffffff;
    background-color: #00387f;
    transition: all 0.6s ease;
    border: none;
    padding: 8px 24px;
    border-radius: 6px;
    font-family: "Ubuntu", sans-serif;
    cursor: pointer;
}
button.secondary-btn:hover {
    background-color: #012450;
    transition: all 0.6s ease;
}
p.wel-text span {
    color: #b32117;
}
.cus-table {
    border-radius: 10px;
    border-left: 1px solid #b32117;
    border-bottom: 5px solid #b32117;
    border-right: 5px solid #b32117;
}
.cus-table thead {
    background-color: #000;
}
/* dashboard table */
.dashboard-table {
    padding: 20px 20px 1px 20px;
    border-radius: 11px;
    margin-top: 30px;
    margin-bottom: 50px;
    box-shadow: 0 0 12px #0000002e;
}
.dashboard-table div#nav-tab {
    justify-content: center;
    margin-bottom: 24px;
    border: none;
}
.dashboard-table div#nav-tab .nav-link.active {
    background-color: #b32117;
    color: #fff;
    font-family: "Ubuntu", sans-serif;
    border: none;
}
.dashboard-table div#nav-tab .nav-link {
    color: #000000b0;
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    border: none;
    border-radius: 10px;
}
.dashboard-table div#nav-tab .nav-link:hover {
    color: #b32117;
}
.dashboard-table div#nav-tab .nav-link.active:hover {
    color: #fff;
}
.ord-empty-bx {
    text-align: center;
    padding: 50px 20px;
}
.ord-empty-bx p {
    font-weight: 500;
    font-family: "Ubuntu", sans-serif;
    color: #232323b5;
    font-size: 24px;
}
button.search-btn {
    background-color: #f5f5f5;
    display: inline-block;
    font-weight: 500;
    font-family: "Ubuntu", sans-serif;
    color: #000000a1;
    font-size: 14px;
    padding: 6px 100px 6px 14px;
    border-radius: 30px;
    border: 1px solid #00000054;
    cursor: text;
    box-shadow: 0 0 10px #00000029;
}

/* new footer */
footer.site-footer {
    background-color: #000;
    overflow: hidden;
}
footer.site-footer .ft-container {
    max-width: 1080px;
    margin: 0 auto;
    padding: 0px 20px;
}
.ft-container .row {
    padding: 60px 0;
}
.ft-copyright {
    background-color: #b32117;
}
.ft-col p {
    font-family: "Ubuntu", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    margin: 32px 0 0 0;
}
.ft-col .ft-follow {
    margin-top: 24px;
}
.ft-col .ft-follow span {
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    letter-spacing: -0.3px;
    position: relative;
    display: inline-block;
    padding: 0 5px 0 20px;
}
.ft-col .ft-follow span::before {
    content: "";
    width: 15px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 11px;
}
.ft-col .ft-follow a {
    color: #fff;
    margin: 0 6px;
    transition: all 0.3s ease;
}
.ft-col .ft-follow a:hover {
    color: #b32117;
    transition: all 0.3s ease;
}
.ft-col h3 {
    font-family: "Ubuntu", sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    position: relative;
    padding-bottom: 16px;
    margin-bottom: 30px;
}
.ft-col h3::before {
    content: url(../images/footer/ft-hd-line.svg);
    position: absolute;
    bottom: 0;
}
.ft-col ul {
    list-style: none;
    padding: 0;
}
.ft-col ul li {
    position: relative;
    padding-left: 24px;
    margin-bottom: 20px;
}
.ft-col ul li a {
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    transition: all 0.3s ease;
}
.ft-col ul li a:hover {
    transition: all 0.3s ease;
    color: #b32117;
}
.ft-col ul li::before {
    content: url(../images/footer/double-arrow.svg);
    position: absolute;
    left: 0;
    top: 3px;
}
.ft-col > div > a {
    display: inline-block;
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    transition: all 0.3s ease;
    margin-bottom: 20px;
}
.ft-col > div > a:hover {
    transition: all 0.3s ease;
    color: #b32117;
}
.ft-col > div > a img {
    margin-right: 6px;
}
.ft-col a.ft-seemore {
    display: inline-block;
    font-family: "Ubuntu", sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    transition: all 0.3s ease;
    margin-left: 24px;
}
.ft-col a.ft-seemore:hover {
    transition: all 0.3s ease;
    color: #b32117;
}
.copyright-container {
    max-width: 1080px;
    margin: 0px auto;
    display: flex;
    justify-content: space-between;
    padding: 12px 20px;
}
.copyright-container p {
    margin: 0;
    font-family: "Ubuntu", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}
.copyright-container a {
    display: inline-block;
    font-family: "Ubuntu", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    margin-right: 10px;
}
.copyright-container a:hover {
    color: #ffffffcc;
}

/* new feature popup */
.dsh-tip-cnt {
    text-align: left;
    direction: ltr;
}
.dsh-tip-cnt h3 {
    font-size: 20px;
    font-weight: 500;
    font-family: "Ubuntu", sans-serif;
    color: #b32117;
    margin-bottom: 3px;
}
.dsh-tip-cnt ul {
    padding: 0;
    list-style: none;
}
.dsh-tip-cnt ul li {
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #333;
    font-size: 14px;
    margin: 15px 0;
}
.dsh-tip-cnt a {
    color: #ffffff;
    background-color: #b32117;
    border-color: #b32117;
    transition: all 0.3s ease;
    font-size: 12px;
    border: none;
    padding: 6px 12px;
    text-decoration: none;
    border-radius: 30px;
    float: right;
    display: inline-block;
    margin-top: 6px;
}
.introjs-tooltip.dashboard-tooltip {
    padding: 15px 15px;
}
/* .introjs-tooltip.dashboard-tooltip a.introjs-button.introjs-skipbutton.introjs-donebutton {
    display: none;
} */
.introjs-tooltip.dashboard-tooltip .introjs-arrow.bottom,
.introjs-tooltip.dashboard-tooltip .introjs-arrow.top {
    left: 10px;
}
.dsh-tip-cnt a:hover {
    transition: all 0.3s ease;
    background-color: #b32117d6;
}

.introjs-tooltip.dashboard-tooltip a.introjs-button.introjs-prevbutton {
    display: none;
}
.introjs-tooltip.dashboard-tooltip a.introjs-button.introjs-nextbutton,
.introjs-tooltip.dashboard-tooltip a.introjs-button.introjs-skipbutton {
    color: #ffffff;
    background-color: #00387f !important;
    border-color: #00387f !important;
    transition: all 0.3s ease;
    font-size: 13px;
    border: none;
    padding: 6px 12px;
    text-decoration: none;
    border-radius: 30px;
    background-image: none;
    direction: ltr;
    text-shadow: none;
}

/* sitemap page */
.sitemap-sec {
    padding: 20px 0;
}
.sitemap-sec h2 {
    font-size: 35px;
    font-weight: 700;
    font-family: "Ubuntu", sans-serif;
    color: #b32117;
    margin-bottom: 20px;
}
.sitemap-sec ul li a {
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #333;
    font-size: 16px;
    display: inline-block;
    text-decoration: none;
    line-height: 28px;
    transition: all 0.3s ease;
}
.sitemap-sec ul.sitemap-ul1 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 12px;
    padding-left: 15px;
}
.sitemap-sec ul li::marker {
    content: url(../images/sitemap-tick-icon.svg);
}
.sitemap-sec ul li {
    padding-left: 4px;
    margin: 1px 3px;
}
.sitemap-sec ul li a:hover {
    transition: all 0.3s ease;
    color: #b32117;
}
.sitemap-sec ul li button {
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #333;
    font-size: 16px;
    display: inline-block;
    border: none;
    background: transparent;
    transition: all 0.6s ease;
}
.sitemap-sec ul li button:hover {
    transition: all 0.3s ease;
    color: #b32117;
}
.sitemap-sec ul.sitemap-ul2 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding-left: 12px;
}

/* new page forgot and reset password */
.reset-pd-container {
    max-width: 735px;
    margin: 100px auto;
}
.pry-cd {
    border-radius: 6px 6px 16px 16px;
    background: #fff;
    box-shadow: 0px 10px 12.7px 0px rgba(0, 0, 0, 0.1);
    padding: 1px 0;
    position: relative;
}
.pry-cd .pry-cd-hd {
    background-color: #b32117;
}
.pry-cd .pry-cd-hd h3 {
    color: #fff;
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.32px;
    text-align: center;
    padding: 16px 10px;
}
.pry-cd .pry-cd-bd {
    max-width: 645px;
    margin: 36px auto;
    padding: 0 10px;
}
.pry-cd .pry-cd-bd button.full-btn-secondary {
    border-radius: 8px;
}
.cus-field.cus-field-icon input {
    padding-right: 30px;
}
.cus-field.cus-field-icon i {
    position: absolute;
    right: 14px;
    top: 14px;
    color: #979797;
}
.reset-pd-container .pry-cd {
    text-align: center;
}
.reset-pd-container .pry-cd h1 {
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.32px;
    color: #b32117;
    margin-bottom: 8px;
    margin-top: 16px;
}
.reset-pd-container .pry-cd .img-icon {
    margin-top: -50px;
}

/* new email verify page */
.vfy-pg-container {
    max-width: 735px;
    margin: 100px auto;
}
.vfy-cd {
    border-radius: 6px 6px 16px 16px;
    background: #fff;
    box-shadow: 0px 10px 12.7px 0px rgba(0, 0, 0, 0.1);
    position: relative;
    padding: 1px 0;
}
.vfy-cd .vfy-cd-cnt .img-icon {
    margin-top: -50px;
}
.vfy-cd .vfy-cd-cnt {
    text-align: center;
    max-width: 645px;
    margin: 0px auto 36px auto;
    padding: 0 10px;
    position: relative;
}
.vfy-cd .vfy-cd-cnt h1 {
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.32px;
    color: #000;
    margin-bottom: 8px;
    margin-top: 28px;
}
.vfy-cd .vfy-cd-cnt p {
    font-family: "Ubuntu", sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: -0.32px;
    color: #979797;
    margin-bottom: 26px;
}
.vfy-cd .vfy-cd-cnt button.full-btn-secondary {
    border-radius: 8px;
}

/* new login modal */
#login-modal .modal-body {
    padding: 0;
}
#login-modal .modal-content {
    border-radius: 6px 6px 16px 16px;
    background: #fff;
    box-shadow: 0px 10px 12.7px 0px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    border: none !important;
}
#login-modal .pry-cd-bd {
    padding: 20px 32px 0px 32px;
}
#login-modal .modal-content button.btn-close {
    filter: invert(1);
    opacity: 1;
}
#login-modal .modal-content .pry-cd-hd {
    margin-top: -1px;
}
#login-modal .pry-cd .pry-cd-hd h1 {
    padding: 20px 0;
}
#login-modal .cus-field.cus-field-icon {
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.05);
    /* margin-bottom: 26px; */
}
#login-modal .cus-field.cus-field-icon label {
    font-weight: 500;
}
#login-modal .pry-cd .pry-cd-bd button.full-btn-secondary {
    font-size: 16px;
}
div#login-modal .lgn-cnt p {
    font-size: 13px;
    font-weight: 300;
    font-family: "Ubuntu", sans-serif;
    color: #777;
    margin: 10px 0;
    padding: 0 32px;
}
div#login-modal .lgn-cnt a {
    font-size: 14px;
    font-weight: 600;
    font-family: "Ubuntu", sans-serif;
    color: #b32117;
    text-decoration: none;
}

.cus-filters label.form-label {
    font-size: 16px;
    font-family: "Ubuntu", sans-serif;
    color: #b32117;
    font-weight: 500;
    margin-bottom: 3px;
}
.cus-filters input[type="text"],
.cus-filters select {
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #333;
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.cus-filters input[type="text"]::placeholder {
    color: #333;
}
.primary-btn-outline {
    color: #b32117;
    background-color: transparent;
    transition: all 0.3s ease;
    border: 2px solid #b32117;
    padding: 6px 24px;
    border-radius: 6px;
    font-family: "Ubuntu", sans-serif;
    cursor: pointer;
    font-weight: 500;
}
.primary-btn-outline:hover {
    box-shadow: 0 0 8px #00000080;
}
.filter-btns {
    display: flex;
    justify-content: space-evenly;
    margin-top: 20px;
}
input.payment-checkbox {
    border: 2px solid #00387f;
}

/* Left Sider Drawer */
.SideDrawer__content {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    max-width: 300px;
    background-color: #ffffff;
    box-shadow: 0 0 200vw 200vw rgba(0, 0, 0, 0);
    transition-property: transform;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    left: 0;
    right: auto;
    transform: translateX(-100%);
  }

  .SideDrawer__backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    background-color: black;
    opacity: 0;
    visibility: hidden;
    transition-property: opacity, visibility;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
  }

  /* Removed Right Drawer Styles */
  .SideDrawer--opened > .SideDrawer__content {
    transform: translateX(0);
  }

  .SideDrawer--opened > .SideDrawer__backdrop {
    opacity: 0.8;
    visibility: visible;
  }


/* free designs page */
.fre-dg-sh-st {
    background-color: #f2f3f4;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 6px;
}

.search-container {
    width: 232px;
    position: relative;
    background: #fff;
}

input#search-bar {
    margin: 0 auto;
    width: 100%;
    padding: 8px 32px 8px 10px;
    font-size: 14px;
    border: 1px solid #b32117;
    outline: none;
    border-radius: 5px;
}

input#search-bar:focus {
    border: none;
}

.search-container .search-icon {
    position: absolute;
    border: none;
    font-size: 21px;
    right: 10px;
    top: 3px;
    background-color: transparent;
    color: #998786;
}

h2.fredg-cat-hd {
    color: #b32117;
    font-family: "Ubuntu", sans-serif;
    font-size: 22px;
    font-weight: 700;
    margin: 0;
}

.fre-cate-tag {
    padding: 20px 0;
}

.fre-cate-tag span.badge {
    background-color: #b32117 !important;
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
    font-weight: 400;
    padding: 8px 12px;
    margin-right: 12px;
}

.fre-cate-tag span.badge button {
    border: none;
    background-color: transparent;
    color: #fff;
    font-size: 13px;
    margin-left: 12px;
}

.fredgn-col {
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    text-align: center;
    padding: 6px 6px;
}

.fredgn-col-img {
    border: 1px solid #f4f3f3;
    margin-bottom: 12px;
}

.fredgn-col img {
    width: 200px;
    height: 200px;
    object-fit: contain;
    transition: all 0.3s linear;
}

.fredgn-col-box:hover .fredgn-col .fredgn-col-img img {
    transform: scale(1.1);
    transition: all 0.3s linear;
}

.fredgn-col h2 {
    color: #000;
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 8px;
}

.fredgn-col p {
    color: #dc2626;
    font-family: "Ubuntu", sans-serif;
    font-size: 22px;
    font-weight: 700;
}

.fredgn-col p del {
    font-size: 13px;
    color: #000;
    text-decoration-line: line-through;
    font-weight: 400;
}

button.fre-dg-btn {
    display: block;
    width: 100%;
    border: none;
    background-color: #00387f;
    color: #fff;
    padding: 12px 0;
    border-radius: 30px;
    font-size: 14px;
    text-transform: uppercase;
    word-spacing: 6px;
    transition: all 0.3s ease;
    margin-top: 20px;
}

.fredgn-col-box:hover button.fre-dg-btn {
    transition: all 0.3s ease;
    background-color: #b32117;
}

.fredgn-col-box:hover .fredgn-col {
    border-color: #b32117;
}

.fre-cate-tag span.fre-cate-cl {
    color: #00387f;
    font-family: "Ubuntu", sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-decoration: underline;
}

.fre-cate-filters {
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    padding: 10px 0;
}

.container-checkbox {
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #504e4e;
    margin: 20px 0px;
}

.container-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.container-checkbox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    border: 1px solid #d6d3d3;
}

.container-checkbox:hover input ~ .checkmark {
    background-color: #ccc;
}

.container-checkbox input:checked ~ .checkmark {
    background-color: #b32117;
}

.container-checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.container-checkbox input:checked ~ .checkmark:after {
    display: block;
}

.container-checkbox .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(47deg);
    -ms-transform: rotate(47deg);
    transform: rotate(47deg);
}

.fre-dg-sort select {
    border: none;
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #504e4e;
}

.fre-dg-sort select:focus-visible {
    outline: none;
}

button#openLeftButton {
    background: transparent;
    border: none;
    color: #b32117;
}

.fredg-cat-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
}

.fredg-cat-dw-cnt {
    padding: 0 20px;
}

button#closeLeftButton {
    background: transparent;
    border: none;
    font-size: 20px;
}

.fredg-cat-head button#openLeftButton {
    display: none;
}

.fredg-more {
    text-align: center;
    padding: 40px 0;
}

.fredg-more button {
    border: none;
    background-color: transparent;
    color: #b32117;
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-decoration: underline;
    transition: all 0.3s ease;
}

.fredg-more button:hover {
    color: #00387f;
    transition: all 0.3s ease;
}

.fre-cate-filters::-webkit-scrollbar {
    width: 2px;
}

.fre-cate-filters::-webkit-scrollbar-track {
    background-color: #d9d9d9;
}

.fre-cate-filters::-webkit-scrollbar-thumb {
    background-color: #b32117;
}

.cate-wb .fre-cate-filters {
    max-height: 560px;
    overflow-y: auto;
}

/* free design detail */
.fredg-dl-head {
    display: flex;
    justify-content: space-between;
}

.fredg-dl-head h1 {
    color: #000;
    font-family: "Ubuntu", sans-serif;
    font-size: 35px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.26px;
    text-transform: capitalize;
}

.fredg-dl-head a {
    color: #b32117;
    font-family: "Ubuntu", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 23px; /* 176.923% */
    text-transform: uppercase;
    text-decoration: none;
}

.fredg-dl-head p {
    margin: 0;
    color: #504e4e;
    font-family: "Ubuntu", sans-serif;
    font-size: 14px;
    font-weight: 300;
}

.fredg-dl-head .fredg-dl-hd-star {
    text-align: center;
}

.fredg-dl-head .fredg-dl-hd-star i {
    color: #f26b01;
    margin: 0 2px;
}

section.fredg-dl-sec1 {
    padding-top: 60px;
    padding-bottom: 10px;
}

.fredg-dl-price {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* margin-top: 12px; */
}

.fredg-dl-price span {
    color: #000;
    font-family: "Ubuntu", sans-serif;
    font-size: 35px;
    font-weight: 700;
    line-height: normal;
}
.fredg-dl-download p {
    color: #666;
    font-family: "Ubuntu", sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.fredg-dl-download p span {
    font-size: 12px;
    text-decoration: underline;
    font-weight: 400;
    cursor: pointer;
}

.fredg-dl-price button {
    border: none;
    background-color: #b32117;
    color: #fff;
    font-family: "Ubuntu", sans-serif;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 16px 16px;
    border-radius: 4px;
    position: relative;
    transition: all 0.6s ease;
}

.fredg-dl-price button.pri-disabled {
    border: none;
    background-color: #666;
    color: #fff;
    font-family: "Ubuntu", sans-serif;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 16px 16px;
    border-radius: 4px;
    position: relative;
    cursor: not-allowed;
}
.fredg-dl-price button.pri-disabled:hover {
    background-color: #666;
}

.fredg-dl-price button::before {
    content: "";
    width: 1px;
    height: 25px;
    background-color: #ffffff4d;
    position: absolute;
    right: 55px;
}

.fredg-dl-price button img {
    margin-left: 40px;
}

.fredg-dl-fmt {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 16px;
    padding: 24px 0px;
}

.fredg-dl-fmt span {
    color: #000;
    font-family: "Ubuntu", sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 3px;
    text-transform: uppercase;
    border: 1px solid #d9d9d9;
    padding: 9px 24px;
    display: inline-block;
    width: 95px;
    height: 35px;
    text-align: center;
    border-radius: 4px;
}

.fredg-dl-card h2 {
    color: #000;
    font-family: "Ubuntu", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin: 0;
}

.fredg-dl-card p {
    color: #666;
    font-family: "Ubuntu", sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin: 3px 0;
    line-height: 23px;
}

.fredg-dl-card .fredg-dl-vt strong {
    font-weight: 700;
    color: #000;
    width: 120px;
    display: inline-block;
}

.fredg-dl-card .fredg-dl-vt {
    display: flex;
    justify-content: flex-start;
    text-transform: uppercase;
}

.fredg-dl-card .fredg-dl-vt span {
    width: 100%;
}

.fredg-dl-socail span {
    color: #504e4e;
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
}

.fredg-dl-socail {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
}

.fredg-dl-socail button {
    width: 36px;
    height: 36px;
    display: inline-block;
    border: 1px solid #eaf3f8;
    text-align: center;
    padding: 5px 0;
    margin-right: 12px;
    color: #504e4e;
    transition: all 0.3s ease;
    background-color: white;
}

.fredg-dl-socail button:hover {
    background-color: #b32117;
    color: white;
    transition: all 0.3s ease;
}

button.fredg-dl-pdf {
    display: block;
    width: 100%;
    border: none;
    border-radius: 4px;
    background: #00387f;
    color: #fff;
    font-family: "Ubuntu", sans-serif;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 20px 0;
    margin-top: 15px;
    transition: all 0.3s ease;
}

button.fredg-dl-pdf:hover {
    transition: all 0.3s ease;
    background: #073065;
    box-shadow: 0 0 12px #00000080;
}

.fredg-dl-price button:hover {
    transition: all 0.3s ease;
    background-color: #9e140b;
}

.fredg-dl-card {
    border-radius: 10px;
    border: 1px solid #d9d9d9;
    background: #fff;
    padding: 23px 20px 20px 20px;
    position: relative;
}

span.fredg-dwl-tag {
    display: inline-block;
    width: 137px;
    font-family: "Ubuntu", sans-serif;
    font-size: 10px;
    font-weight: 400;
    color: #fff;
    background-image: url(../images/fr-design-de-review.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: right;
    text-align: center;
    height: 21px;
    line-height: 21px;
    position: relative;
    left: -30px;
}

span.fredg-dwl-tag img {
    width: 10px;
    height: 10px;
}

span.fredg-dwl-tag::before {
    content: url(../images/line-arrow.svg);
    width: 12px;
    height: 12px;
    position: absolute;
    left: 0;
    bottom: -7px;
    transform: rotate(-50deg);
}

.fredg-dl-nd-dgn {
    border-radius: 10px;
    border: 1px solid #d9d9d9;
    background: #fff;
    text-align: center;
    padding: 28px 10px;
}

.fredg-dl-nd-dgn h3 {
    color: #000;
    font-family: "Ubuntu", sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: normal;
    margin: 0;
    text-transform: capitalize;
    padding-bottom: 30px;
}

.fredg-dl-nd-dgn button {
    border: none;
    background-color: #b32117;
    color: #fff;
    font-family: "Ubuntu", sans-serif;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 30px;
    padding: 16px 48px;
    transition: all 0.3s ease;
}

.fredg-dl-nd-dgn button:hover {
    transition: all 0.3s ease;
    background-color: #9e140b;
}

h3.fredg-dl-hd3 {
    color: #000;
    font-family: "Ubuntu", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin: 10px 0;
}

.fredg-dl-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    border-radius: 10px;
    border: 1px solid #d9d9d9;
    background: #fff;
    padding: 16px 10px;
    margin-bottom: 25px;
}

.fredg-dl-tags span {
    display: inline-block;
    color: #00387f;
    font-family: "Ubuntu", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.56px;
    border-radius: 5px;
    border: 1px solid #00387f;
    padding: 10px 20px;
    transition: all 0.3s ease;
    cursor: pointer;
}

.fredg-dl-tags span:hover {
    transition: all 0.3s ease;
    box-shadow: 0 0 12px #00000061;
}

.fredg-dl-reviews h3 {
    color: #000;
    font-family: "Ubuntu", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin: 10px 0 30px 0;
}

.fredg-dl-review p {
    color: #504e4e;
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    line-height: 30px;
}

.fredg-dl-no-rev {
    border-radius: 10px;
    border: 1px solid #d9d9d9;
    background: #fff;
    padding: 20px 20px;
    margin-bottom: 20px;
}

.fredg-dl-no-rev p {
    margin: 0;
    border-radius: 4px;
    background: rgba(0, 56, 127, 0.37);
    font-size: 16px;
    color: #00387f;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    padding: 20px 10px;
}

.fredg-dl-review .fredg-dl-rev-info {
    display: flex;
    justify-content: space-between;
    align-items: end;
    margin-bottom: 12px;
}

.fredg-dl-rev-info .fredg-dl-rev-hd {
    display: flex;
    justify-content: left;
    align-items: center;
}

.fredg-dl-rev-info .fredg-dl-rev-hd img {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    margin-right: 20px;
}

.fredg-dl-rev-hd h4 {
    color: #000;
    font-family: "Ubuntu", sans-serif;
    font-size: 17px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 0;
    text-transform: capitalize;
}

.fredg-dl-rev-hd p {
    color: #504e4e;
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
}

.fredg-dl-rev-star i {
    color: #f26b01;
    margin: 0 3px;
}

.fredg-dl-review {
    margin-bottom: 20px;
}

.fredg-dl-rev-all a {
    color: #b32117;
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    display: inline-block;
}

.fredg-dl-rev-all {
    text-align: center;
    margin-bottom: 40px;
}

.fredg-dl-rev-add h3 {
    color: #000;
    font-family: "Ubuntu", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.fredg-dl-rev-add form {
    border-radius: 10px;
    border: 1px solid #d9d9d9;
    background: #fff;
    padding: 20px 15px;
}

.fredg-dl-rev-add form p {
    color: #504e4e;
    font-family: "Ubuntu", sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 20px;
}

.fredg-dl-rev-add form .fredg-dl-add-star {
    display: flex;
    gap: 40px;
}

.fredg-dl-add-star span {
    color: #000;
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.fredg-dl-add-star i {
    color: #f26b01;
    margin: 0 4px;
}

.fredg-dl-rev-field {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.fredg-dl-rev-field input {
    width: 100%;
    border: none;
    border-bottom: 1px solid #eaf3f8;
    padding: 12px 0;
    color: #504e4e;
    font-family: "Ubuntu", sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin: 24px 0;
}

.fredg-dl-rev-field input:focus {
    outline: none;
}

.fredg-dl-rev-add form textarea {
    width: 100%;
    border-radius: 5px;
    border: 1px solid #d9d9d9;
    background: #f4f4f4;
    padding: 10px 12px;
    color: #504e4e;
    font-family: "Ubuntu", sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-top: 20px;
}

.fredg-dl-rev-add form .fredg-dl-add-btn {
    text-align: right;
}

.fredg-dl-rev-add form .fredg-dl-add-btn button {
    border-radius: 4px;
    border: none;
    background: #00387f;
    color: #fff;
    font-family: "Ubuntu", sans-serif;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 15px 40px;
    margin-top: 10px;
    transition: all 0.3s ease;
}

.fredg-dl-rev-add form .fredg-dl-add-btn button:hover {
    transition: all 0.3s ease;
    background: #073065;
}
.fredg-dl-rev-add form .fredg-dl-add-btn button.pri-disabled{
    border-radius: 4px;
    border: none;
    background: #666;
    color: #fff;
    font-family: "Ubuntu", sans-serif;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 15px 40px;
    margin-top: 10px;
    transition: all 0.3s ease;
    cursor: not-allowed;
}
.fredg-dl-rev-add form .fredg-dl-add-btn button.pri-disabled{
    background-color: #666;
}
.fredg-dl-add-btn p{
    margin-top: 5px;
}
.fredg-dl-add-btn p span{
    font-size: 12px;
    color: black;
    text-decoration: underline;
    font-weight: 400;
    cursor: pointer;
}

/* free design detail slider */
.fredg-dl-slider .outer {
    margin: 0 auto;
    width: 100%;
}
.fredg-dl-slider div#big .owl-stage-outer {
    border-radius: 10px;
    border: 1px solid #d9d9d9;
}
.fredg-dl-slider #thumbs .item {
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    cursor: pointer;
}
.fredg-dl-slider #thumbs .current .item {
    border: 1px solid #b32117;
}
.fredg-dl-slider #big.owl-theme {
    position: relative;
}
.fredg-dl-slider #big.owl-theme .owl-nav {
    margin: 0;
}
.fredg-dl-slider #big.owl-theme .owl-next,
#big.owl-theme .owl-prev {
    background: transparent;
    color: #000;
    width: 22px;
    line-height: 40px;
    height: 40px;
    text-align: center;
}
.fredg-dl-slider #big.owl-theme .owl-prev {
    left: 10px;
}
.fredg-dl-slider #big.owl-theme .owl-next {
    right: 10px;
}

.fredg-dl-slider {
    margin-bottom: 40px;
}

/* star selection */
.fredg-dl-add-star {
    font-family: Arial, sans-serif;
    margin-top: 5px;
  }

  .stars {
    display: flex;
    cursor: pointer;
  }

  .stars i {
    font-size: 24px;
    color: #D9D9D9;  /* Gray color for unselected stars */
    margin-right: 4px;
  }

  .stars i.selected {
    color: #F26B01;  /* Yellow color for selected stars */
  }

  .stars i:hover  {
    color: #F26B01;  /* Highlight stars on hover */
  }

/* download statement */
.py-hty-filters form {
    display: flex;
    justify-content: center;
    align-items: end;
    gap: 20px;
    flex-wrap: wrap;
}
.py-hty-flt-dt label {
    display: block;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #333;
    font-size: 15px;
}
.py-hty-flt-slt label {
    display: block;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    color: #333;
    font-size: 15px;
}
.py-hty-flt-dt input[type="date"] {
    display: block;
    width: 100%;
    padding: 0.375rem 12px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.py-hty-flt-btns {
    display: flex;
    gap: 5px;
}
/* header#digi-header li.nav-item.dropdown:hover ul.dropdown-menu {
display: block;
transition: all 0.6s ease;
} */

/* Responsive */
@media only screen and (min-width: 991px) {
    header#digi-header li.nav-item.dropdown:hover ul.dropdown-menu {
        display: block;
        transition: all 0.6s ease;
    }
}

@media only screen and (max-width: 991px) {
    header#digi-header nav.navbar {
        padding: 10px 0;
    }

    header#digi-header nav.navbar .digi-logo {
        padding: 0 0;
    }

    header#digi-header nav.navbar ul.navbar-nav a.nav-link {
        padding: 10px 15px;
    }

    header#digi-header nav.navbar ul.navbar-nav {
        padding-top: 20px;
    }

    header#digi-header button.btn.btn-ord2 {
        display: unset;
    }

    header#digi-header a.btn.btn-ord {
        display: none;
    }

    section.hm-banner {
        padding: 20px 0;
    }

    section.hm-banner .owl-carousel .owl-dots {
        position: absolute;
        right: 0px;
        bottom: 0px;
        left: 0px;
        margin: 0 !important;
    }

    section.hm-sec1 h2 {
        font-size: 26px;
    }

    section.hm-sec1 p {
        font-size: 16px;
    }

    section.hm-sec3 h2 {
        font-size: 26px;
    }

    section.hm-sec3 p {
        font-size: 16px;
    }

    .req-rev-dl .req-rev-hd {
        flex-direction: column;
        align-items: baseline;
        gap: 20px;
    }

    .rev-table {
        overflow-x: auto;
    }

    .rev-table table.table {
        border-collapse: collapse;
        width: 1088px;
    }

    section.fg-pd-sec .card-body form .email-label,
    section.fg-pd-sec .card-body form .password-label {
        text-align: left;
    }

    section.fg-pd-sec {
        margin: 60px auto;
    }

    section.blogs-sec .blogs-info h1 {
        font-size: 28px;
    }

    section.blogs-sec .blogs-info p {
        font-size: 16px;
    }

    section.blogs-sec .blogs-info {
        padding: 20px 0px;
    }

    .blogs-cd .blogs-cd-hd h3 {
        font-size: 20px;
    }

    section.blg-dtl-sec .blg-dtl-hd h1 {
        font-size: 28px;
    }

    section.gallery-sec .gal-hd a {
        font-size: 24px;
        margin: 0;
    }

    section.gallery-sec .gal-hd {
        margin-bottom: 20px;
    }

    section.pri-pol-sec {
        padding: 20px 20px;
    }

    section.pri-pol-sec h1 {
        margin: 10px 0;
    }

    section.pri-pol-sec p {
        font-size: 18px;
    }

    .pri-pol-txt {
        margin: 0;
    }

    section.pri-pol-sec .pri-pol-txt p {
        font-size: 18px;
    }

    section.pri-pol-sec .pri-pol-txt li {
        font-size: 18px;
    }

    section.pri-pol-sec .pri-pol-txt strong {
        font-size: 20px;
    }

    section.serv-cnt {
        padding: 20px;
    }

    .serv-int h1 {
        font-size: 28px;
    }

    .serv-adv {
        padding: 0 20px;
    }

    .serv-proc {
        padding: 20px;
    }

    .serv-proc h2 {
        font-size: 26px;
    }

    section.patches-sec h1 {
        font-size: 30px;
    }

    section.patches-sec p {
        font-size: 16px;
    }

    section.patches-sec h3 {
        font-size: 20px;
    }

    section.patches-sec h2 {
        font-size: 30px;
    }

    .serv-banner {
        padding: 60px 10px;
    }
    .serv-ban-cnt h1 {
        font-size: 24px;
    }
    .serv-ban-cnt p {
        font-size: 14px;
        margin-top: 16px;
    }
    .serv-ban-fm form {
        margin: 10px 0;
    }
    .serv-wh-ch {
        padding: 40px 10px;
    }
    .serv-wh-ch-cnt h2 {
        font-size: 26px;
        margin: 0;
    }
    .serv-wh-ch-cnt p {
        font-size: 14px;
    }
    .serv-wh-ch-cnt li {
        font-size: 14px;
    }
    .serv-info-step {
        padding: 40px 10px;
    }
    .serv-info-step h2 {
        font-size: 26px;
    }
    .serv-info-step p {
        font-size: 15px;
        line-height: 24px;
    }
    .serv-proc-box {
        margin: 30px 0;
        height: auto;
    }
    .serv-img-l {
        padding: 20px 10px;
    }
    .serv-img-l .img-l-cnt h2 {
        font-size: 26px;
        margin-bottom: 10px;
        margin-top: 24px;
    }
    .serv-img-l .img-l {
        text-align: center;
    }
    .serv-img-l .img-l-cnt p {
        font-size: 14px;
    }
    .serv-img-l .img-l img {
        max-width: 400px;
        margin: 0 auto;
        float: unset;
        object-fit: contain;
    }
    .serv-img-r {
        padding: 20px 10px;
    }
    .serv-img-r .img-r-cnt h2 {
        font-size: 26px;
        margin-bottom: 10px;
        margin-top: 24px;
    }
    .serv-img-r .img-r-cnt p {
        font-size: 14px;
    }
    .serv-img-r .img-r {
        text-align: center;
    }
    .serv-img-r .img-r img {
        max-width: 300px;
        margin: 0 auto;
        float: unset;
    }
    .m-ord-2 {
        order: 2;
    }
    .m-ord-1 {
        order: 1;
    }
    .serv-sec-dis .sec-dis-inner {
        padding: 50px 20px;
    }
    .serv-sec-dis .sec-dis-inner h2 {
        font-size: 26px;
        margin: 0;
    }
    .serv-include {
        padding: 40px 10px;
    }
    .serv-include .serv-inc-bx {
        margin: 20px 0;
    }
    .serv-include .serv-inc-bx h3 {
        font-size: 22px;
    }
    .serv-designer .container {
        padding: 20px 20px;
    }
    .serv-designer .s-d-cnt {
        padding-left: 0px;
    }
    .serv-designer .s-d-cnt h3 {
        font-size: 24px;
        margin-bottom: 5px;
    }
    .serv-designer .s-d-cnt h5 {
        font-size: 16px;
    }
    .serv-designer .s-d-cnt h4 {
        font-size: 20px;
        margin-top: 12px;
    }
    .serv-designer .s-d-cnt p {
        font-size: 14px;
    }
    .serv-designer .s-d-skill h4 {
        font-size: 20px;
    }
    .serv-designer .s-d-skill p {
        font-size: 15px;
    }
    .serv-designer .s-d-skill ul li {
        font-size: 15px;
    }
    .serv-designer .s-d-skill h5 {
        font-size: 20px;
    }
    section.faq-sec.serv-faq {
        padding: 40px 0px;
    }
    .serv-designer {
        padding: 40px 12px;
    }
    .serv-designer-hd h2 {
        font-size: 26px;
    }
    .serv-designer-hd p {
        font-size: 14px;
        margin-bottom: 20px;
    }
    .serv-wh-ch-cnt {
        padding: 0;
    }
    .digi-top-bar .tp-cl2 span.tp-credit {
        display: none;
    }
    .digi-top-bar .tp-cl2 span.nav-cdt {
        display: block;
        text-align: center;
        font-size: 14px;
        border: 1px solid #fff;
        padding: 4px 0;
        margin: 0 16px;
        border-radius: 6px;
        margin-bottom: 6px;
    }
    /* campaing image modal */
    .campaign-counter {
        padding: 15px 0px;
    }
    .campaign-counter > .d-flex {
        flex-wrap: wrap;
        gap: 20px !important;
    }
    /* blog page 3 */
    .col-12.blg-mob {
        margin-bottom: 15px;
        display: block;
    }

    .blg-sidebar-mob {
        display: none;
    }

    .blg-cate-mob {
        display: flex;
        overflow-x: auto;
        text-wrap-mode: nowrap;
        gap: 10px;
        padding-top: 20px;
        padding-bottom: 5px;
    }

    .blg-cate-mob a {
        text-decoration: none;
        font-size: 12px;
        font-weight: 500;
        font-family: "Ubuntu", sans-serif;
        color: #fff;
        padding: 8px 18px;
        border-radius: 30px;
        background-color: #df4136;
    }

    .blg-cate-mob a.blg-cate-active {
        background-color: #b32117;
    }

    .blg-sidebar {
        padding-left: 0;
    }

    /* Blog Detail 2 */
    .blg-dl-author {
        margin-bottom: 30px;
    }

    .s-blg-card h2 {
        font-size: 20px;
    }

    /* New Gallery */
    .gallery-box {
        display: block;
    }
    .gallery-box .gallery-tabs {
        width: 100%;
        display: flex;
        overflow-x: auto;
        gap: 10px;
        margin-bottom: 20px;
    }
    .gallery-tabs {
        padding: 0;
        border: none;
    }
    .gallery-tabs .nav-link {
        position: unset;
        display: inline-block;
        padding: 10px 24px;
        width: auto;
        border: 2px solid #b32117;
        border-radius: 30px;
        font-weight: 500;
        color: #b32117;
        text-wrap-mode: nowrap;
    }
    .gallery-tabs .nav-link.active {
        border-radius: 30px;
    }
    .gallery-tabs .nav-link.active svg {
        display: none;
    }
    .gallery-box .gallery-tab-content {
        width: 100%;
        overflow: hidden;
    }

    /* New Register Page */

    .register-content h2 {
        font-size: 26px;
    }

    /* New Services Pages */

    /* Hat Embrodiery */

    section.service-banner {
        background-color: #00387f;
        text-align: center;
        background-image: none;
    }

    .service-banner h1 {
        font-size: 20px;
    }

    .serv-bn-form {
        width: 100% !important;
        position: unset;
        margin: 24px 0;
    }

    section.service-banner .col-md-12.col-lg-4 {
        order: 2;
    }

    .serv-ban-content h4 {
        color: #fff;
        font-size: 16px;
    }

    .serv-ban-content h2 {
        font-size: 30px;
        color: #fff;
    }

    .serv-ban-btn {
        padding: 0;
        justify-content: center;
        top: 0;
    }

    .serv-ban-content img {
        width: 100%;
    }

    .serv-ban-btn a img {
        width: auto;
    }

    .serv-sec2 .serv-sec2-box .serv-sec2-items {
        flex-direction: column;
    }

    .serv-sec2 .serv-sec2-item h3 {
        margin-top: 10px;
        margin-bottom: 24px;
    }

    .serv-sec2 .serv-sec2-box img.serv-sec2-line2 {
        display: none;
    }

    .serv-sec2 .serv-sec2-item:nth-child(2) {
        position: unset;
    }

    section.serv-sec3 {
        padding: 20px 20px;
    }

    .serv-col-content h2 {
        font-size: 30px;
        margin-top: 20px;
    }

    .serv-col-content h2 span:before {
        display: none;
    }

    section.serv-sec4 {
        padding: 24px 20px;
    }

    section.serv-sec4 .serv-col-img img {
        width: 100%;
    }

    section.serv-sec4 .col-md-12.col-lg-6.order1 {
        order: 1;
    }

    section.serv-sec4 .col-md-12.col-lg-6.order2 {
        order: 2;
    }

    section.serv-sec5 {
        padding: 20px 20px;
    }

    section.serv-sec5 h2 {
        font-size: 30px;
    }

    .serv-sec6 {
        padding: 20px 20px;
    }

    .serv-sec6 .serv-sec6-hd h2 {
        font-size: 30px;
    }

    .serv-sec6 .col-12.col-md-6.col-lg-4 {
        margin-bottom: 20px;
    }

    .serv-sec7-hd h2 {
        font-size: 30px;
    }

    section.serv-sec7 {
        padding: 20px 20px;
    }

    .serv-sec7-col .serv-sec7-col-cnt {
        margin: 0;
        padding: 24px 20px;
    }

    .serv-sec8 .col-md-12.col-lg-6.order1 {
        order: 1;
    }

    .serv-sec8 .col-md-12.col-lg-6.order2 {
        order: 2;
    }

    section.serv-sec8::before {
        display: none;
    }

    .serv-sec8 {
        padding: 20px 20px;
    }

    .serv-sec8 .serv-sec8-image img {
        width: 100%;
    }

    .serv-sec8-cnt h2 {
        font-size: 30px;
    }

    .serv-sec8 .col-md-12.col-lg-6 {
        margin-bottom: 20px;
    }

    .serv-sec8 .col-md-12.col-lg-6.order2 {
        order: 2;
    }

    .serv-sec8 .col-md-12.col-lg-6.order3 {
        order: 3;
    }

    .serv-sec8 .col-md-12.col-lg-6.order4 {
        order: 4;
    }

    .serv-sec8 .col-md-12.col-lg-6.order5 {
        order: 5;
    }

    .serv-sec8 .col-md-12.col-lg-6.order6 {
        order: 6;
    }

    section.serv-sec10 {
        padding: 80px 20px 0px 20px;
    }

    section.serv-sec10 .col-md-12.col-lg-4 {
        margin-bottom: 60px;
    }

    section.serv-sec12 {
        padding: 0 20px;
    }

    .serv-sec12-container {
        padding: 0;
    }

    .serv-sec12-container .col-md-4:nth-child(2) {
        margin: 0;
    }

    section.serv-sec13 {
        padding: 30px 20px;
    }

    section.serv-sec13 h2 {
        font-size: 30px;
    }

    section.serv-sec14 {
        padding: 30px 20px;
    }

    .serv-sec14-hd h2 {
        font-size: 24px;
    }

    section.serv-sec14 .col-sm-12.col-md-6.col-lg-3 {
        margin-bottom: 20px;
    }

    section.serv-sec15 {
        padding: 50px 20px;
    }

    .serv-sec15-hd h2 {
        font-size: 30px;
    }

    .serv-sec15-hd {
        margin-bottom: 30px;
    }

    section.serv-sec14::before {
        display: none;
    }

    .memory-container {
        width: 250px;
    }

    .memory:nth-child(odd) .memory-container {
        right: 320px;
        /* 250 + 45 - 6*/
    }

    section.serv-sec11 .serv-sec7-hd {
        padding-bottom: 0;
    }

    /* sitemap page */
    .sitemap-sec ul.sitemap-ul1,
    .sitemap-sec ul.sitemap-ul2 {
        grid-template-columns: repeat(2, 1fr);
    }

    /* free design page */
    .fredg-cat-head button#openLeftButton {
        display: inline-block;
    }

    .cate-wb .fre-cate-filters {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    /* New Register Page */
    .register-slider {
        display: none;
    }
    .register-flex .register-content {
        width: 100%;
    }

    /* New Contact Us Page */
    .conatact-container .contact-flex {
        flex-direction: column;
    }
    .contact-flex .contact-card {
        width: 100%;
        order: 2;
        padding: 24px 24px;
    }
    .contact-flex .contact-form {
        width: 100%;
        order: 1;
        padding: 20px 20px;
    }
    section.contact-info {
        padding: 20px 0;
    }
    .contact-card ul {
        margin: 0;
    }
    .contact-flex .contact-card h3 {
        padding: 0;
    }
    .contact-flex .contact-card p {
        padding: 0;
    }

    /* New Services Pages */
    /* Hat Embrodiery */
    .serv-sec9-container .serv-sec9-cnt {
        flex-direction: column;
    }

    .serv-ban-btn {
        flex-direction: column;
        gap: 20px;
    }

    .memory {
        margin-left: 20px;
    }

    .memory-container {
        width: calc(100vw - 91px);
    }

    .memory:nth-child(odd) .memory-container .step-img,
    .memory:nth-child(even) .memory-container .step-img {
        display: none;
    }

    .memory:nth-child(even) .memory-container,
    .memory:nth-child(odd) .memory-container {
        left: 24px;
    }

    .serv-sec11 ul {
        padding: 0px 10px;
    }

    section.serv-sec16 {
        padding-top: 0;
    }
    .serv-sec16-hd h2 {
        font-size: 30px;
        line-height: normal;
    }
    .serv-sec16-form h2 {
        font-size: 30px;
        margin-bottom: 30px;
    }
    .serv-sec16-form {
        margin-top: 30px;
        padding: 20px 10px;
    }

    /* sitemap page */
    .sitemap-sec ul.sitemap-ul1,
    .sitemap-sec ul.sitemap-ul2 {
        grid-template-columns: repeat(1, 1fr);
    }

    /* free design detail */
    section.fredg-dl-sec1 {
        padding-top: 30px;
    }

    .fredg-dl-head {
        flex-direction: column;
    }

    .fredg-dl-head h1 {
        font-size: 28px;
    }

    .fredg-dl-head .fredg-dl-hd-star {
        text-align: left;
    }

    .fredg-dl-nd-dgn h3 {
        font-size: 20px;
        padding-bottom: 20px;
    }

    .fredg-dl-price {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .fredg-dl-socail {
        flex-direction: column;
    }

    .fredg-dl-rev-add form .fredg-dl-add-star {
        flex-direction: column;
        gap: 8px;
    }

    .fredg-dl-rev-field {
        flex-direction: column;
        gap: 0px;
    }

    .fredg-dl-rev-field input {
        margin: 6px 0;
    }

    .fredg-dl-card {
        padding: 15px 15px 23px 15px;
    }

    span.fredg-dwl-tag {
        left: -25px;
    }

    .fredg-dl-review .fredg-dl-rev-info {
        display: block;
    }

    .fredg-dl-rev-star {
        margin-top: 12px;
    }
    /* download statement */
    .sh-box h1 {
        font-size: 24px;
    }
    .py-hty-filters form {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }
    .py-hty-flt-dt {
        width: 100%;
    }
    .py-hty-flt-slt {
        width: 100%;
    }
    .py-hty-flt-btns {
        width: 100%;
        display: block;
    }
    .py-hty-flt-btns button {
        width: 100%;
        display: block;
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 450px) {
    .pf-table {
        overflow-x: auto;
    }

    .pf-table table.table {
        min-width: 400px;
    }
    .prof-card .pr-cd-cnt {
        padding: 30px 20px;
    }
    .prof-card .pr-cd-hd img {
        max-width: 100%;
    }
    .prof-card {
        margin: 50px auto;
    }
    .prof-card .pr-cd-cnt .pr-cd-lk a span {
        font-size: 18px;
    }

    .serv-img-l .img-l img {
        width: 100%;
        margin: 0 auto;
        float: unset;
    }
    .serv-img-r .img-r img {
        width: 100%;
        margin: 0 auto;
        float: unset;
    }
    .s-d-img img {
        width: 100%;
    }
    .serv-wh-ben h3 {
        font-size: 26px;
        margin-bottom: 16px;
    }
    .serv-wh-ben .wh-ben-bx {
        flex-direction: column;
    }
    .serv-wh-ben .wh-ben-bx p {
        margin-bottom: 3px;
    }
    .serv-wh-ben .wh-ben-bx.ben-bx2 p {
        margin-bottom: 10px;
    }
    .serv-wh-ben button {
        padding: 10px 0;
        font-size: 15px;
    }
    .blogs-page .blogs-info h1 {
        font-size: 28px;
        padding: 10px 0;
    }
    .blogs-page .blog-card h2 {
        font-size: 18px;
    }
    .blogs-page {
        padding-bottom: 40px;
    }
    .cus-table.wallet-table table.table {
        width: 800px;
    }
    .wallet-info p {
        font-size: 20px;
    }
    .cus-table.wallet-table::-webkit-scrollbar {
        width: 0px;
    }

    /* New Pricing */
    h1.pri-pg-title {
        padding: 30px;
    }

    .pri-plan {
        padding: 28px 20px 20px 20px;
    }

    .pri-cus-contact {
        flex-direction: column;
    }
    /* Blog page 3 */
    .s-blg-card h2 {
        font-size: 20px;
    }

    /* Author Page */
    .blg-author {
        padding: 20px 20px;
    }

    /* Blog detail page 2 */
    .blg-dl-card .blg-dl-social {
        flex-direction: column;
        text-align: left;
    }

    .blg-dl-card .blg-dl-social .blg-dl-social-l,
    .blg-dl-card .blg-dl-social .blg-dl-social-r {
        width: 100%;
    }

    .blg-dl-card h1 {
        font-size: 24px !important;
    }

    .blg-dl-table h3 {
        font-size: 21px;
    }

    .blg-dl-content :is(h2) {
        font-size: 21px;
    }

    .blg-dl-table {
        padding: 20px;
    }

    .blg-dl-author {
        padding: 20px;
    }

    .blg-trend h2 {
        font-size: 24px;
    }

    .blg-dl-rel h3 {
        font-size: 24px;
    }

    /* New Gallery */

    .page-banner {
        height: 150px;
        justify-content: center;
        background-size: auto;
    }
    .banner-content {
        text-align: center;
    }
    .page-banner h1 {
        font-size: 24px;
    }
    .page-banner h1:before {
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .page-content p {
        font-size: 16px;
        line-height: 23px;
    }

    /* Size Guidelines */

    section.size-guide {
        padding-top: 26px;
    }
    .shades-heading {
        font-size: 28px;
        padding: 12px 12px;
    }
    .shades-heading2 {
        font-size: 24px;
        padding: 12px 12px;
    }
    .guide-content .col-12.col-sm-5 {
        order: 1;
    }
    .guide-content .col-12.col-sm-7 {
        order: 2;
    }

    /* Privacy Policy, Refund Policy, Terms and Conditions -> New Design */
    section.size-guide {
        padding-top: 26px;
    }
    .shades-heading {
        font-size: 28px;
        padding: 12px 12px;
    }
    .shades-heading2 {
        font-size: 24px;
        padding: 12px 12px;
    }
    .guide-content .col-12.col-sm-5 {
        order: 1;
    }
    .guide-content .col-12.col-sm-7 {
        order: 2;
    }
    section.guide-container {
        padding-top: 24px;
    }
    /* New Pricing */
    h1.pri-pg-title {
        padding: 30px;
    }

    .pri-plan {
        padding: 28px 20px 20px 20px;
    }

    .pri-cus-contact {
        flex-direction: column;
    }

    /* dashboard */
    .st-bx-flex {
        padding: 20px 10px;
    }
}

@media only screen and (max-width: 350px) {
    .digi-top-bar a {
        font-size: 12px;
    }

    header#digi-header nav.navbar .digi-logo img {
        width: 150px;
    }

    .digi-top-bar .user-links button {
        border: none;
        font-size: 12px;
    }

    .digi-top-bar .user-links button i {
        font-size: 10px;
        margin-right: 2px;
    }
    .prof-card .pr-cd-cnt .pr-cd-social img {
        width: 35px;
    }
    .prof-card .pr-cd-cnt .pr-cd-lk a span {
        font-size: 16px;
    }
    .prof-card .pr-cd-cnt .pr-cd-lk a span.lk-icon {
        min-width: 45px;
        font-size: 24px;
    }
    .prof-card .pr-cd-cnt .pr-cd-lk a span.lk-icon:before {
        height: 20px;
        top: 8px;
    }
}