@font-face {
    font-family: 'poppins';
    src: url('../fonts/poppins-light-webfont.woff2') format('woff2'),
        url('../fonts/poppins-light-webfont.woff') format('woff');
    font-weight: 200;
    font-style: normal;

}

@font-face {
    font-family: 'poppins';
    src: url('../fonts/poppins-regular-webfont.woff2') format('woff2'),
        url('../fonts/poppins-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;

}

@font-face {
    font-family: 'poppins';
    src: url('../fonts/poppins-medium-webfont.woff2') format('woff2'),
        url('../fonts/poppins-medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;

}

@font-face {
    font-family: 'poppins';
    src: url('../fonts/poppins-semibold-webfont.woff2') format('woff2'),
        url('../fonts/poppins-semibold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;

}

@font-face {
    font-family: 'poppins';
    src: url('../fonts/poppins-bold-webfont.woff2') format('woff2'),
        url('../fonts/poppins-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;

}

@font-face {
    font-family: 'muli';
    src: url('../fonts/muli-light_allfont.net-webfont.woff2') format('woff2'),
        url('../fonts/muli-light_allfont.net-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;

}

@font-face {
    font-family: 'muli';
    src: url('../fonts/muli-bold-webfont.woff2') format('woff2'),
        url('../fonts/muli-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;

}

@font-face {
    font-family: 'muli';
    src: url('../fonts/muli-semibold-webfont.woff2') format('woff2'),
        url('../fonts/muli-semibold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;

}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.container {
    max-width: 1700px;
    width: 100%;
    padding: 0 15px;
    margin: auto;
}

/* -----------navbar */
.navbar-wrapper {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
    padding: 14px 0 14px;
}

.navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.navbar-left {
    display: flex;
    align-items: center;
}

.my-logo {
    margin-left: 15px;
    max-width: 70px;
}

.login .my-logo{
    margin: auto;
}

.register-wrapper .login h1{
    text-align: center;
}

.my-logo a {
    display: block;
}

.my-logo img {
    width: 100%;
}

.navbar-right img {
    width: 100%;
}

.toggler-btn {
    cursor: pointer;
    transition: all 0.3s;
}

.toggler-btn:hover {
    opacity: 0.6;
}

.toggler-btn img {
    width: 100%;
}

/* -------hero-sec--------- */

.bg-wrapper {
    background-image: linear-gradient(180deg, #E6E7E6, #fff);
}

.hero-wrapper {
    padding-top: 42px;
}

.hero {
    min-height: 539px;
    background: url("../images/Group 16506.png") no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 50px;
}

.hero .main-box {
    padding: 91px 0px 92px 119px;
    max-width: 759px;
    width: 100%;
}

.white-box {
    background: #fff;
    display: flex;
    align-items: center;
    padding: 17px 10px;
    border-radius: 7px;
}

.search-icon img {
    width: 100%;
}

.white-box .search {
    display: flex;
    align-items: center;
    width: 100%;
}

.search input {
    border: none;
    width: 100%;
}

.search-icon {
    margin-right: 12px;
    max-width: 14px;
    height: 14px
}


.search input,
.search input::placeholder {
    font-size: 16px;
    font-family: poppins;
    font-weight: 400;
}

.location input::placeholder {
    font-size: 16px;
    font-family: poppins;
    font-weight: 400;
}

.search input {
    color: #000;
}

.search input:focus {
    outline: none;
}

input:-webkit-autofill,
select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 100px white inset;
    -webkit-text-fill-color: #333;
}

input:-webkit-autofill:focus,
select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 50px white inset;
    -webkit-text-fill-color: #333;
}

.hero-text h1 {
    font-size: 40px;
    color: #fff;
    margin-top: 23px;
    font-family: muli;
    font-weight: 700;
    line-height: 1.5;
}

.hero-btn button {
    border: 2px solid #fff;
    background-image: linear-gradient(to right, #1E1915, #483F36);
    color: #fff;
    padding: 14px 37px 18px;
    border-radius: 30px;
    cursor: pointer;
    transition: all 0.3s;
    font-size: 25px;
    font-family: 'muli';
    font-weight: 600;
    line-height: 1.2;
}

.hero-btn button:hover {
    opacity: 0.8;
}

.hero-btn {
    margin-top: 24px;
}

/* -------services-sec---- */
.services-wrapper {
    padding: 71px 0 160px;
}

.services-wrapper .container {
    max-width: 1463px;
}

.services-wrapper h2 {
    font-family: 'muli';
    font-weight: 600;
    line-height: 1.5;
    font-size: 40px;
    color: #000;
}

.services-sec {
    display: flex;
    margin-top: 25px;
    flex-wrap: wrap;
}

.service-img {
    height: 211px;
}

.service-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.service-box1 {
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    padding: 25px;
    border-radius: 50px;
    max-width: 425px;
    width: 100%;
    margin-right: 75px;
}

.service-box1:hover {
    background: rgba(255, 255, 255, 0.7);
    transition: all 0.3s
}

.service-box1 .service-img {
    transition: opacity 0.45s;
}

.service-box1:hover .service-img {
    opacity: 0.8;
}

.services-wrapper a {
    text-decoration: none;
}

.service-box2 {
    max-width: 495px;
    width: 100%;
}

.service-box2 img {
    width: 100%;
    height: 100%;
}

.service-text {
    margin-top: 21px;
}

.service-text h4 {
    font-size: 24px;
    font-weight: 700;
    font-family: Muli;
    color: #646464;
    line-height: 1.25;
}

.services-sec .service-des {
    display: flex;
    align-items: center;
    margin-top: 6px;
}

.services-sec .service-des .location-img {
    max-width: 14px;
    height: 20px;
}

.location-img img {
    width: 100%;
    height: 100%;
}

.services-sec .service-box .service-des p {
    font-size: 18px;
    font-weight: 700;
    font-family: Muli;
    line-height: 1.2;
    color: black;
    margin-left: 6px;
}

/* --------info-sec----- */
.info-wrapper {
    background: #E7E9E8;
    padding: 75px 0;
}

.info-wrapper .container {
    max-width: 1745px;
}

.info-main {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.info-box {
    background: #fff;
    width: calc(25% - 120px);
    margin: 0 60px;
    padding: 40px 30px 25px;
    border-radius: 10px;
    box-shadow: rgb(255 255 255 / 0%) 0px 1px 2px 0px, rgb(0 0 0 / 5%) 0px 2px 6px 2px;
}

.info-text {
    margin-top: 18px;
}

.info-box a{
    color: #000;
    text-decoration: none;
}

.info-text h3 {
    font-size: 28px;
    font-weight: 700;
    font-family: Muli;
    line-height: 1.2;
}

.info-text p {
    font-size: 14px;
    font-weight: 400;
    color: #8D9598;
    font-family: Muli;
    line-height: 1.2;
    margin-top: 14px
}

/* -----divider --------*/
.divider {
    min-height: 210px;
    background-color: #fff;
}

/* -----footer-sec---- */
footer {
    background: url("../images/Background.png") no-repeat;
    position: relative;
    background-size: cover;
}


.FAQ-p footer{
    background: none;
}
.overlay-ftr {
    position: absolute;
    bottom: 0;
}

.overlay-ftr img {
    width: 100%;
}

footer .container {
    position: relative;
    z-index: 2;
    max-width: 1354px;
}

.footer-main {
    display: flex;
    flex-wrap: wrap;
    padding: 76px 0 93px;
}

.ftr-logo a {
    display: inline-block;
}

.ftr-col {
    padding-right: 15px;
}

.ftr-col.col-one {
    width: 32%;
}

.ftr-col.col-two {
    width: 27%;
}

.ftr-col.col-three {
    width: 41%;
}

.ftr-col.col-three h3{
    color: #fff;
    font-size: 35px;
    font-family: 'poppins';
    font-weight: 600;
    margin-bottom: 5px;
}

.ftr-col.col-three a{
    color: #fff;
    font-family: poppins;
    font-weight: 500;
    margin-top: 30px;
    font-size: 20px;
    display: inline-block;
    display: flex;
    justify-content: flex-end;
}

.ftr-col.col-three a:hover{
    opacity: 0.8;
}

.ftr-col ul {
    list-style-type: none;
}

.ftr-col ul li {
    margin: 10px 0 18px;
}

.ftr-col ul a {
    color: #fff;
    text-decoration: none;
    transition: all 0.3s;
    font-family: Muli;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.3;
}

.ftr-col ul a:hover {
    text-decoration: underline;
}

/* ----accordion */

.accordian {
    border-bottom: 1px solid #fff;
    padding: 15px 0 15px;
}

.accordian-head {
    padding-right: 15px;
}

.accordian-head h5 {
    font-family: Muli;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.3;
    color: #fff;
    margin-right: 15px;
}

.open .accordian-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.close .accordian-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.close .accordian-head:hover {
    opacity: 0.8;
}

.accordian-para {
    overflow: hidden;
    display: none;
}

.accordian-para p {
    font-family: Muli;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.3;
    color: #d9d6d6;
    margin: 10px 0;
}

.toggle {
    display: block;
}

.plus-img {
    max-width: 17.5px;
    height: 17.5px
}

.plus-img img {
    width: 100%;
    height: 100%;
}

/* ----copyright */
.copyright {
    background: #000;
    padding: 23px 0;
}

.copyright .container {
    max-width: 100%;
}

.copyright-content {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.copyright .container {
    max-width: 1354px;
}

.copyright p {
    font-family: poppins;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    color: #fff;
}

.copyright-left {
    padding-left: 25px;
}

.copyright-right ul {
    list-style: none;
}

.copyright ul li {
    display: inline;
    margin-right: 8px;
}

.copyright ul a {
    font-family: poppins;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.3;
    color: #fff;
    text-decoration: none;
    transition: all 0.3s;
}

.copyright ul a:hover {
    text-decoration: underline;
}

.copyright ul li a {
    position: relative;
    display: inline-block;
    padding-right: 15px;
}

.copyright ul li a:after {
    position: absolute;
    content: '|';
    right: 0;

}

.copyright ul li:last-child a {
    padding-right: 0;
}

.copyright ul li:last-child a:after {
    content: '';
}

/* ----restaurant page-- */
.restaurant-main-wrapper .hero {
    background: url("../images/Group 16507.png") no-repeat;
    min-height: 539px;
    background-size: cover;
    background-position: center;
    border-radius: 50px;
}

.restaurant-main-wrapper {
    /* min-height: 2568px; */
    min-height: 1568px;
    display: flex;
    flex-direction: column;
}

.restaurant-main-wrapper footer {
    margin-top: auto;
}

/* ----restaurant1 page-- */

.restaurant-one-wrapper .hero {
    background: url("../images/Group 16316.png") no-repeat;
    min-height: 539px;
    background-size: cover;
    background-position: center;
    border-radius: 50px;
}

/* ==========review-page styling======= */
/* ------empire-des-section----- */
.review-wrapper {
    min-height: 1710px;
    display: flex;
    flex-direction: column;
}

.review-wrapper footer {
    margin-top: auto;
}

.empire-des-wrapper {
    padding-top: 25px;
}

.empire-des-wrapper .container {
    max-width: 1615px;
}

.empire-des {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    padding: 36px 73px;
    border-radius: 30px;
}

.empire-des>div {
    width: calc(50% - 93px);
}

.empire-des .empire {
    display: flex;
    flex-wrap: wrap;
}

.empire-des .empire-img img {
    width: 100%;
}

.empire-des .empire-body {
    margin-left: 42px;
}

.empire-des .txt-with-icon {
    display: flex;
    align-items: center;
    margin-top: 15px;
}

.empire-des .icon-img {
    margin-right: 10px;
}

.empire-des .txt-with-icon:nth-of-type(1) .icon-img {
    max-width: 19px;
    height: 28px;
}

.empire-des .txt-with-icon:nth-of-type(2) .icon-img {
    max-width: 25px;
    height: 25px;
}

.empire-des .icon-img img {
    width: 100%;
    height: 100%;
}

.empire-des h2 {
    font-weight: 600;
    font-family: Muli;
    font-size: 40px;
    line-height: 1.5;
}

.empire-des h3 {
    font-weight: 600;
    font-family: Muli;
    font-size: 30px;
    line-height: 1.7;
}

.empire-des p {
    font-weight: 600;
    font-family: Muli;
    font-size: 20px;
    line-height: 1.3;
    margin-top: 10px;
}

.empire-des .txt-with-icon p {
    font-weight: 600;
    font-family: Muli;
    font-size: 20px;
    line-height: 1.4;
    color: #0C0C0C;
    margin: 0;
}

.empire-des .txt-with-icon a {
    font-weight: 600;
    font-family: Muli;
    font-size: 20px;
    line-height: 1.4;
    text-decoration: none;
    transition: all 0.3s;
}

.empire-des .txt-with-icon a:hover {
    opacity: 0.8;
}

/* --------subscriptions-sec--- */
.subs-wrapper {
    padding: 68px 0;
}

.subs-wrapper h2 {
    font-weight: 600;
    font-family: Muli;
    font-size: 40px;
    line-height: 1;
}

.subs-wrapper .container {
    max-width: 1470px;
}

.subs-box {
    background: url("../images/Group 16516.png") no-repeat;
    background-size: cover;
    background-position: 74%;
    justify-content: space-between;
    padding: 23px 23px;
    display: grid;
    grid-template-columns: auto auto auto auto;
    gap: 30px;
    border-radius: 20px;
    margin-top: 50px;
}

.subs-box:nth-of-type(1) {
    margin-top: 20px;
}

.subs-box h2 {
    color: #fff;
}

.subs-box .subs-col h3{
    color: #12AD2B;
    margin-top: 15px;
    font-size: 25px;
    font-family:poppins;
    font-weight: 500;
}

.subs-box h5,
.subs-box li {
    font-weight: 300;
    font-family: Muli;
    font-size: 20px;
    line-height: 1.5;
    color: #fff;
    line-height: 1.4;
}

.subs-box li {
    list-style-position: inside;
    position: relative;
}

.subs-box li:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    left: 0;
    background: #fff;
    border-radius: 50px;
    top: 50%;
    transform: translatey(-50%);
}

.subs-img img {
    width: 100%;
    height: 100%;
    border-radius: 20px;
}

.subs-box .subs-des {
    display: flex;
    justify-content: space-between;
}

.subs-box .subs-des-left p {
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    font-family: Muli;
    margin-top: 10px;
}

.subs-box .subs-des-left p:nth-of-type(1) {
    font-size: 18px;
}

.subs-box .subs-des-left span {
    font-size: 9px;
    line-height: 1.6;
}

.subs-box .subs-btn button {
    background: #ADD8E6;
    border-radius: 7px;
    padding: 10px 36px;
    color: #fff;
    font-weight: 600;
    font-family: Muli;
    font-size: 20px;
    transition: all 0.3s;
    cursor: pointer;
    border: 2px solid #ADD8E6;
}

.subs-box .subs-btn button:hover {
   opacity: 0.9;
}

.subs-box .des-text-one {
    display: flex;
    margin-top: 15px;
    text-decoration: none;
    font-size: 16px;
    color: #BF1700;
    font-weight: 600;
    font-family: Muli;
    line-height: 1.4;
}

.subs-box .des-text-tab {
    display: flex;
    margin-top: 15px;
    text-decoration: none;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    font-family: Muli;
    line-height: 1.4;
}

.subs-box .des-icon {
    margin-right: 10px;
}

.subs-box .des-icon img {
    width: 100%;
}

.subs-box .des-text-tab {
    display: none;
}

.subs-box .subs-des-right {
    padding-left: 30px
}

/* ==========review-1 styling======= */
.review-one-wrapper {
    min-height: 2196px;
    display: flex;
    flex-direction: column;
}

.review-one-wrapper footer {
    margin-top: auto;
}

.review-one-wrapper .subs-box .subs-des {
    height: 100%;
}

/* ==========review-2-page styling======= */
/* ------mon-subs----- */
.mon-subs-wrapper {
    padding: 63px 0 66px;
}

.review-two-wrapper .container {
    max-width: 1470px;
}

.review-two-wrapper .navbar-wrapper .container {
    max-width: 1700px;
}

.mon-subs {
    display: flex;
    flex-wrap: wrap;
}

.mon-subs-img img {
    width: 100%;
    border-radius: 20px;
}

.mon-subs .mon-subs-des {
    margin-left: 25px;
}

.mon-subs .mon-subs-des li {
    list-style-position: inside;
}

.mon-subs h2 {
    font-family: 'muli';
    font-weight: 600;
    line-height: 1.4;
    font-size: 40px;
    color: #1D1815;
    margin-top: 9px;
}

.mon-subs h3 {
    font-family: 'muli';
    font-weight: 600;
    font-size: 25px;
    color: #000;
    line-height: 1.3;
    margin-top: 10px;
}

.mon-subs h4 {
    margin-top: 13px;
    font-family: 'muli';
    font-weight: 300;
    font-size: 20px;
    color: #000;
    line-height: 1;
}

.mon-subs li {
    margin-top: 9px;
    position: relative;
    font-family: 'muli';
    font-weight: 300;
    font-size: 20px;
    color: #000;
    line-height: 1.2;
}

.mon-subs li:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    left: 0;
    background: #000;
    border-radius: 50px;
    top: 50%;
    transform: translatey(-50%);
}

/* ---subs-tbl-wrapper-- */

.subs-tbl {
    background: url("../images/Group 16517.png") no-repeat;
    border-radius: 10px;
    background-size: cover;
    padding: 17px 46px;
    min-height: 538px;
}

.subs-tbl h2 {
    font-weight: 600;
    font-family: Muli;
    font-size: 40px;
    line-height: 1.5;
    color: #fff;
}

.subs-tbl table {
    margin-top: 37px;
    border-collapse: collapse;
    width: 100%;
}

.subs-tbl table th {
    text-align: left;
    vertical-align: top;
}

.subs-tbl table td {
    border-bottom: 2px solid rgba(255, 255, 255, 0.1);
}

.subs-tbl table tr:last-child td {
    border: none;
}

.subs-tbl table th,
.subs-tbl table td {
    font-family: Muli;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
    padding: 14px 10px;
    color: #fff;
    width: 25%;
}

.subs-tbl table tr:first-child {
    background-color: rgba(0, 0, 0, 0.23);
}

/* =========sidebar=========== */
.side-nav-wrapper {
    background: url("../images/Header Background.png");
    background-size: cover;
    background-position: bottom;
    height: 100vh;
    display: none;
    background-color: #fff;
    position: fixed;
    display: none;
    z-index: 9;
    width: 100%;
}

.side-nav-wrapper:after {
    position: absolute;
    content: '';
    background: url("../images/header-pizza.png") no-repeat;
    height: 366px;
    width: 100%;
    max-width: 331px;
    bottom: 35px;
    background-size: contain;
    background-position: bottom left;
    z-index: -1;
}

.side-nav-wrapper:before {
    position: absolute;
    content: '';
    background: url("../images/header-leaves.png") no-repeat;
    height: 310px;
    width: 100%;
    max-width: 395px;
    bottom: 0;
    background-size: contain;
    background-position: bottom;
    right: 0;
    z-index: -1;
}

.side-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0 10px;
    border-bottom: 1px solid #707070;
}

.side-nav-right a {
    transition: all 0.3s;
}

.side-nav-right a:hover {
    opacity: 0.8;
}

.side-menu ul {
    list-style-type: none;
}

.side-menu ul li {
    margin-top: 53px;
}

.side-menu ul li:first-child {
    margin-top: 72px;
}

.side-menu ul a {
    color: #fff;
    text-decoration: none;
    font-family: poppins;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
    display: inline-block;
    position: relative;
}

.side-menu ul a:before {
    content: " ";
    position: absolute;
    bottom: -2px;
    background-color: #fff;
    width: 0;
    height: 2px;
    transition: all 0.2s ease-in-out;
    transition-duration: 0.6s;
    transform: translateX(-50%);
    left: 50%;
}

.side-menu ul a:hover:before {
    width: 100%;
}

.side-nav-wrapper .container {
    max-width: 600px;
}

/* ==========Register-page======== */
.register-wrapper h1 {
    font-family: 'muli';
    font-weight: 800;
    line-height: 1.5;
    font-size: 40px;
    color: #000;
}

.register-wrapper h2 {
    font-family: 'muli';
    font-weight: 800;
    line-height: 1.3;
    font-size: 25px;
    color: #000;
    margin-top: 50px;
}


.register-wrapper .register-box {
    max-width: 1210px;
    width: 100%;
    background: #fff;
    margin: 0 auto;
    border-radius: 20px;
    padding: 60px 30px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px;
}

.register-wrapper {
    padding: 92px 50px;
}

.register-wrapper .my-form {
    margin-top: 32px;
}

.register-wrapper .register-content {
    max-width: 683px;
    margin: 0 auto;
}

.register-wrapper .my-form label {
    font-family: 'muli';
    font-weight: 500;
    line-height: 1.4;
    font-size: 16px;
    color: #0C1125;
}

.register-wrapper .input-field {
    margin-top: 46px;
}

.register-wrapper .profession {
    display: flex;
}

.register-wrapper .profession .radio-field:last-child {
    margin-right: 0;
}

.register-wrapper .my-form .input-field input {
    border-radius: 6px;
    padding: 31px 15px;
    border: 2px solid #0C1125;
    width: 100%;
}

.register-wrapper .my-form .input-field.select-field {
    border-radius: 6px;
    padding: 0 15px;
    border: 2px solid #0C1125;
    width: 100%;
}

.register-wrapper .my-form .input-field select {
    height: 100%;
    width: 100%;
    border: none;
    outline: none;
    width: 100%;
    padding: 31px 0px;
    font-family: 'poppins';
    font-weight: 400;
    font-size: 16px;
    color: #1D1815;
}

.register-wrapper .input-field input::placeholder {
    font-family: 'poppins';
    font-weight: 400;
    font-size: 16px;
    color: #1D1815;
}

input:focus {
    outline: none;
}

.select-box select {
    border: 0;
    outline: 0;
}

select:focus {
    outline: none !important;
    border: none;
}

.register-wrapper .submit-btn {
    margin-top: 20px;
}

.register-wrapper .submit-btn button {
    border: 2px solid #000;
    background-image: linear-gradient(to right, #1E1915, #483F36);
    color: #fff;
    padding: 28px 37px;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s;
    font-size: 16px;
    font-family: 'Poppins';
    font-weight: 400;
    line-height: 1.3;
    width: 100%;
}

.register-wrapper .submit-btn button:hover {
    background-image: linear-gradient(to left, #1E1915, #483F36);
}

.register-wrapper .input-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.register-wrapper .input-container .input-field {
    width: calc(50% - 10px);
}

.register-wrapper .radio-field {
    margin-right: 47px;
    position: relative;
}

.register-wrapper .radio-field label {
    margin-left: 20px;
}

.register-wrapper .radio-field label a{
    font-family: 'muli';
    font-weight: 500;
    line-height: 1.4;
    font-size: 16px;
    color: #0C1125;
    text-decoration: none;
    cursor: context-menu;
}

.register-wrapper .radio-field span {
    position: absolute;
    content: '';
    background: #fff;
    width: 24px;
    height: 24px;
    border: 2px solid #000;
    left: 0;
    border-radius: 50px;
}

.register-wrapper .radio-field span:after {
    position: absolute;
    content: '';
    background: #000;
    width: 13px;
    height: 13px;
    left: 0;
    border-radius: 50px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: none;
}

.register-wrapper .radio-field input:checked~span:after {
    display: block;
}

.register-wrapper .my-form .agree-field .input-field input {
    width: auto;
    margin-right: 7px;
}

.register-wrapper .agree-field .input-field a {
    color: #000;
    transition: all 0.3s;
    font-family: Arial;
}

.register-wrapper .agree-field .input-field a:hover {
    opacity: 0.8;
}

/* ----register-4--register as user */
.register-user .register-wrapper {
    padding: 30px 0;
}

.register-user {
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.register-user .my-form {
    margin-top: 70px;
}

/* ===register-success */
.register-success {
    padding-top: 57px;
}

.register-success .register-wrapper h1 {
    font-family: 'muli';
    font-weight: 700;
    line-height: 1.5;
    font-size: 50px;
    color: #000;
    letter-spacing: 0.9px;
}

.register-success .register-wrapper p {
    font-family: 'muli';
    font-weight: 700;
    line-height: 1.3;
    font-size: 25px;
    color: #000;
    margin-top: 9px;
}

.register-success .register-wrapper .register-content {
    text-align: center;
    max-width: 510px;
}

.register-success .register-box {
    min-height: 468px;
    max-width: 975px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

/* =====register 7 =====*/
.register-wrapper-2 .register-box {
    max-width: 883px;
    width: 100%;
    background: #fff;
    margin: 0 auto;
    border-radius: 20px;
    padding: 23px 30px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px;
}

.register-wrapper-2 {
    padding: 60px 50px;
}

.register-wrapper-2 .register-content {
    max-width: 734px;
    margin: 0 auto;
}

.register-wrapper-2 label {
    font-family: 'Poppins';
    font-weight: 400;
    line-height: 1.3;
    font-size: 22px;
    color: #000;
}

.register-wrapper-2 .input-field {
    margin-top: 5px;
}

.register-wrapper-2 .card-details .input-field,
.register-wrapper-2 .region.input-field {
    margin-top: 0;
}

.register-wrapper-2 input::placeholder,
.register-wrapper-2 input,
.register-wrapper-2 select {
    font-family: 'Poppins';
    font-weight: 400;
    line-height: 1.3;
    font-size: 20px;
    color: #465464;
}

.register-wrapper-2 input {
    padding: 27px 34px;
    width: 100%;
    border-radius: 10px;
    border: 2px solid #E7EBF0;
}

.register-wrapper-2 select {
    padding: 24px 27px;
    width: 100%;
    border-radius: 10px;
    border: 2px solid #E7EBF0;
}

.register-wrapper-2 .text-fields {
    margin-top: 46px;
}

.register-wrapper-2 .submit-btn {
    margin-top: 53px;
}

.register-wrapper-2 .submit-btn button {
    border: 4px solid #000;
    background: #000;
    color: #fff;
    padding: 22px 15px;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s;
    font-size: 20px;
    font-family: 'Poppins';
    font-weight: 400;
    width: 100%;
}

.register-wrapper-2 .submit-btn button:hover {
    background: transparent;
    color: #000;
}

.register-wrapper-2 .card-details {
    display: flex;
    flex-wrap: wrap;
}

.register-wrapper-2 .card-details .input-field {
    width: 50%
}

.register-wrapper-2 .card input,
.register-wrapper-2 .select-field select {
    border-radius: 10px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.register-wrapper-2 .card-details input,
.register-wrapper-2 .region input {
    border-radius: 10px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    border-top: 2px solid #fff;
}

.register-wrapper-2 .card-details .input-field:first-child input {
    border-bottom-right-radius: 0px;
    border-right: 2px solid transparent;
}

.register-wrapper-2 .card-details .input-field:last-child input {
    border-bottom-left-radius: 0px;
}

/* ==========subs-panel============= */
.subs-panel .bg-wrapper {
    background-image: linear-gradient(180deg, #D9F0F9, #DEE4ED);
}

.subs-panel .navbar-wrapper {
    padding: 12px 0 12px;
    background-image: linear-gradient(to right, #5C0000, #BF1700, #5C0000);
}

.subs-panel .navbar-wrapper .container {
    max-width: 1735px;
}

.subs-panel-text-wrapper {
    padding-top: 77px;
}

.subs-panel .navbar {
    position: relative;
}

.subs-panel .navbar:before {
    position: absolute;
    content: 'Restaurant Subscriptions Panel';
    font-weight: 600;
    font-family: poppins;
    font-size: 40px;
    line-height: 1.2;
    color: #fff;
    left: 50%;
    transform: translatex(-50%);
    padding: 0 15px;
    text-align: center;
}

.sub-dashboard .navbar:before {
    content: 'Restaurant Subscriptions Dashboard';
}

.subscription-details .navbar-txt h1 {
    font-weight: 600;
    font-family: poppins;
    font-size: 40px;
    line-height: 1.5;
    color: #fff;
}

.subs-panel.review-one-wrapper {
    min-height: 100%;
}

.subs-panel-text {
    max-width: 1078px;
    text-align: center;
    margin: 0 auto;
}

.subs-panel-text h1 {
    font-size: 55px;
    font-weight: 400;
    font-family: Poppins;
    line-height: 1.2;
}

.subs-panel h4 {
    font-size: 25px;
    font-weight: 600;
    font-family: Muli;
    line-height: 1.3;
    margin-bottom: 5px;
    color: #fff;
    text-transform: capitalize;
}

.subs-panel-text h1 span {
    font-weight: 600;
}

.subs-panel-text p {
    font-size: 20px;
    font-weight: 600;
    font-family: Poppins;
    line-height: 1.3;
    color: #BF1700;
    margin-top: 26px;
}

.subs-panel .divider {
    background: transparent;
}

.subs-panel .ftr-border {
    min-height: 20px;
    background-size: cover;
    background-image: linear-gradient(to right, #5C0000, #BF1700, #5C0000);
}

.subs-panel .my-logo {
    margin: 0;
}

/* ==============Add-items=========== */
.add-items-wrapper {
    margin: 52px 0 70px;
}

.add-items-wrapper .form-field{
    margin-top: 20px;
}

.add-items-main .heading {
    background-image: linear-gradient(to right, #5C0000, #BF1700, #5C0000);
    padding: 23px 32px;

}

.add-items-main .heading h2 {
    color: #fff;
    font-size: 25;
    font-weight: 700;
    font-family: poppins;
}

.add-items-main form {
    max-width: 433px;
    margin-top: 42px;
}

.add-items-main .form-field label {
    font-size: 18px;
    font-family: poppins;
    font-weight: 400;
    line-height: 1.4;
    color: #BF1700;
}

.add-items-main .form-field .form-input {
    margin-top: 6px;
}

.add-items-main .form-field input {
    border: 2px solid #707070;
    border-radius: 6px;
    padding: 20px 15px;
    width: 100%;
    background: transparent;
}

.add-items-main .form-btn {
    margin-top: 47px;
}

.add-items-main .form-btn button {
    color: #fff;
    padding: 21px 15px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s;
    font-size: 18px;
    font-family: 'Poppins';
    font-weight: 400;
    width: 100%;
    background-image: linear-gradient(to right, #5C0000, #BF1700, #5C0000);
    border: none;
}

.add-items-main .form-btn button:hover {
    opacity: 0.9;
}

.review-one-wrapper.add-items .bg-wrapper {
    min-height: 923px;
    display: flex;
    flex-direction: column;
}

.ftr-border {
    margin-top: auto;
}

/* ======subs-tbl======= */

.subs-panel .panel-content {
    display: grid;
    grid-template-columns: 25% 50% 25%;
    justify-content: space-between;
}

.subs-panel .sub-rating {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.subs-2 .subs-panel-text {
    margin-right: 20px
}

.subs-2 .rating-box-2 {
    margin-top: 14px;
}

.subs-2 .rating-box-2 .rating-right {
    display: flex;
    justify-content: flex-end;
}

.subs-panel .rating-left {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.subs-panel .rating-box-2 .rating-left {
    justify-content: flex-end;
    margin-right: 18px;
}

.subs-panel .back-btn a {
    text-decoration: none;
}

.subs-panel .back-btn button {
    color: #fff;
    padding: 16px 17px 16px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s;
    font-size: 20px;
    font-family: 'poppins';
    font-weight: 400;
    background: #000;
    display: flex;
    align-items: center;
    border: none;
}

.subs-panel .back-btn button span {
    margin-right: 10px;
    max-width: 22px;
    height: 20px
}

.subs-panel .back-btn button span img {
    width: 100%;
    height: 100%;
}


.subs-panel .back-btn button:hover {
    opacity: 0.9;
}

.subs-panel .rating-box-main {
    display: flex;
    justify-content: end;
}

.subs-panel .rating-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.subs-panel .sub-rating p {
    font-family: poppins;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    margin-left: 20px;
}

.subs-panel .sub-rating h2 {
    font-family: poppins;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.3;
    padding-left: 20px;
}

/* --tbl-2------ */
.subs-tbl-wrapper {
    margin: 50px 0;
}

.subs-tbl-wrapper .tbl-2 {
    background: none;
    overflow-x: auto;
}

.subs-tbl-wrapper .tbl-2 tr:first-child {
    background-image: linear-gradient(to right, #5C0000, #BF1700, #5C0000);
}

.subs-tbl-wrapper .tbl-2 table {
    width: 100%;
    border-collapse: collapse;
}

.subs-tbl-wrapper .tbl-2 button {
    color: #fff;
    padding: 18px 42px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s;
    font-size: 16px;
    font-family: 'Poppins';
    font-weight: 400;
    background-image: linear-gradient(to right, #5C0000, #BF1700, #5C0000);
    border: none;
}

.subs-tbl-wrapper .tbl-2 button:hover {
    opacity: 0.9;
}

.subs-tbl-wrapper .tbl-2 th,
.subs-tbl-wrapper .tbl-2 td {
    font-family: poppins;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    width: auto;
}

.subs-tbl-wrapper .tbl-2 td:last-child {
    text-align: right;
}

.subs-tbl-wrapper .tbl-2 table th {
    text-align: left;
    vertical-align: top;
    color: #fff;
    padding: 25px 10px 25px 10px;
}

.subs-tbl-wrapper .tbl-2 td {
    border-bottom: 1px solid #1D1815;
    color: #000;
    padding: 37px 10px 37px 10px;
}


.subs-tbl-wrapper .tbl-2 tr:last-child td {
    border: none;
}

/* =======Add-items-tbl=== */
.subs-panel .sub-rating button {
    color: #fff;
    padding: 18px 42px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s;
    font-size: 16px;
    font-family: 'Poppins';
    font-weight: 400;
    background-image: linear-gradient(to right, #5C0000, #BF1700, #5C0000);
    border: none;
}

.subs-panel .sub-rating button:hover {
    opacity: 0.9;
}

.add-item-sngl table th:last-child {
    text-align: right;
}

.add-item-sngl .subs-tbl-wrapper .tbl-2 table th {
    padding: 25px 20px 25px 20px;
}

.add-item-sngl .subs-tbl-wrapper .tbl-2 table td {
    padding: 37px 20px 37px 20px;
}

.add-item-sngl .subs-tbl-wrapper .tbl-2 table td img {
    cursor: pointer;
}


/* =========subscription-details-1======= */
.subs-panel .renewal {
    text-align: right;
}

.subs-panel .renewal p {
    font-family: Muli;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
}


.subs-panel .renewal p span {
    font-weight: 700;
    color: #BF1700;
}

.subs-det-1 .subs-tbl {
    margin: 12px auto 90px;
}

.subs-det-1 .subs-tbl-wrapper {
    margin: 15px 0;
}

/* ======tracking-order====== */

.order-wrapper {
    padding: 60px 0;
    /* min-height: 750px; */
}

.sub-dashboard{
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background-image: linear-gradient(180deg, #D9F0F9, #DEE4ED);
}

.sub-dashboard .ftr-border{
    margin-top: auto;
}

.sub-dashboard .update-btns-wrapper{
    margin-top: 70px;
}

.order-main {
    display: flex;
    flex-wrap: wrap;
}

.order-main .order {
    max-width: 339px;
    width: 100%;
    margin: 15px 20px 15px 0;
}

.order-main .order:last-child {
    margin: 15px 0px 0 0px;
}


.update-btns-wrapper {
    padding: 15px 0;
}

.update-btns-main {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.update-btns-main .update-btn {
    margin-right: 20px;
}

.update-btns-main .update-btn a {
    text-decoration: none;
    display: flex;
    align-items: center;
    color: #fff;
    background: url("../images/btn-bg.png") no-repeat;
    padding: 17px 25px;
    border-radius: 10px;
    font-size: 17px;
    font-family: poppins;
    font-weight: 400;
    transition: all 0.3s;
    justify-content: center;
}

.update-btns-main .update-btn a:hover {
    opacity: 0.9;
}

.order-main .order:hover img {
    opacity: 0.9
}

.order-main .order img {
    transition: opacity 0.4s;
    width: 100%;
}

/* ======settings-------- */
.settings .save-btn button {
    color: #fff;
    padding: 20px 15px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s;
    font-size: 18px;
    font-family: 'Poppins';
    font-weight: 400;
    width: 100%;
    background-image: linear-gradient(to right, #5C0000, #BF1700, #5C0000);
    border: none;
}

.settings .save-btn button:hover {
    opacity: 0.9;
}

.register-wrapper-2.settings .save-btn {
    margin-top: 72px;
}

.settings .profile-content {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    margin-top: 16px;
}

.settings .profile-content img {
    width: 100%;
}

.settings .p-upload-icon {
    margin-left: 37px;
    cursor: pointer;
}

.register-wrapper-2.settings .register-box {
    max-width: 813px;
    margin: 60px 0 0;
    padding: 66px 118px;
}

.register-wrapper-2.settings .container {
    max-width: 1440px;
}

.register-wrapper-2.settings .register-content {
    max-width: 412px;
    margin: 0;
}

.settings .setting-text-wrapper {
    display: flex;
    align-items: center;
}

.settings .setting-icon {
    background: linear-gradient(to bottom, #5C0000, #BF1700);
    padding: 15px 15px;
    border-radius: 10px;
}

.settings .setting-icon img {
    width: 100%;
}

.settings h1 {
    font-family: Muli;
    font-weight: 700;
    font-size: 40px;
    line-height: 1.2;
    margin-left: 12px;
}

.register-wrapper-2.settings label {
    line-height: 1.3;
    font-size: 16px;
}

.register-wrapper-2.settings input,
.register-wrapper-2.settings input::placeholder {
    font-size: 15px;
}

.register-wrapper-2.settings input {
    padding: 20px 15px;
    border: 2px solid #707070;
}

.register-wrapper-2.settings .input-field {
    margin-top: 3px;
}

.register-wrapper-2.settings .text-fields {
    margin-top: 43px;
}

.register-wrapper .alert {
    margin-top: 20px;
    text-align: center;
}

.register-wrapper .alert a {
    transition: all 0.3s;
    font-family: Arial;
}

.register-wrapper .alert a:hover {
    text-decoration: none;
}

/*==========update-profil styling=====- */
.update-p-wrapper {
    padding: 70px 0 122px;
}

.update-p-main {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: #F5F5F5;
    padding: 40px 50px 77px;
}

.update-p-left {
    max-width: 540px;
    width: 100%;
}

.update-p-right {
    width: calc(100% - 618px);
}

/* --update-profile-left styling--- */
.update-p-main h2 {
    font-size: 40px;
    font-family: poppins;
    font-weight: 700;
    line-height: 1.2;
}

.update-p-main .update-p-left h2 {
    margin-top: 14px;
}

.update-p-main h3 {
    font-size: 25px;
    font-family: poppins;
    /*     line-height: 1.2; */
}

.update-p-main .designation {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    margin-top: 8px;
}

.update-p-main .designation h3 {
    font-weight: 600;
    margin-right: 30px;
    color: #860100;
}

.update-p-main .edit-icon {
    max-width: 21.6px;
    align-self: flex-start;
}

.update-p-main .edit-icon img {
    width: 100%;
}

.update-p-main .other-det-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 28px;
}

.update-p-main .other-det-wrapper .other-det {
    padding-right: 10px;
}

.update-p-main .other-det {
    display: flex;
    margin-top: 28px;
    align-items: center;
}

.update-p-main .other-det-wrapper .other-det:last-child {
    padding-right: 0;
}

.update-p-main .other-det p {
    margin: 0 14px;
    font-size: 18px;
    font-family: poppins;
    font-weight: 400;
}

.other-det-icon.profile {
    max-width: 22.6px;
}

.other-det-icon img {
    width: 100%;
}

.other-det-icon.address {
    max-width: 18.2px;
}

/* --update-profile-right styling--- */
.update-p-right .up-head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.update-p-right .up-head-left {
    display: flex;
    align-items: center;
}

.update-p-right .up-head-left .up-left-icon {
    max-width: 50px;
}

.update-p-right .up-head-left .up-left-icon img {
    width: 100%;
}

.update-p-right .up-head-left h3 {
    font-weight: 400;
    margin-left: 20px;
}

.update-p-right .up-head-left {
    margin-right: 60px;
}

.update-p-right .update-des-main {
    margin-top: 40px;
}

.update-p-right .update-des-main label {
    font-weight: 600;
    color: #860100;
    font-family: poppins;
    font-size: 25px;
    line-height: 1.2
}

.update-p-right .up-des-box {
    background: #fff;
    border-radius: 30px;
    padding: 40px 43px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 15px;
    position: relative;
    margin-top: 27px;

}

.update-p-right textarea {
    resize: none;
    width: 100%;
    height: 150px;
    padding: 20px 20px;
    border-radius: 20px;
    border: 2px solid #707070;
    font-family: poppins;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
}

.update-p-right .up-des-box:before {
    position: absolute;
    content: 'Max 200 words';
    bottom: 60px;
    right: 85px;
}

.update-p-right .up-btn {
    margin-top: 25px;
    text-align: right;
}

.update-p-right button {
    color: #fff;
    padding: 18px 20px;
    border-radius: 6px;
    min-width: 212px;
    cursor: pointer;
    transition: all 0.3s;
    font-size: 18px;
    font-family: 'Poppins';
    font-weight: 400;
    background-image: linear-gradient(to right, #5C0000, #BF1700, #5C0000);
    border: none;
}

.update-p-right button:hover {
    opacity: 0.9;
}

/* =====create-subs-form========= */
.cr-subs-wrapper {
    padding: 53px 0 105px;
}

.cr-subs .cr-subs-head {
    background-image: linear-gradient(to right, #5C0000, #BF1700, #5C0000);
    padding: 20px 30px;
    border-radius: 6px;
}

.cr-subs .cr-subs-head h2 {
    color: #fff;
    font-size: 25;
    font-weight: 700;
    font-family: poppins;
    line-height: 1.2;
}

.cr-subs .cr-subs-form label {
    color: #BF1700;
    font-size: 18px;
    font-family: poppins;
    font-weight: regular;
}

.cr-subs .input-wrapper {
    margin-top: 10px;
}

.cr-subs .input-wrapper.merged-btn {
    display: flex;
}

.cr-subs .input-wrapper.merged-btn input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 2px solid transparent
}

.cr-subs .input-wrapper button {
    background: #000;
    color: #fff;
    padding: 0 27px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;

}

.cr-subs .input-wrapper input,
.cr-subs .input-wrapper select,
.cr-subs .input-wrapper textarea {
    width: 100%;
    padding: 20px 12px;
    background: transparent;
    border: 2px solid #707070;
    border-radius: 6px;

}

.cr-subs .input-wrapper textarea {
    resize: none;
}


.cr-subs .field-m-wrapper.pkg-renewal {
    margin-top: 93px;
}


.cr-subs .add-btn {
    margin-top: 28px;
}

.cr-subs .add-btn button {
    background: #4a4f53;
    color: #fff;
    border: 2px solid #4a4f53;
    padding: 10px 10px;
    transition: all 0.3s;
    font-size: 16px;
    font-weight: 400;
    font-family: poppins;
    cursor: pointer;
}

.cr-subs .add-btn button:hover {
    background: transparent;
    color: #000;
}

.cr-subs .field-m-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.cr-subs .field-wrapper {
    margin-top: 50px;
    width: calc(50% - 10px)
}

.cr-subs .field-wrapper.field-des {
    width: 100%;
}

.cr-subs .field-wrapper h3 {
    font-size: 18px;
    font-weight: 600;
    font-family: poppins;
    line-height: 1.2;
    color: #BF1700;
}


.cr-subs .field-wrapper p {
    margin-top: 10px;
    font-size: 22px;
    font-weight: 400;
    font-family: poppins;
    line-height: 1.2;
}

.cr-subs .field-wrapper.cr-btn {
    margin-top: 32px;
}

.cr-subs .create-btn button {
    background-image: linear-gradient(to right, #5C0000, #BF1700, #5C0000);
    color: #fff;
    padding: 22px 20px;
    transition: all 0.3s;
    font-size: 18px;
    font-weight: 400;
    font-family: poppins;
    cursor: pointer;
    border: none;
    width: 100%;
}

.cr-subs .create-btn button:hover {
    opacity: 0.9;
}

.cr-subs .cr-subs-r-content {
    width: 262px;
    margin-top: 80px;
}

.cr-subs .cr-subs-right .img-holder {
    border: 2px solid #707070;
    height: 262px;
    width: 100%;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cr-subs .cr-subs-right .img-holder img {
    width: 31.5px;
    height: 31.5px;
}

.cr-subs .cr-subs-right p {
    font-family: poppins;
    font-size: 18px;
    font-weight: 400;
    color: #BF1700;
    text-align: center;
    margin-top: 12px;
}

.cr-subs .cr-subs-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.cr-subs .cr-subs-form .cr-subs-left {
    width: calc(57% - 60px);
}

.cr-subs .cr-subs-right {
    width: calc(43% - 94px);
    width: 37%;
}

.FAQ-p .ftr-col.col-three h3,
.FAQ-p .accordian-head h5{
    color: #000;
}

.FAQ-p .accordian {
    border-bottom: 1px solid #000;
    width: 100%;
}

.FAQ-p .ftr-col.col-three {
    width: 100%;
}

.FAQ-p .accordian-para p{
    color: #080606;
}
/* ---------------MQ------------- */
@media screen and (max-width: 1600px) {
    .my-logo {
        margin-left: 15px;
        max-width: 60px;
    }

    .info-box {
        width: calc(25% - 60px);
        margin: 0 30px;
    }

    .overlay-ftr {
        left: -60px;
        max-width: 250px;
    }

    .divider {
        min-height: 150px;
    }

    /* ==========review-page styling======= */
    /* ------empire-des-section----- */
    .empire-des>div {
        width: calc(50% - 30px);
    }

    .empire-des h2 {
        font-size: 35px;
    }

    .empire-des .empire-body {
        margin-left: 30px;
    }

    .empire-des h3 {
        font-size: 27px;
    }

    /* ====register==== */

    .register-wrapper .my-form .input-field input {
        padding: 20px 15px;
    }

    .register-wrapper .my-form .input-field.select-field {
        padding: 0px 15px;
    }

    .register-wrapper .my-form .input-field select {
        padding: 20px 0;
    }

    .register-wrapper .input-field {
        margin-top: 36px;
    }

    .register-wrapper .submit-btn button {
        padding: 17px 37px;
    }

    .register-wrapper .submit-btn {
        margin-top: 20px;
    }


    /* ===register--7 */
    .register-wrapper-2 input {
        padding: 22px 22px;
    }

    .register-wrapper-2 .text-fields {
        margin-top: 36px;
    }

    .register-wrapper-2 .submit-btn {
        margin-top: 36px;
    }

    .register-wrapper-2 .submit-btn button {
        border: 3px solid #000;
        padding: 20px 15px;
    }

    /* ====sub panel */
    .subs-panel .navbar:before {
        font-size: 30px;
    }

    .subs-panel .ftr-border {
        min-height: 12px;
    }

    .subs-panel .panel-content {
        grid-template-columns: auto;
        grid-template-areas: 'back-btn sub-rating' 'subs-panel-text subs-panel-text';
        align-items: center;
        justify-content: space-between;
        grid-row-gap: 25px;

    }

    .subs-det-1 .subs-panel .panel-content {
        justify-content: space-between;
    }

    .subs-panel .back-btn {
        grid-area: back-btn;
    }

    .subs-panel .subs-panel-text {
        grid-area: subs-panel-text;
        margin: auto;
    }

    .subs-panel .sub-rating {
        grid-area: sub-rating;
    }

    .update-p-main h2 {
        font-size: 35px;
    }

    .update-p-right .up-head-left {
        margin-right: 20px;
    }
}

@media screen and (max-width: 1400px) {

    /* ---subscription-section--- */
    .subs-box {
        grid-template-columns: auto auto auto auto;
        padding: 23px 23px 23px;
        row-gap: 15px;
        column-gap: 0;
    }

    .subs-col {
        padding: 0 15px;
    }

    

    .subs-box .subs-des {
        align-items: flex-start;
        flex-direction: column;
    }

    .subs-box .subs-col:last-child {
        align-self: start;
    }

    .subs-box .des-text-tab,
    .subs-box .des-text-one {
        margin-top: 10px;
    }

    .subs-box .subs-des-right {
        padding: 15px 0 0;
    }

    /* =====create-subs-form=== */
    .cr-subs .cr-subs-form .cr-subs-left {
        width: calc(57% - 10px);
    }

}

@media screen and (max-width: 1200px) {
    .service-box {
        margin-right: 40px;
        width: calc(50% - 40px)
    }

    .service-box:last-child {
        margin-right: 0px;
        width: calc(50% - 0px);
    }

    .info-box {
        width: calc(25% - 40px);
        margin: 0 20px;
        padding: 40px 15px 25px;
    }

    .divider {
        min-height: 100px;
    }

    /* ==========review-page styling======= */
    /* ------empire-des-section----- */
    .empire-des>div {
        width: calc(100% - 0px);
    }

    .empire-des .palace-des {
        margin-top: 20px;
    }

    .subs-panel .navbar:before {
        font-size: 25px;
    }

    .my-logo {
        max-width: 50px;
    }

    .navbar-wrapper {
        padding: 12px 0 12px;
    }

    .navbar-right {
        max-width: 45px;
    }

    .subs-panel .subs-box {
        grid-template-columns: auto auto auto auto;
    }

    .subs-panel-text h1 {
        font-size: 45px;
    }

    .subs-box .des-text-tab {
        display: flex;
    }

    .subs-box .des-text-one {
        display: none;
    }

    .update-p-left {
        max-width: 100%;
    }

    .update-p-right {
        width: calc(100% - 0px);
        margin-top: 60px;
    }

    .update-p-main h2 {
        font-size: 30px;
    }

    .update-p-main h3,
    .update-p-right .update-des-main label {
        font-size: 20px;
    }

    .update-p-main .other-det-wrapper {
        justify-content: flex-start;
    }

    .update-p-main .other-det-wrapper .other-det {
        padding-right: 30px;
    }

    .subs-col-a {
        grid-area: 1/1/2/4;
        margin-bottom: 15px;
    }

    .subs-col-b {
        grid-area: 2/2/3/3;
        margin-top: 0;
    }

    .subs-col-c {
        grid-area: 2/1/3/2;
    }

    .subs-col-d {
        grid-area: 2/3/3/4;
    }
}

@media screen and (max-width: 1024px) {
    .hero .main-box {
        max-width: 100%;
        padding: 92px 40px;
    }

    .hero {
        min-height: 460px;
    }

    .hero-text h1 {
        font-size: 35px;
    }

    /* ---services-sec */
    .services-sec {
        max-width: 500px;
        margin: 0 auto;
    }

    .services-wrapper h2 {
        text-align: center
    }

    .service-img {
        height: 250px;
    }

    .services-wrapper {
        padding: 71px 0 100px;
    }

    .service-box {
        margin-right: 0px;
        width: calc(100% - 0px);
        max-width: 100%;
        margin: 20px 0;
        min-height: 327px;
    }

    .service-box:last-child {
        margin-right: 0px;
        width: calc(100% - 0px);
    }

    /*---- info sec */
    .info-box {
        width: calc(50% - 40px);
        padding: 40px 30px 25px;
        margin: 20px auto;
    }

    .ftr-col.col-one {
        width: 50%;
    }

    .ftr-col.col-two {
        width: 50%;
    }

    .ftr-col.col-three {
        width: 100%;
        margin-top: 30px;
        padding-right: 0;
    }

    .footer-main {
        padding: 76px 0 250px;
    }

    /* ====subs-panel */
    .subs-panel .navbar:before {
        font-size: 22px;
    }

    .subs-panel .navbar-right {
        max-width: 40px;
    }

    .subs-tbl-wrapper .tbl-2 td {
        padding: 27px 15px 27px 15px;
    }

    .add-item-sngl .subs-tbl-wrapper .tbl-2 table td {
        padding: 27px 20px 27px 20px;
    }

    .subs-tbl-wrapper .tbl-2 th {
        padding: 15px 15px 15px 15px;
    }

    .add-item-sngl .subs-tbl-wrapper .tbl-2 table th {
        padding: 15px 20px 15px 20px;
    }

    .subs-tbl-wrapper .tbl-2 th,
    .subs-tbl-wrapper .tbl-2 td {
        font-size: 14px;
    }

    .subs-tbl-wrapper .tbl-2 button {
        font-size: 14px;
        padding: 14px 16px;
    }

    .order-wrapper {
        padding: 60px 0;
    }

    .subs-panel h4 {
        font-size: 22px;
    }

    /* =====create-subs-form=== */
    .cr-subs .cr-subs-form .cr-subs-left {
        width: calc(57% - 10px);
    }

    /* =====create-subs-form=== */
    .cr-subs .cr-subs-form .cr-subs-right {
        max-width: 262px;
        width: 100%;
    }

    .cr-subs .cr-subs-form .cr-subs-left {
        width: calc(100% - 300px);
    }

    .cr-subs .field-wrapper {
        margin-top: 40px;
        width: calc(100% - 0px);
    }

    .cr-subs .cr-subs-r-content {
        margin-top: 67px;
    }

}

@media screen and (max-width: 768px) {
    .hero .main-box {
        padding: 92px 20px;
    }

    .hero-text h1 {
        font-size: 30px;
    }

    .hero-btn button {
        font-size: 18px;
    }

    .service-box1 {
        margin-right: 0;
        width: calc(100% - 0px)
    }

    .service-box2 {
        width: 100%;
    }

    .service-box {
        min-height: 427px;
        margin-bottom: 20px;
    }

    .service-img {
        height: 310px;
    }

    .services-wrapper h2 {
        font-size: 35px;
    }

    .services-wrapper {
        padding: 70px 0 70px;
    }

    /*-------info-sec */
    .info-box {
        width: calc(100% - 0px);
        padding: 40px 30px 40px;
        margin: 20px 0;
    }

    .footer-main {
        padding: 76px 0 115px;
    }

    .ftr-col.col-one {
        width: 100%;
    }

    .ftr-col.col-two {
        width: 100%;
    }

    .ftr-col {
        padding-right: 0;
        margin-top: 40px;
    }

    .social-icons {
        margin-top: 20px;
    }

    .copyright-content {
        flex-direction: column;
        align-items: flex-end;
    }

    .copyright-left {
        padding: 10px 0 0px;
    }

    .overlay-ftr {
        left: -40px;
        max-width: 183px;
    }

    /* ==========review-page styling======= */
    /* ------empire-des-section----- */
    .empire-des .empire-body {
        margin: 15px 0 0;
    }

    .empire-des .empire {
        flex-direction: column;
        align-items: flex-start;
    }

    .empire-des .empire-img {
        width: 100%;
    }

    .empire-des {
        padding: 35px 35px;
    }


    .empire-des h2 {
        font-size: 30px;
    }

    .empire-des h3 {
        font-size: 25px;
    }

    .empire-des p,
    .empire-des .txt-with-icon a {
        font-size: 16px;
    }

    /* -----subscription-sec-- */
    .subs-box {
        grid-template-columns: max-content;
    }

    .subs-col-b {
        grid-area: 3/1/4/2;
    }

    .subs-col-c {
        grid-area: 2/1/3/4;
        padding: 0;
    }

    .subs-col-d {
        grid-area: 3/2/4/3;
    }

    .subs-box {
        background-position: left;
    }

    .subs-wrapper h2 {
        font-size: 30px;
    }

    /* -=====side-bar----- */
    .side-nav-wrapper:before {
        max-width: 205px;
        height: 170px;
    }

    .side-nav-wrapper:after {
        max-width: 330px;
    }

    /* =======review 2=== */
    .subs-tbl table th,
    .subs-tbl table td {
        font-size: 16px;
    }

    .subs-tbl {
        padding: 13px 10px;
    }

    .subs-tbl table {
        margin-top: 20px;
    }

    /* =====register-wrapper== */
    .register-wrapper {
        padding: 92px 30px;
    }

    .register-wrapper h1 {
        font-size: 35px;
    }

    .register-wrapper .input-field input {
        padding: 15px 10px;
    }

    .register-wrapper .input-field.select-field {
        padding: 0 10px;
    }

    .register-wrapper .input-field select {
        padding: 15px 0;
    }

    .register-wrapper .input-field {
        margin-top: 27px;
    }

    .register-wrapper .submit-btn button {
        padding: 14px 20px;
    }

    .register-wrapper .submit-btn {
        margin-top: 30px;
    }

    .register-wrapper .input-container .input-field {
        width: calc(100% - 0px)
    }

    .register-wrapper .radio-field span {
        width: 20px;
        height: 20px;
    }

    .register-wrapper .radio-field span:after {
        position: absolute;
        content: '';
        background: #000;
        width: 11px;
        height: 11px;
    }

    .register-wrapper .radio-field {
        margin-right: 30px;
    }

    .register-wrapper .radio-field label {
        margin-left: 13px;
    }

    .register-wrapper .my-form {
        margin-top: 20px;
    }

    /* =====register-user====== */

    .register-user .register-content {
        padding: 0 15px;
    }

    /* ======register-success======= */
    .register-success {
        padding: 0;
    }

    .register-success .register-box {
        min-height: 368px;
    }

    .register-success .register-wrapper h1 {
        font-size: 40px;
    }

    .register-success .register-wrapper p {
        font-size: 20px;
    }

    /* ======register-4======= */
    .register-wrapper-2 input {
        padding: 17px 20px;
    }

    .register-wrapper-2 input,
    .register-wrapper-2 input::placeholder,
    .register-wrapper-2 select {
        font-size: 16px;
    }

    .register-wrapper-2 .text-fields {
        margin-top: 30px;
    }

    .register-wrapper-2 .submit-btn {
        margin-top: 30px;
    }

    .register-wrapper-2 select {
        padding: 18px 20px;
    }

    .register-wrapper-2 label {
        font-size: 18px;
    }

    .register-wrapper-2 {
        padding: 60px 30px;
    }

    .register-wrapper-2 .card-details .input-field {
        width: 100%;
    }

    .register-wrapper-2 .card-details .input-field:first-child input {
        border-right: 2px solid #E7EBF0;
        border-bottom-left-radius: 0px;
    }

    .register-wrapper-2 .card-details .input-field:last-child input {
        border-bottom-left-radius: 10px;
    }

    .register-wrapper-2 .submit-btn button {
        padding: 15px 15px;
        font-size: 17px;
    }

    /* ======subs-panel=== */
    .subs-panel .navbar:before {
        font-size: 17px;
    }

    .subs-panel .my-logo {
        max-width: 60px
    }

    .subs-panel .navbar:before {
        padding: 0 30px;
    }

    .subs-panel .navbar-right {
        max-width: 35px;
    }

    .subs-panel .subs-col-d {
        grid-area: 4/1/4/5;
    }

    .subs-panel .subs-col-b {
        grid-area: 3/1/4/4;
    }

    .subs-panel .subs-box .subs-des-right {
        padding: 7px 0 0;
    }

    .subs-panel .subs-box {
        grid-template-columns: 100%;
    }

    .subs-panel-text h1 {
        font-size: 35px;
    }

    .subs-panel-text p {
        font-size: 16px;
        margin-top: 15px;
    }

    .subs-box h5,
    .subs-box li {
        font-size: 18px;
    }

    .subs-panel h4 {
        font-size: 20px;
    }

    .subs-panel .panel-content {
        grid-template-areas:
            'back-btn'
            'subs-panel-text'
            'sub-rating'
        ;
        grid-row-gap: 35px;
    }

    .subs-panel .sub-rating {
        align-items: center;
    }

    .subs-2 .rating-box-2 {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    .subs-2 .rating-box {
        justify-content: center;
    }

    .subs-panel .sub-rating h2 {
        font-size: 22px;
        padding-left: 10px;
    }

    .subs-panel .rating-box-2 .rating-left {
        margin: 0;
    }

    .subs-panel .sub-rating p {
        margin-left: 5px;
        font-size: 16px;
    }

    /* =========add-item-tbl==== */
    .add-item-sngl.subs-panel .panel-content {
        grid-template-areas:
            'subs-panel-text subs-panel-text'
            'back-btn sub-rating';
    }

    .add-item-sngl.subs-panel .sub-rating {
        justify-content: flex-end;
        flex-direction: row;
    }

    /* ----update-profile-1 */
    .order-main {
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }

    .order-main .order {
        margin: 10px 0;
    }

    .register-wrapper-2.settings .register-box {
        padding: 60px 40px;
    }

    .register-wrapper-2.settings .register-content {
        margin: auto;
    }

    .register-wrapper-2.settings {
        padding: 60px 15px;
    }

    .register-wrapper-2.settings input {
        padding: 17px 15px;
    }

    .register-wrapper-2.settings .text-fields {
        margin-top: 30px;
    }

    .register-wrapper-2.settings .save-btn {
        margin-top: 50px;
    }

    /* =======update-profile===== */
    .update-p-main .other-det p {
        font-size: 16px;
    }

    .update-p-right .up-head {
        flex-direction: column;
    }

    .update-p-right .up-head-right {
        margin-top: 10px;
    }

    .update-p-right .up-des-box {
        padding: 22px 22px;
    }

    .update-p-right .up-des-box:before {
        bottom: 35px;
        right: 50px;
    }

    .update-p-right .up-head-left {
        margin-right: 0;
    }

    .update-p-wrapper {
        padding: 24px 0 80px;
    }

    /* =====create-form-sec */
    .cr-subs .field-m-wrapper.pkg-renewal {
        margin-top: 60px;
    }

    .cr-subs .input-wrapper input,
    .cr-subs .input-wrapper select,
    .cr-subs .input-wrapper textarea {
        width: 100%;
        padding: 16px 12px;
    }

    .cr-subs .field-wrapper {
        margin-top: 30px;
    }

    .cr-subs .cr-subs-r-content {
        margin-top: 57px;
    }

    .cr-subs .cr-subs-form {
        flex-direction: column-reverse;
    }

    .cr-subs .cr-subs-form .cr-subs-left {
        width: 100%;
    }

    .cr-subs .create-btn button {
        padding: 18px 20px;
    }
}

@media screen and (max-width: 480px) {
    .white-box {
        flex-wrap: wrap;
    }

    .hero-btn button {
        font-size: 16px;
        padding: 14px 20px 18px;
    }

    /* ----service */
    .service-box {
        min-height: 330px;
    }

    .service-img {
        height: 220px;
    }

    .services-wrapper h2 {
        font-size: 30px;
    }

    /* -----info-sec */
    .info-wrapper {
        padding: 50px 0;
    }

    .info-box {
        margin: 10px 0;
    }

    .overlay-ftr {
        display: none;
    }

    .footer-main {
        padding: 50px 0 50px;
    }

    /* ==========review-page styling======= */
    /* ------empire-des-section----- */
    .empire-des {
        padding: 20px 20px;
    }

    .subs-col-d {
        grid-area: 4/1/4/5;
    }

    .subs-col-b {
        grid-area: 3/1/4/4;
    }

    .subs-box {
        grid-template-columns: 100%;
        padding: 28px 13px;
    }

    /* -=====side-bar----- */
    .side-nav-wrapper:before {
        max-width: 210px;
        height: 170px;
    }

    .side-nav-wrapper:after {
        max-width: 240px;
    }

    .subs-tbl table th,
    .subs-tbl table td {
        font-size: 14px;
    }

    /* =====register-wrapper== */
    .register-wrapper {
        padding: 0px 0px;
    }

    .register-wrapper h1 {
        font-size: 28px;
    }

    .register-wrapper .register-box {
        border-radius: 0;
        padding: 60px 20px;
        box-shadow: none;
    }

    .register-wrapper .profession {
        flex-direction: column;
    }

    .register-wrapper .radio-field {
        margin: 8px 0;
    }

    .register-wrapper .radio-field:first-child {
        margin: 0;
    }

    .register-success .register-wrapper .register-box {
        border-radius: 20px;
        padding: 60px 20px;
        box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px;
    }

    .register-success .register-wrapper {
        padding: 50px 15px;
    }

    /* ====register-7=== */
    .register-wrapper-2 {
        padding: 50px 0px;
    }

    .register-wrapper-2 .register-box {
        padding: 23px 20px;
        border-radius: 0;
        box-shadow: none;
    }

    .register-wrapper-2 input,
    .register-wrapper-2 select {
        padding: 17px 12px;
    }

    /* ====subs-panel */
    .subs-panel .navbar:before {
        font-size: 12px;
    }

    .subs-panel .navbar:before {
        padding: 0 8px;
        left: 50%;
    }

    .subs-panel .navbar-right {
        max-width: 30px;
    }

    /* ==add-item-tbl-===== */
    .add-item-sngl.subs-panel .panel-content {
        grid-template-areas:
            'back-btn'
            'subs-panel-text'
            'sub-rating';
        justify-content: center;
    }

    .add-item-sngl.subs-panel .sub-rating {
        justify-content: center;
    }

    .add-item-sngl.subs-panel .back-btn {
        justify-self: center;
    }

    .order-wrapper {
        padding: 20px 0;
    }

    .update-btns-main {
        flex-direction: column;
        align-items: flex-start;
    }

    .update-btns-main .update-btn {
        margin: 10px 0;
        max-width: 230px;
        width: 100%;
    }

    .register-wrapper-2.settings {
        padding: 60px 0;
    }

    .register-wrapper-2.settings .register-box {
        padding: 60px 30px;
    }

    .update-p-main {
        padding: 40px 20px;
    }

    .update-p-right .up-head {
        align-items: flex-start;
    }

    .update-p-right button {
        min-width: 100%;
    }

    .cr-subs .cr-subs-form {
        align-items: center;
    }
}

@media screen and (max-width: 375px) {

    .subs-tbl table th,
    .subs-tbl table td {
        font-size: 12px;
        padding: 14px 7px;
    }

}