:root {
    --yellow_color: #ffc600;
    --yellow_color_dark: #ffaa00;
    --blue_color: #71dbeb;
    --pink_color: #ffa5ff;
    --red_color: #952e46;
    --red_color_main: #f64a19;
    --red_color_2: #e24a19;
    --new_red_color: #ff3200;
    --green_color: #027a3e;
    --green_color_2: #007d36;
    --green_light_color: #51b77a;
}
.big_container {
    margin: 0 auto;
    padding-left:15px;
    padding-right:15px;
    max-width: 1790px;
}
.franchise_text_container {
    max-width: 1242px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
}
.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: transparent;
}
.modal {
    background-color: rgb(0 0 0 / 50%);
}
.row_space_7 {
    margin-left: -7px;
    margin-right: -7px;
}
.row_space_7 .colm {
    padding-left: 7px;
    padding-right: 7px;
}
.w-100 {
    width: 100%;
}
.list_style_none {
    list-style: none;
    margin: 0;
    padding: 0;
}
.bg_black {
    background: #000000;
}
.gray_text {
    color: #afafaf;   
}
.main_red_text {
    color: var(--red_color_main);
}
.red_text {
    color: var(--red_color);
}
.yellow_text {
    color: var(--yellow_color);
}
.green_text {
    color: var(--green_color);
}
.green_text2 {
    color: var(--green_color_2);
}
.bg_green {
    background: var(--green_color);
}
.bg_green2 {
    background: var(--green_color_2); 
}
.bg_green_light {
    background: var(--green_light_color); 
}
.bg_yellow {
    background: var(--yellow_color);
}
.bg_blue {
    background: var(--blue_color);
}
.bg_red {
    background: var(--red_color);
}
.bg_pink_light {
    background: #fbdeff;
}
.bg_red_main {
    background: var(--red_color_main);
}
.bg_pink {
    background-color: #ffa5ff;
}
html {
    scroll-behavior: smooth;
}
body {
    color: #333333;
    background: var(--yellow_color);
    font-size: 20px;
    font-weight: 900;
    margin: 0px !important;
    padding: 0px !important;
    font-family: 'Mayonnaise_black';
    overflow-x: hidden;
}
.active_page_body {
    overflow-x: initial;
}
.container_1705 {
    max-width: 1705px;
    margin: 0 auto;
}
.font_rocgrotesk {
    font-family: rocgrotesk;
}
/* form common css */
.gray_placeholder::-webkit-input-placeholder { 
    color: #adadad;
}
.gray_placeholder::-moz-placeholder { 
    color: #adadad;
}
.gray_placeholder:-ms-input-placeholder {
    color: #adadad;
}
.gray_placeholder:-moz-placeholder {
    color: #adadad;
}
/* form common css */
/* bootstarp selectbox  css */
.bootstrap-select {
    width: 100% !important;
}
.bootstrap-select .btn {
    width: 100%;
    height: 50px;
    line-height: 48px;
    background-color: #fff !important;
    border: 1px solid #333333 !important;
    border-radius: 10px;
    padding: 0 18px;
    font-size: 16px;
    font-family: rocgrotesk;
    color: #afafaf !important;
}
.bootstrap-select .btn:active, 
.bootstrap-select .btn:focus, 
.bootstrap-select .btn.active {
    background-color: #fff !important;
    border-color: #333333 !important;
    outline: none !important;
}
.bootstrap-select .dropdown-item {
    padding: 7px 15px;
    color: #333333;
    text-transform: capitalize;
}
.bootstrap-select .dropdown-item.active, 
.bootstrap-select .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: var(--red_color_main);
}
.bootstrap-select .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 10px solid #afafaf;
    border-right: 8px solid transparent;
    border-bottom: 0;
    border-left: 8px solid transparent;
}
.bootstrap-select.dropup .dropdown-toggle::after {
    border-top: 0;
    border-right: 8px solid transparent;
    border-bottom: 10px solid #afafaf;
    border-left: 8px solid transparent;
}
/* bootstarp selectbox  css */
/* owl nav css */
.owl-carousel .owl-nav button {
    position: absolute;
    width: 85px;
    height: 85px;
    background: #333333 !important;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.owl-carousel .owl-nav button img {
    max-width: 60px;
}
.owl-carousel .owl-nav .owl-prev {
   left: 0;
}
.owl-carousel .owl-nav .owl-next {
    right: 0;
}
.owl-carousel .owl-nav button.disabled {
    opacity: 0;
}
.owl-carousel .owl-nav .owl-next >img, .owl-carousel .owl-nav .owl-prev >img {
    -webkit-animation: leftright_anim ease-in-out 1s infinite both;
    animation: leftright_anim ease-in-out 1s infinite both;
}
 /* owl nav css */
 /*datepicker  css*/
