@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800&display=swap');
:root{--gf-primary:#C51450;--gf-primary-dark:#950b4d;--gf-primary-light:#FFF5F8;--gf-primary-light-bg:#edf8ff;--gf-secondary:#4FE765;--gf-secondary-dark:#00C19D;--gf-secondary-light:#EEFDF0;--gf-danger:#DD282B;--gf-danger-dark:#dd282b;--gf-danger-light:#FCE5E9;--gf-success:#4FE765;--gf-success-dark:#00C19D;--gf-success-light:#EEFDF0;--gf-success-light-new:#E0F9F4;--gf-warning:#ebc052;--gf-warning-dark:#FFC14F;--gf-warning-light:#FFF9ED;--gf-info:#26A9E0; --gf-info-dark: #DFEFFF; --gf-info-light: #F8FBFF;--gf-disabled:#F4F9FF;--gf-light:#FFF;--gf-dark-50: #F4F6FA;--gf-dark-100: #e6e6e6;--gf-dark-150: #DDE0E6;--gf-dark-200: #cccccc;--gf-dark-250: #bfbfbf;--gf-dark-300: #b3b3b3;--gf-dark-350: #a19999;--gf-dark-400: #9B9B9B;--gf-dark-450: #8c8c8c;--gf-dark-500: #808080;--gf-dark-550: #6c757d;--gf-dark-600: #86909D;--gf-dark-650: #595959;--gf-dark-700: #4d4d4d;--gf-dark-750: #404040;--gf-dark-800: #333333;--gf-dark-850: #262626;--gf-dark-900: #191919;--gf-dark-950: #0d0d0d;--gf-dark:#000;--gf-primary-gradient: linear-gradient(45deg, #26A9E0, #4FE765);--gf-secondary-gradient: linear-gradient(25deg, #4fe765 20%, #26a9e0 60%); --gf-primary-gradient-trans: linear-gradient(249.24deg, rgba(38, 169, 224, 0.15) 34.27%, rgba(79, 231, 101, 0.15) 89.68%);--gf-primary-gradient-light: linear-gradient(45deg, rgba(79, 231, 101, 0.25) 0%, rgba(38, 169, 224, 0.25) 100%);--gf-primary-dark-gradient: linear-gradient(45deg, #2bbd8a 0%, #26abda 100%);--gf-transparent:transparent;--gf-static:static;--gf-relative:relative;--gf-absolute:absolute;--gf-fixed:fixed;--gf-border-solid:1px solid;--gf-border-dashed:1px dashed;--gf-center:center;--gf-left:left;--gf-right:right;--gf-stretch:stretch;--gf-middle :middle;--gf-uppercase:uppercase;--gf-underline:underline;--gf-pointer:pointer;--gf-none:none;--gf-d-i-flex:inline-flex;--gf-flex-end:flex-end;--gf-flex-start:flex-start;--gf-wrap:wrap;--gf-space-between:space-between;--gf-d-flex:flex;--gf-d-block:block;--gf-d-i-block:inline-block;--gf-pixel:2px;--gf-width-percent:0%;--gf-percent:2%;--gf-o-hidden:hidden;--font-family:"Montserrat",sans-serif}
html,body {-webkit-text-size-adjust: none;height:calc(var(--gf-percent)* 50);min-height:calc(var(--gf-percent)* 50); outline: none; margin: 0; padding: 0;overflow: var(--gf-o-hidden); overflow-y: auto; font-size: 14px; background: var(--gf-light); color:var(--gf-dark);font-family: var(--font-family);line-height: 1.6; direction: ltr;scroll-behavior: smooth;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;}html.iphoneBrowser, body.iphoneBrowser,#app { -webkit-overflow-scrolling: touch; overflow-y:auto;height:calc(var(--gf-percent)* 50);-webkit-user-select: none; -moz-user-select: none;  -ms-user-select: none;  user-select: none;-webkit-touch-callout: none;}body{position:var(--gf-relative);-webkit-touch-callout: none; -webkit-tap-highlight-color: var(--gf-transparent)}* {-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;}
button,.truncate,input {font-family: var(--font-family);outline: none;-webkit-user-select: text;-moz-user-select: text;-ms-user-select: text;user-select: text;}figure {margin: 0;padding: 0}label, input {transition: all 0.2s;touch-action: manipulation}input, select{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none}
dl,ol,ul{margin:0;padding: 0;list-style:none}a{text-decoration:none;outline:none;color: var(--gf-dark)}a:focus, a:active {outline: medium none}p {margin: calc(var(--gf-pixel)* 2 + 1px) 0}
h1, h2, h3, h4, h5, h6,h1,.h2,h3,h4,h5,.h6 { margin: 0; font-weight: 500 }h1,.h1{font-size: calc(var(--gf-pixel)* 14)}h2,.h2{font-size: calc(var(--gf-pixel)* 12)}h3,.h3{font-size: calc(var(--gf-pixel)* 10)}h4,.h4{font-size: calc(var(--gf-pixel)* 9)}h5,.h5{font-size: calc(var(--gf-pixel)* 8)}h6,.h6{font-size: calc(var(--gf-pixel)* 7)}
.gf-row{display:-ms-flexbox;display: var(--gf-d-flex);-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:calc(var(--gf-pixel)* -5);margin-left:calc(var(--gf-pixel)* -5)}.gf-col1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.gf-col2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.gf-col3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.gf-col4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.gf-col5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.gf-col6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.gf-col7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.gf-col8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.gf-col9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.gf-col10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.gf-col11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.gf-col12{-ms-flex:0 0 100%;flex:0 0 100%;max-width: calc(var(--gf-percent)* 50)}
[class*=col]{-webkit-box-sizing: border-box;box-sizing: border-box;min-height:1px;width: calc(var(--gf-percent)* 50);padding-right:calc(var(--gf-pixel)* 5);padding-left:calc(var(--gf-pixel)* 5);position:var(--gf-relative)}
.gf-gutter50{margin-right:-50px;margin-left:-50px}.gf-gutter50 [class*=col]{padding-right:calc(var(--gf-pixel)*25);padding-left:calc(var(--gf-pixel)*25)}.gf-gutter40{margin-right:-40px;margin-left:-40px}.gf-gutter40 [class*=col]{padding-right:calc(var(--gf-pixel)*20);padding-left:calc(var(--gf-pixel)*20)}.gf-gutter30{margin-right:-30px;margin-left:-30px}.gf-gutter30 [class*=col]{padding-right:calc(var(--gf-pixel)*15);padding-left:calc(var(--gf-pixel)*15)}.gf-gutter20{margin-right:calc(var(--gf-pixel)* -10);margin-left:calc(var(--gf-pixel)* -10)}.gf-gutter20 [class*=col]{padding-right:calc(var(--gf-pixel)*10);padding-left:calc(var(--gf-pixel)*10)}.gf-gutter15{margin-right:-15px;margin-left:-15px}.gf-gutter15 [class*=col]{padding-right:calc(var(--gf-pixel)*5 + 5px);padding-left:calc(var(--gf-pixel)*5 + 5px)}.gf-gutter10{margin-right:calc(var(--gf-pixel)* -5);margin-left:calc(var(--gf-pixel)* -5)}.gf-gutter10 [class*=col-]{padding-right:calc(var(--gf-pixel)*5);padding-left:calc(var(--gf-pixel)*5)}.gf-gutter5{margin-right:calc(var(--gf-pixel)*-2.5);margin-left:calc(var(--gf-pixel)*-2.5)}.gf-gutter5 [class*=col-]{padding-right:calc(var(--gf-pixel)*2 + 1px);padding-left:calc(var(--gf-pixel)*2 + 1px)}.gf-no-gutter{margin-right:0;margin-left:0}.gf-no-gutter>.col,.gf-no-gutter>[class*=col-]{padding-right:0;padding-left:0}
.gf-content {box-sizing: border-box; padding: calc(var(--gf-pixel)* 15) 0 0;width: calc(var(--gf-percent)* 50)}.gf-container{width:100%;margin:0 auto;max-width:768px;padding: 20px 15px;}.gf-header{padding: 60px 15px 10px;color: #C51450;font-weight: 700;display: flex;gap: 15px;align-items: center;position: sticky;top: 0;background-color: var(--gf-light);z-index: 1;}.gf-header span{padding-left: 20px;position: relative;padding-left: 20px;}.gf-header span:before { content: "\e938"; font-family: 'icomoon'; position: absolute;left: 0;}
/* ::-webkit-scrollbar{width:5px;border-radius:2.5px;background-color:#ece4e4;z-index: 99}::-webkit-scrollbar-track{box-shadow:none;border-radius:2.5px;z-index: 99}::-webkit-scrollbar-thumb{width:5px;border-radius:2.5px;background-color:var(--gf-primary);z-index: 99} */
::-webkit-scrollbar{display: none;}
/*Avtar styles start here */
.gf-avtar{width:40px;height:40px;background-repeat:no-repeat;background-position:center;background-size:cover;background:#e6e6e6;border-radius:8px;position:relative;text-align:center;overflow:hidden}.gf-avtar-xl{width:110px;height:110px}.gf-avtar-lg{width:100px;height:100px}.gf-avtar-md{width:64px;height:64px}.gf-avtar-sm{width:34px;height:34px;line-height:34px}.gf-avtar-xs{width:26px;height:26px}.gf-avtar-transparent{background:rgba(0,0,0,0);border-color:#e6e6e6}.gf-avtar-circle{border-radius:50%}
/*Avtar styles end here */
/*FORM STYLES START HERE*/
.gf-form-group {position:var(--gf-relative);margin-bottom: calc(var(--gf-pixel)* 10);display: var(--gf-d-block)}.gf-form-group-inline [class*="col-"] {display: inline-flex;align-items: center;gap: 10px;width: 200px;}.gf-form-group label, label{ display: var(--gf-d-block);line-height: normal; margin-bottom: 5px;font-size: calc(var(--gf-pixel)* 6 + 1px);color: var(--gf-dark-550);}.gf-form-control,.react-datepicker__input-container input{ background: var(--gf-light); height: calc(var(--gf-pixel)* 22);line-height: calc(var(--gf-pixel)* 22); color: var(--gf-dark);border: none;padding: 0 15px 0 15px;width: calc(var(--gf-percent)* 50);border-radius:calc(var(--gf-pixel)*4);-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;white-space:normal;text-overflow: ellipsis;font-size: 14px;box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.12);}.gf-box-shadow{box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.12);}.gf-disabled,.gf-form-control:disabled {background-color: var(--gf-disabled);border-color: var(--gf-disabled);box-shadow: none;cursor: not-allowed}.gf-disabled:focus,.gf-form-control:disabled:focus{border: var(--gf-info-dark)}.gf-form-control-outline {background: var(--gf-transparent);border: var(--gf-border-solid) #ebebf0;}.gf-form-control-lg{height: calc(var(--gf-pixel)* 25);line-height: calc(var(--gf-pixel)* 25)}.gf-form-control-sm{height: calc(var(--gf-pixel)* 15);line-height: calc(var(--gf-pixel)* 15)}.react-datepicker-wrapper{display: block !important;}
.gf-form-icon {position:var(--gf-absolute);right: 15px;top:auto;bottom: 14px; pointer-events: none;cursor: var(--gf-pointer);color:var(--gf-dark);font-size: 16px}.gf-form-icon-left{right: auto;left: 15px}.gf-form-icon-right{left: auto;right: calc(var(--gf-pixel)* 5 + 5px)}.gf-form-img {width: 30px; right: auto; left: 10px; top: 5px}.gf-inp-flag { padding-left: 50px;cursor: pointer}
.gf-form-group>label~.gf-form-control~.gf-form-icon {color: rgba(9, 25, 55, 1)}.gf-form-group>[class*="icon-left"]+input[type="text"] {padding-left: calc(var(--gf-pixel)* 20)}.gf-form-icon-right~.gf-form-control,.gf-form-group>[class*="icon-right"]+input[type="text"] {padding-right: calc(var(--gf-pixel)* 25)}.gf-form-group>label~.gf-form-control-lg~.gf-form-icon {top: 44px}.gf-form-icon-sm {top: 8px;}.gf-input-group {display: flex;}.gf-form-icns .gf-form-control{padding-left: 34px;}.gf-form-group>label~.gf-form-control~.gf-primary-text{color: var(--gf-primary);}
.gf-form-textarea {background: var(--gf-light); height: calc(var(--gf-pixel)* 40);color: var(--gf-dark);border: var(--gf-border-solid) var(--gf-form-border);padding: 15px;width: calc(var(--gf-percent)* 50);border-radius:calc(var(--gf-pixel)*4);-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;white-space:normal;} .gf-auto-search {position: absolute;width:300px;background-color: var(--gf-light);padding: 0px;border: var(--gf-border-solid) var(--gf-form-border);z-index: 12;border-radius: 10px;margin-top: 10px;max-height: 180px;overflow: hidden;overflow-y: auto;box-shadow: 0 0 10px var(--gf-form-border);display:none}.gf-auto-search li {padding: 10px 15px;border-bottom: var(--gf-border-solid) var(--gf-disabled);font-size: 12px;cursor: pointer;}.gf-auto-search li.gf-active{color: var(--gf-primary);}.gf-auto-search.gf-is-active {display: block;}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;-moz-appearance: none}input:focus {outline: none;}
:-ms-input-placeholder,:-moz-placeholder,::-moz-placeholder,::-webkit-input-placeholder,textarea::placeholder{color:#999;transition:inherit;font-family: "Montserrat",sans-serif;font-weight: 300;}
select { appearance: none; -webkit-appearance: none; -moz-appearance: none; background-color: #fff; border: none; border-radius: 8px; padding: 10px 15px; width: 100%;cursor: pointer;  transition: all 0.3s ease;box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.12);height: 44px;color: #000;} select:focus { outline: none; border-color: #091937;}
/*checkbox styles start here*/
[type=checkbox]:not(:checked),[type=checkbox]:checked{position:absolute;left:-9999px}[type=checkbox]:checked+label,[type=checkbox]:not(:checked)+label{display:inline-block;padding-left:35px;position:relative;color:#000;line-height:22px;cursor:pointer}[type=checkbox]:not(:checked)+label:before,[type=checkbox]:checked+label:before{content:"";position:absolute;top:0px;left:0px;width:20px;border:var(--gf-border-solid) #979797;height:20px;background:rgba(0,0,0,0);z-index:0;border-radius:4px}[type=checkbox]:not(:checked)+label:after{opacity:0;transform:scale(0)}[type=checkbox]:checked+label:after{z-index:0;position:absolute;top:3px;left:7px;content:"";border:solid var(--gf-dark);height:10px;width:5px;border-width:0 2px 2px 0;transform:rotate(45deg)}[type=checkbox]:disabled:not(:checked)+label:before,[type=checkbox]:disabled:checked+label:before{background:#fff}[type=checkbox]:disabled:checked+label:after{color:#999}[type=checkbox]:disabled+label{color:#4d6f93;cursor:not-allowed}
/*radio styles start here*/
[type="radio"]:not(:checked) + label,[type="radio"]:checked + label {position:var(--gf-relative);padding-left:28px;font-size: calc(var(--gf-pixel)* 7);color: var(--gf-dark);cursor:var(--gf-pointer)}[type="radio"]:not(:checked) + label:before,[type="radio"]:checked + label:before {content: '';position:var(--gf-absolute);left: 0;top: 0;width: 18px;border: var(--gf-border-solid) #CCCCCC;height: 18px;z-index: 1;border-radius: calc(var(--gf-percent)* 50)}[type="radio"]:checked + label:after {z-index: 0;left: 3px;top: 3px;background: var(--gf-primary);height: calc(var(--gf-pixel)* 7);position:var(--gf-absolute);border-radius: calc(var(--gf-percent)* 50);text-align: var(--gf-center);width: calc(var(--gf-pixel)* 7);content: ''}[type="radio"]:checked + label:before {border-color: var(--gf-primary)}
[type="radio"]:not(:checked) + .gf-checked:after{opacity: 1;transform: unset} .gf-checked:after { z-index: 0; left: 2.8px; top: 2.8px; background: var(--gf-primary); height: calc(var(--gf-pixel)* 7); position: var(--gf-absolute); border-radius: calc(var(--gf-percent)* 50); text-align: var(--gf-center); width: calc(var(--gf-pixel)* 7); content: ''}[type=radio]:not(:checked) + label:hover::before, [type=radio]:checked + label:hover::before{border-color:var(--gf-primary)}
/*radio styles end here*/
/*Button styles start here*/
button:focus, button:focus-visible { outline: 0 auto -webkit-focus-ring-color; }.gf-btn-group {display: flex;gap: 20px;}
.gf-btn{display: var(--gf-d-i-block);gap:10px;align-items:center;font-weight:400;text-align:var(--gf-center);vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:var(--gf-transparent);border: var(--gf-border-solid) var(--gf-transparent);padding:0 25px;line-height:40px;height:40px;border-radius:calc(var(--gf-pixel)*4);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;cursor:var(--gf-pointer);transition: background 0.8s;font-size: 14px;color: inherit;}.gf-btn:hover{color:#212529;text-decoration:none;outline: none}
.gf-btn-light{color:var(--gf-light);background-color:var(--gf-dark)}.gf-btn-light:hover{background-color:var(--gf-dark-700)}.gf-btn-light.disabled,.gf-btn-light:disabled{cursor: not-allowed}
.gf-btn-primary{color:var(--gf-light);background-color:rgba(9, 25, 55, 1)}.gf-btn-primary:hover{color:var(--gf-light);background-color:rgba(9, 25, 55, 1)}.gf-btn-primary.disabled,.gf-btn-primary:disabled{color:var(--gf-light);background:#c2c9e1;border-color:#c2c9e1; cursor: not-allowed}
.gf-btn-info{color:var(--gf-light);background-color:var(--gf-info)}.gf-btn-info:hover{color:var(--gf-light);background-color:var(--gf-info-dark)}.gf-btn-info.disabled,.gf-btn-info:disabled{color:var(--gf-light);background:#c2c9e1;border-color:#c2c9e1; cursor: not-allowed}
.gf-btn-secondary{color:var(--gf-light);background-color:var(--gf-secondary);border-color:var(--gf-secondary)}.gf-btn-secondary:hover{color:var(--gf-light);background-color:var(--gf-secondary-dark);border-color:var(--gf-secondary-dark)}.gf-btn-secondary.disabled,.gf-btn-secondary:disabled{color:var(--gf-light);background-color:var(--gf-dark-550);border-color:var(--gf-dark-550)}
.gf-btn-success{color:var(--gf-light);background-color:var(--gf-success);border-color:var(--gf-success)}.gf-btn-success:hover{color:var(--gf-light);background-color:#00ac86;border-color:#00ac86}.gf-btn-success.disabled,.gf-btn-success:disabled{color:var(--gf-light);background-color:#92cfc1;border-color:#92cfc1}
.gf-btn-warning{background-color:var(--gf-warning);border-color:var(--gf-warning)}.gf-btn-warning:hover{background-color:#ffa714;border-color:#ffa714}.gf-btn-warning.disabled,.gf-btn-warning:disabled{color:#212529;background-color: var(--gf-warn-dark);border-color: var(--gf-warn-dark)}.gf-grey-btn { background-color: #F9F9F9; border: var(--gf-border-solid) #dde0e6}
.gf-btn-lg{padding:0 5px;font-size: calc(var(--gf-pixel)* 8);line-height:calc(var(--gf-pixel)* 25);height:calc(var(--gf-pixel)* 25);}.gf-btn-sm {padding:0 calc(var(--gf-pixel)* 10);font-size: 14px;line-height:30px;height:30px;} .gf-btn-xs{padding:0 calc(var(--gf-pixel)* 10);font-size: calc(var(--gf-pixel)* 6 + 1px);line-height:calc(var(--gf-pixel)* 12);height:calc(var(--gf-pixel)* 12);border-radius:4px}.gf-btn-xspace{padding:0 50px;}.gf-btn-block{display: var(--gf-d-block);width: calc(var(--gf-percent)* 50)}.gf-btn-transparent{background: var(--gf-transparent);border: none;margin: 0;padding: 0; color:var(--gf-dark);cursor:var(--gf-pointer);height: unset;line-height: unset}.gf-btn-text{background: var(--gf-transparent);border: none;margin: 0;padding: 0; color:var(--gf-info);cursor:var(--gf-pointer);height: unset;line-height: unset}.gf-btn-text:hover{color: var(--gf-info-dark);}.gf-shop .gf-btn i {vertical-align: middle;}
/*Button filled*/
/*Button Outline*/
.gf-btn-outline-default{border-color:#979797}.gf-btn-outline-default:hover{background-color:var(--gf-dark-100)}.gf-btn-outline-primary{color:var(--gf-primary);border-color:var(--gf-primary)}.gf-btn-outline-primary.disabled,.gf-btn-outline-primary:disabled{color:#007bff;background-color:var(--gf-transparent)}.gf-btn-outline-info{color:var(--gf-info);border-color:var(--gf-info)}.gf-btn-outline-info.disabled,.gf-btn-outline-info:disabled{color:#007bff;background-color:var(--gf-transparent)}.gf-btn-outline-secondary{color:var(--gf-dark-550);border-color:var(--gf-dark-550)}.gf-btn-outline-secondary:hover{color:var(--gf-light);background-color:var(--gf-dark-550);border-color:var(--gf-dark-550)}.gf-btn-outline-secondary.disabled,.gf-btn-outline-secondary:disabled{color:var(--gf-dark-550);background-color:var(--gf-transparent)}.gf-btn-outline-success{color:var(--gf-success-dark);border-color:var(--gf-success-dark)}.gf-btn-outline-success:hover{color:var(--gf-light);background-color:var(--gf-success-dark);border-color:var(--gf-success-dark)}.gf-btn-outline-success.disabled,.gf-btn-outline-success:disabled{color:var(--gf-success-dark);background-color:var(--gf-transparent)}.gf-btn-outline-warning{color: var(--gf-warn-dark);border-color: var(--gf-warn-dark)}.gf-btn-outline-warning:hover{color:#212529;background-color: var(--gf-warn-dark);border-color: var(--gf-warn-dark)}.gf-btn-outline-warning.disabled,.gf-btn-outline-warning:disabled{color: var(--gf-warn-dark);background-color:var(--gf-transparent)}.gf-btn-outline-danger{color:var(--gf-danger);border-color:var(--gf-danger)}.gf-btn-outline-danger:hover{color:var(--gf-light);background-color:var(--gf-danger);border-color:var(--gf-danger)}.gf-btn-outline-danger.disabled,.gf-btn-outline-danger:disabled{color:var(--gf-danger);background-color:var(--gf-transparent)}.gf-btn-outline-primary:hover{color:var(--gf-light);background-color: var(--gf-primary);border-color:var(--gf-primary)}.gf-btn-outline-primary:hover i{color: var(--gf-light)}.gf-btn-outline-info:hover{color:var(--gf-light);background-color:var(--gf-info);border-color:var(--gf-info)}.gf-btn-outline-primary:hover .gf-dark-text{color:var(--gf-light)}.gf-btn-plain:hover{color: var(--gf-light); border-color: var(--gf-custom-v1); background-color: var(--gf-custom-v1)}.gf-btn-plain:hover i {color: var(--gf-primary)}.gf-btn-outline-dark{border-color:var(--gf-dark)}.gf-btn-outline-secondary{color:var(--gf-secondary);border-color:var(--gf-secondary)}.gf-btn-outline-secondary:hover{color:var(--gf-light);background-color:var(--gf-secondary)}.gf-btn-outline-secondary.disabled,.gf-btn-outline-secondary:disabled{color:var(--gf-light);background-color:var(--gf-secondary)}
.gf-fav {border: 1px solid #979797;width:calc(var(--gf-pixel)* 25);font-size: calc(var(--gf-pixel)* 8);line-height:calc(var(--gf-pixel)* 25);height:calc(var(--gf-pixel)* 25);background-color:var(--gf-transparent);cursor: pointer;border-radius:calc(var(--gf-pixel)*2);color: var(--gf-primary);}.gf-fav:hover,.gf-fav.gf-active {border-color: var(--gf-blue);color: #FF7B7B;}
/*Button Outline*/
/*FORM STYLES END HERE*/
/* modal styles start here */
.gf-modal{z-index: 102; position: var(--gf-fixed); top: 0; left: 0; right: 0; bottom: -1px; background: rgba(0, 0, 0, 0.35); margin: auto;display: flex; align-items: center; justify-content: center;}.gf-modal-body{background-color: var(--gf-light); transition: opacity 0.3s linear, right 0.3s ease-out; box-shadow: 0 0 calc(var(--gf-pixel)* 5) rgb(0 0 0 / 15%); position: var(--gf-relative); width: 100%; z-index: 102; margin: auto; height: 100%; overflow: hidden; overflow-y: auto; padding: 20px;}.gf-modal-center{width: 95%;max-height: 90vh;height: auto;border-radius: 10px;}.gf-modal-cnt{max-height: 75vh;}
.gf-modal-bottom .gf-modal-body{border-radius: 15px 15px 0 0; overflow-y: auto; animation: slide-in-Vert .5s ease-out forwards; transition: opacity .5s; position: fixed; bottom: 0; padding-top: 40px;height: auto;}
.gf-modal .gf-header{padding: 40px 20px 30px;margin: 0 -20px;}
/* modal styles end here */
/* card styles start here*/
.gf-card{background:#fff;position:relative;box-shadow:0px 0px 50px rgba(0,0,0,.08);overflow:hidden;border-radius: 12px;border:1px solid #e6e6e6}.gf-card.gf-card-no-border{border:none}.gf-card.gf-card-border-top{border-top:1px solid #e6e6e6}.gf-card.gf-card-no-shadow{box-shadow:none}.gf-card .gf-card-content{padding:1.25rem;}.gf-card .gf-card-trans{position:absolute;left:30px;right:30px;bottom:30px;color:#fff}.gf-card .gf-card-trans{color:#fff;text-shadow:2px 2px 3px rgba(0,0,0,.5)}.gf-card .gf-card-trans.gf-card-trans-top{bottom:auto;top:30px}.gf-card .gf-card-trans .gf-card-trans-label{background:rgba(0,0,0,.4);padding-top:10px;padding-right:20px;padding-bottom:10px;padding-left:20px;font-size:14px;border-radius:10px;display:inline-block;color:#fff}.gf-card-primary{background-color:#C51450;border-color:#C51450}.gf-card-primary.gf-card-primary-disabled{background-color:#ed5286;cursor:not-allowed;color:#680b2a}.gf-card-primary-dark{background-color:#950B4D;border-color:#950B4D}.gf-card-primary-dark.gf-card-primary-dark-disabled{background-color:#ee187e;cursor:not-allowed;color:#36041c}.gf-card-primary-light{background-color:#FFF6F9;border-color:#F4DCE4}.gf-card-primary-light.gf-card-primary-light-disabled{background-color:#fff;cursor:not-allowed;color:#f07486}.gf-card-secondary{background-color:#091937;border-color:#091937}.gf-card-secondary.gf-card-secondary-disabled{background-color:#17418f;cursor:not-allowed;color:#000}.gf-card-secondary-dark{background-color:#26273f;border-color:#26273f}.gf-card-secondary-dark.gf-card-secondary-dark-disabled{background-color:#4c4e7f;cursor:not-allowed;color:#000}.gf-card-secondary-light{background-color:#40415a;border-color:#40415a}.gf-card-secondary-light.gf-card-secondary-light-disabled{background-color:#6b6c95;cursor:not-allowed;color:#16161e}.gf-card-warning{background-color:#FFDD00;border-color:#FFDD00}.gf-card-warning.gf-card-warning-disabled{background-color:#ffeb66;cursor:not-allowed;color:#998500}.gf-card-warning-dark{background-color:#b28f67;border-color:#b28f67}.gf-card-warning-dark.gf-card-warning-dark-disabled{background-color:#d4c1ab;cursor:not-allowed;color:#775b3c}.gf-card-warning-light{background-color:#fcf5f0;border-color:#fcf5f0}.gf-card-warning-light.gf-card-warning-light-disabled{background-color:#fff;cursor:not-allowed;color:#ebbc9b}.gf-card-danger{background-color:#FFA5BD;border-color:#FFA5BD}.gf-card-danger.gf-card-danger-disabled{background-color:#fff;cursor:not-allowed;color:#ff3f72}.gf-card-danger-dark{background-color:#EA1B54;border-color:#EA1B54}.gf-card-danger-dark.gf-card-danger-dark-disabled{background-color:#f3789a;cursor:not-allowed;color:#920d32}.gf-card-danger-light{background-color:#FFCCDD;border-color:#FFCCDD}.gf-card-danger-light.gf-card-danger-light-disabled{background-color:#fff;cursor:not-allowed;color:#f69}.gf-card-success{background-color:#3b925b;border-color:#3b925b}.gf-card-success.gf-card-success-disabled{background-color:#6ec58e;cursor:not-allowed;color:#1e492e}.gf-card-success-dark{background-color:#0C9B2B;border-color:#0C9B2B}.gf-card-success-dark.gf-card-success-dark-disabled{background-color:#1fee4c;cursor:not-allowed;color:#053c11}.gf-card-success-light{background-color:#E1F3E5;border-color:#E1F3E5}.gf-card-success-light.gf-card-success-light-disabled{background-color:#fff;cursor:not-allowed;color:#98d6a6}.gf-card-info{background-color:#008BDC;border-color:#008BDC}.gf-card-info.gf-card-info-disabled{background-color:#43baff;cursor:not-allowed;color:#004b76}.gf-card-info-dark{background-color:#bae0da;border-color:#bae0da}.gf-card-info-dark.gf-card-info-dark-disabled{background-color:#fff;cursor:not-allowed;color:#74c0b4}.gf-card-info-light{background-color:#F7FCFF;border-color:#F7FCFF}.gf-card-info-light.gf-card-info-light-disabled{background-color:#fff;cursor:not-allowed;color:#91d6ff}.gf-card-light{background-color:#FFF;border-color:#FFF}.gf-card-light.gf-card-light-disabled{background-color:#fff;cursor:not-allowed;color:#ccc}.gf-card-dark{background-color:#000;border-color:#000}.gf-card-dark.gf-card-dark-disabled{background-color:#333;cursor:not-allowed;color:#000}.gf-card-lg{padding-top:1.75rem;padding-right:1.75rem;padding-bottom:1.75rem;padding-left:1.75rem}.gf-card-md{padding-top:1.25rem;padding-right:1.25rem;padding-bottom:1.25rem;padding-left:1.25rem}.gf-card-sm{padding-top:1rem;padding-right:1rem;padding-bottom:1rem;padding-left:1rem}
/* card styles end here*/
.gf-title {font-size: 1.25rem}.gf-brd-none {border: none;}.gf-title-flex {display: flex;align-items: center;justify-content: space-between;margin: 0 0 15px;position: relative;}
.gf-carousel {width: 100%;display: flex;overflow-y: hidden;overflow-x:auto;gap: 15px;}.gf-carousel-card {width: 105px;overflow: hidden;position: relative;flex-shrink: 0;}.gf-carousel-card-md {width: 130px;}.gf-carousel-card figure {border-radius: 8px;overflow: hidden;}.gf-carousel-card-md figure {width: 130px;height: 116px;}.gf-carousel-overlap {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: #0919376b;border-radius: 8px;color: #FFF;display: flex;flex-direction: column;justify-content: space-between;padding: 10px;}.gf-price-tag{font-weight: 600;font-size: 14px;}.gf-price-tag small{font-weight: normal;display: block;font-size: 11px;}.gf-carousel-overlap h5 {font-size: 16px;color: #FFF;line-height: 18px;}
/* meal plan styles start here */
.gf-meal-list-card,.gf-meal-plan-card,.gf-card-shadow{box-shadow: 0px 0px 6px 0px #0000001A; padding: 15px; border-radius: 10px;position: relative;margin: 2px;}.gf-card-shadow .gf-stiky-title{border-radius: 10px;}.gf-top-cnt-bg .gf-card-shadow{background-color: var(--gf-light);}
.gf-meal-list-card{max-height: 60lvh;overflow: hidden;overflow-y: auto;padding-top: 0;scroll-behavior: smooth;margin-bottom: 15px;} .gf-check-list { display: flex; justify-content: start; gap: 20px;font-size: 16px;margin-bottom: 25px;}.gf-check-list li{align-items: center; display: flex; gap: 15px;}
.gf-tab-list { display: flex; justify-content: space-between; gap: 10px;margin-bottom: 15px;}.gf-tab-list li { border: 0.8px solid #091937; border-radius: 20px; width: 100%; text-align: center; padding: 5px 15px;white-space: nowrap;}.gf-order-dish .gf-tab-list li:last-child{margin-right:0}.gf-tab-list li.active{ background: #091937; color: #fff;}
.gf-filter-tab{position: relative;}.gf-filter-tab .icon-share { background: #C51450; color: var(--gf-light); padding: 10px; border-radius: 10px; position: absolute; right: 0; top: 0;}.gf-filter-tab .gf-tab-list{overflow: hidden;overflow-x: auto;border-radius: 10px;}.gf-tab-list li:last-child{margin-right: 40px;}
.gf-meal-plan-content { max-height: calc(100% - 200px); overflow: hidden; overflow-y: auto; } .gf-meal-plan-card {margin-bottom: 15px;} .gf-meal-plan-card>.gf-plan-header { display: flex; justify-content: space-between;color: #000;}.gf-meal-plan-card>.gf-plan-header>strong { color: #C51450; }.gf-meal-plan-card .gf-lable{color: #697CA0;}.gf-meal-plan-card .gf-lable span{margin: 0 10px;}
.gf-stiky-title { display: flex; align-items: center; gap: 10px; position: sticky; top: 0;background-color: #FFF; padding: 15px; margin: -15px -15px 20px; }.gf-stiky-title img{height: 20px;width: 20px;object-fit: cover;}
.gf-meal-list li,.gf-select-meal-list li { display: flex; border-bottom: 1px solid #EDEDED; margin-bottom: 15px;gap: 10px;padding-bottom: 10px;}.gf-meal-list li,.gf-select-meal-list li:last-child{margin: 0;border: none;padding: 0;}.gf-meal-list li figure,.gf-select-meal-list li figure{margin: 0;height: 35px;width: 35px;border-radius: 8px;overflow: hidden;}.gf-select-meal-list li{flex-direction: column;gap: 0;}.gf-select-meal-list .gf-list-item{display: flex;gap: 10px;align-items: center;}.gf-item-cnt-cal{font-size: 12px;color: var(--gf-dark-300);margin: 0;}.gf-add-det{display: flex;justify-content: space-between;align-items: center;margin-top: 10px;}.gf-add-btn { border: 1px solid #091937; border-radius: 4px; padding: 2px 15px; font-size: 12px;height: 24px;}.gf-add-btn.active { background: #091937; color: var(--gf-light);}.gf-add-btn.active i { font-size: 8px; margin-right: 7px;}.gf-status-bg{height: 18px; width: 18px; display: inline-block; background: var(--gf-success); border-radius: 50%; color: var(--gf-light); font-size: 7px; margin-right: 5px; padding: 5px;}.gf-meal-list-itm{width: 100%;}.gf-select-meal { margin-bottom: 15px; max-height: calc(100vh - 352px); overflow: hidden; overflow-y: auto; }.gf-item-unavailable-btn{padding:6px 10px;border-radius:6px;background-color:#E5EAF3;display:flex;justify-content:center;align-items:center;}.gf-item-unavailable-text{color:#98A9C8;font-size:10px;font-weight:500;}.gf-remove-cart-btn{background: transparent;border: 1px solid #e44c1e; border-radius: 6px ;color: #e44c1e;padding: 6px 10px;font-size:10px;font-weight:500;}
.gf-meal-protien-lable { color: #C51450; margin: 10px 0;}.gf-full-img{height: 150px;border-radius: 10px;overflow: hidden;margin-bottom: 15px;}
.gf-offer-card{margin: 20px 0;}.gf-offer-title{display: flex;justify-content: space-between;margin-bottom: 15px;}.gf-offer-card button { position: absolute; right: 0;}.gf-plan-det-lable { font-size: 12px; color: #697CA0; display: flex; gap: 10px; align-items: center;border-bottom: 1px solid #F9E8EE;margin-bottom: 10px;padding-bottom: 10px;}
.gf-li-list li { display: flex; justify-content: space-between; margin: 10px 0;color: #313131;font-size: 12px;}.gf-bill-detail .gf-li-list li:last-child { font-weight: 600; border-top: 1px solid rgba(9, 25, 55, 1); margin-top: 15px; padding-top: 15px; }.gf-li-list li span+span { color: var(--gf-dark); }.gf-li-list li .green{color: var(--gf-success);}.gf-li-list li.topDashedBrd { border-top: 1px dashed lightgray; padding-top: 10px; }
.gf-review-footer { background: #091937; color: var(--gf-light); margin: 15px; border-radius: 10px; padding: 5px 15px; display: flex; justify-content: space-between; align-items: center;}.gf-review-footer .gf-btn:hover{color: var(--gf-light);}.gf-review-footer .gf-btn{display: flex; justify-content: end; padding: 0;}
.gf-sticky-footer-lable { position: fixed; bottom: 75px; background: #FFEFF4; width: 100%; padding: 10px 15px; font-size: 12px; }
.gf-meal-footer { display: flex; justify-content: space-between; padding: 20px;align-items: center;}.gf-footer-calories{ padding: 10px 30px;background-color: var(--gf-danger-light); font-size: 12px;color: #000;}.gf-footer-kacl {font-weight: bold;color: var(--gf-primary);}.gf-save-btn{width: 230px;}
.gf-order-list .gf-meal-items{margin-bottom: 15px;border: none;}.gf-order-list .gf-meal-items:last-child{border-bottom: 1px solid rgba(237, 237, 237, 1);padding-bottom: 15px;}
.gf-dish-card figure{height: 65px;width: 105px;border-radius: 10px;margin-bottom: 10px;}.img-border{height: 100%;width: 100%;background: #FFF6F9;padding: 5px;}
.gf-top-cnt-bg{background-color: rgba(255, 249, 251, 1);border-radius: 0 0 20px 20px;}.gf-top-cnt-bg .gf-header{background-color: rgba(255, 249, 251, 1);}
.gf-dish-name-lable{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;height: 42px;}
.gf-progress-bar{position: relative;}.gf-progress-center{position: absolute; height: 90px; width: 90px; display: flex; top: 0; justify-content: center; align-items: center;flex-direction: column;}
/* meal plan styles end here */
/* meal plan list styles start here */
.gf-header-right-text { padding: 60px 20px 10px; font-size: 12px; color: #666; } .gf-meal-labels-row { display: inline-flex; gap: 8px; align-items: center; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2); border-radius: 10px; padding: 6px 6px; margin-bottom: 16px; max-width: 100%; overflow-x: auto; justify-content: flex-start; } .gf-meal-labels-row.more-than-2 { justify-content: space-between; width: 100%;} .gf-meal-label { padding: 10px 16px; border-radius: 10px; cursor: pointer; transition: background-color 0.2s ease; display: flex; align-items: center; gap: 4px; font-weight: 500; } .gf-meal-label.active { background-color: var(--gf-primary); color: white; } .gf-meal-label img { width: 20px; height: 20px; border-radius: 10px; }
/*  meal plan list styles end here */
/* datepicker style start here */
.gf-datepicker .react-datepicker{font-family: var(--font-family);border-radius: 8px;font-size: 1rem;}
.gf-datepicker .react-datepicker__navigation--next,.gf-datepicker .react-datepicker__navigation--previous{top: 12px;}.gf-datepicker .react-datepicker__header{border-bottom: 1px solid var(--gf-dark-150);background-color: transparent;}.gf-datepicker .react-datepicker__portal{background-color: rgba(0,0,0,0.35);}.gf-datepicker .react-datepicker__portal .react-datepicker__day-name,.gf-datepicker .react-datepicker__portal .react-datepicker__day,.gf-datepicker .react-datepicker__portal .react-datepicker__time-name{width: 3rem; line-height: 3rem;}.gf-datepicker .react-datepicker__input-container input{}.gf-datepicker .react-datepicker__day--keyboard-selected{background-color: transparent;}
/* datepicker style end here */
/* helper styles start here*/
.gf-mt15{margin-top: 15px;}.gf-mb15{margin-bottom: 15px;}.gf-ml-15{margin-right: 15px;}.gf-mr-15{margin-left: 15px;}.gf-ml-10{margin-left: 10px;}.gf-btw-gap15{display: flex;justify-content: space-between;gap: 15px;}.gf-gap-15{display: flex;gap: 15px;}.gf-gap-5{display: flex;gap: 5px;align-items: center;}.gf-ml-5{margin-left: 5px;}.gf-mr-10{margin-right: 10px;}.gf-mr-5{margin-right: 5px;}.gf-visible-hid{visibility: hidden;}.gf-mt30{margin-top: 30px;}.gf-mt10{margin-top: 10px;}
.gf-primary-text {color: var(--gf-primary);}.gf-grey-text {color: var(--gf-dark-250);}.gf-img-cover {object-fit: cover;width: 100%;height: 100%;}.gf-img-contain {object-fit: contain;width: 100%;height: 100%;}.gf-success-text{color: var(--gf-success);}.gf-text-underline{text-decoration: underline;}.gf-d-f-sbetween-center,.gf-meal-list-itm{display: flex;justify-content: space-between;align-items: center;}.gf-d-block{display: var(--gf-d-block);}.gf-text-center{text-align: center;}.gf-f-size12{font-size: 12px;}.gf-f-size14{font-size: 14px;}
.gf-link{text-decoration: underline;}
.gf-footer-space {padding-bottom: 150px;}
.gf-cmp {display: flex;align-items: center;justify-content: space-between;}.gf-cmp-cnt {display: inline-flex;align-items: center;gap: 15px;}.gf-custom-meal {margin: 25px 0;}.gf-error-message{font-size: 12px;color: var(--gf-danger);position: absolute; bottom: -20px; width: 100%; left: 0;}
.gf_fw700{font-weight: 700;}
/* helper styles end here*/

@keyframes slide-in-Vert {from { transform: translateY(100%)} to { transform: translateY(0)}}

@keyframes slideInFromRight { 0% { transform: translateX(100%); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } }
@keyframes slideInFromLeft { 0% { transform: translateX(-100%); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } }

.slide-in {animation: slideInFromRight .15s}
.slide-out {animation: slideInFromLeft 0.3s}
@media (max-width: 385px) {.gf-plan-det-lable { font-size: 10px; }
}