.fa-clock-o:before {
    content: "\f017";
}
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
    color: var(--red_color_main);
}
.btn-primary, .btn-primary:hover {
    background-color: var(--red_color_main);
    border-color: var(--red_color_main);
}
/*datepicker css*/
/*Checkbox css*/
.custom_checkbox {
    display: inline-flex;
    font-size: 13px;
    line-height: 15px;
    color: #1A1A1A;
    cursor: pointer;
    margin-bottom: 14px;
    align-items: center;
}
.custom_checkbox .check_control_label {
    position: relative;
    padding-left: 24px;
    margin-bottom: 0;
}
.custom_checkbox input[type="checkbox"], 
.custom_checkbox input[type="radio"] {
    display: none;
}
.custom_checkbox .c_square {
    display: inline-block;
    border: 1px solid #707070;
    background: #ffffff;
    width: 20px;
    height: 20px;
    border-radius: 6px;
    position: absolute;
    left: 0;
    top: 2px;
}
.custom_checkbox .c_square:after {
    content: "\f00c";
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    left: 3px;
    top: 2px;
    font-weight: 400;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-size: 14px;
    opacity: 0;
    visibility: hidden;
}
.custom_checkbox .c_text {
    padding-left: 11px;
    text-align: left;
    color: #333333;
    font-size: 16px;
    line-height: 26px;
    display: block;
    cursor: pointer;
}
.custom_checkbox .c_text a {
    color: #333333;
    text-decoration: none;
}
.custom_checkbox .c_text a:hover {
    color: var(--yellow_color);
    text-decoration: none;
}
.custom_checkbox input:checked ~ .c_square {
    background: var(--yellow_color);
    border-color: var(--yellow_color);
}
.custom_checkbox input:checked ~ .c_square:after {
   color: #ffffff;
   opacity: 1;
   visibility: visible;
}
/*Checkbox css*/
/*Checkbox css*/
.custom_radiobox {
    display: inline-flex;
    font-size: 13px;
    line-height: 15px;
    color: #1A1A1A;
    cursor: pointer;
    align-items: center;
}
.custom_radiobox .r_control_label {
    position: relative;
    padding-left: 22px;
    margin-bottom: 0;
}
.custom_radiobox input[type="radio"] {
    display: none;
}
.custom_radiobox .c_square {
    display: inline-block;
    border: 2px solid #afafaf;
    background: #f7f8f8;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0px;
}
.custom_radiobox .c_square:after {
    content: "";
    position: absolute;
    left: 4px;
    top: 4px;
    bottom: 4px;
    right: 4px;
    background: #333333;
    opacity: 0;
    visibility: hidden;
    border-radius: 50%;
}
.custom_radiobox .c_text {
    padding-left: 10px;
    text-align: left;
    color: #2A2A2A;
    font-size: 16px;
    line-height: 24px;
    display: block;
}
.custom_radiobox .c_text a {
    color: #2A2A2A;
    text-decoration: none;
}
.custom_radiobox .c_text a:hover {
    color: var(--yellow_color);
    text-decoration: none;
}
.custom_radiobox input:checked ~ .c_square:after {
   opacity: 1;
   visibility: visible;
}
/*radiobox css*/
/*====== common css start ======*/
.overlay_dv {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
img {
    max-width: 100%;
}
a {
    text-decoration: none !important;
}
p, ul li, ol li {
    font-family: rocgrotesk;
}
p {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
}

h1, h2, h3, h4, h5 {
    padding: 0;
    color: #333333;
}
strong, bold {
    font-weight: bold;
}
input, a, button, .transition, img, svg {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
input:focus, select:focus, button:focus, textarea:focus {
    outline: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}
.mr_b_0{
    margin-bottom:0;
}
.mr_b_10{
    margin-bottom:10px;
}
.mr_b_12{
    margin-bottom:12px;
}
.mr_b_13{
    margin-bottom:13px;
}
.mr_b_14{
    margin-bottom:14px;
}
.mr_b_15{
    margin-bottom:15px;
}
.mr_b_20{
    margin-bottom:20px;
}
.mr_b_25{
    margin-bottom:25px;
}
.mr_b_30{
    margin-bottom:30px;
}
.mr_b_35{
    margin-bottom:35px;
}
.mr_b_40{
    margin-bottom:40px;
}
.mr_b_45{
    margin-bottom:45px;
}
.mr_b_50{
    margin-bottom:50px;
}
.mr_b_55{
    margin-bottom:55px;
}
.mr_b_60{
    margin-bottom:60px;
}
.mr_b_65 {
    margin-bottom:65px;
}
.mr_b_70 {
    margin-bottom:70px;
}
.mr_b_80 {
    margin-bottom:80px;
}
.mr_b_85 {
    margin-bottom:85px;
}
.mr_b_90 {
    margin-bottom:90px;
}
.mr_b_95 {
    margin-bottom:95px;
}
.mr_b_100 {
    margin-bottom:100px;
}
.mr_b_105 {
    margin-bottom:105px;
}
.mr_t_10{
    margin-top:10px;
}
.mr_t_12{
    margin-top:12px;
}
.mr_t_13{
    margin-top:13px;
}
.mr_t_14{
    margin-top:14px;
}
.mr_t_15{
    margin-top:15px;
}
.mr_t_20{
    margin-top:20px;
}
.mr_t_25{
    margin-top:25px;
}
.mr_t_30{
    margin-bottom:30px;
}
.mr_t_35{
    margin-top:35px;
}
.mr_t_40{
    margin-top:40px;
}
.mr_t_45{
    margin-top:45px;
}
.mr_t_50{
    margin-top:50px;
}
.mr_t_55{
    margin-top:55px;
}
.mr_t_60{
    margin-top:60px;
}
.mr_t_65 {
    margin-top:65px;
}
.mr_t_70 {
    margin-top:70px;
}
.mr_t_80 {
    margin-top:80px;
}
.mr_t_85 {
    margin-top:85px;
}
.mr_t_90 {
    margin-top:90px;
}
.mr_t_95 {
    margin-top:95px;
}
.mr_t_100 {
    margin-top:100px;
}
.mr_t_105 {
    margin-top:105px;
}
.pad_top_10 {
    padding-top: 10px;
}
.pad_top_20 {
    padding-top: 20px;
}
.pad_top_30 {
    padding-top: 30px;
}
.pad_top_40 {
    padding-top: 40px;
}
.pad_top_50 {
    padding-top: 50px;
}
.pad_top_60 {
    padding-top: 60px;
}
.pad_top_60 {
    padding-top: 60px;
}
.pad_top_60 {
    padding-top: 60px;
}
.pad_top_70 {
    padding-top: 70px;
}
.pad_top_80 {
    padding-top: 80px;
}
.pad_top_90 {
    padding-top: 90px;
}
.pad_top_100 {
    padding-top: 100px;
}

.pad_bottom_10 {
    padding-bottom: 10px;
}
.pad_bottom_20 {
    padding-bottom: 20px;
}
.pad_bottom_30 {
    padding-bottom: 30px;
}
.pad_bottom_40 {
    padding-bottom: 40px;
}
.pad_bottom_50 {
    padding-bottom: 50px;
}
.pad_bottom_60 {
    padding-bottom: 60px;
}
.pad_bottom_70 {
    padding-bottom: 70px;
}
.pad_bottom_80 {
    padding-bottom: 80px;
}
.pad_bottom_90 {
    padding-bottom: 90px;
}
.pad_bottom_100 {
    padding-bottom: 100px;
}
.text_center {
    text-align: center;
}
.flex {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
}
.flex_auto {
    flex: 0 0 auto;
}
.align_item_center {
    align-items: center;
}
.justify_content_center {
    justify-content: center;
}
.site_big_button {
    display: inline-block;
    text-decoration: none;
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    background-color: #333333;
    color: #ffffff;
    text-align: center;
    padding: 0 25px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.site_big_button:hover {
    background-color: var(--yellow_color_dark);
    color: #ffffff;
}
.red_big_button {
    text-align: center;
    height: 50px;
    line-height: 50px;
    padding: 0 25px;
    background: transparent;
    border: none;
    background: var(--red_color_main);
    color: #fff;
    font-size: 20px;
    border-radius: 5px;
    text-decoration: none;
    display: inline-block;
}
.red_big_button:hover {
    background: #333333;
    color: #fff;
    text-decoration: none;
}
.border_top {
    border-top: 1px solid #333333;
}
.border_bottom {
    border-bottom: 1px solid #333333;
}
.border-radius-2 {
    border-radius: 2px;
}
.border-radius-3 {
    border-radius: 3px;
}
.border-radius-4 {
    border-radius: 4px;
}
.border-radius-5 {
    border-radius: 5px;
}
.border-radius-6 {
    border-radius: 6px;
}
.border-radius-7 {
    border-radius: 7px;
}
.border-radius-8 {
    border-radius: 8px;
}
.border-radius-9 {
    border-radius: 9px;
}
.border-radius-10 {
    border-radius: 10px;
}
/*====== common css end ======*/

/*======= humburger header ======*/
.humburger_div {
    width: 24px;
    position: fixed;
    left: 40px;
    top: 70px;
    z-index: 100;
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}
.humburger_menuicon {
    width: 24px;
    display: inline-block;
    cursor: pointer;
}
.humburger_div.show {
    opacity: 1;
    visibility: visible;
}
.humburger_menubox {
    position: absolute;
    left: 0;
    width: 175px;
    padding: 35px 20px 15px;
    background: #fff;
    top: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}
.humburger_menubox.show {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
}
.humburger_menubox .humbuger_close {
    position: absolute;
    top: 0;
    left: 8px;
    cursor: pointer;
    padding: 0 5px;
}
.humburger_menubox .humbuger_close img {
    width: 9px;
}
.humburger_menubox ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.humburger_menubox ul li {
    line-height: 15px;
}
.humburger_menubox ul li a {
    font-size: 13px;
    font-weight: 700;
    color: #333333;
    line-height: 15px;
    padding: 5px 0;
    display: inline-block;
    white-space: nowrap;
}
.humburger_menubox ul li a:hover {
    color: var(--red_color_main);
}
/*======= humburger header ======*/

/*header*/
.main_header {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 36px;
    padding-bottom: 20px;
    z-index: 10;
}
.home_page .main_header {
    padding-bottom: 0;
    background: transparent;
    margin-bottom: -45px;
}
.h_quote_btn {
    padding: 0 19px;
    height: 42px;
    line-height: 43px;
    position: relative;
}
.h_quote_btn:before {
    background: #ffffff;
}
.h_quote_btn:hover {
    color: var(--yellow_color);
}
/*Nav toggle css start*/
.nav_toggle {
    display: inline-block;
    cursor: pointer;
    width: 48px;
    height: 18px;
    position: relative;
    vertical-align: middle;
    flex: 0 0 auto;
    visibility: visible;
    opacity: 1;
    background: transparent;
    padding: 7px 7px 25px 7px;
    border-radius: 3px;
}
.nav_toggle i {
    float: left;
    width: 100%;
    background: var(--red_color_main);
    height: 3px;
    border-radius: 2em;
    -webkit-transition: all 500ms cubic-bezier(0.480, 0, 0.535, 1);
    -webkit-transition: all 500ms cubic-bezier(0.480, -0.050, 0.535, 1.370);
    -moz-transition: all 500ms cubic-bezier(0.480, -0.050, 0.535, 1.370);
    -o-transition: all 500ms cubic-bezier(0.480, -0.050, 0.535, 1.370);
    transition: all 500ms cubic-bezier(0.480, -0.050, 0.535, 1.370);
}
.nav_toggle i:nth-child(2) {
    margin: 5px 0;
}
.nav_toggle.close {
    height: 22px;
    padding: 0;
    border-radius: 0;
    font-size: inherit;
    opacity: 1;
}
.nav_toggle.close i {
    position: absolute;
    left: 3px;
    top: 11px;
    width: 70%;
}
.nav_toggle.close i:nth-child(1) {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.nav_toggle.close i:nth-child(2) {
    opacity: 0;
    visibility: hidden;
}
.nav_toggle.close i:nth-child(3) {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}
.nav_close_btn {
    padding-top: 11px;
    font-size: 20px;
    display: inline-block;
    cursor: pointer;
}
.nav_close_btn i {
    color: #fff;
}
/*Nav toggle css End*/
/*header css start*/
.header_container  {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.site_logo img {
    height: auto;
    max-width: 330px;
    width: 330px;
}
.h_left_part {
    display: flex;
    align-items: center;
}
.navigation_menu>ul {
    display: flex;
    list-style: none;
    align-items: center;
    padding: 0;
    margin: 0;
}
.navigation_menu>ul>li {
    padding: 0;
    position: relative;
}
.navigation_menu>ul>li.megamenu_li {
    position: static;
}
.navigation_menu>ul>li>a {
    text-decoration: none;
    color: var(--red_color_main);
    text-transform: capitalize;
    display: inline-block;
    position: relative;
    font-weight: 500;
    padding: 30px 15px;
    font-size: 37px;
    line-height: 44px;
    font-family: 'Mayonnaise_black';
}
.navigation_menu .caret_down, .mega_caret_down{
    color: #fff;
    margin-left: 4px;
    cursor: pointer;
}
.navigation_menu>ul>li>a:hover, .navigation_menu>ul>li>a.active {
   color: #333333;
}
.navigation_menu>ul>li>a:hover:before, .navigation_menu>ul>li>a.active:before {
    width: 100%;
}
.h_right_part {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
}
.h_ordernow_btn {
    position: relative;
    display: inline-block;
    width: 164px;
    height: 113px;
    text-align: center;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.h_ordernow_btn .texts {
    text-decoration: none;
    color: var(--yellow_color);
    text-transform: capitalize;
    display: inline-block;
    position: relative;
    font-weight: 500;
    padding: 0;
    font-size: 30px;
    line-height: 30px;
}
.h_ordernow_btn .swing_girldv {
    position: absolute;
    top: 100%;
    width: 192px;
    left: 15px;
    margin-top: -15px;
    z-index: -1;
}
.main_header .signin_link {
    text-decoration: none;
    color: var(--red_color_main);
    text-transform: capitalize;
    display: inline-block;
    position: relative;
    font-weight: 500;
    padding: 30px 0px 30px 30px;
    font-size: 37px;
    line-height: 44px;
}
/*header end*/
/*submenu css end*/
.navigation_menu>ul>li > ul {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 200px;
    padding: 20px;
    background-color: #ffffff;
    min-width: 300px;
    width: 100%;
    box-shadow: 0 0px 15px rgb(0 0 0 / 30%);
    -webkit-box-shadow: 0 0px 15px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0 0px 15px rgb(0 0 0 / 30%);
    list-style: none;
    border-radius: 0 0 15px 15px;
    border-bottom: 5px solid var(--yellow_color);
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    transform-origin: center top;
    -webkit-transform-origin: center top;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}
.navigation_menu>ul>li > ul li a {
    color: #2A2A2A;
    display: block;
    font-size: 15px;
    line-height: 24px;
    font-weight: 500;
    padding: 4px 0;
    text-decoration: none;
    text-transform: capitalize;
}
.navigation_menu>ul>li > ul > li > a:hover{
    color: var(--yellow_color);
    padding-left: 5px;
}
/*submenu css end*/
/*Header sign in css end*/
.h_cart_count_dv {
    display: inline-block;
    position: relative;
    max-width: 200px;
    cursor: pointer;
}
.h_cart_count_dv .countertxt {
    position: absolute;
    top: -9px;
    left: -9px;
    color: #fff;
    background: var(--red_color_main);
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 50%;
}
.h_cart_count_dv .timings {
    position: absolute;
    right: 9px;
    top: 14px;
    font-size: 10px;
    line-height: 10px;
    background: #51a07a;
    color: #333333;
    padding: 4px;
    display: none;
}
/*Header sign in css end*/
/*Main banner css start*/
.zm_main_home_banner {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    min-height: 100vh;
    z-index: 1;
}
.zm_main_home_banner .overlay_dv {
    opacity: 0.8;
    z-index: -1;
}
.zm_main_home_captions {
    text-align: center;
    padding: 20px 0;
}
.zm_main_home_captions .logo_top {
    margin-bottom: 140px;
}
.zm_main_home_captions .logo_top img {
    max-width: 600px;
}
.zm_main_home_captions .bnr_select_texts {
    margin-bottom: 120px;
}
.zm_main_home_captions .bnr_select_texts p {
    color: #fff;
    font-size: 45px;
    font-weight: 700;
    line-height: 50px;
    text-transform: capitalize;
}
.bnr_country_box .image_box {
    margin-bottom: 40px;
}
.bnr_country_box {
    margin: 20px 0;
    cursor: pointer;
    text-decoration: none;
    color: #fff;
    display: block;
}
.bnr_country_box .cntr_title {
    margin-bottom: 0;
    color: #fff;
    font-size: 45px;
    font-weight: 700;
    line-height: 54px;
    text-transform: uppercase;
}
.banner_country_sec_slide {
    width: 100%;
}
.banner_country_sec_slide.hide{
    visibility: hidden;
    opacity: 0;
}
.banner_next_slide_sec {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.banner_next_slide_sec.show {
   visibility: visible;
   opacity: 1;
}
/*Main banner css end*/
/* home banner css start*/
.bnr_who_bg_taxture_wrap {
    background-color: #fff;
    background-image: url(../images/white_taxture_bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    overflow-x: hidden;
}
.home_inner_banner_sec {
    min-height: 849px;
    background-size: cover;
    background-repeat: no-repeat;
    overflow-x: hidden;
    position: relative;
    background-position: center;
    margin-top: -2px;
}
.home_bannertextdv {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin-top: 149px;
}
.home_bannertextdv .lefthandmove {
    position: absolute;
    right: -10px;
    bottom: 50%;
    width: 250px;
}
.home_bannertextdv .leftdiv {
    width: 440px;
    padding-top: 0;
    margin-left: 97px;
}
.home_bannertextdv .heading {
    font-size: 70px;
    line-height: 84px;
    color: #f64a19;
    margin: 0;
    font-weight: 900;
    font-family: 'Mayonnaise_extra_black';
}
.home_bannertextdv .right_image {
    width: 649px;
    margin-top: 40px;
}
.home_bannertextdv .right_image .chef_headdv {
    position: absolute;
    top: -25%;
    right: 8%;
}
.home_bannertextdv .right_image .chef_headdv img {
    width: 174px;
}
.home_bannertextdv .greencircle {
    display: inline-flex;
    position: absolute;
    width: 150px;
    height: 150px;
    right: -57px;
    bottom: 36%;
    border-radius: 50%;
    text-align: center;
    align-items: center;
    justify-content: center;
}
.home_bannertextdv .greencircle .spinerdv {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 50%;

}
.home_bannertextdv .greencircle img {
    z-index: 1;
    position: relative;
    width: 80%;
}
/* home banner css end*/
/* section heading css start*/
.section_heading_pad {
    padding-left: 90px;
    padding-right: 90px;
}
.zm_section_heading .numbers_img {
    flex: 0 0 auto;
    margin-right: 12px;
    font-size: 27px;
    background-image: url(../images/tommato-icon.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 62px;
    height: 61px;
    text-align: center;
    line-height: 82px;
    color: #fff;
}
.zm_section_heading .sectitle {
    font-size: 50px;
    font-weight: 700;
    color: var(--red_color_main);
    margin-bottom: 0;
    line-height: 60px;
}
.sections_numbers {
    font-size: 75px;
    font-weight: 800;
    line-height: 90px;
    display: inline-flex;
    color: #777777;
}
.zm_section_heading .right_dv {
    display: none;
}
/* section heading css end*/
/* who we are css end*/
.who_we_are_section {
    margin-top: -200px;
}
.who_we_are_section .zm_section_heading {
    position: relative;
    z-index: 10;
}
.who_we_are_sec_inr {
    position: relative;
}
.who_we_are_sec_inr:before {
    position: absolute;
    content: "";
    left: 0;
    top: 10%;
    background-image: url(../images/who_weare_shape.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 254px;
    height: 927px;
}
.who_weare_t_b_cover {
    padding-left: 90px;
    margin-top: -38px;
}
.who_weare_t_b_iner {
}
.who_we_are_topsec {
    padding-bottom: 100px;
    padding-right: 14%;
}
.who_weare_t_b_iner {
    position: relative;
    z-index: 1;
}
.who_weare_t_b_iner .border_line_lft {
    content: "";
    position: absolute;
    left: 27px;
    width: 1px;
    height: calc(100% - 144px);
    height: -webkit-calc(100% - 144px);
    height: -moz-calc(100% - 144px);
    background: #333;
    z-index: -1;
    margin-top: 3px;
    top: 0px;
}
.who_weare_t_b_iner .border_line_middle {
    position: absolute;
    content: "";
    left: 27px;
    top: 30%;
    width: calc(45% - 110px);
    width: -webkit-calc(45% - 110px);
    width: -moz-calc(45% - 110px);
    height: 1px;
    background: #333;
}
.who_weare_t_b_iner .border_line_bottom {
    position: absolute;
    content: "";
    left: 27px;
    width: 30%;
    height: 1px;
    background: #333;
    bottom: 140px;
}
.who_weare_t_b_iner .border_line_middle:after, 
.who_weare_t_b_iner .border_line_bottom::after {
    position: absolute;
    content: "";
    right: 0;
    top: -10px;
    width: 20px;
    height: 20px;
    background: #333333;
    border-radius: 50%;
}
.who_we_are_topsec .leftcol {
    width: 50%;
    padding-right: 30px;
}
.who_we_are_topsec .who_textdivone {
    padding-left: 83px;
    padding-top: 110px;
}
.who_we_are_topsec .righttcol {
    width: 50%;
}
.who_textdiv {
    max-width: 374px;
}
.who_textdiv p {
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    margin: 0;
}
.who_we_are_topsec .image_group {
    align-items: flex-end;
}
.who_we_are_topsec .image_group .imgbox img {
    border-radius: 42px;
    width: 100%;
}
.who_we_are_topsec .image_group .img_boxsmall:first-child {
    width: 33%;
    padding-right: 30px;
}
.who_we_are_topsec .image_group .img_boxsmall:nth-child(2) {
    width: 67%;
}
.who_we_are_topsec .img_boxbig .sections_numbers {
    position: absolute;
    right: -60px;
    top: -65px;
}
.who_we_are_bottomsec .left_colm {
    width: 40%;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
}
.who_we_are_bottomsec .right_colm {
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
}
.h_fix_franchise_image {
    position: fixed;
    right: 43px;
    bottom: 20px;
    width: 100px;
    z-index: 10;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    opacity: 0;
    visibility: hidden;
}
.h_fix_franchise_image.show {
   opacity: 1;
   visibility: visible;
}
.who_we_are_bottomsec .who_we_image2 {
    position: relative;
    right: -50px;
    justify-content: space-between;
    align-items: center;
}
.who_we_image2 .who_textdiv {
    padding-top: 30px;
    padding-bottom: 30px;
    width: 50%;
    margin-left: 6%;
}
.who_we_image2 .bottom_image {
    width: 40%;
}
.who_we_pastatxtinr, .who_we_pastatxtinr2 {
    justify-content: space-between;
}
.who_we_pastatxtinr .colms, .who_we_pastatxtinr2 .colms {
    width: 43%;
}
.who_we_pastatxtinr .man_image {
    padding-top: 127px;
    padding-left: 25px;
}
.who_we_pastatxtinr2 {
    margin-top: -2.7%;
}
.who_we_pastatxtinr2 .man_image {
    margin-top: 20px;
    position: relative;
    z-index: 1;
    right: -50px;
}
.who_we_pastatxtinr2 .textimg img {
    max-width: 80%;
}
.who_we_bottom_text {
    padding-left: 8%;
    align-items: flex-end;
}
.who_we_bottom_text .buttondiv {
    flex: 0 0 auto;
    margin-top: -10px;
}
.who_we_bottom_text .read_m_buton {
    display: inline-block;
    background: var(--green_color);
    color: #fff;
    height: 41px;
    line-height: 43px;
    text-align: center;
    font-size: 15px;
    text-transform: capitalize;
    padding: 0 10px;
    font-family: rocgrotesk;
    border-radius: 5px;
    font-weight: 500;
}
.who_we_bottom_text .zitimama_text_group {
    padding-left: 22%;
    top: -56px;
    position: relative;
}
.who_we_bottom_text .zitimama_text {
    text-align: center;
}
.who_we_bottom_text .zitimama_text h3 {
    font-size: 80px;
    font-weight: 800;
    margin-bottom: 0;
    color: #f64a19;
    font-family: 'Mayonnaise_extra_black';
}
.who_we_bottom_text .zitimama_text p {
    font-size: 17px;
    line-height: 21px;
    margin-bottom: 0;
}
.who_we_bottom_text .plustext {
    font-size: 50px;
    margin: 30px 40px;
}
/* who we are css end*/
/* who we video css start*/
.who_we_video_section {
    padding-top: 20px;
}
.whowe_video_container {
    max-width: 730px;
    margin: 0 auto;
}
.video_tv_mockup {
    position: relative;
    text-align: center;
    width: 100%;
}
.video_tv_mockup .mockupimg {
    width: 100%;
}
.video_tv_mockup .mockupiner_dv {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 185px 220px 175px 57px;
}
.video_tv_mockup .video_tv_iframe {
    height: 100%;
    width: 100%;
    border-radius: 15px;
    overflow: hidden;
}
.video_tv_mockup .video_tv_iframe iframe, .video_tv_mockup .video_tv_iframe video {
    width: 100%;
    height: 100%;
}
/* who we video css end*/
/* product section css start */
.home_product_sec .floticons img {
    max-height: 80px;
}
.home_product_sec .floticons.icon1 {
    text-align: right;
    top: -69px;
    position: relative;
}
.home_product_sec .zm_section_heading {
    align-items: flex-start;
    padding-bottom: 25px;
}
.home_product_sec {
    background-image: url(../images/home/productbg_shape.png);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 500px;
    background-position: center bottom;
    padding-bottom: 20%;
    padding-top: 80px;
    overflow-x: hidden;
    margin-top: -1px;
}
.home_product_sec .leftcolm .zm_section_heading {
    padding-left: 8%;
    margin-bottom: 25px;
}
.home_product_sec .leftcolm .contentbox {
    padding-left: 152px;
}
.home_product_sec .leftcolm .imagebox {
    margin-left: -4%;
}
.home_product_sec .imagebox {
    -webkit-animation: upDownAnim2 ease-in-out 1s infinite both;
    animation: upDownAnim2 ease-in-out 1s infinite both;
}
.home_product_sec .imagebox .p_image {
    width: 402px;
}
.h_product_box {
    width: 100%;
}
.h_product_box .contentbox {
    margin-bottom: 43px;
}
.h_product_box .contentbox p {
    font-size: 20px;
    line-height: 30px;
}
.h_product_box .p_read_moredv {
    margin-top: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.product_read_more {
    position: relative;
    width: 200px;
    display: inline-block;
    color: #333333;
}
.product_read_more:hover {
    color: #333333;
}
.product_read_more .imgbox  {
    display: inline-block;
}
.product_read_more .texts {
    display: inline-block;
    font-size: 36px;
    line-height: 38px;
    text-transform: uppercase;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
}
.home_product_sec .rightcolm {
    padding-left: 7%;
}
.home_product_sec .rightcolm .imagebox .floticons {
    left: 47px;
    top: -47px;
}
.h_product_rightdv {
    display: flex;
    justify-content: end;
    margin-right: -7%;
    flex-wrap: wrap;
}
.h_product_rightdv .h_product_box .contentbox {
    padding-right: 0;
    flex: 1;
}
.h_product_rightdv .h_product_box .imagebox {
    flex: 0 0 auto;
}
.h_product_rightop {
    padding-right: 5%;
}
.h_product_box .p_title {
    margin-bottom: 28px;
}

.h_product_box .p_title .product_titldv {
    text-align: center;
    width: 280px;
}
.h_product_box .p_title .texts {
    font-size: 40px;
    font-weight: 800;
    margin-bottom: 0;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    padding: 0 5px;
}
.h_product_righticon {
    width: 59%;
    position: absolute;
    top: -19%;
    left: -6%;
    display: flex;
    justify-content: space-between;
}
.h_product_righticon .icon2 {
    margin-top: 11%;
}
.product_bottomshape {
    display: none;
    margin-top: -1px;
}
.home_product_sec .rightcolm .contentbox .texts_box {
    width: 402px;
}
.home_product_sec .leftcolm .contentbox .texts_box {
    width: 488px;
}
/* product section css end */
/* Outlets section css start */
.our_outlets_section {
    margin-top: -17%;
}
.our_outlets_section .zm_section_heading {
    align-items: flex-end;
    padding-top: 130px;
}
.map_outletbox_dv {
    padding-top: 50px;
    margin-top: 0;
}
.map_outletbox_dv .map_girl_dv {
    position: absolute;
    top: -74px;
    right: -11px;
    z-index: 1;
    width: 400px;
}
.map_girl_dv .sections_numbers {
    position: absolute;
    right: 0;
    top: -35%;
    z-index: -1;
}
.map_outletbox_container {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 15px;
}
.map_outletbox {
    display: flex;
    flex-direction: column;
}
.map_outletbox .borderboximg {
    width: 100%;
}
.map_outletbox_dv .map_outletbox_iner {
    border: 4px solid #333333;
    padding: 40px 50px;
    border-top: 0;
    background: #fff;
}
.outlet_map_dv {
    width: 100%;
    height: 600px;
    margin-bottom: 20px;
}
.outlet_map_dv iframe {
    width: 100%;
    height: 100%;
}
.read_m_button {
    display: inline-block;
    text-decoration: none;
    color: #fff;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 17px;
    text-transform: capitalize;
    padding: 0 25px;
    font-family: rocgrotesk;
    border-radius: 5px;
    font-weight: 500;
}
.read_m_button:hover {
    color: #fff;
}
/* Outlets section css end */
/* OUR USP section css end */
.zm_our_usp_section {
    padding-top: 40px;
    padding-bottom: 79px;
}
.zm_our_usp_section .zm_section_heading {
    margin-bottom: 35px;
}
.usp_container {
    max-width: 1519px;
    margin: 0 auto;
    padding: 0 15px;
}
.zm_usp_items {
    text-align: center;
}
.zm_usp_items .imagebox img {
    border-radius: 85px;
    border: 4px solid var(--green_color);
}
.zm_usp_sliders .owl-nav button {
    top: 27%;
    transform: none;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
}
.zm_usp_items .title {
    margin-top: 50px;
}
.zm_usp_items .titleinr {
    background-image: url(../images/home/USP/title_shape.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 359px;
    height: 130px;
    background-position: center;
    display: inline-flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    font-size: 32px;
    line-height: 36px;
    font-weight: 800;
    padding: 0 5px;
    color: var(--green_color);
}
.zm_usp_items .titletext {
    background-image: url(../images/home/USP/title_shape.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 325px;
    height: 117px;
    background-position: center;
    display: inline-flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    font-size: 26px;
    line-height: 33px;
    font-weight: 800;
    padding: 0 10px;
    color: var(--green_color);
    font-family: 'Mayonnaise_black';
}
/* OUR USP section css end */
.pasta_text_strip {
    background: var(--green_color);
    padding: 20px 60px;
    text-align: center;
}
.pasta_text_strip p {
    font-size: 62px;
    font-weight: 800;
    line-height: 64px;
    margin: 0;
    color: #fff;
    font-family: 'Mayonnaise_black';
}
/* franchise section css start*/
.franchise_section_wrap {
    padding-bottom: 65px;
    padding-top: 50px;
    background: #c5ffff;
}
.franchise_text_container .row {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}
.franchise_section_wrap .zm_section_heading {
    padding-bottom: 30px;
}
.franchise_section_wrap .container-fluid {
    padding: 0 50px;
}
.franchise_section_wrap .franchise_opt_img, .story_connect_franchise_sec .franchise_opt_img {
    -webkit-animation: upDownAnim2 ease-in-out 1s infinite both;
    animation: upDownAnim2 ease-in-out 1s infinite both;
}
.franchise_opt_text img {
    max-width: 500px;
}
.franchise_opt_text {
    text-align: center;
    padding-left: 40px;
}
.franchise_opt_text p {
    font-size: 25px;
    line-height: 35px;
    margin-top: 20px;
    margin-bottom: 40px;
    color: var(--green_color);
}
.franchise_opt_text .franchise_opt_btn {
    display: inline-block;
    background-image: url(../images/home/franchise/bgshape.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 280px;
    height: 67px;
    background-position: center;
    display: inline-flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    font-size: 26px;
    line-height: 32px;
    font-weight: 800;
    padding: 0 5px;
    color: var(--green_color);
    text-decoration: none;
}

.franchise_opt_text .franchise_opt_btn:hover {
    color: var(--red_color);
}
/* franchise section css start*/
/* marquee strip section css start*/
.marquee_textwrap {
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 75px;
}
.marquee_textwrap .marquee_inner {
    display: block;
    width: 200%;
    position: absolute;
    display: flex;
    height: 100%;
    align-items: center;
}
.marquee_textwrap .m_items {
    /* width: 50%; */
    display: flex;
    /* overflow: hidden; */
}
.follow_marquee_strip {
    min-height: 85px;
}
.follow_marquee_strip .marquee_items {
    font-size: 30px;
    line-height: 37px;
    color: #fff;
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 15px;
}
.follow_marquee_strip .marquee_items .icons {
    flex: 0 0 auto;
    width: 40px;
    margin: 0 20px 0 0;
    line-height: 40px;
}
/* marquee strip section css End*/
/* zm flying logo section css start*/
.zm_flying_logosection {
    padding: 50px 0 180px;
}
.zm_flying_logo_div {
    text-align: center;
}
.zm_flying_logo_text {
    display: flex;
    justify-content: center;
    text-align: center;
    font-size: 140px;
    text-transform: uppercase;
    line-height: initial;
    text-shadow:-1px -1px 2px #f94a19, 
    1px 3px 1px #f94a19, 
    2px 5px 1px #f94a19, 
    3px 7px 1px #f94a19,
    4px 9px 1px #f94a19,
    5px 11px 1px #f94a19,
    6px 13px 1px #f94a19,
    7px 15px 1px #f94a19, 
    8px 17px 1px #f94a19,
    9px 19px 1px #f94a19,
    10px 21px 1px #f94a19,
    11px 23px 1px #f94a19,
    12px 25px 1px #f94a19, 
    13px 27px 1px #f94a19,
    14px 29px 1px #f94a19,
    15px 31px 1px #f94a19,
    16px 33px 1px #f94a19,
    17px 35px 1px #f94a19, 
    18px 37px 1px #f94a19,
    19px 39px 1px #f94a19,
    20px 41px 1px #f94a19,
    21px 43px 1px #f94a19,
    22px 45px 1px #f94a19, 
    23px 47px 1px #f94a19,
    24px 49px 1px #f94a19,
    25px 51px 1px #f94a19,
    26px 53px 1px #f94a19,
    27px 55px 1px #f94a19,
    28px 57px 1px #f94a19,
    29px 59px 1px #f94a19,
    30px 61px 1px #f94a19,
    31px 63px 1px #f94a19,
    32px 65px 1px #f94a19,
    33px 67px 1px #f94a19,
    34px 69px 1px #f94a19,
    35px 71px 1px #f94a19,
    36px 73px 1px #f94a19,
    37px 75px 1px #f94a19,
    38px 77px 1px #f94a19,
    39px 79px 1px #f94a19,
    40px 81px 1px #f94a19;
    color: #ffc300;
    font-family: 'Mayonnaise_extra_black';
}
/* zm flying logo section css End*/
/* zm gallery section css start*/
.zm_gallery_section {
    background: #ffffff;
}
.zm_gallery_section .container-fluid {
    padding: 0px 2px;
}
.zm_gallery_row {
    margin-left: -2px;
    margin-right: -2px;
}
.zm_gallery_row .zm_gallery_col {
    padding-left: 2px;
    padding-right: 2px;
    margin: 2px 0;
}
.zm_gallery_item .g_image {
    width: 100%;
    aspect-ratio: 1/1;
}
/* zm gallery section css End*/
/* footer css start*/
.zm_footer {
    background: var(--red_color);
    color: #fff;
    position: relative;
    z-index: 11;
    padding: 50px 0px 20px;
}
.zm_footer a {
    color: #fff;
    text-decoration: none;
}
.zm_footer a:hover {
    color: var(--yellow_color);
}
.zm_footer_container {
  
}
.ftr_logo img {
    max-width: 294px;
}
.ftr_menus {
    margin-bottom: 40px;
    display: flex;
    justify-content: end;
}
.ftr_menus ul {
    list-style: none;
    margin: 0;
    padding: 0;
    column-count: 2;
    -webkit-column-count: 2;
    column-gap: 150px;
    -webkit-column-gap: 150px;
}
.ftr_socialicon {
    display: flex;
}
.ftr_socialicon .icons {
    margin-right: 45px;
}
.ftr_socialicon .icons i {
    font-size: 41px;
}
.ftr_socialicon .icons img {
    height: 42px;
}
.ftr_socialicon .icons:last-child img {
    height: 50px;
    margin-top: -10px;
}
.ftr_nj_textdv {
    margin-top: 15px;
    margin-bottom: 10px;
}
.ftr_nj_textdv .icons {
    display: inline-block;
}
.ftr_nj_text {
    display: flex;
    align-items: center;
}
.ftr_nj_text .txt {
    font-family: rocgrotesk;
    color: #fff;
    font-weight: 400;
    font-size: 24px;
    margin-right: 10px;
}
.ftr_nj_text img {
    max-width: 140px;
}
.ftr_menus ul li a {
    font-size: 32px;
    line-height: 38px;
    padding: 4px 0;
    display: inline-block;
    font-family: 'Mayonnaise_black';
}
.footer_copyright {
    text-align: right;
}
.ftr_termslink {
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    padding-left: 0;
    margin-bottom: 13px;
}
.ftr_termslink li {
    margin: 0px 14px;
}
.ftr_termslink li:last-child {
    margin-right: 0;
}
.ftr_termslink li a {
    font-size: 24px;
    line-height: 30px;
    font-weight: 400;
}
.footerbottom .copyrighttext {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0;
    font-weight: 400;
}
/* footer css end*/
/* location page css end*/
.location_banner_sec {
    padding-top: 0;
    padding-bottom: 150px;
    z-index: 1;
}
.location_banner_sec .franchise_image {
    position: absolute;
    bottom: -143px;
    right: 50px;
    z-index: 1;
    width: 286px;
}
.location_banner_inner {
    position: relative;
    padding-top: 100px;
}
.location_banner_bg_heading {
    padding: 0 20px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
}
.location_banner_bg_heading .bigheading {
    line-height: 265px;
    font-size: 270px;
    color: #f9a500;
    opacity: 0.3;
}
.location_bnr_heading {
    text-align: center;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-bottom: 57px;
    position: relative;
}
.location_bnr_heading .floticons {
    flex: 0 0 auto;
}
.location_bnr_heading .floticons img {
    max-width: 60px;
}
.location_bnr_heading .floticons2 {
    margin-bottom: -70px;
    margin-right: -80px;
}
.location_bnr_heading .head_title {
    max-width: 59%;
}
.location_bnr_heading .headtitle {
    font-size: 80px;
    line-height: 80px;
}
.location_outletbox {
    display: flex;
    flex-direction: column;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.location_outletbox .outlet_girlimg {
    position: absolute;
    left: -105px;
    bottom: -39px;
    width: 300px;
}
.location_outletbox .borderimage {
    display: flex;
    width: 100%;
}
.location_outletbox .borderimage img {
    width: 100%;
}
.location_outlet_inr {
    border: 4px solid #333333;
    border-top: 0;
    padding: 40px 40px 110px;
    background-color: #ffffff;
}
.location_outlet_iner {
    background-image: url(../images/location/mapimage.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    padding: 40px;
}
.location_country_row {
    align-items: flex-start;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.loc_coutnrybox {
    width: 200px;
    margin-right: 50px;
    background: #fff;
    border: 2px solid #333;
    flex: 0 0 auto;
}
.loc_coutnrybox .topdiv {
    text-align: center;
    padding: 12px;
    border-bottom: 1px solid #333333;
}
.loc_coutnrybox .topdiv .icon {
    display: inline-block;
    margin-bottom: 10px;
}
.loc_coutnrybox .topdiv .icon img {
  max-width: 30px;
}
.loc_coutnrybox .topdiv p {
    margin: 0;
    text-transform: capitalize;
    line-height: 24px;
    font-size: 20px;
}
.loc_coutnrybox .countrylist {
    margin: 14px 0;
    text-align: center;
    min-height: 40px;
}
.location_country_row .loc_countryinfo {
    flex: 1;
}
.countrylist .cnt_listscotent {
    margin: 0;
    padding: 0;
    list-style: none;
    max-height: 136px;
    overflow-y: auto;
}
.countrylist .cnt_listscotent li {
    font-size: 16px;
    line-height: 20px;
    padding: 7px;
    cursor: pointer;
}
.countrylist .cnt_listscotent li a {
    color: #333333;
    text-decoration: none;
}
.countrylist .scrollbtndv {
    margin-top: 20px;
    margin-bottom: 20px;
}
.countrylist .scrollbtn {
    cursor: pointer;
}
.countryname_box {
    background: var(--green_color_2);
    margin: 15px 0;
    padding: 20px;
    border-radius: 30px;
    /* min-height: 174px; */
    width: 100%;
}
.countryname_box .icons {
    flex: 0 0 auto;
    width: 75px;
    height: 75px;
    line-height: 75px;
    background: var(--yellow_color);
    border-radius: 50%;
    text-align: center;
    margin-right: 10px;
}
.countryname_box .icons img {
    max-height: 25px;
}
.countryname_box .infos {
    flex: 1;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}
.countryname_box .infos h3 {
    font-size: 36px;
    line-height: 40px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    margin: 0;
}
/* location page css end*/
/* location outlet popup css start*/
.country_outlet_popup {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    opacity: 0;
    visibility: hidden;
}
.country_outlet_popup .popup_dialogue {
    margin: 0 auto;
    width: 688px;
}
.country_outlet_popup.show{
    opacity: 1;
    visibility: visible;
}
.country_pop_box {
    padding: 40px 40px 40px 60px;
    border-radius: 2em;
    background: #007d36;
    position: relative;
}
.country_pop_box:before {
    position: absolute;
    content: "";
    left: -98px;
    background-image: url(../images/location/triangle_shape.png);
    width: 169px;
    height: 114px;
    bottom: 70px;
    z-index: -1;
}
.country_pop_box .title {
    color: var(--yellow_color);
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 10px;
}
.outlet_popup_lists_row {
    justify-content: space-between;
    align-items: flex-end;
    padding-bottom: 40px;
}
.outlet_popup_lists_row .righticon {
    flex: 0 0 auto;
    margin-bottom: -40px;
}
.outlet_popup_lists_row .icons {
    width: 130px;
    height: 130px;
    line-height: 130px;
    background: var(--yellow_color);
    border-radius: 50%;
    text-align: center;
    display: inline-block;
}
.outlet_popup_lists_row .icons > img {
    width: 65%;
}
.outlet_popup_lists {
    margin: 0;
    padding: 0;
    list-style: none;
}
.outlet_popup_lists li {
    color: var(--yellow_color);
    font-size: 25px;
    line-height: 35px;
    margin: 7px 0;
    cursor: pointer;
}
.outlet_popup_lists li:hover {
    color: #ffffff;
}
.outlet_container .location_outletbox {
    max-width: 1180px;
    margin: 0 auto;
}
.outlet_container .location_country_row  {
    opacity: 0;
    visibility: hidden;
}
/* location outlet popup css end*/
/* outlet name popup css start*/
.country_outlet_name_popup {
    position: absolute;
    top: 10px;
    right: -100px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}
.country_outlet_name_popup.show {
    visibility: visible;
    opacity: 1;
}
.country_outlet_name_popup .popup_dialogue {
    margin: 0 auto;
    width: 1000px;
}
.outlet_name_popupbox {
    position: relative;
    padding: 25px 30px 30px;
    background: #fff;
    border-radius: 1em;
    border: 2px solid var(--green_color_2);
}
.outlet_name_popupbox:before {
    width: 100%;
    height: 100%;
    background: var(--green_color_2);
    left: -10px;
    top: 10px;
    position: absolute;
    content: "";
    z-index: -1;
    border-radius: 1em;
}
.outlet_name_popupbox p {
    margin: 0;
}
.outlet_popup_headings {
    margin-bottom: 40px;
}
.outlet_popup_headings .p_titles {
    font-size: 55px;
    margin-bottom: 11px;
    line-height: 70px;
}
.outlet_popup_mdl .leftdiv {
    flex: 1;
    padding-right: 30px;
}
.outlet_popup_mdl .n_counterrow {
    gap: 40px;
}
.outlet_popup_mdl .n_counter_col{
    margin-bottom: 20px;
}
.outlet_popup_mdl .n_counter_col h3 {
    color: #ff9cff;
    font-size: 80px;
    line-height: 90px;
    margin-bottom: 0;
}
.outlet_popup_mdl .n_counter_col h3 span {
    display: block;
}
.outlet_popup_mdl .n_counter_col p {
    color: #ff9cff;
}
.outlet_name_popupbox .popup_bringbtn {
    display: inline-block;
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    padding: 0 20px;
    color: #fff;
    margin-top: 60px;
    cursor: pointer;
}
.outlet_name_popupbox .o_p_closebtn {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: var(--green_color_2);
    text-align: center;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
    display: inline-block;
}
.outlet_popup_mdl .rightdv {
    flex: 0 0 auto;
    width: 290px;
    margin-right: 20px;
}
.outlet_popup_mdl .rightdv .imgbox {
    width: 290px;
    height: 290px;
    border-radius: 50%;
    display: inline-block;
    background: #352e19;
    position: relative;
    z-index: 1;
}
.outlet_popup_mdl .rightdv .imgbox:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #352e19;
    border-radius: 50%;
    right: -20px;
    top: 0;
    z-index: -1;
}
.outlet_popup_mdl .rightdv .imgbox img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
/* location outlet popup css end*/
.howto_ziti_section {
    background: var(--red_color_main);
    padding-top: 79px;
    padding-bottom: 79px;
}
.loc_sec_image img {
    max-width: 450px;
}
.location_sec_text {
    font-size: 40px;
    line-height: 28px;
    font-weight: 800;
    text-transform: uppercase;
}
.loc_sec_image {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.loc_sec_image .location_sec_text {
    position: absolute;
    left: 0;
    width: 100%;
    top: 46%;
    transform: translateY(-50%);
}
.howtoziti_step_item {
    text-align: center;
    margin-bottom: 20px;
}
.howtoziti_step_item .imgbox {
    padding: 3px 10px 10px 3px;
    margin-bottom: -30px;
}
.howtoziti_step_item .imgbox, .howtoziti_step_item .imgbox img {
    border-radius: 75px;
}
.howtoziti_step_item .imgbox img {
    width: 100%;
    aspect-ratio: 1/1.3;
    object-fit: cover;
}
.howtoziti_step_item .contenbox ul {
    margin-top: 20px;
}
.howtoziti_step_item .contenbox ul li {
    font-size: 20px;
    line-height: 30px;
    color: var(--yellow_color);
}
.howtoziti_step_item .ziti_subtitle_img {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.howtoziti_step_item .ziti_subtitle_img .text {
    font-size: 25px;
    line-height: 24px;
    position: absolute;
    left: 0;
    width: 100%;
    top: 45%;
    transform: translateY(-50%);
}
.chickpasta_img_container {
    text-align: center;
    max-width: 780px;
    margin: 0 auto;
}
.chickpasta_imgbox {
    max-width: 500px;
    margin-bottom: 35px;
}
.chickpasta_imgbox .circleimage {
    display: inline-flex;
    position: absolute;
    width: 132px;
    height: 132px;
    left: -60px;
    top: 44px;
    border-radius: 50%;
    text-align: center;
    align-items: center;
    justify-content: center;
}
.chickpasta_imgbox .circleimage .circle_div {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 50%;
}
.chickpasta_imgbox .circleimage img {
    z-index: 1;
    position: relative;
    width: 80%;
}
.font_size_40 {
    font-size: 39px;
    line-height: 47px;
}
.font_size_30 {
    font-size: 30px;
    line-height: 40px;
}
.font_size_20 {
    font-size: 20px;
    line-height: 24px;
}
.font_size_22 {
    font-size: 22px;
    line-height: 26px;
}
.font_size_25 {
    font-size: 25px;
    line-height: 36px;
}
.font_size_16 {
    font-size: 16px;
}
.font_size_14 {
    font-size: 14px;
}
.font-weight-500 {
    font-weight: 500;
}
.chickpasta_img_container p {
    margin-bottom: 0;
    color: #fff;
}
/*location category css*/
.loc_category_section_wrap {
    background: #333333;
}
.loc_category_container {
    padding: 0px 2px;
}
.loc_cat_row {
    margin-left: -2px;
    margin-right: -2px;
}
.loc_cat_row .loc_cat_colm {
    padding-left: 2px;
    padding-right: 2px;
    margin: 2px 0;
}
.loc_category_items {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    min-height: 500px;
}
.loc_category_items .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #faddff;
    z-index: -1;
}
.loc_category_items .contentbox {
    padding: 30px 30px;
    text-align: center;
    width: 100%;
    height: auto;
}
.loc_category_items .imgbox {
    margin-bottom: 30px;
    height: 250px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.loc_category_items .imgbox img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.loc_category_items .contentbox .title {
    font-size: 40px;
    line-height: 48px;
    font-weight: 800;
    text-transform: uppercase;
    padding: 0 14px;
    max-width: 80%;
    margin: 0 auto 30px;
}
.loc_category_items:hover .overlay, .loc_category_items:hover .imgbox {
    opacity: 0;
}
.loc_category_items:hover .contentbox .title {
   color: #ffffff;
}
.loc_category_items .order_btn {
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    width: auto;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    font-weight: 800;
    background: var(--red_color_main);
    color: #ffffff;
    padding: 0 25px;
    border-radius: 5px;
    letter-spacing: 0.01em;
}
.loc_category_items:hover .order_btn {
   color: #333333;
   background: #ffffff;
}
/*location category css*/
/*location promo banner css start*/
.location_promo_banner .loc_sec_heading_dv  {
    padding: 40px 0;
}
.promo_banner_img .promo_read_more {
    position: absolute;
    top: 57%;
    left: 15%;
}
.promo_read_more {
    width: 250px;
    display: inline-block;
    color: var(--green_color_2);
}
.promo_read_more:hover {
    color: var(--green_color_2);
}
.promo_read_more .imgbox  {
    display: inline-block;
}
.promo_read_more .texts {
    display: inline-block;
    font-size: 36px;
    line-height: 36px;
    text-transform: uppercase;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    padding: 0 13px;
}
.promo_banner_slider .owl-dots {
    position: absolute;
    right: 70px;
    text-align: right;
    line-height: 15px;
    bottom: 45px;
    cursor: pointer;
}
.promo_banner_slider .owl-dots .owl-dot {
    width: 15px;
    height: 15px;
    background: #fff;
    border-radius: 50%;
    opacity: 0.6;
    margin: 0px 6px;
}
.promo_banner_slider .owl-dots .owl-dot.active {
    background: var(--yellow_color);
    opacity: 1;
}
/*location promo banner css end*/
/*find us section css end*/
.find_loacation_sec {
    padding-top: 140px;
}
.find_loc_mapwrap {
    align-items: end;
}
.find_loc_mapwrap .loc_human_img {
    width: 300px;
    z-index: 1;
    flex: 0 0 auto;
}
.find_loc_mapwrap .loc_mapboxdv {
    flex: 1;
    margin-left: -36px;
    padding-bottom: 100px;
}
.find_loc_mapwrap .loc_mapbox {
    border: 2px solid #333;
    height: 450px;
}
.find_loc_mapwrap .loc_mapbox iframe {
    width: 100%;
    height: 100%;
}
.find_loc_address {
    padding-top: 50px;
    padding-left: 30px;
}
.find_loc_address .title {
    font-size: 55px;
    line-height: 65px;
    font-weight: 800;
    color: var(--green_color_2);
    margin-bottom: 10px;
}
.find_loc_address p {
    margin-bottom: 0;
    color: var(--red_color_main);
}
/*find us section css end*/
/* Be a member section css start*/
.be_a_member_sec {
    padding-top: 61px;
    padding-bottom: 73px;
}
.be_a_member_texts h2 {
    font-size: 55px;
    line-height: 65px;
    margin-bottom: 15px;
}
.be_a_member_texts {
    padding-right: 100px;
}
.be_a_member_texts .para1 {
    margin-bottom: 30px ;
}
.be_a_memberform .form_group {
    margin-bottom: 20px;
}
.be_a_memberform input {
    width: 100%;
    height: 60px;
    border-radius: 16px;
    padding: 0 25px;
    background: transparent;
    font-size: 18px;
    border: 2px solid var(--red_color_main);
    font-weight: 700;
}
.be_a_memberform input::-webkit-input-placeholder { 
    color: var(--red_color_main);
}
.be_a_memberform input::-moz-placeholder { 
    color: var(--red_color_main);
}
.be_a_memberform input:-ms-input-placeholder {
    color: var(--red_color_main);
}
.be_a_memberform input:-moz-placeholder {
    color: var(--red_color_main);
}

.be_a_memberform .smallpara {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 0;
    margin-top: 30px;
}
.be_a_memberform .member_submitbtn {
    width: 100%;
    height: 60px;
    border-radius: 16px;
    padding: 0 25px;
    background: var(--red_color_main);
    font-size: 18px;
    text-align: left;
    border: none;
    color: var(--yellow_color);
    font-weight: 700;
}
.be_a_member_imggroup {
    display: inline-block;
    min-height: 550px;
}
.be_a_member_imggroup .human_image {
    position: absolute;
    top: 10%;
    left: 10%;
    width: 80%;
}
/* Be a member section css End*/
/* customer says section css start*/
.customer_says_sec {
    padding-top: 58px;
    padding-bottom: 75px;
    background: #51b67a;
}
.customer_says_container {
    max-width: 1195px;
    margin: 0 auto;
}
.customer_google_widgetiner {
    background: #fff;
    padding: 15px;
    border-radius: 8px;
}
/* customer says section css end*/
/* join team section css start*/
.join_team_section {
    background: #fff;
    padding: 100px 0 80px;
}
.join_team_container {
    padding-left: 15px;
    padding-right: 15px;
    max-width: 980px;
    margin: 0 auto;
}
.join_team_texts {
   text-align: center;
}
.join_team_texts p {
    margin-bottom: 38px;
}
.join_team_texts .join_tm_btn {
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    font-weight: 800;
    background: var(--red_color_main);
    color: #ffffff;
    padding: 0 26px;
    border-radius: 5px;
}
/* join team section css end*/
/* menu page section heading css end*/
.menu_page_bg {
    overflow-x: hidden;
}
.menu_sec_heading {
    background: var(--green_color_2);
    padding: 30px;
    border-top: 2px solid #333;
    border-bottom: 2px solid #333;
}
.menu_sec_heading .titles {
    margin-bottom: 0;
    color: #fff;
}
.nona_fix_slider .owl-item {
    border-right: 2px solid #333333;
}
.n_fixmenu_items {
    text-align: center;
    padding: 30px 10px;
    position: relative;
    min-height: 100%;
}
.n_fixmenu_items .b_title {
    font-size: 30px;
    line-height: 37px;
    margin-bottom: 30px;
    text-transform: capitalize;
}
.n_fixmenu_items .b_title a{
    text-decoration: none;
    color: inherit;
}
.n_fixmenu_items .b_title a:hover {
    color: var(--red_color_main);
}
.n_fixmenu_items .imgbox {
    height: 250px;
    margin-bottom: 20px;
}
.n_fixmenu_items .imgbox img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    width: auto;
    display: inline-block;
}
.n_fixmenu_items .pricetxt {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 19px;
    text-transform: uppercase;
}
.n_fixmenu_items .quick_add_btn {
    display: inline-block;
    padding: 0 16px;
    height: 38px;
    line-height: 38px;
    background: var(--red_color_2);
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
}
.n_fixmenu_items .qty_input_groupdv {
    margin-bottom: 16px;
}
.n_fixmenu_items.sold_out_items .imgbox {
    opacity: 0.5;
}
.n_fixmenu_items.sold_out_items .b_title, .n_fixmenu_items.sold_out_items .pricetxt {
    color: #808080;
}
.n_fixmenu_items.sold_out_items .ordernow_btn {
    background: #808080;
}
.n_fixmenu_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    text-align: left;
    padding: 25px;
    background: #e4c7ff;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}
.n_fixmenu_overlay .textpart {
    width: 100%;
}
.n_fixmenu_overlay .bottom_btn {
    width: 100%;
}
.n_fixmenu_items:hover .n_fixmenu_overlay {
    opacity: 1;
    visibility: visible;
}
.n_fixmenu_overlay .pergramtxt {
    text-align: right;
    margin-bottom: 10px;
}
.n_fixmenu_overlay .pergramtxt span {
    font-size: 18px;
    color: var(--red_color_2);
    display: inline-block;
}
.n_fixmenu_overlay .bakedtxt, .n_fixmenu_overlay .servingtxt {
    font-size: 20px;
    line-height: 27px;
    color: var(--red_color_2);
    margin-bottom: 0px;
}
.n_fixmenu_overlay .nutrients_txt {
    font-size: 50px;
    line-height: 65px;
    color: var(--red_color_2);
    margin-bottom: 0px;
}
.n_fixmenu_overlay .n_fixmenu_lst {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-bottom: 40px;
}
.n_fixmenu_overlay .n_fixmenu_lst li {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    color: #808080;
    margin-bottom: 5px;
}
.n_fixmenu_overlay .n_fixmenu_lst li .amount_txt {
   text-align: right;
}
.n_fixmenu_overlay .n_fixmenu_lst li:nth-child(even) {
    color: #000000;
}
.nona_drink_slider .n_fixmenu_items .imgbox {
    height: 200px;
}
/* menu page section heading css end*/
/* make own pasta css end*/
.nona_make_own_pasta_banner {
    padding-top: 40px;
    padding-bottom: 80px;
    background-color: #51a07a;
    padding-left: 15px;
    padding-right: 15px;
    background-image: url(../images/menu/make_own_bgimg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.make_own_title_div {
    max-width: 790px;
    margin: 0 auto;
    text-align: center;
}
.make_own_title {
    text-align: center;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 555px;
}
.make_own_title .texts {
    font-size: 40px;
    line-height: 42px;
    position: absolute;
    left: 0;
    width: 100%;
    padding: 0 10px;
}
.nona_make_own_pasta_img {
    gap: 140px;
    padding-top: 50px;
}
.nona_make_own_pasta_img .imgbox {
    display: inline-block;
}
.nona_make_own_pasta_img .images_dv .spinerimage {
    display: inline-block;
    width: 218px;
    position: absolute;
    bottom: 40px;
    right: -90px;
    text-align: center;
}
.nona_make_own_pasta_img .images_dv .spinerimage .texts {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    text-align: center;
    font-size: 32px;
    line-height: 39px;
}
.statrfrom_msgbox {
    border-radius: 2em;
    background: var(--red_color_2);
    display: inline-block;
    width: 299px;
    padding: 24px;
    text-align: center;
}
.statrfrom_msgbox .texts {
    font-size: 30px;
    line-height: 40px;
    color: #ffffff;
    display: inline-block;
}
.nona_make_own_pasta_img .statrfrom_msgbox {
    position: absolute;
    right: -55%;
    top: -40%;
    transform: rotate(8deg);
    -webkit-transform: rotate(8deg);
    -moz-transform: rotate(8deg);
    -ms-transform: rotate(8deg);
    -o-transform: rotate(8deg);
}
.statrfrom_msgbox:before {
    content: "";
    position: absolute;
    left: 40px;
    bottom: -40px;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-top: 40px solid var(--red_color_2);
}
.nona_make_own_pasta_img .imgdv1 {
    width: 690px;
}
.nona_make_own_pasta_img .imgdv2 {
    width: 370px;
}
/* make own pasta css end*/
/* nona side css start*/
.n_fixmenu_items .ordernow_btn {
    display: inline-block;
    padding: 0 16px;
    height: 38px;
    line-height: 38px;
    background: var(--red_color_2);
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
}
.nona_side_sec .container-fluid {
    padding: 0px 1px;
}
.nona_side_row {
    margin-left: -1px;
    margin-right: -1px;
}
.nona_side_row .nona_side_col {
    padding-left: 1px;
    padding-right: 1px;
    border-right: 2px solid #333333;
    border-bottom: 1px solid #222222;
}
.nona_side_sec .n_fixmenu_items .imgbox img {
    max-height: 180px;
}
.qty_input_group {
    font-size: 21px;
    font-weight: 500;
}
.qty_input_groupdv {
    font-family: rocgrotesk;
    text-align: center;
}
.qty_input_groupdv .input-group {
    align-items: center;
    justify-content: center;
}
.qty_input_groupdv .input-group input {
    width: 50px;
    padding: 0 5px;
    height: 30px;
    background: transparent;
    border: none;
    flex: 0 0 auto;
    color: #333333;
    font-size: 18px;
}
.qty_input_groupdv .input-group .btn {
    flex: 0 0 auto;
    width: 21px;
    height: 21px;
    background: #ffaa00;
    line-height: 23px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    padding: 0;
    min-width: auto !important;
    border: none;
    color: #333333;
}
.qty_input_groupdv .input-group .btn:hover {
    background: #ffaa00;
    color: #333333;
}
/* nona side css end*/
/* nona side css end*/
.nona_bakery_slider .owl-item {
    border-right: 2px solid #333333;
}
.nona_five_col_slider .owl-nav button, .nona_fix_slider .owl-nav button  {
    width: 86px;
    height: 86px;
    line-height: 86px;
}
.nona_five_col_slider .owl-nav button img, .nona_fix_slider .owl-nav button img {
    width: 50px;
}
.nona_bakery_slider .owl-nav {
    opacity: 0;
    visibility: hidden;
    transition: all ease-in 0.25s;
    -webkit-transition: all ease-in 0.25s;
    -moz-transition: all ease-in 0.25s;
}
.nona_bakery_slider:hover .owl-nav, .nona_bakery_slider:focus .owl-nav {
    opacity: 1;
    visibility: visible;
}
/* nona tabs css end*/
.nonna_tab_section {
    border-bottom: 1px solid #333;
}
.nona_tabmenu .tablink {
    cursor: pointer;
}
.nona_tab_panel {
    display: none;
}
.nona_tab_panel.active {
    display: block;
}
.nona_tabmenu {
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
}
.nona_tabmenu .tablink {
    color: #fff;
    font-family: 'Mayonnaise_black';
    margin-right: 50px;
    text-transform: capitalize;
    border-bottom: 1px solid transparent;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.nona_tabmenu .tablink.active, .nona_tabmenu .tablink:hover {
    color: #ffaa00;
    border-bottom-color:#ffaa00 ;
}
/* nona tabs css end*/

.meetnona_text_section {
    background: #ffaa00;
    padding: 120px 0;
}
.meetnona_textbox {
    padding-left: 90px;
}
.meetnona_textbox h3 {
    font-size: 55px;
    line-height: 65px;
    color: var(--green_color_2);
}
.meetnona_textbox p {
    color: var(--red_color_2);
}
.nona_imagebox {
    display: inline-block;
}
.nona_imagebox .n_bg_img {
    position: absolute;
    right: -18%;
    top: 53px;
    width: 100%;
}
.nona_imagebox .main_img {
    background: #c44e34;
    padding: 5px;
    position: relative;
}
.nona_imagebox.position-relative .n_red_img {
    position: absolute;
    top: -33px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    z-index: 1;
    max-width: 150px;
}
/* order modal design */
.prod_ordernow_modal .modal-dialog {
    max-width: 760px;
}
.prod_ordernow_modal .modal-content {
    background: #ffaf00;
    border: none;
    border-radius: 0;
    padding: 50px;
    text-align: center;
}
.prod_ordernow_modal .modal-body {
    padding: 0;
}
.prod_ordernow_modal .close {
    position: absolute;
    right: 35px;
    top: 27px;
    cursor: pointer;
    color: #333333;
    opacity: 1;
    text-shadow: none;
    font-family: rocgrotesk;
    cursor: pointer;
}
.ordernow_modal_body .modal_title {
    font-size: 40px;
    text-transform: capitalize;
    line-height: 45px;
    margin-bottom: 40px;
}
.hand_circle_row {
    column-gap: 40px;
    margin-bottom: 0;
}
.hand_circle_row .hand_circledv {
    margin-bottom: 30px;
}
.ordernow_modal_body .hand_circle {
    width: 150px;
    height: 150px;
    background: #fff;
    border-radius: 50%;
    display: inline-block;
    overflow: hidden;
    padding-top: 28px;
}
.ordernow_modal_body .hand_circledv h3 {
    font-family: rocgrotesk;
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    margin-top: 25px;
    margin-bottom: 0;
}
.ordernow_modal_body .cont_browse_btn {
    /* display: inline-block;
    font-size: 30px;
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
    background: var(--red_color_2);
    color: #ffffff;
    text-align: center; */
    width: 100%;
}
.ordernow_modal_body .cont_browse_btn:hover{
    background: #333333;
    color: #ffffff;
}
/* order modal design */
/*menus page Checkbox css*/
.menustep_radios {
    display: inline-flex;
    font-size: 13px;
    line-height: 15px;
    color: #1A1A1A;
    cursor: pointer;
    margin-bottom: 14px;
    align-items: center;
}
.menustep_radios .radiolable {
    position: relative;
    margin: 0;
    font-family: rocgrotesk;
    cursor: pointer;
}
.menustep_radios input[type="checkbox"], 
.menustep_radios input[type="radio"] {
    position: absolute;
    visibility: hidden;
}
.menustep_radios .squares {
    display: inline-block;
    border: 2px solid #333333;
    background: transparent;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
}
.menustep_radios .squares:after {
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    background: #007c37;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}
.menustep_radios .texts {
    padding-left: 38px;
    text-align: left;
    color: #333333;
    font-size: 21px;
    line-height: 30px;
    display: block;
    font-weight: 500;
    text-transform: capitalize;
}
.menustep_radios .texts a {
    color: #333333;
    text-decoration: none;
}
.menustep_radios input:checked ~ .squares:after {
   opacity: 1;
   visibility: visible;
}
/*menus page Checkbox css*/
/* menu step section design */
.step_border_top {
    border-top: 2px solid #333333;
}
.step_border_bottom {
    border-bottom: 2px solid #333333;
}
.menu_step_heading {
    margin-bottom: 60px;
}
.menu_step_heading .titles {
    font-size: 50px;
    line-height: 60px;
}
.menu_step_section {
    padding-top: 70px;
    padding-bottom: 30px;
}
.taxture_bg_image {
    background-image: url(../images/white_taxture_bg2.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.taxture_bg_imagebig {
    background-color: #fff;
    background-image: url(../images/white_taxture_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.menu_stp_col {
    margin-bottom: 30px;
}
.menu_stp_item {
    text-align: center;
}
.menu_stp_item .imagebox {
    margin-bottom: 30px;
}
.menu_stp_item .imagebox img {
    border-radius: 50%;
    width: 270px;
    height: 270px;
    border: 2px solid #333333;
    object-fit: cover;
    display: inline-block;
}
.menu_stp_item .stp_title {
    color: #333333;
    font-size: 20px;
    line-height: 25px;
    display: block;
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 15px;
    font-family: rocgrotesk;
}
.menu_stp_item .stp_title a {
    text-decoration: none;
    color: inherit;
}
.menu_stp_item .stp_title a:hover {
    color: var(--red_color_main)
}
.menu_checkout_dv {
    width: 250px;
    margin: 0 auto 50px;
}
.menu_checkout_dv .checkout_buttondv {
    position: absolute;
    bottom: 78px;
    left: 0;
    width: 100%;
}
.menu_checkout_dv .checkout_button {
    background: red;
    color: #fff;
    font-size: 40px;
    display: inline-block;
    text-decoration: none;
    height: 80px;
    line-height: 80px;
    padding: 0 30px;
}
.choose_menu_step_slider .owl-item {
    text-align: center;
}
/* menu step section design */
/* menu step base section design */
.the_base_col_row {
    column-gap: 80px;
}
.base_add_col  {
    text-align: center;
}
.base_add_col .add_sign {
    font-size: 63px;
    line-height: 78px;
    font-weight: 700;
    font-family: 'rocgrotesk';
    padding-top: 106px;
    display: inline-block;
}
/* menu step base section design */
/* cart slide design */
.cart_slide_popup {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 178px);
    z-index: 110;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.6s ease-in-out 0s;
    -moz-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;
    transform: translateX(100%);
}
.activebody .cart_slide_popup {
    height: 100%;
}
.cart_slide_popup.show{
    visibility: visible;
    opacity: 1;
    transform: translateX(0);
}
.cart_slide_box {
    width: 800px;
    margin-left: auto;
    height: 100%;
    overflow-y: auto;
    border: 2px solid #333333;
    padding-top: 60px;
    padding-bottom: 60px;
    background-image: url(../images/white_taxture_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #fff;
}
.cart_slide_box .cart_heading {
    padding: 0 35px;
}
.cart_slide_box .cart_hdng {
    font-size: 40px;
    line-height: 50px;
    color: var(--red_color_main);
    margin-bottom: 0;
}
.cart_summary_lists {
    padding: 35px;
    border-bottom: 1px solid #333333;
}
.cart_summary_lists .imagebox {
    width: 150px;
    flex: 0 0 auto;
    margin-right: 30px;
}
.cart_summary_lists .imagebox a {
    display: inline-block;
}
.cart_summary_lists .imagebox .counter {
    position: absolute;
    left: 0;
    top: 35px;
    width: 29px;
    height: 29px;
    background: var(--red_color_main);
    color: #fff;
    text-align: center;
    border-radius: 50%;
    line-height: 32px;
}
.cart_summary_lists .contentbox {
    flex: 1;
}
.cart_summary_lists .cart_title {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 10px;
}
.cart_summary_lists .cart_title a {
    text-decoration: none;
    color: inherit;
}
.cart_summary_lists .cart_title a:hover {
    color: var(--yellow_color_dark);
}
.cart_summary_lists .pricetxt {
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    margin-bottom: 20px;
    display: inline-block;
}
.cart_summary_lists .quantity_text {
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    padding-left: 5px;
    flex: 0 0 auto;
}
.cart_summary_lists .remove_btn {
    display: inline-block;
    text-decoration: underline;
    color: var(--red_color_main);
    font-size: 15px;
    line-height: 18px;
    font-weight: 500;
}
.quantity_dv .input-group {
    padding-right: 80px;
    text-align: left;
    min-height: 30px;
}
.quantity_dv .input-group .quantity_counter_input {
    background: transparent;
    border: none;
    width: 100px;
    text-align: left !important;
    padding: 0;
    height: 30px;
    font-size: 20px;
    font-weight: 500;
    color: var(--red_color_main);
}
.quantity_dv .input-group .btn {
    background: transparent;
    border-radius: 0;
    border: 2px solid var(--red_color_main);
    color: var(--red_color_main);
    padding: 0;
    min-width: auto !important;
    width: 30px !important;
    height: 30px;
    font-size: 15px;
    line-height: 29px;
    flex: 0 0 auto;
    position: absolute;
    right: 0;
    cursor: pointer;
}
.quantity_dv .input-group .btn:hover {
    background: transparent;
    border: 2px solid var(--red_color_main);
    color: var(--red_color_main);
}
.quantity_dv .input-group .btn-minus {
    right: 30px;
    margin-right: -2px;
}
.cart_slide_amountbox {
    padding: 55px 55px 0;
}
.cart_discount_input_div {
    margin-bottom: 30px;
}
.cart_discount_input_dv {
    margin-bottom: 10px;
}
.cart_discount_input_div .clicktxt {
    font-size: 15px;
    line-height: 18px;
}
.cart_discount_input_div .clicktxt a {
    text-decoration: underline !important;
    color: #333333;
}
.cart_discount_input_dv .inputgroup {
    flex: 1;
    padding-right: 20px;
}
.cart_discount_input_dv .inputgroup input {
    width: 100%;
    background: transparent;
    border: 1px solid #333333;
    border-radius: 10px;
    height: 50px;
    padding: 0 18px;
    font-size: 14px;
    font-weight: 500;
    font-family: rocgrotesk;
}
.cart_discount_input_dv .applybtn {
    flex: 0 0 auto;
    font-size: 20px;
    padding: 0 20px;
    height: 50px;
    line-height: 50px;
    border: none;
    background: var(--red_color_main);
    color: #fff;
    border-radius: 9px;
    text-align: center;
    text-decoration: none;
    width: 130px;
    font-family: 'Mayonnaise_black';
}
.cart_total_table {
    width: 100%;
    border: none;
}
.cart_slide_box .cart_total_table {
    margin-bottom: 40px;
}
.cart_total_table tr td {
    border: none;
    font-size: 18px;
    line-height: 26px;
    color: var(--red_color_main);
    padding: 5px 0;
}
.cart_total_table tr td:last-child {
    text-align: right;
}
.cart_slide_amountbox .checkout_txts h3 {
    font-size: 30px;
    line-height: 40px;
    color: var(--red_color_main);
}
.cart_slide_amountbox .checkout_txts h4 {
    font-size: 15px;
    line-height: 18px;
    color: var(--red_color_main);
    font-weight: 500;
}
.cart_slide_amountbox .checkout_txts .right {
    flex: 0 0 auto;
}
.cart_slide_amountbox .checkout_btn {
    display: inline-flex;
    min-height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 20px;
    position: relative;
    justify-content: center;
    align-items: center;
    width: 160px;
}
.cart_slide_amountbox .checkout_btn .texts {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}
.cart_slide_box .cart_close_btn {
    font-size: 14px;
    display: inline-block;
    padding: 0;
    height: 26px;
    line-height: 25px;
    width: 26px;
    text-align: center;
    color: var(--red_color_2);
    border: 1px solid;
}
/* cart slide design */
/* promo page css */
.promo_page_section {
    padding-top: 80px;
    padding-bottom: 120px;
    background-image: url(../images/white_taxture_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #fff;
}
.promo_page_section .promo_box_girl {
    margin-bottom: -18px;
    z-index: 1;
    position: relative;
    padding-left: 29px;
}
.promo_page_section .promo_box_girl img {
    max-width: 260px;
}
.promo_main_titledv {
    margin-top: -45px;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 1;
}
.promo_main_title {
    display: inline-flex;
    min-height: 50px;
    position: relative;
    justify-content: center;
    align-items: center;
    max-width: 360px;
}
.promo_main_title .text {
    color: var(--green_color_2);
    font-size: 40px;
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}
.promo_page_boxwrap {
    border: 3px solid #333333;
    position: relative;
}
.promo_boxscroll {
    overflow-y: auto;
    max-height: 680px;
}
.promo_boxscroll::-webkit-scrollbar {
    width: 10px;
}
  /* Track */
.promo_boxscroll::-webkit-scrollbar-track {
    background: transparent; 
}
  /* Handle */
.promo_boxscroll::-webkit-scrollbar-thumb {
    background: var(--green_color_2); 
    border-radius: 1em;
  }
  /* Handle on hover */
.promo_boxscroll::-webkit-scrollbar-thumb:hover {
    background: var(--green_color_2); 
  }
  .promo_page_box {
    padding: 120px 60px 60px;
    background-color: transparent;
}
.promos_listingitem {
    margin-bottom: 40px;
}
.promos_listingitem .promo_titlebtn {
    display: inline-flex;
    min-height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 20px;
    position: relative;
    justify-content: center;
    align-items: center;
    flex: 0 0 auto;
    width: 150px;
}
.promos_listingitem .lefttext .textdiv {
    padding: 0 40px;
}
.promo_titlebtn .texts {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}
.promos_listingitem .textdiv p {
    color: #000000;
    margin-bottom: 0;
}
.promos_listingitem .buttondiv {
    flex: 0 0 auto;
}
.promos_listingitem .avail_ofr_btn {
    display: inline-block;
    text-decoration: none;
    background: var(--green_color_2);
    color: var(--yellow_color);
    font-size: 20px;
    padding: 0 25px;
    height: 50px;
    line-height: 50px;
}
/* promo page css */
/*product Detail css*/
.product_detail_wrap .container-fluid {
    padding: 0;
}
.product_detail_wrap {
    background-image: url(../images/white_taxture_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #fff;
}
.product_detail_top .leftcol, .product_detail_bottom .leftcol {
    border-right: 2px solid #333333;
    border-bottom: 2px solid #333333;
}
.product_detail_top .rightcol, .product_detail_bottom .rightcol {
    border-bottom: 2px solid #333333;
}
.prod_dtl_slider .p_slides {
    width: 100%;
    height: 700px;
}
.prod_dtl_slider .p_slides img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.prod_detail_info_box {
    padding: 100px 150px;
}
.prod_detail_info_box .pro_title {
    font-size: 45px;
}
.prod_detail_info_box .pro_pricedv {
    margin-bottom: 30px;
}
.prod_detail_info_box .pro_price {
    font-size: 23px;
    line-height: 30px;
}
.prod_detail_info_box .prod_para {
    margin-bottom: 80px;
}
.prod_detail_info_box p {
    font-size: 20px;
    line-height: 25px;
}
.prod_detail_info_box .adto_cartbtn {
    width: 100%;
}
.prod_increment_input .input-group .btn, 
.prod_increment_input .input-group input {
    padding: 0;
    width: 40px;
    height: 40px;
    max-width: 50px;
    color: #333333;
    background: transparent;
    border: 1px solid #333;
    border-radius: 0;
    font-size: 18px;
    min-width: auto !important;
}
.prod_increment_input .input-group .btn-minus {
    margin-right: -1px;
}
.prod_increment_input .input-group .btn-plus {
    margin-left: -1px;
}
.prod_increment_input .input-group .btn:focus{
    color: #333333;
    background: transparent;
}
.prod_thumb_slider {
    background: #333333;
}
.prod_thumb_slider .item img {
    width: 100%;
    aspect-ratio: 1/.8;
    object-fit: cover;
    padding: 2px 1px 0;
}
.prod_thumb_slider .owl-nav button {
    width: 40px !important;
    height: 40px !important;
    line-height: 40px !important;
    color: #fff !important;
    font-size: 16px !important;
}
.prod_ingredent_nutr_box {
    padding: 30px 30px 60px;
}
.prod_ingredent_nutr_box .titless {
    font-size: 30px;
    line-height: 36px;
    color: var(--red_color_main);
    margin-bottom: 30px;
}
.prod_ingredent_nutr_box .textitem {
    display: inline-block;
    font-size: 20px;
    line-height: 34px;
    font-weight: 500;
    color: #000000;
    margin-right: 2px;
}
.prod_ingredent_nutr_box .textitem:nth-child(odd) {
    color: #828282;
}
/*product Detail css*/
/*cart page css*/
.cartpage_sec_wrapper {
    padding-top: 90px;
    padding-bottom: 65px;
    background-image: url(../images/white_taxture_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #fff;    
}
.cart_summary_table table {
    border-bottom: 2px solid #333333;
    margin-bottom: 60px;
}
.cart_summary_table tr th, .cart_summary_table tr td {
    font-weight: 500;
    padding: 10px 5px;
}
.cart_summary_table tr th:first-child, .cart_summary_table tr td:first-child {
    padding-left:0px;
}
.cart_summary_table tr th:last-child, .cart_summary_table tr td:last-child {
    padding-right:0px;
}
.cart_summary_table table tr th {
    font-size: 18px;
    text-transform: uppercase;
    color: var(--red_color_main);
    border-top: none;
    border-bottom: 3px solid #333333;
}
.cart_summary_table table tr td {
    font-size: 18px;
    vertical-align: middle;
    color: var(--red_color_main);
    border: none;
}
.cart_productdv {
    word-wrap: break-word;
    word-break: break-word;
}
.cart_productdv .imagebox {
    flex: 0 0 auto;
    width: 100px;
    margin-right: 15px;
}
.cart_productdv .cart_title {
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 500;
    color: var(--red_color_main);
}
.cart_productdv .cart_title a{
   color: inherit;
}
.cart_productdv .cart_title a:hover{
    color: var(--red_color_2);
 }

 .cart_summary_table .prod_increment_input .input-group .btn, 
 .cart_summary_table .prod_increment_input .input-group input {
    width: 36px;
    height: 36px;
    max-width: 36px;
    color: var(--red_color_main);
    border-color: var(--red_color_main);
    font-size: 18px;
}
.cartpage_sec_wrapper .cntn_shopping_btn {
    border: 1px solid var(--red_color_main);
    color: var(--red_color_main);
    background: transparent;
    padding: 0 40px;
}
.cartpage_sec_wrapper .cntn_shopping_btn:hover {
    color: #ffffff;
    background: var(--red_color_main);
}
/*cart page css*/
/*cart page summary card css*/
.cart_page_summary_card {
    padding: 40px 40px;
    background: #fbdeff;
}
.cart_add_note_dv .text {
    font-size: 20px;
    line-height: 30px;
    color: var(--red_color_main);
    font-weight: 500;
}
.cart_add_note_dvwrap {
    margin-bottom: 40px;
}
.cart_add_note_dv .crt_icon {
    flex: 0 0 auto;
    display: inline-flex;
    width: 21px;
    margin-left: 10px;
    cursor: pointer;
}
.cart_add_note_dv .crt_icon .close_icn {
    display: none;
    color: #afafaf;
    font-weight: 400;
    font-family: rocgrotesk;
    font-size: 17px;
    line-height: 20px;
}
.cart_add_note_dv .crt_icon.active .close_icn {
    display: inline-block;
}
.cart_add_note_dv .crt_icon.active .edit_img {
    display: none;
}
.cart_textareabox textarea {
    width: 100%;
    height: 160px;
    background: #ffffff;
    border: 1px solid #afafaf;
    padding: 10px;
    font-size: 15px;
    font-weight: 400;
}
.cart_page_summary_card .cart_textareabox {
    display: none;
}
.cart_options_row {
  margin-left: -5px;  
  margin-right: -5px;  
}
.cart_options_row .cart_options_col {
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 15px;
    width: 25%;
}
.cart_options_box {
    text-align: center;
    background: #eeeeef;
    min-height: 100%;
    padding: 15px 5px;
    border: 1px solid #e5e5e3;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cart_options_box .innerdv {
  width: 100%;
}
.cart_options_box .icons {
    display: inline-block;
}
.cart_options_box .icons img {
    height: 40px;
}
.cart_options_box h4 {
    font-size: 15px;
    line-height: 18px;
    text-transform: uppercase;
    margin-bottom: 0;
    margin-top: 10px;
}
.cartcheckout_form .inputbox {
    border-radius: 9px;
    border: 1px solid #afafaf;
    background: #ffffff;
    position: relative;
    z-index: 1;
}
.cartcheckout_form .inputbox:before {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    height: 100%;
    width: 80px;
    background-color: #f7f8f8;
    border-left: 1px solid #afafaf;
    border-radius: 0 9px 9px 0;
    z-index: -1;
}
.cartcheckout_form .inputbox input {
    width: 100%;
    height: 55px;
    border-radius: 0;
    border: none;
    font-size: 15px;
    font-weight: 400;
    padding: 0 85px 0 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    background-image: url(../images/carticon/calendaricon.png);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position-y: center;
    background-position-x: calc(100% - 12px);
}
.cartcheckout_form .shipingtext {
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    color: var(--red_color_main);
}
/*cart page summary card css*/
/*chekcout page css card css*/
.checkout_page_wrap .left_checkout {
    background-image: url(../images/white_taxture_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.checkout_page_wrap {
    background: #f7f8f8;
}
.checkout_page_wrap .container-fluid {
    background: #f7f8f8;
    padding: 0;
}
.checkout_summaryboxdiv {
    padding: 50px 30px;
    border-left: 1px solid;
    min-height: 100%;
}
.checkout_summarylists {
    border-bottom: 1px solid #333333;
    margin-bottom: 30px;
}
.checkout_summaryboxdiv .cart_summary_lists {
    border: none;
}
.checkout_summaryboxdiv .cart_total_tabledv, .checkout_summaryboxdiv .cart_summary_lists {
    padding: 0 30px;
}
.checkout_summaryboxdiv .cart_discount_input_div {
    padding: 0px 30px 20px;
    border-bottom: 1px solid;
}
.checkout_summarybottom .cart_total_table tr td {
    color: #333333;
}
.cart_total_table tr td .smalltext {
    font-size: 17px;
    font-weight: 500;
}
.cart_total_table.tablebottom td .smalltext {
    padding-right: 10px;
}
.checkout_summarybottom .tablebottom tr td {
    padding: 25px 0;
}
/*chekcout page css card css*/
/*chekcout form  css*/
.checkout_border_box {
    border: 1px solid #333333;
    border-radius: 1em;
    background: #fff;
    min-height: 50px;
}
.checkout_container_box {
    max-width: 830px;
    margin: 0 auto;
}
.checkout_left_cover {
    padding: 60px 0px;
}
.check_breadcrumbs_dv {
    margin-bottom: 40px;
}
.check_breadcrumbs_dv .check_logo img {
    width: 300px;
    max-width: 300px;
}
.check_breadcrumbs_dv .check_logo {
    margin-bottom: 30px;
}
.check_breadcrumbs .breadcrumb {
    padding: 0;
    background: transparent;
}
.check_breadcrumbs .breadcrumb li {
    font-size: 18px;
    font-weight: 500;
    color: #afafaf;
    text-transform: uppercase;
}
.check_breadcrumbs .breadcrumb li a {
    color: #333333;
}
.check_breadcrumbs .breadcrumb li.active {
    color: var(--red_color_main);
}
.express_logos_dv {
    text-align: center;
    border: 1px solid #333333;
    border-radius: 15px;
    margin-bottom: 50px;
}
.express_logos_dv .innerdiv {
    padding: 0px 0 20px;
}
.express_logos_dv .express_logos {
    padding: 0 9px;
}
.express_logos_dv .expresstext {
    font-size: 30px;
    line-height: 40px;
    display: inline-flex;
    top: -21px;
    position: relative;
    background: #ebebeb;
    padding: 3px 10px;
}
.check_or_sapratetext {
    margin-bottom: 40px;
    position: relative;
    text-align: center;
}
.check_or_sapratetext:before, .check_or_sapratetext:after {
    position: absolute;
    content: "";
    width: calc(50% - 30px);
    height: 1px;
    background-color: #333333;
    top: 50%;
}
.check_or_sapratetext:before {
    left: 0;
}
.check_or_sapratetext:after {
    right: 0;
}
.check_or_sapratetext .ortext {
    font-size: 30px;
    line-height: 40px;
    min-width: 60px;
    display: inline-block;
}
.check_frm_headingdv {
    margin-bottom: 20px;
}
.check_frm_headingdv .frm_heading {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.check_frm_headingdv  p {
    font-size: 17px;
    line-height: 20px;
    color: #afafaf;
    margin-bottom: 0;
}
.checkout_formss .form_group {
    margin-bottom: 15px;
}
.checkout_formss .form_group select, 
.checkout_formss .form_group input, 
.checkout_formss .form_group textarea {
    width: 100%;
    height: 50px;
    background-color: #fff;
    border: 1px solid #333333;
    border-radius: 10px;
    padding: 0 15px;
    font-size: 16px;
    font-family: rocgrotesk;
    color: #afafaf;
}
.checkout_formss input[type="checkbox"], .checkout_formss input[type="radio"] {
    width: auto;
    height: auto;
}
.checkout_formss .form_group textarea {
    height: 100px;
}
.checkout_btm_return_dv {
    align-items: center;
}
.checkout_btm_return_dv .return_text {
    color: #333333;
    font-family: rocgrotesk;
    font-size: 18px;
    font-weight: 500;
}
.checkout_btm_return_dv .return_text:hover {
    color: var(--red_color_main);
}
.checkout_formss .form_control::-webkit-input-placeholder { 
    color: #afafaf;
}
.checkout_formss .form_control::-moz-placeholder { 
    color: #afafaf;
}
.checkout_formss .form_control:-ms-input-placeholder {
    color: #afafaf;
}
.checkout_formss .form_control:-moz-placeholder {
    color: #afafaf;
}
.checkout_formss .custom_checkbox .c_text {
    padding-left: 11px;
    color: #afafaf;
    font-size: 17px;
    line-height: 26px;
    font-weight: 500;
}
.checkout_formss .custom_checkbox .c_square {
    top: 0;
}
.checkout_formss .form_group_icon .input_icon {
    position: absolute;
    right: 18px;
    top: 50%;
    z-index: 1;
    width: 18px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.checkout_formss .form_group_icon .input_icon img {
    width: 15px;
}
.checkout_formss .form_group_icon input {
    padding: 0 36px 0 18px;
}
.checkout_bottom_terms {
    margin-top: 100px;
    padding-top: 10px;
}
.checkout_bottom_terms ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
}
.checkout_bottom_terms ul li a {
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    color: #333333;
}
.checkout_bottom_terms ul li a:hover{
    color: var(--red_color_main);
}
.checkout_bottom_terms ul li {
    position: relative;
    padding: 0 8px;
    margin-top: 5px;
}
.checkout_bottom_terms ul li:before {
    top: 50%;
    content: "";
    width: 4px;
    height: 4px;
    background: #333;
    border-radius: 50%;
    left: -2px;
    position: absolute;
    margin-top: -2px;
}
.checkout_bottom_terms ul li:first-child {
    padding-left: 0;
}
.checkout_bottom_terms ul li:first-child:before {
    display: none;
}
.shipping_fatch_infobox .inerpdding {
    padding: 10px 23px;
}
.ship_fatch_datlst {
    padding: 15px 10px;
    border-bottom: 1px solid #333333;
}
.ship_fatch_datlst:last-child {
    border: none;
}
.ship_fatch_datlst .labels, .ship_fatch_datlst .fatdata {
    font-size: 18px;
    line-height: 22px;
    margin: 0;
}
.ship_fatch_datlst .labels {
    color: #afafaf;
    font-weight: 500;
    text-transform: uppercase;
    flex: 0 0 auto;
    margin-right: 15px;
    min-width: 85px;
}
.ship_fatch_datlst .righttexts {
    flex: 0 0 auto;
    padding-left: 10px;
}
.ship_fatch_datlst .ship_change_toggle {
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    text-transform: uppercase;
    flex: 0 0 auto;
    cursor: pointer;
    text-decoration: none;
}
.ship_fatch_datlst .ship_change_toggle:hover {
    color: #000000;
}
.checkout_formss .bootstrap-select .dropdown-toggle:before {
    content: "";
    position: absolute;
    right: 47px;
    width: 1px;
    height: 30px;
    top: 10px;
    background: #afafaf;
}
/*chekcout form  css*/
/*chekcout payment  css*/
.checkout_payment_box {
    margin-bottom: 50px;
}
.checkout_payment_box .heding_bar {
    padding: 20px 25px;
    border-bottom: 1px solid #333333;
}
.checkout_payment_box .inner_bodyd {
    padding: 30px 25px;
}
.checkout_payment_box .custom_radiobox .c_text {
    color: #afafaf;
    font-weight: 500;
}
.checkout_bil_addresbox .items:last-child {
    border: none;
}
.checkout_bil_addresbox .items {
    padding: 15px 25px;
    border-bottom: 1px solid;
}
.checkout_remeberbox .items {
    padding: 20px 25px;
}
.checkout_bil_addresbox .items {
    padding: 15px 25px;
    border-bottom: 1px solid;
}
.checkout_bil_addresbox .items:last-child {
    border: none;
}
.checkout_remeberbox .custom_checkbox {
    margin-bottom: 0;
}
/*chekcout payment css*/
/*chekcout successful css*/
.check_success_container {
    max-width: 732px;
    margin: 0 auto;
}
.checkout_confirmation_text {
    margin-top: 70px;
    margin-bottom: 50px;
}
.checkout_confirmation_text p {
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
}
.checkout_confirm_infobox {
    border-radius: 1em;
    border: 1px solid #333333;
    padding: 30px 60px;
    background: #fff;
    margin-bottom: 38px;
}
.checkout_confirm_infobox .cnf_headings {
    text-align: center;
    font-size: 25px;
    line-height: 30px;
    font-weight: 500;
    margin-bottom: 30px;
    text-transform: uppercase;
}
.checkout_confirm_infotxt p {
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
}
.checkout_confirm_infotxt .cnf_labels {
    margin-bottom: 10px;
}
.checkout_confirm_infotxt .cnf_texts {
    font-weight: 500;
    color: #afafaf;
    margin-bottom: 25px;
}
.check_success_btm_dv .need_text {
    color: #333333;
    font-family: rocgrotesk;
    font-size: 18px;
    font-weight: 500;
}
.check_success_btm_dv .need_text a {
    text-decoration: none;
    color: var(--red_color_main);
}
/*chekcout successful css*/
/*contact page css*/
.contact_page_wrap {
    background-size: cover;
    background-repeat: no-repeat;
    padding: 70px 0 90px;
}
.contact_page_heading {
    margin-bottom: -120px;
}
.contact_page_heading .title_imagediv {
    max-width: 350px;
    margin: 0 auto;
}
.contact_humans_div {
    text-align: right;
    margin-bottom: -100px;
    margin-right: -50px;
}
.contact_humans_div .contact_humanimg {
    display: inline-block;
    width: 250px;
}
.contact_page_form {
    width: 100%;
    padding: 70px 50px 70px;
    border: 2px solid #333333;
    border-radius: 2em;
    background: #fff;
}
.contact_page_form .pad_leftdv {
    /* padding-left: 16px; */
}
.contact_page_form .labeltext {
    font-size: 20px;
    line-height: 23px;
    margin-bottom: 10px;
}
.contact_page_form .ticktext {
    font-size: 15px;
    line-height: 19px;
    font-weight: 500;
    color: #adadad;
}
.contact_page_form .form_group {
    margin-bottom: 26px;
}
.contact_page_form .form_group input, 
.contact_page_form .form_group select, 
.contact_page_form .form_group textarea {
    width: 100%;
    height: 50px;
    font-size: 15px;
    font-weight: 500;
    padding: 0 15px;
    color: #adadad;
    border: 1px solid #adadad;
    border-radius: 8px;
}
.contact_page_form .form_group textarea {
    height: 200px;
    padding-top: 15px;
    border-radius: 16px;
    resize: none;
}
.contact_page_form .custom_checkbox {
    margin-bottom: 0;
}
.contact_page_form .custom_checkbox .check_control_label {
    margin-bottom: 15px;
    margin-right: 30px;
}
.contact_page_form .custom_checkbox .c_square {
    border-radius: 0;
}
.contact_page_form .contactbtn {
    font-family: 'Mayonnaise_black';
}
.page_sec_title_image {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.sec_title_text {
    font-size: 40px;
    line-height: 40px;
    font-weight: 800;
    text-transform: uppercase;
    margin: 0;
}
.page_sec_title_image .sec_title_text {
    position: absolute;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    top: 46%;
}
/*contact page css*/
/*our story page fix nav css*/
.story_fix_navs {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 110;
    width: 22px;
    right: 20px;
    list-style: none;
    padding: 0;
    margin: 0;
}
.story_fix_navs .navigation_link {
    display: flex;
    padding: 3px 0;
    width: 100%;
    position: relative;
    justify-content: space-between;
    align-items: center;
    min-height: 53px;
}
.story_fix_navs .navigation_link:after {
    position: absolute;
    content: "";
    width: 2px;
    height: 100%;
    background: var(--green_color);
    right: 10px;
    top: 17px;
    z-index: -1;
}
.story_fix_navs .navigation_link .text {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--green_color);
    color: #fff;
    width: 130px;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    height: 47px;
    padding: 0 4px;
    font-weight: 500;
    border-radius: 6px;
    position: absolute;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    opacity: 0;
    visibility: hidden;
    right: 0;
    width: 130px;
}
.story_fix_navs .navigation_link:hover .text {
    visibility: visible;
    opacity: 1;
    right: calc(100% + 22px);
    right: -webkit-calc(100% + 22px);
    right: -moz-calc(100% + 22px);
}
.story_fix_navs .navigation_link .text:after {
    position: absolute;
    content: "";
    background-image: url(../images/green_nav_arrow.png);
    background-repeat: no-repeat;
    background-size: 20px;
    top: 50%;
    right: -14px;
    width: 20px;
    height: 14px;
    margin-top: -7px;
}
.story_fix_navs .navigation_link .circle {
    flex: 0 0 auto;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #fff;
    border: 4px solid var(--green_color);
}
.story_fix_navs .navigation_link.active .circle {
    background: var(--yellow_color);
}
/*our story page fix nav css*/
/*our story banner css*/
.our_story_banner_sec {
    padding-top: 64px;
}
.our_story_banner_top .zm_section_heading_container {
    padding-left: 60px;
}
.our_story_banner_sec .container-fluid {
    padding-left: 0;
    padding-right: 0;
}
.str_bnr_left_colm .our_story_bannertext {
    padding-top: 30px;
    padding-right: 30px;
    padding-bottom: 100px;
    padding-left: 139px;
}
.our_story_bannertext .heading_title {
    font-size: 45px;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 54px;
}
.str_bnr_right_colm .our_story_bannertext {
    text-align: right;
    padding-right: 140px;
}
.our_story_bnr_img_group {
    align-items: flex-end;
}
.our_story_bnr_img_group .human_img {
    flex: 0 0 auto;
    width: 418px;
}
.story_bnr_star_shapedv {
    position: relative;
    top: -70px;
}
.story_bnr_star_shape {
    width: 340px;
    display: inline-block;
    color: var(--green_color_2);
    position: relative;
}
.story_bnr_star_shape .imgbox {
    display: inline-block;
}
.story_bnr_star_shape .texts {
    display: inline-block;
    font-size: 30px;
    line-height: 40px;
    text-transform: uppercase;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    padding: 0 60px;
}
.our_story_banner_top .right_box {
    text-align: right;
}
.our_story_bnr_img {
    position: relative;
    margin-bottom: 30px;
    display: inline-block;
}
.our_story_bnr_img .tomato_icon {
    position: absolute;
    top: -10%;
    left: -8%;
}
/*our story  banner css*/
/*our story page css*/
.story_values_section .page_sec_title_image, 
.where_we_come_text .page_sec_title_image, 
.story_csr_rightimg .page_sec_title_image {
    max-width: 320px;
}
.main_div_for_header {
    margin-top: -186px;
    padding-top: 186px;
}
.story_values_section  {
    padding-bottom: 60px;
}
.story_values_section .page_sec_heading {
    top: -36px;
    position: relative;
}
.story_val_col {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
.story_val_items {
    text-align: center;
    margin-bottom: 30px;
}
.story_val_icon {
    display: inline-block;
    position: relative;
    text-align: center;
    margin-bottom: 40px;
    height: 162px;
}
.story_val_icon .bgimg {
    display: inline-block;
}
.story_val_icon .line_icons {
    position: absolute;
    left: 18%;
    bottom: 12px;
    width: 90%;
}
.story_val_items .main_titles {
    font-size: 120px;
    margin-bottom: 0;
    color: var(--red_color_main);
    text-transform: uppercase;
}
.story_val_items p {
    line-height: 25px;
    font-weight: 500;
}
/*our story page css*/
/*zitimama story css*/
.story_section_heading .numbers_img {
    flex: 0 0 auto;
    font-size: 27px;
    background-image: url(../images/tommato-icon.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 60px;
    height: 60px;
    line-height: 80px;
    margin-right: 25px;
    text-align: center;
    color: #fff;
}
.story_section_heading .sectitle {
    font-size: 50px;
    line-height: 50px;
    font-weight: 700;
    color: var(--red_color_main);
    margin-bottom: 0;
}
/*zitimama story css*/
/*where come section css*/
.where_we_come_section {
    padding-top: 80px;
    padding-bottom: 60px;
}
.where_we_nj_image .njgroup_logo {
    margin-bottom: 20px;
}
.where_we_nj_image .njgroup_logo img {
    max-width: 290px;
    border-radius: 20px;
}
.where_we_nj_image .njgroup_img img {
    max-width: 320px;
}
.where_we_come_text {
    padding-right: 100px;
}
.where_we_come_text p {
    font-weight: 500;
}
.story_timeline_line_dv {
    min-height: 400px;
    font-family: 'Montserrat', sans-serif;
    margin-top: 100px;
    padding-top: 0;
}
.story_timeline_line_dv .story_centrline {
    position: absolute;
    height: 100%;
    left: 50%;
    width: 12px;
    background: #942e46;
    margin-left: -6px;
    bottom: 40px;
}
.story_timeline_line_dv .triangleimage {
    width: 30px;
    position: absolute;
    top: -27px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.story_timeline_line_dv .timeline_men {
    position: absolute;
    bottom: 0;
    width: 130px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.story_timeline_listdv {
    margin: 0;
    padding: 0;
    list-style: none;
}
.story_timeline_listdv li {
    /* margin: 20px 0; */
    margin: 0px 0;
}
.story_timeline_listdv li:last-child {
    margin-bottom: 0;
}
.story_timeline_content_dv {
    width: 50%;
    position: relative;
    padding: 0 6px;
    justify-content: flex-end;
}
.story_timeline_content p {
    margin: 0;
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
}
.story_timeline_content h4 {
    font-size: 25px;
    line-height: 30px;
    font-weight: 700;
    margin: 0
}
.story_timeline_content_dv:after {
    content: "";
    position: absolute;
    top: 0;
    width: 38px;
    height: 38px;
    border: 10px solid #007c37;
    background: #fff;
    border-radius: 50%;
    right: -20px;
}

.story_timeline_content_dv .right_borders {
    flex: 0 0 auto;
    width: 50px;
    background: #333333;
    height: 2px;
    margin: 18px 20px 0;
}
.story_timeline_listdv > li:nth-child(odd) {
    justify-content: flex-end;
}
.story_timeline_listdv > li:nth-child(even) .story_timeline_content {
    text-align: right;
}
.story_timeline_listdv > li:nth-child(odd) .story_timeline_content_dv:after {
    left: -20px;
    right: auto;
}
.story_timeline_listdv > li:nth-child(odd) .story_timeline_content_dv {
    flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
}
/*where come section css*/
/*Brand story section css*/
.brand_story_book_sec .zm_section_heading_container {
    top: 40px;
   position: relative;
}
.brand_story_book_sec {
    min-height: 500px;
    overflow-x: hidden;
}
.brand_float_icons {
    position: absolute;
}
.brand_float_icons img {
    max-width: 150px;
}
.brand_float_icons.icon1 {
    right: 1.5%;
    top: 13%;
}
.brand_float_icons.icon2 {
    top: 20%;
    left: 5%;
}
.brand_float_icons.icon3 {
    left: 1.5%;
    bottom: 7%;
}
.brand_float_icons.icon4 {
    right: -30px;
    bottom: 35%;
}
.brand_float_icons.icon5 {
    right: 1.7%;
    bottom: 14%;
}
.download_qrcode_dvwrap {
    position: relative;
    margin-bottom: -110px;
}
.download_qrcode_dv .pdf_download_btn {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    padding: 0 30px;
    text-align: center;
    background: var(--red_color_main);
    color: #fff;
    font-size: 20px;
    margin-bottom: 30px;
    border-radius: 5px;
}
.download_qrcode_dv .qrcode_img img {
    /* max-width: 780px; */
     max-width: 600px;
}
/*Brand story section css*/
/*Our Team section css*/
.story_our_team_heading {
    margin-top: 30px;
    margin-bottom: 40px;
}
.story_team_section {
    padding-top: 70px;
    padding-bottom: 140px;
}
.s_our_team_box .image_box img {
    /* border-radius: 4em;
    border: 3px solid var(--red_color_main);
    object-fit: cover;
    aspect-ratio: 1/1.26;*/
    width: 100%; 
    height: 100%;
}
.s_our_team_box {
    text-align: center;
}
.s_our_team_box .contentbox {
    padding-top: 35px;
}
.s_our_team_box .agent_name {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 8px;
}
.s_our_team_box .agent_name a {
    color: #333333;
    text-decoration: none;
    display: inline-block;
}
.s_our_team_box .agent_designation {
    font-size: 18px;
    line-height: 23px;
    font-weight: 700;
    margin-bottom: 8px;
}
.s_our_team_box .contentbox p {
    line-height: 26px;
    font-weight: 500;
    font-size: 17px;
}
.show-more-less-handler {
    background: #f0f0f0 !important;
    padding: 0 3px !important;
    color: var(--red_color_main); display: block !important;
}
.team_social_icons .icon i {
    color: #3966ad;
    text-decoration: none;
}
.team_social_icons .icon i {
    font-size: 35px;
}
.team_social_icons .icon img {
    width: 35px;
}
.our_team_carousel .owl-nav button {
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    top: 20%;
}
.our_team_carousel .owl-nav .owl-next {
    right: -50px;
}
.our_team_carousel .owl-nav .owl-prev {
    left: -50px;
}
/*Our Team section css*/
/*Our USP section css*/
.story_our_usp_section .zm_section_heading_container {
    position: relative;
    top: 80px;
}
.our_usp_list_boxdv {
    margin-top: -137px; max-width: 70%;
}
.our_usp_left_txtimg {
    margin-top: 137px;
}
.our_usp_left_txtimg img {
    max-width: 500px;
}
.our_usp_list_box {
    padding: 20px 50px;
    border-radius: 2em;
    margin-top: -40px;
    z-index: 1;
}
.our_usp_list_box ul {
    padding: 0;
    list-style: none;
    margin: 0;
}
.our_usp_list_box ul li {
    font-size: 22px;
    line-height: 31px;
    color: #fff;
    margin: 15px 0 13px;
    align-items: center;
}
.our_usp_list_box ul li .icon {
    flex: 0 0 auto;
    margin-right: 20px;
    width: 20px;
}
.our_ups_bottomtext {
    padding-top: 40px;
    padding-bottom: 20px;
}
/*Our USP section css*/
/*csr section css*/
.story_csr_section {
    padding-top: 90px;
    padding-bottom: 90px;
}
.story_csr_textdv {
    padding-top: 20px;
    padding-right: 50px;
}
.story_csr_textdv .view_m_button {
    display: inline-block;
    text-decoration: none;
    height: 50px;
    line-height: 50px;
    padding: 0 25px;
    text-align: center;
    background: var(--red_color_main);
    color: #fff;
    font-size: 20px;
    margin-top: 20px;
    border-radius: 5px;
}
.story_csr_textdv .view_m_button:hover {
    background: var(--yellow_color);
    color: #fff;
}
.story_csr_rightimg {
    margin-top: -50px;
}
.story_csr_rightimg .csr_imagebox img {
    max-height: 500px;
}
/*csr section css*/
/*connect franchise section css*/
.story_connect_franchise_sec {
    padding-top: 60px;
    padding-bottom: 100px;
    background: #c5ffff;
}
.story_connect_franchise_sec .container-fluid {
    padding: 0 70px;
}
/*connect franchise section css*/
/*inmedia section css*/
.inmedia_listing_section {
    padding-top: 70px;
    padding-bottom: 100px;
    position: relative;
}
.inmedia_listing_section .media_floaticon {
    position: absolute;
}

.inmedia_listing_section .media_floaticon img {
    max-width: 100px;
}
.inmedia_listing_section .media_floaticon.icon1 {
    left: 3%;
    bottom: 100px;
}
.inmedia_listing_section .media_floaticon.icon2 {
    right: 5%;
    bottom: 200px;
}
/*inmedia section css*/
.inmedia_sliderbox {
    position: relative;
}
.inmedia_videobox {
    width: 50%;
    margin: 0 auto;
    display: flex;
}
.inmedia_video_box{
    height: 400px;
    width: 100%;
}
.inmedia_video_box iframe, .inmedia_video_box video {
    width: 100%;
    height: 100%;
}
.inmedia_vdo_imgbox {
    height: 400px;
    width: 100%;
}
.inmedia_vdo_imgbox .mediaimg {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.inmedia_video_content {
    background: #952e46;
    padding: 20px 40px;
    width: 100%;
}
.inmedia_video_content p {
    margin: 0;
    color: #fff;
    font-size: 20px;
    line-height: 27px;
    font-weight: 500;
}
.inmedia_sliderbox .green_circledv {
    position: absolute;
    right: -60px;
    top: -60px;
    z-index: -1;
    width: 160px;
}
/* certified marquee text */
.certified_marquee_text .m_items {
    font-size: 36px;
    line-height: 40px;
    color: var(--yellow_color);
}
/* certified marquee text */
/* Sustainability css */
.zm_sustainblt_col {
    margin-bottom: 30px;
}
.zm_sustainblt_card {
    text-align: center;
    padding: 50px 30px 30px;
    background: #ffb0ff;
    border: 4px solid var(--green_color);
    border-radius: 50px;
    min-height: 100%;
}
.zm_sustainblt_card h3 {
    font-size: 40px;
    line-height: 50px;
    color: var(--green_color);
    margin-bottom: 20px;
}
.zm_sustainblt_card p {
    line-height: 26px;
    font-weight: 500;
}
/* Sustainability css */
/* certificate slider css */
.our_certificate_item {
  
}
.our_certificate_item .bg_stripbox1 {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
}
.our_certificate_item .bg_stripbox2 {
    position: absolute;
    top: 10px;
    left: 10px;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
}
.our_certificate_item .bg_stripbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.our_certificate_item .img_box_dv {
    padding-left: 20px;
    padding-top: 20px;
}
.our_certificate_item .img_box img {
    width: 100%;
    aspect-ratio: 1/1.5;
}
.our_certificate_overlay {
    background: rgb(0 0 0 / 64%);
    color: #ffffff;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    opacity: 0;
    visibility: hidden;
}
.our_certificate_overlay .overlay_inrdv {
    width: 100%;
    padding: 25px;
}
.our_certificate_overlay .crt_title {
    color: #ffffff;
    font-size: 30px;
    line-height: 40px;
}
.our_certificate_overlay p {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px;
}
.our_certificate_item:hover .our_certificate_overlay {
    opacity: 1;
    visibility: visible;
}
.our_certificate_carousel .owl-nav .owl-prev {
    left: -50px;
}
.our_certificate_carousel .owl-nav .owl-next {
    right: -50px;
}
/* certificate slider css */
/* innovatiave css */
.zm_inovation_container {
    padding: 0 15px;
    max-width: 1805px;
    margin: 0 auto;
}
.zm_inovation_bgdiv {
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 777px;
}
.inovative_content_box {
   
}
.innovative_textboxdv {
    padding-left: 100px;
    margin-bottom: 60px;
}
.innovative_textboxdv .innov_textbox {
    max-width: 560px;
    padding-top: 50px;
}
.innovative_textboxdv .img_box {
    flex: 0 0 auto;
    width: 190px;
    margin-right: 11px;
}
.innov_textbox .small_heading {
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
    color: var(--yellow_color);
    margin-bottom: 10px;
}
.innov_textbox .big_heading {
    font-size: 50px;
    line-height: 60px;
    font-weight: 700;
    color: var(--yellow_color);
    margin-bottom: 10px;
    margin-left: -70px;
}
.innov_textbox p {
    font-size: 18px;
    line-height: 26px;
    color: #fff;
    font-weight: 400;
}
.innov_kitchen_txtbox {
    margin-top: -100px;
}
.innov_kitchen_txtbox .innov_textbox, .innov_kitchen_txtbox .kitench_img2 {
    padding-right: 100px;
}
.innov_kitchen_txtbox .innov_textbox {
    padding-top: 40px;
}
/* innovatiave css */
/* zitimama technology css */
.zm_technology_bgdiv {
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 777px;
}
.zm_tech_lftcoltext {
    padding-left: 200px;
    padding-top: 100px;
}
.zm_tech_textbox .bigheading {
    font-size: 51px;
    line-height: 59px;
    font-weight: 700;
    color: var(--yellow_color);
    margin-bottom: 40px;
}
.zm_tech_textbox .small_heading {
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 14px;
}
.zm_tech_textbox p {
    font-size: 18px;
    line-height: 26px;
    color: #fff;
    font-weight: 400;
}
.zm_tech_textbox ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.zm_tech_textbox ul li {
    font-size: 18px;
    line-height: 26px;
    color: #fff;
    font-weight: 400;
    position: relative;
    padding-left: 30px;
}
.zm_tech_textbox ul li:before {
    content: "";
    position: absolute;
    background-image: url(../images/our-story/innovation-tech/tomato-icon.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 18px;
    height: 18px;
    left: 0;
    top: 3px;
}
.zm_tech_textbox .zm_tech_img_grop {
    align-items: flex-end;
    margin-top: -200px;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.zm_tech_img_grop .img_box1 {
    width: 30%;
    margin-bottom: 30px;
}
.zm_tech_img_grop .img_box2 {
    width: 70%;
    margin-bottom: -30px;
}
.zm_tech_rightcol .zm_tech_textbox .small_heading {
    width: 55%;
    padding-left: 34px;
}
/* zitimama technology css */
/* header dropdown css */
.h_right_sign {
    display: flex;
    margin-left: 11px;
}
.hdr_dropdown {
    display: flex;
    align-items: center;
    padding-left: 8px;
}
.hdr_dropdown .dropdown, .hdr_dropdown .login_link {
    margin-left: 30px;
    position: relative;
    font-family: rocgrotesk;
    font-weight: 400;
    text-decoration: none;
    color: #333333;
}
.hdr_dropdown .dropdown-toggle::after {
    border-top-width: 6px;
    border-right-width: 4px;
    border-left-width: 4px;
}
.hdr_dropdown .dropdown .icon, .hdr_dropdown .login_link .icon {
    position: absolute;
    left: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    overflow: hidden;
    top: 0px;
}
.hdr_dropdown .dropdown .icon img, .hdr_dropdown .login_link .icon img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}
.hdr_dropdown .dropdown .dropdown-toggle, .hdr_dropdown .login_link .text {
    border: none;
    background: transparent;
    color: #333333;
    font-size: 18px;
    padding-left: 46px;
    position: relative;
    text-decoration: none;
}
.hdr_dropdown .dropdown .dropdown-toggle a {
    color: inherit;
    text-decoration: none;
}
.hdr_dropdown .dropdown-menu {
    padding: 10px 12px;
    border-radius: 0;
    background: #ffffff;
    left: 50% !important;
    transform: translateX(-50%) !important;
    top: 100% !important;
}
.hdr_dropdown .dropdown-menu .dropdown-item {
    padding: 6px 0;
    font-size: 16px;
    line-height: 19px;
    color: #333333;
    border-bottom: 1px solid;
    text-transform: capitalize;
    font-weight: 400;
}
.hdr_dropdown .dropdown-menu .dropdown-item:last-child {
    border-bottom: none;
}
.hdr_dropdown .dropdown-menu .dropdown-item:hover {
    color: var(--red_color_2);
    background: transparent;
}
/* header dropdown css */
/* franchise with us css */
.franchise_video_section {
    padding-top: 60px;
}
.franchise_video_main .botttom_shape {
    margin-top: -3px;
}
.franchise_video_main .botttom_shape img {
   width: 100%;
}
/* franchise with us css */
/* why franchise us css */
.why_franchise_section {
    margin-top: -15%;
}
.franshise_heading_sec {
    margin-bottom: 70px;
    padding: 0 30px;
}
.franshise_heading_sec .heading {
    font-size: 50px;
    line-height: 55px;
    margin-bottom: 20px;
}
.franshise_heading_sec p {
    font-family: rocgrotesk;
    font-weight: 500;
}
.why_franchise_videobox {
    display: flex;
    flex-wrap: wrap;
    max-width: 730px;
    margin: 0 auto;
}
.franchise_videobox {
    width: 100%;
}
.why_franchise_videobox iframe, .why_franchise_videobox video {
    width: 100%;
    height: 410px;
}
/* why franchise us css */
/* why text section css */
.franchise_textboxwrap .map_girl_div {
    text-align: right;
    margin-bottom: -193px;
    position: relative;
    margin-right: -2px;
}
.franchise_textboxwrap .map_girl_div img {
    max-width: 500px;
}
.franchise-container-fluid {
    padding-left: 100px;
    padding-right: 100px;
}
.franchise_textboxdv .borderimage  {
    display: flex;
    flex-wrap: wrap;
}
.franchise_textboxdv .borderimage img {
    width: 100%;
}
.franchise_textboxbody {
    padding: 50px 40px;
}
.franchise_textboxdv .border_box {
    border: 5px solid;
    border-top: 0;
    margin-top: -2px;
    background: #fff;
}
.franchise_textbox {
    padding-bottom: 40px;
}
.franchise_textbox .page_sec_title_image {
    width: 380px;
}
.franchise_textbox p {
    font-weight: 500;
}
.franchise_textbox .listings {
    padding: 0;
    margin: 0;
    list-style: none;
}
.franchise_textbox .listings li {
    display: flex;
    margin-bottom: 20px;
    align-items: center;
}
.franchise_textbox .listings li .icon {
    margin-right: 20px;
    flex: 0 0 auto;
    width: 40px;
}
.franchise_textbox .listings li .icon img {
    max-width: 40px;
}
.franchise_textbox .listings li p {
    margin-bottom: 0;
}
/* why text section css */
/* franchise step section css */
.franchise_page_sec .page_sec_title_image {
    max-width: 430px;
}
.e_franchise_step_section .page_sec_heading {
    margin-bottom: -60px;
    position: relative;
    z-index: 1;
}
.e_franchise_step_section .container-fluid {
    padding-left: 0;
    padding-right: 0;
}
.e_franchise_col {
    background: #faddff;
    border-right: 4px solid;
    border-top: 4px solid;
}
.e_franchise_col:last-child {
    border-right: none;
}
.e_franchise_item {
    text-align: center;
    padding: 100px 30px 60px;
}
.e_franchise_item .image_box {
    height: 100px;
    margin-bottom: 50px;
}
.e_franchise_item .image_box img {
    max-height: 100px;
}
.e_franchise_item .heading {
    font-family: rocgrotesk;
    font-weight: 700;
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 15px;
}
.e_franchise_item p {
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    margin-bottom: 0;
}
/* franchise step section css */
/* franchise e form section css */
.franchise_form_heading {
    padding: 21px 40px;
    background: #faddff;
    border-top: 3px solid;
    border-bottom: 3px solid;
}
.franchise_form_heading .heading {
    font-family: rocgrotesk;
    font-size: 25px;
    font-weight: 700;
    line-height: 30px;
    margin: 0;
    text-transform: uppercase;
}
.franchise_e_form_div {
    border: 4px solid;
}
.franchise_e_formbox {
    padding: 40px;
}
.franchise_e_formbox .custom_radiobox .r_control_label {
    margin-bottom: 11px;
    margin-right: 15px;
}
.franchise_e_formbox .custom_radiobox .r_control_label.w-100 {
    margin-right: 0;
}
.franchise_e_formbox .custom_radiobox .c_square {
    border-color: #333333;
}
.franchise_e_formbox .custom_radiobox .c_text, .franchise_e_formbox .labels {
    color: #333333;
    font-size: 20px;
    font-weight: 500;
}
.franchise_e_formbox .form_info_txt {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.franchise_e_formbox .form_group_inline {
    display: flex;
    flex-wrap: wrap;
}
.franchise_e_formbox .form_group_inline .label_group {
    width: 40%;
    padding-right: 10px;
}
.franchise_e_formbox .form_group_inline .input_group {
    width: 60%;
    padding-left: 10px;
}
.franchise_e_formbox .form_group {
    margin-bottom: 20px;
}
.franchise_e_formbox .labels {
    display: block;
    margin-bottom: 0;
}
.franchise_e_formbox .labels .starmark {
    color: var(--new_red_color);
}
.franchise_e_formbox input, 
.franchise_e_formbox select, 
.franchise_e_formbox textarea {
    width: 100%;
    height: 50px;
    color: #333333;
    border: 1px solid #afafaf;
    border-radius: 0;
    font-size: 16px;
    font-weight: 500;
    padding: 0 15px;
}
.franchise_e_formbox textarea {
    padding-top: 10px;
}
.franchise_e_formbox .bootstrap-select .btn {
    border-color: #afafaf !important;
    color: #333333 !important;
    border-radius: 0;
    height: 50px;
    line-height: 50px;
}
.franchise_e_formbox .bootstrap-select .dropdown-toggle:before {
    content: "";
    position: absolute;
    right: 47px;
    width: 1px;
    height: 80%;
    top: 10%;
    background: #afafaf;
}
.franchise_e_formbox textarea {
    height: 100px;
}
.franch_captcha_row {
    margin-bottom: 40px;
    margin-top: 20px;
}
.franch_captcha_row .franch_captcha_dv {
    display: inline-block;
    width: 350px;
}
.franchise_e_formbox .buttons {
    display: inline-block;
    text-decoration: none;
    background: var(--red_color_main);
    color: #fff;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    padding: 0 25px;
    border: none;
    margin: 5px;
    border-radius: 0;
    font-family: 'Mayonnaise_black';
}
.franchise_e_formbox .buttons:hover {
    background: var(--yellow_color);
    color: #fff;
}
.franchise_form_sections .further_enquiries_txt {
    margin-top: 50px;
}
.further_enquiries_txt p {
    margin: 0;
    font-size: 25px;
    line-height: 36px;
}
.further_enquiries_txt p a {
    text-decoration: none;
    color: var(--red_color_main);
}
/* franchise e form section css */
/* welcome login screen css */
.login_screen_wrap {
    background-image: url(../images/login_signup_bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 100vh;
}
.login_screen_header {
    padding-top: 60px;
    padding-bottom: 10px;
}
.login_h_logo img {
    max-width: 330px;
    width: 330px;
}

.login_welcome_container {
    max-width: 641px;
    margin: 0 auto;
    padding: 0 15px;
}
.login_welcome_box {
    width: 100%;
    padding: 40px;
    background: #fff;
    border-radius: 50px;
    text-align: center;
}
.login_welcome_box .head_text {
    margin-bottom: 40px;
}
.login_welcome_box .head_text .title {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 15px;
}
.login_welcome_box .head_text p {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
}
.social_login_buttons .itemsdv {
    margin: 20px 0;
}
.social_login_buttons .items {
   display: block;
   text-decoration: none;
}
.login_welcome_box .or_textdv {
    margin-top: 20px;
    margin-bottom: 20px;
}
.login_welcome_box .or_textdv .ortext {
    display: inline-block;
    font-weight: 400;
    font-size: 18px;
}
.login_buttons_group .w_login_button, .login_buttons_group .w_signup_button {
    width: 100%;
    display: block;
    text-align: center;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    border-radius: 10px;
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
}
.login_buttons_group .w_signup_button {
    margin-bottom: 0;
}
.login_buttons_group .w_login_button {
    color: #ffffff;
    background-color: var(--red_color_main);
    margin-bottom: 20px;
}
.login_buttons_group .w_login_button:hover {
    color: #ffffff;
    background-color: var(--yellow_color_dark);
}
.login_buttons_group .w_signup_button {
    color: var(--red_color_main);
    background-color: transparent;
    border: 1px solid;
}
.login_buttons_group .w_signup_button:hover {
    color: #ffffff;
    background-color: var(--red_color_main);
}
/* welcome login screen css */
/* login page css */
.zm_login_container {
    max-width: 800px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}
.zm_login_form_box {
    border-radius: 40px;
    padding: 50px;
    background: #fff;
}
.zm_login_form_box .head_text {
    text-align: center;
    margin-bottom: 35px;
}
.zm_login_form_box .head_text .title {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
}
.zm_login_form_box .form_group {
    margin-bottom: 15px;
}
.zm_login_form_box input, .zm_login_form_box select {
    width: 100%;
    height: 50px;
    background-color: #fff;
    border: 1px solid #acacac;
    border-radius: 16px;
    padding: 0 18px;
    font-size: 16px;
    color: #acacac;
    font-weight: 500;
}
.login_frm_btn {
    height: 50px;
    line-height: 50px;
    display: block;
    text-align: center;
    border-radius: 16px;
    width: 100%;
    border: none;
}
.login_frm_btn:hover {
    color: #fff;
}
.l_yellow_button {
    background: var(--yellow_color);
    color: var(--red_color_main);
}
.l_red_button {
    background: var(--red_color_main);
    color: #fff;
}
.zm_login_form_box .saprator_line {
    margin: 19px 0 25px;
    border-bottom: 1px solid #acacac;
}
.remember_forget_row {
    margin-bottom: 20px;
}
.remember_forget_row .forget_text:hover {
    color: var(--red_color_main);
}
.remember_forget_row .forget_text {
    line-height: 19px;
    display: inline-block;
}
.login_checkbox input[type="checkbox"], .login_checkbox input[type="radio"] {
    display: none;
}
.login_checkbox .check_control_label {
    position: relative;
    padding-left: 13px;
    margin-bottom: 0;
}
.login_checkbox .c_text {
    padding-left: 10px;
    color: #acacac;
    line-height: 19px;
    display: block;
    cursor: pointer;
}
.login_checkbox .c_square {
    border: 1px solid #acacac;
    background: #fff;
    width: 13px;
    height: 13px;
    border-radius: 0;
    top: 1px;
    position: absolute;
    left: 0;
    display: inline-block;
}
.login_checkbox .c_square:after {
    content: "";
    left: 0;
    top: 0;
    background-image: url(../images/red_tick.png);
    background-size: contain;
    width: 12px;
    height: 11px;
    z-index: 1;
    position: absolute;
    visibility: hidden;
    opacity: 0;
}
.login_checkbox input:checked ~ .c_square:after {
    color: #ffffff;
    opacity: 1;
    visibility: visible;
}
.remember_forget_row .require_text {
    color: #acacac;
    display: inline-block;
    line-height: 19px;
}
.register_checkbox_dv {
    margin-bottom: 30px;
}
/* login page css */
/* register success modal css */
.reg_success_modal {
    background: rgb(255 255 255 / 80%);
}
.reg_success_modal .modal-dialog {
    max-width: 868px;
}
.reg_success_modal .modal-content {
    background: transparent;
    border: none;
    border-radius: 0;
}
.reg_success_modal .modal-body {
    padding: 0;
}
.reg_success_modal_box {
    border-radius: 30px;
    padding: 60px;
    text-align: center;
}
.reg_success_modal_box .suc_heading {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
    margin-bottom: 15px;
    color: var(--red_color_main);
}
.reg_success_modal_box p {
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    margin-bottom: 30px;
}
.reg_success_modal_box .continue_btn {
    width: 268px;
    display: inline-block;
    color: #fff;
    text-transform: capitalize;
    padding: 0 20px;
}
/* register success modal css */
/* footer gallery css */
.footer_gallery_wrapper {
    margin-top: -42.3%;
}
.gallery_page_heading {
    padding-bottom: 70px;
    padding-top: 40px;
}
.big_page_heading .page_sec_title_image {
    width: 300px;
}
.footer_gallery_main .botttom_shape {
    margin-top: -2px;
}
.footer_gallery_main .main_div_for_header {
    min-height: 430px;
}
.footer_gallery_main .botttom_shape img {
    width: 100%;
    min-height: 500px;
}
.ftr_gallery_row {
    margin-left: -25px;
    margin-right: -25px;
    justify-content: center;
}
.ftr_gallery_col {
    width: 50%;
    padding-left: 25px;
    padding-right: 25px;
    margin-bottom: 50px;
}
.ftr_gallery_item {
    position: relative;
    padding-right: 10px;
    padding-bottom: 10px;
}
.ftr_gallery_item .shadow_box {
    position: absolute;
    background: #333333;
    border-radius: 30px;
    top: 15px;
    right: 0;
    bottom: 0;
    left: 15px;
}
.ftr_gallery_item_inr {
    padding: 30px;
    text-align: center;
    border-radius: 30px;
    border: 2px solid #000000;
    position: relative;
}
.ftr_gallery_item .page_sec_title_image {
    width: 170px;
    text-decoration: none;
    color: #377c36;
}
.ftr_gallery_item .sec_title_text {
    color: #377c36;
    font-size: 22px;
}
.ftr_gallery_item .image_box {
    margin-bottom: 30px;
    height: 170px;
}
.ftr_gallery_item .image_box img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}
.ftr_gallery_item h3 {
    font-size: 40px;
    line-height: 45px;
    color: #377c36;
    margin: 0 auto 30px;
}
/* footer gallery css */
/* footer gallery filter css */
.gallery_single_row {
    display: block;
    width: 100%;
}
.gallery_filter_div {
    width: 240px;
    margin-right: 0;
    float: left;
}
.gallery_filter_div .filter_text {
    font-family: rocgrotesk;
    font-size: 25px;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
}
.gallery_filter_div .filter_text .icon {
    display: none;
    margin-right: 8px;
}
.gallery_filter_panel_wrap {
    padding-left: 300px;
}
.gallery_filter_tab {
    margin: 0;
    padding: 0;
    font-family: rocgrotesk;
}
.gallery_filter_tab .tabs_nav {
    display: flex;
    padding: 20px 0;
    width: 100%;
    position: relative;
    justify-content: space-between;
    align-items: center;
    min-height: 53px;
    cursor: pointer;
    z-index: 1;
    text-decoration: none;
    color: #ffffff;
}
.gallery_filter_tab .tabs_nav:after {
    position: absolute;
    content: "";
    width: 4px;
    height: 100%;
    background: #007c36;
    right: 14px;
    top: 30px;
    z-index: -1;
}
.gallery_filter_tab .tabs_nav:last-child:after {
    display: none;
}
.gallery_filter_tab .circle {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #ffffff;
    border: 5px solid #007c36;
}
.gallery_filter_tab .text {
    position: relative;
    display: inline-block;
    align-items: center;
    justify-content: center;
    background: #333333;
    color: #fff;
    width: calc(100% - 60px);
    width: -webkit-calc(100% - 60px);
    width: -moz-calc(100% - 60px);
    font-size: 18px;
    text-align: center;
    padding: 13px 5px;
    font-weight: 500;
    border-radius: 6px;
}
.gallery_filter_tab .text:after {
    position: absolute;
    content: "";
    background-image: url(../images/black_nav_arrow.png);
    background-repeat: no-repeat;
    background-size: 20px;
    top: 50%;
    right: -19px;
    width: 20px;
    height: 14px;
    margin-top: -7px;
}
.gallery_filter_tab .tabs_nav.active .text  {
    background: #007c36;
}
.gallery_filter_tab .tabs_nav.active .text:after  {
    background-image: url(../images/green_nav_arrow.png);
}
.gallery_filter_tab .tabs_nav.active .circle {
    background-color: var(--yellow_color);
}
/* footer gallery filter css */
/* footer gallery single css */
.gallery_single_container {
    min-height: 700px;
}
.gallery_filter_panel_wrap {
    flex: 1;
}
.gallery_filter_panel {
    display: none;
}
.gallery_filter_panel.active {
    display: block;
}
.footer_gallery_single_wrapper {
    margin-top: -47%;
    position: relative;
    padding-bottom: 100px;
}
.gallery_single_box {
    padding-right: 20px;
    padding-bottom: 20px;
}
.gallery_single_box .shadow_box {
    position: absolute;
    background: #333333;
    border-radius: 100px;
    top: 20px;
    right: 5px;
    bottom: 5px;
    left: 20px;
}
.gallery_single_boxinr {
    padding: 0px 115px 75px;
    border-radius: 100px;
    border: 2px solid #000000;
    position: relative;
    min-height: 500px;
}
.gallery_single_hdng_dv {
    display: flex;
    margin-bottom: 50px;
    justify-content: center;
    position: relative;
    padding-top: 70px;
    min-height: 187px;
}
.gallery_single_hdng_dv .image_box {
    flex: 0 0 auto;
    width: 240px;
    margin-right: 40px;
    position: absolute;
    top: -85px;
    left: 0;
}
.gallery_single_hdng_dv .page_sec_title_image {
    width: 320px;
}
.gallery_single_hdng_dv .page_sec_title_image img {
    width: 100%;
}
.gallery_single_hdng_dv .sec_title_text {
    color: #377c36;
}
.gallery_single_slider {
    border: 2px solid #000000;
    margin-bottom: 25px;
}
.gallery_single_slider .slides {
    width: 100%;
    height: 575px;
}
.gallery_single_slider .slides img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.gallery_thumb_slider .item img {
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
}
.gallery_thumb_slider .current .item img {
    border-color: var(--red_color_main);
}
.glr_order_buttondv {
    margin-top: 50px;
}
.glr_order_button:hover {
    color: #fff;
}
.gallery_single_sliderwrap .owl-carousel .owl-nav button {
    width: 84px;
    height: 84px;
    line-height: 84px;
}
.gallery_single_sliderwrap .owl-carousel .owl-nav button img {
    max-width: 76%;
}
.gallery_single_sliderwrap .owl-carousel .owl-nav .owl-prev {
    left: -42px;
}
.gallery_single_sliderwrap .owl-carousel .owl-nav .owl-next {   
    right: -42px;
}
.gallery_thumb_slider .item img {
    width: 100%;
    aspect-ratio: 1/.82;
    object-fit: cover;
    border: 2px solid #000000;
}
.gallery_single_slider .slides_item .caption_box {
    padding: 30px;
    background: var(--green_color);
    border-top: 2px solid #000;
}
.gallery_single_slider .slides_item .caption_box h3 {
    font-family: rocgrotesk;
    color: #fff;
    font-size: 26px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 30px;
    color: var(--yellow_color);
}
.gallery_single_slider .slides_item .caption_box p {
    margin-bottom: 0;
    font-size: 20px;
    line-height: 26px;
    color: #fff;
    font-weight: 500;
}
.gallery_single_slider .slides_item .caption_box .pricess {
    display: block;
    font-family: rocgrotesk;
    font-weight: 700;
    color: var(--yellow_color);
    margin-top: 6px;
}
/* footer gallery single css */
/* pr media page css */
.pr_media_page .page_sec_heading {
    padding-top: 50px;
    padding-bottom: 70px;
}
.pr_media_item {
    position: relative;
    padding-right: 10px;
    padding-bottom: 10px;
}
.pr_media_item .shadow_box {
    position: absolute;
    background: #333333;
    border-radius: 30px;
    top: 15px;
    right: 2px;
    bottom: 2px;
    left: 15px;
}
.pr_media_item_inr {
    padding: 60px;
    text-align: center;
    border-radius: 30px;
    border: 2px solid #000000;
    position: relative;
}
.pr_media_item .page_sec_title_image {
    width: 170px;
    text-decoration: none;
    color: #377c36;
}
.pr_media_item .sec_title_text {
    color: #377c36;
    font-size: 24px;
}
.pr_media_item .image_box {
    margin-bottom: 40px;
    height: 180px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.pr_media_item .image_box img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}
.pr_media_item h3 {
    font-size: 40px;
    line-height: 40px;
    color: #377c36;
    margin: 0 auto 30px;
}
/* pr media page css */
/* career page css */
.career_page_section {
    padding-top: 70px;
}
.career_page_section .page_sec_heading {
    padding-bottom: 60px;
}
.career_page_textbox {
    padding: 90px;
    background: #fff;
    border-radius: 70px;
    border: 2px solid #333333;
}
.career_page_textbox .career_title {
    font-family: rocgrotesk;
    font-size: 40px;
    font-weight: 700;
    line-height: 46px;
    margin-bottom: 15px;
    color: var(--green_color);
}
.career_page_textbox .image_box {
    width: 100%;
    height: 330px;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 40px;
}
.career_page_textbox p a{
    text-decoration: none;
    color: #333333 ;
}
.career_page_textbox .apply_btndiv {
    margin-top: 60px;
}
.career_page_textbox .applynow_btn {
   background-color: var(--red_color_main);
}
.career_page_textbox .applynow_btn:hover {
    background-color: var(--yellow_color_dark);
}
 .career_bottom_image {
    text-align: right;
    margin-bottom: -10px;
}
.career_bottom_image .career_man_image {
    display: inline-block;
    max-width: 443px;
    margin-top: -10%;
}
/* career page css */
/* experience store css */
.store_front_bgdiv {
    position: relative;
    z-index: 1;
}
.store_front_image_dv .store_image {
    width: 100%;
    position: absolute;
    top: 23px;
    left: 0;
    height: auto;
    z-index: -1;
}
.store_star_img {
    position: absolute;
    width: 160px;
    display: inline-block;
    top: 6%;
    left: 18.4%;
    z-index: 11;
}
.store_star_img .imgbox {
    display: inline-block;
}
.store_star_img .texts {
    display: inline-block;
    font-size: 19px;
    line-height: 21px;
    text-transform: uppercase;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
}
.the_experience_store_section {
    min-height: 600px;
}
.exprience_page_main .bottom_shape_image {
    margin-top: -2px;
}
.store_info_circles {
    position: absolute;
    display: flex;
    align-items: center;
    z-index: 1;
}
.store_info_circles .hand_pointimg {
    position: absolute;
    bottom: -30px;
    right: 4px;
    width: 60px;
}
.store_info_circlesdv .store_info_circles:first-child {
    position: absolute;
    left: 46%;
    top: 18%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.store_info_circlesdv .store_info_circles:nth-child(2) {
    left: 19%;
    top: 47.5%;
}
.store_info_circlesdv .store_info_circles:nth-child(3) {
    left: 30%;
    top: 45.5%;
}
.store_info_circlesdv .store_info_circles:nth-child(4) {
    top: 46%;
    left: 42%;
}
.store_info_circlesdv .store_info_circles:nth-child(5) {
    left: 58.5%;
    top: 47%;
}
.store_info_circlesdv .store_info_circles:nth-child(6) {
    left: 73.5%;
    top: 46%;
}
.store_info_circlesdv .store_info_circles:nth-child(7) {
    left: 84.5%;
    top: 40%;
}
.store_info_circlesdv .store_info_circles:nth-child(8) {
    left: 92.5%;
    top: 44%;
}
.store_info_circlesdv .store_info_circles:nth-child(9) {
    left: 38%;
    bottom: 21%;
}
.store_info_circlesdv .store_info_circles:nth-child(10) {
    left: 64.5%;
    bottom: 29%;
}
.store_info_circlesdv .store_info_circles:nth-child(11) {
    right: 6.5%;
    top: 56%;
}
.store_info_circles.textbottom {
    flex-direction: column;
}
.store_info_circles.texttop {
    flex-direction: column-reverse;
}
.store_info_circles.store_exp_text {
    left: 46%;
    top: 18%;
}
.store_info_circles .s_circle {
    display: inline-block;
    width: 45px;
    height: 45px;
    background: #ffffff;
    border-radius: 50%;
    border: 10px solid var(--green_color);
    margin: 8px;
    cursor: pointer;
    -webkit-animation: zoom-in 1s infinite both;
    -moz-animation: zoom-in 1s infinite both;
    animation: zoom-in 1s infinite both;
}
.store_info_circles .info_text {
    flex: 0 0 auto;
    display: inline-block;
    background: var(--green_color);
    color: var(--yellow_color);
    font-size: 18px;
    padding: 8px 11px;
    text-align: center;
    border-radius: 17px;
    line-height: 17px;
    text-transform: uppercase;
}
/* experience store css */
/* store front popup css */
.store_front_info_popup {
    background: transparent;
    padding-left: 15px;
    padding-right: 15px !important;
}
.store_front_modal_box .close {
    padding: 0;
    margin: 0;
    position: absolute;
    right: 14px;
    top: 18px;
    color: var(--red_color_main);
    opacity: 1;
    text-shadow: none !important;
    font-size: 30px;
    display: none;
}
.store_front_info_popup .modal-dialog {
    max-width: 1200px;
}
.store_front_modal_box {
    position: relative;
    background: rgb(255 255 255 / 86%);
    border-radius: 50px;
    padding: 40px;
    border: 2px solid #333333;
}
.store_front_info_popup .modal-content, .store_front_info_popup .modal-body {
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
}
 .store_sec_title_image {
    width: 328px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.store_sec_title_image .title_text {
    font-size: 26px;
    line-height: 26px;
    text-transform: uppercase;
    margin: 0;
    position: absolute;
    left: 0;
    width: 100%;
}
.store_front_modal_box p {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px;
}
.store_front_modal_box .heading {
    margin-bottom: 30px;
}
/* store front popup css */
/* store five elements css */
.five_elements_section .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
    max-width: 1872px;
    margin: 0 auto;
}
.five_elements_section {
    margin-top: -12%;
    padding-bottom: 15px;
    overflow-x: hidden;
    overflow-y: hidden;
}
.five_elements_heading .titles {
    font-size: 250px;
    line-height: 250px;
    color: var(--green_light_color);
}
.five_elem_colm_row {
    column-gap: 4%;
    justify-content: center;
}
.five_elem_colm {
    width: 30%;
    max-width: 30%;
}
.five_elem_step_box .numbers_img {
    flex: 0 0 auto;
    font-size: 30px;
    background-image: url(../images/tommato-icon.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100px;
    height: 98px;
    line-height: 130px;
    text-align: center;
    color: #fff;
    display: block;
    margin: -64px auto 0;
}
.five_elem_step_box {
    position: relative;
    background: #fff;
    width: 100%;
    aspect-ratio: 1/.95;
    border: 2px solid #333333;
    border-radius: 47%;
    -webkit-animation: upDownAnim2 ease-in-out 1s infinite both;
    animation: upDownAnim2 ease-in-out 1s infinite both;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.five_elem_step_box:hover {
    background: #fbdeff;
}
.five_elem_step_boxinr {
    width: 100%;
    text-align: center;
    padding: 0px 60px 15px;
    height: 100%;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
.five_elem_step_box .step_title {
    text-transform: capitalize;
    margin-bottom: 20px;
    font-size: 45px;
    line-height: 55px;
    color: var(--green_color_2);
    margin-top: 20px;
}
.five_elem_step_box p {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 25px;
}
.five_elem_colm:nth-child(2) {
    position: relative;
    top: 61px;
}
.five_elem_colm:nth-child(3) {
    transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    margin-top: -60px;
}
.five_elem_colm:nth-child(4) {
    transform: rotate(-17deg);
    -webkit-transform: rotate(-17deg);
    -ms-transform: rotate(-17deg);
    -o-transform: rotate(-17deg);
    -moz-transform: rotate(-17deg);
    margin-top: -64px;
}
/* store five elements css */
/* store slider css */
.store_picture_slider {
    padding: 0 150px;
    margin-bottom: 20px;
}
.store_picture_slider .owl-nav button {
    width: 70px;
    height: 70px;
    line-height: 70px;
}
.store_picture_slider .owl-nav button img {
    max-width: 45px;
}
.store_picture_slider .store_image_box > img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}
/* store slider css */
/* faq page css */
.faq_page_section {
    padding-bottom: 50px;
    padding-top: 15px;
}
.faq_page_section .page_sec_heading {
    padding-bottom: 30px;
}
.zm_faq_panel .faq_title {
    font-size: 30px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 10px;
}
.zm_faq_panel p {
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 40px;
}
.zm_faq_section .zm_faq_panel .faq_title {
    color: var(--green_color);
}
.zm_faq_content ol li h4 {
    font-weight: 700;
    font-size: 23px;
}
/* faq page css */
/* exprience header css */

.exprience_page_main .main_div_for_header {
    margin-top: 0px;
    padding-top: 212px;
}
.exprience_header {
    position: absolute;
    top: 0;
    left: 0;
}
.exprience_header .h_right_sign {
    justify-content: flex-end;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.exprience_header .hdr_dropdown {
    padding-bottom: 19px;
}
.exprience_header .h_cart_count_dv {
    margin-left: auto;
}
.exprience_header .hdr_dropdown .dropdown .dropdown-toggle, 
.exprience_header .hdr_dropdown .login_link .text {
    font-size: 16px;
}
.exprience_header .hdr_dropdown .dropdown, 
.exprience_header .hdr_dropdown .login_link {
    margin-left: 14px;
}
.exprience_header .navigation_menu>ul>li>a:hover, 
.exprience_header .navigation_menu>ul>li>a.active {
    color: var(--yellow_color);
}
/* exprience header css */
/* active order page css */
.active_order_pagewrap {
    padding-bottom: 50px;
}
.active_order_container {
    max-width: 1060px;
    margin: 0 auto;
}
.active_order_heading {
    padding-bottom: 30px;
    padding-top: 80px;
}
.active_order_heading .heading {
    font-size: 40px;
    margin-bottom: 10px;
}
.active_order_box {
    border: 1px solid #d1cfcb;
    background: #ffffff;
    min-height: 150px;
    margin-bottom: 15px;
}
.active_order_box_top {
    padding-left:70px;
    padding-right:70px;
}
/* order summary list */
.active_order_summary_listbox {
    margin: 40px 0px;
}
.orders_summary_list {
    padding: 20px 0;
    border: none;
}
.orders_summary_list .imagebox {
    width: 150px;
    flex: 0 0 auto;
    margin-right: 30px;
}
.orders_summary_list .imagebox a {
    display: inline-block;
}
.orders_summary_list .contentbox {
    flex: 1;
}
.orders_summary_list .cart_title {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 10px;
}
.orders_summary_list .cart_title a {
    text-decoration: none;
    color: inherit;
}
.orders_summary_list .quantity_text {
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    padding-left: 5px;
    flex: 0 0 auto;
}
.orders_summary_list .pricetxt {
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    margin-bottom: 20px;
    display: inline-block;
}
/* order summary list */
.delivery_datetext p {
    font-size: 16px;
    font-weight: 500;
}
.actv_order_collapse_head {
    padding: 24px 70px;
    border-top: 1px solid #d1cfcb;
    cursor: pointer;
}
.actv_order_collapse_head p {
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 0;
    line-height: 24px;
}
.ordr_caret_toggle {
    display: inline-block;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 13px solid var(--red_color_main);
}
.actv_order_dtl_collapse_box {
    background-color: #f7f7f7;
    padding: 35px 70px;
    border-top: 1px solid #d1cfcb;
    display: none;
    overflow: hidden;
}
.actv_order_dtl_collapse_box.show {
    display: block;
}
.actv_order_collapse_head.active .ordr_caret_toggle {
    border-top: none;
    border-bottom: 13px solid var(--red_color_main);
}
.order_trackmedia_box {
    align-items: center;
    margin-bottom: 40px;
}
.order_from_deliver_sec .textbox {
    margin-bottom: 40px;
    align-items: flex-start;
}
.order_trackmedia_box .imagebox {
    flex: 0 0 auto;
    width: 80px;
    margin-right: 17px;
}
.order_trackmedia_box .contentbox h3 {
    font-size: 26px;
    line-height: 31px;
    font-weight: 700;
    margin-bottom: 5px;
}
.order_trackmedia_box .contentbox p {
    margin-bottom: 0;
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
}
/* order track info row */
.track_order_info_row {
    display: flex;
    flex: 1 0 auto;
    justify-content: space-between;
    margin-bottom: 30px;
}
.track_order_itemss {
    display: flex;
    flex: 0 0 auto;
    width: 30%;
    align-items: center;
}
.track_order_itemss .trackicon {
    flex: 0 0 auto;
    width: 40px;
    margin: 0 10px;
}
.track_order_itemss .track_linedv {
    width: calc(100% - 60px);
    flex: 0 0 auto;
    display: block;
}
.track_order_itemss .track_line {
    width: 100%;
    height: 6px;
    background: #afafaf;
    border-radius: 1em;
    display: block;
}
.track_order_itemss.active .cls-1, .track_order_itemss.active .cls-2 {
    fill: #f64a19;
}
.track_order_itemss.active .track_line {
    background: #f64a19;
}
/* order track info row */
.order_from_deliver_sec .textbox .icon {
    flex: 0 0 auto;
    margin-right: 14px;
    position: relative;
}
.order_from_deliver_sec .textbox .icon:after {
    position: absolute;
    content: "";
    left: 50%;
    width: 1px;
    height: 50px;
    top: 100%;
    background: #d1cfcb;
    margin-top: 6px;
}
.order_from_deliver_sec .textbox:last-child .icon:after {
  display: none;
}
.order_from_deliver_sec .textbox .icon img {
    width: 27px;
}
.order_from_deliver_sec p {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
}
.actv_order_total_table {
    border-top: 1px solid #d1cfcb;
    padding: 20px 20px 0;
}
.actv_order_total_table table {
    margin-bottom: 0;
}
.actv_order_total_table table tr td, .actv_order_total_table table tr th {
    border: none;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}
.actv_order_total_table table tr td:last-child, .actv_order_total_table table tr th:last-child {
  text-align: right;
}
.actv_order_total_table table tr th {
    padding: 15px 4px 10px;
    vertical-align: top;
}
.actv_order_total_table table tr td {
    color: #afafaf;
    padding: 6px;
}
/* active order page css */
/* pro member page css */
.promember_page_main .page_sec_title_image img {
    width: 280px;
}
.payment_reward_sec .page_sec_title_image img, 
.be_pro_member_sec .page_sec_title_image img {
    width: 360px;
}
.promember_page_main {
    padding-top: 88px;
}
.pro_member_banner_sec {
    background-color: var(--green_color);
    padding-bottom: 38px;
    padding-top: 70px;
    background-image: url(../images/member-banner-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    min-height: 320px;
    z-index: 1;
}
.pro_member_banner_sec .banner_man_img {
    position: absolute;
    bottom: 0;
    left: 0;
    max-height: 100%;
    z-index: -1;
}
.pro_member_banner_sec .banner_man_img img {
    max-height: 100%;
}
.pro_member_bnr_container {
    padding-left: 15px;
    padding-right: 15px;
    max-width: 1000px;
    margin: 0 auto;
}
.pro_member_bnr_caption .bnr_heading {
    /* font-size: 100px; */
    font-size: 70px;
    color: #ffc300;
    margin-bottom: 20px;
}
.pro_member_bnr_caption .banner_btn {
    text-decoration: none;
    display: inline-block;
    background: #ffc300;
    color: var(--green_color);
    height: 50px;
    line-height: 50px;
    padding: 0 25px;
    font-size: 20px;
    border-radius: 5px;
}
/* pro member page css */
/* member profile  css */
.member_prof_sidebar {
    width: 177px;
}
.member_profile_section {
    padding-top: 80px;
    padding-bottom: 80px;
}
.member_prof_tabs {
    margin: 0;
    padding: 0;
    position: relative;
    display: inline-block;
}
.member_prof_tabs .greenline {
    position: absolute;
    left: 9px;
    top: 6px;
    height: 97%;
    width: 8px;
    background: var(--green_color);
    content: "";
}
.member_prof_tabs .tabs_nav {
    margin-bottom: 60px;
    display: flex;
    width: 100%;
    position: relative;
    align-items: center;
    cursor: pointer;
}
.member_prof_tabs .circle {
    margin-right: 20px;
    display: inline-block;
    flex: 0 0 auto;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    background: #ffffff;
    border: 8px solid #acacac;
}
.member_prof_tabs .text {
    font-size: 25px;
    line-height: 33px;
    color: #acacac;
    text-transform: uppercase;
}
.member_prof_tabs .tabs_nav.active .circle {
    border-color: var(--red_color_main);
}
.member_prof_tabs .tabs_nav.active .text {
    color: var(--red_color_main);
}
.member_profile_form {
    width: 73%;
}
.member_profile_form .form_group {
    margin-bottom: 15px;
}
.member_profile_form .lebels {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 7px;
}
.member_profile_form .form_group input, 
.member_profile_form .form_group select, 
.member_profile_form .form_group textarea {
    width: 100%;
    height: 50px;
    background-color: #fff;
    border: 1px solid #acacac;
    border-radius: 14px;
    padding: 0 20px;
    font-size: 16px;
    color: #acacac;
    font-weight: 500;
    font-family: rocgrotesk;
}
.member_profile_form .button_group {
    text-align: center;
    margin-top: 50px;
}
.member_profile_form .save_button {
    display: inline-block;
    width: 150px;
    text-align: center;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    text-transform: uppercase;
    background: #cacaca;
    border: none;
    border-radius: 5px;
    color: #ffffff;
}
.member_prof_sidebar.sticky_sidebar {
    position: fixed;
    left: 70px;
    z-index: 10;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
/* member profile  css */
/* active voucher css */
.active_vouchers_heading_wrap {
    background: var(--new_red_color);
    padding: 40px 0;
}
.active_vouchers_heading .voucher_head {
    font-size: 55px;
    color: #fff;
    margin-bottom: 5px;
}
.active_vouchers_heading p {
    color: #ffffff;
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 0;
}
.active_vouchers_lsts {
    padding: 30px 0;
    font-family: rocgrotesk;
    border-bottom: 1px solid #acacac;
}
.active_vouchers_lsts:last-child {
    border-bottom: none;
}
.active_vouchers_item {
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.active_vouchers_item .left_col {
    padding-right: 15px;
    flex: 1;
}
.voucher_offer_textdv {
    display: block;
}
.voucher_offer_textdv .img_box {
    width: 50px;
    flex: 0 0 auto;
}
.voucher_offer_textdv .contentbox {
    padding-left: 20px;
}
.voucher_offer_textdv .contentbox .offer_title {
    font-weight: 700;
    font-size: 30px;
    line-height: 35px;
    color: var(--new_red_color);
    margin-bottom: 5px;
}
.voucher_offer_textdv .contentbox ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.voucher_offer_textdv .contentbox ul li {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: var(--new_red_color);
}
.active_vouchers_item .right_tcol {
    flex: 0 0 auto;
}
.active_vouchers_item .redeem_button {
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    background: var(--new_red_color);
    font-size: 18px;
    text-align: center;
    height: 46px;
    line-height: 46px;
    padding: 0 30px;
    border-radius: 5px;
}
.active_vouchers_item .redeem_button:hover {
    color: #fff;
    background: var(--red_color_main);
}
/* active voucher css */
/* be a pro member section css */
.be_pro_member_sec {
    background-color: var(--green_color);
    background-image: url(../images/pro-member-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.be_pro_member_sec .sec_hand_img {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
}
.be_pro_member_sec .sec_hand_img img {
    max-width: 557px;
}
/* be a pro member section css */
/* payment reward section css */
.pay_rewards_container {
    max-width: 1154px;
    margin: 0 auto;
}
.pay_rewards_box {
    margin-top: 60px;
}
.pay_rewards_box .reward_imgdv {
    text-align: right;
    position: absolute;
    top: -128px;
    right: -13px;
}
.pay_rewards_box .reward_img {
    display: inline-block;
    width: 240px;
}
.pay_rewards_pointdv {
    background: #fff;
    padding: 30px 50px 16px;
    border-radius: 30px;
    min-height: 180px;
    font-family: rocgrotesk;
    border: 2px solid #acacac;
}
.pay_rewards_pointdv .rewards_points {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #acacac;
    line-height: 20px;
    margin-bottom: 10px;
}
.pay_rewards_pointdv .rewards_number {
    font-size: 80px;
    font-weight: 700;
    margin-bottom: 0;
}
/* payment reward section css */
/* need help section css */
.need_help_sec {
    padding-top: 90px;
}
.need_help_texts {
    text-align: center;
    padding: 60px 10px 0;
}
.need_help_texts .need_title {
    font-size: 55px;
    color: #ffc300;
    line-height: 65px;
    margin-bottom: 40px;
}
.need_help_texts .need_lnk_btn {
    display: inline-block;
    background: #ffc300;
    height: 50px;
    line-height: 50px;
    padding: 0 25px;
    font-size: 20px;
    color: var(--red_color);
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 11px;
    min-width: 180px;
}
.need_help_trackimg {
    text-align: center;
}
.need_help_trackimg .imagebox {
    display: inline-block;
}
.need_help_trackimg .count_num {
    position: absolute;
    color: #fff;
    background: var(--green_color);
    display: inline-block;
    width: 34px;
    height: 34px;
    line-height: 36px;
    text-align: center;
    border-radius: 50%;
    font-size: 16px;
    font-family: rocgrotesk;
    right: 136px;
    top: 66px;
}
/* need help section css */
/* Pro member section css */
.pro_member_row {
    margin-left: -50px;
    margin-right: -50px;
}
.pro_member_row .colms {
    padding-right: 50px;
    padding-left: 50px;
    margin-bottom: 40px;
}
.pro_member_items {
    position: relative;
    padding-right: 17px;
    padding-bottom: 17px;
}
.pro_member_items .shadow_box {
    position: absolute;
    background: #333333;
    border-radius: 20px;
    top: 26px;
    right: 0;
    bottom: 0;
    left: 17px;
}
.pro_member_itemsinr {
    padding: 60px 30px 40px;
    text-align: center;
    border-radius: 20px;
    border: 2px solid #000000;
    position: relative;
}
.pro_member_items .image_box {
    margin-bottom: 25px;
}
.pro_member_items .image_box img {
    max-height: 90px;
}
.pro_member_items h3 {
    font-size: 50px;
    color: #377c36;
    margin-bottom: 25px;
}
.pro_member_items .page_sec_title_image img {
    width: 180px;
}
.pro_member_items .sec_title_text {
    color: #377c36;
    font-size: 26px;
}
.myaccount_faq_wrap {
    padding-top: 20px;
}
.myaccount_faq_wrap .faqs_heading {
    color: var(--yellow_color);
    font-size: 46px;
    margin-bottom: 20px;
}
.myaccount_faq_dv .zm_faq_panel .faq_title {
    color: var(--yellow_color);
}
.myaccount_faq_dv .zm_faq_panel p {
    color: #ffffff;
}
/* Pro member section css */
/* logout section css */
.myaccount_logout_sec {
    padding: 90px 0;
}
.myaccount_logout_div .logout_button {
    border-radius: 5px;
    width: 150px;
}
.myaccount_logout_div .logout_button:hover {
    color: #ffffff;
    background: var(--new_red_color);
}
/* logout section css */
/*extra css for hide*/
.n_fixmenu_items .qty_input_groupdv, 
.menu_stp_item .qty_input_groupdv, 
.menu_stp_item .menustep_radios .squares {
    display: none;
}
.menu_stp_item .menustep_radios .texts {
    padding-left: 0;
}
.s_our_team_box .team_social_icons {
    display: none !important;
}
/*extra css for hide*/

.story_val_icon .line_icons.ambience_story{
    bottom: 37px;
    left: 13%;
}
.zm_usp_items .titletext span {
    display: block;
    margin-top: -8px;
}