*{ margin: 0; padding: 0; box-sizing: border-box; font-family: "Albert Sans", sans-serif; letter-spacing: -.5px; }
#userInput {caret-color: #000000;  animation: blinkCursor 1s step-end infinite;}
@keyframes blinkCursor {
    50% {
        caret-color: transparent;
    }
}
#userInput::placeholder {color: #c5c4c4; opacity: 1;}
#userInput::-webkit-input-placeholder {color: #c5c4c4;}
#userInput:-moz-placeholder {color: #c5c4c4;}
#userInput::-moz-placeholder { color: #c5c4c4; }  
#userInput:-ms-input-placeholder { color: #c5c4c4; }

.body_bg_01{background:#c3bbb5 url(../img/body_bg_02.jpg) no-repeat center; background-size: cover;}
.container { max-width: 90% !important; margin: 1em auto; padding: 2rem; position: relative; z-index: 1; background: #F5F1F0; border-radius: 2em; height: 95vh; display: block; }
a{text-decoration: none !important;}
b, strong { font-weight: 600 !important; } 
.top_border_line { display: flex; height: 100vh; background: #fff; border-top: 10px solid; border-image: linear-gradient(90deg, #FFA8A8 0%, #8DE0FE 100%); border-image-slice: 1; } 
.topline { display: flex; width: 100%; height: 10px; background: linear-gradient(90deg, #FFA8A8 0%, #8DE0FE 100%); } 
.sidebar { width: 17% !important; height: 100vh; background: #DBD5D0; padding: 20px; position: fixed; left: 0; top: 0; display: flex; flex-direction: column;} 
.collapsed .collap-hide { display: none; } 
.sidebar .collap-hide { display: block; } 
.collapsed { width: auto; background: #DBD5D0; padding: 20px; } 
.collapsed {width: auto; height: 95vh; background: #DBD5D0; border-radius: 2em 0 0 2em; padding: 20px; position: absolute; z-index: 2; left: 0; top: 0; display: flex; flex-direction: column;}
.sidebar .up_pic { display: none; } 
.collapsed .logo img { height: 40px; } 
.sidebar .logo img { height: 60px; }
.sidebar .open_sb{display: none;}
.collapsed .close_sb{display: none;}
.sidebar .close_sb{display: block;}
.sidebar + .content { margin-left: 60px; }

.collapsed .toggle-btn{border: none; background: none; margin: 0 .6em; cursor: pointer; position: absolute; bottom: 2em;}
.sidebar .toggle-btn{border: none; background: none; margin: 0; cursor: pointer; position: absolute; bottom: 2em;}
.logo { font-size: 24px; font-weight: bold; display: block; align-items: center; gap: 10px; } 
.logo img { width: auto; height: auto; max-width: 100%; margin: 0 auto; display: block; }

.menu {margin-top: 2em; display: block; flex-grow: 1;}
.menu a { width: 100%; padding: 10px; border: #d0c9c4 1px solid; color: #222; font-size: 14px; font-weight: normal; text-decoration: none; cursor: pointer; border-radius: 5px; margin-bottom: 10px; display: flex; } 
.menu a:hover, .menu a.active { color: #000; background: #d0c9c4; border: #d0c9c4 1px solid; } 
.menu img { width: auto; height: auto; max-width: 100%; display: grid; } 
.menu span { text-align: left; margin: 0; padding: .3em 1em; display: grid; } 
.recents { margin: 3em 0 0; min-height: 230px; } 
.recents h3 { font-size: 16px; font-weight: 600; margin-bottom: 10px; } 
.recent_history { max-height: 200px; overflow-y: auto; display: block; } 
.recent_history1 {display: block; } 
.recent-item { background: #e4ded9; padding: 10px; border-radius: 5px; margin-bottom: 5px; font-size: 14px; cursor: pointer; color: #222; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; } 
.recent-item:hover { color: #000; background: #d0c9c4; } 
.user-info {display: block; align-items: center; margin: 20px; border: #d0c9c4 1px solid; border-radius: 5px; padding: 10px; cursor: pointer; position: absolute; bottom: 3em; left: 0; width: 87%;}
.user-info img, .h-user-info img { width: 40px; border-radius: 50%; margin-right: 5px; vertical-align: baseline; display: inline-block; border: #d0c9c4 2px solid;} 
.h-user-info { display: inline-block; align-items: center; padding: 5px 10px; background: #3e5586; border-radius: 15px; cursor: pointer; } 
.p-details, .profile-details { position: absolute; width: 220px; padding: 15px; background: white; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); border-radius: 8px; opacity: 0; transition: bottom 0.4s ease-in-out, opacity 0.4s ease-in-out; z-index: -1; } 
.p-details { margin: 0em 0em 0 -3em; transform: translateX(-50%); display: none; } 
.p-details.show { opacity: 1; position: fixed; z-index: 1; margin: 0em 0em 0 -3em; clear: both; content: ''; display: block; } 
.profile-details { bottom: 18%; left: 5.8em; transform: translateX(-50%); } 
.profile-details.show { bottom: 5em; opacity: 1; position: absolute; z-index: 1; } 
#spanEmailId .hdarrow{background: #d0c9c4; width: 20px !important; margin: 0 !important; padding: 0; float: right;} 
#spanUserName .darrow{background: #d0c9c4; width: 20px !important; margin: 0 0 0 .5em !important; padding: 0; float: right;} 
.launch_txt{margin: 1em 0 0; display: block; text-align: center; color: #435988; font-size: 16px;}
.hdarrow, .darrow { width: 20px !important; margin: 0 !important; padding: 0; float: right;} 
#spanEmailId {vertical-align: middle; display: inline-block; margin: .7em 0;}
#spanUserName {vertical-align: super; display: inline-block; width: 70%;}
.user-info strong { font-size: 16px; font-weight: 600; color: #222; display: block; } 
.user-info span { font-size: 14px; text-transform: uppercase; font-weight: normal; color: #777; display: inline-block; clear: both; } 
.main-rc, .main-content {min-height: 81vh; flex: 1; flex-direction: column; align-items: center; justify-content: center; padding: 40px; display: flex; } 
.upgrade_text, .suggestion_text { padding: 10px 10px; border-radius: 20px; font-size: 15px; text-align: center; font-weight: normal; margin: 0 0 2em; } 
.upgrade_text { background: #DBD5D0; color: #222; position: absolute; top: 1em; right: 1em;} 
.upgrade_text strong { font-weight: 600; } 
.suggestion_text { background: #E8EFFF; color: #222 !important; text-decoration: none; } 
.section::-webkit-scrollbar-thumb:hover { background-color: #5749d2; } 
.user-profile { display: block; align-items: center; } 
.user-profile p {padding: 5px; font-size: 14px; color: #454545; } 
.user-profile p strong { font-weight: 400; color: #000; } 
.user-profile p a { font-size: 14px; color: #E5603C !important; font-weight: 400; text-decoration: none; } 
.user-profile ul { margin: 1em 0 0; padding: 0; border: #DFE5F0 1px solid; } 
.user-profile ul li { width: 100%; list-style-type: none; font-size: 16px; border-bottom: #DFE5F0 1px solid; display: block; } 
.user-profile ul li a { width: 100%; padding: .8em; list-style-type: none; text-decoration: none; color: #222; display: block; } 
.user-profile ul li a:hover { list-style-type: none; color: #000; background: #F4F6FA; } 
.section { scrollbar-color: #d4aa70 #e4e4e4; transition: scrollbar-color 0.3s ease-out; } 
.section:hover { scrollbar-color: #5749d2; } 
.chat-box { width: 100%; max-width: 600px; background: white; padding: 20px; border-radius: 10px; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1); } 
.chat-box input { width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 5px; margin-top: 10px; } 
.query_area_02{max-height: 46vh !important; padding: 0 0 1.5em; mask-image: linear-gradient(to bottom, transparent, black 10%, black 90%, transparent); -webkit-mask-image: linear-gradient(to bottom, transparent, black 10%, black 90%, transparent);}
.query_area_02::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 30px; background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1)); pointer-events: none; }

.query_area_01 { width: 100%; max-height: 56vh; padding: 0 0 1.5em; mask-image: linear-gradient(to bottom, transparent, black 10%, black 90%, transparent); -webkit-mask-image: linear-gradient(to bottom, transparent, black 10%, black 90%, transparent); overflow-y: auto;} 
.query_area_01::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 30px; background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1)); }
.query_area_01::-webkit-scrollbar-thumb { background-image: linear-gradient(180deg, #DBD5D0 0%, #DBD5D0 99%); box-shadow: inset 1px 1px 2px 0 rgba(#fff, 0.5); border-radius: 100px; scrollbar-width: thin; } 
.query_area_01::-webkit-scrollbar {width: 5px; background-image: linear-gradient(180deg, #ebe7e9 0%, #ebe7e9 99%); box-shadow: inset 1px 1px 2px 0 rgba(#fff, 0.5); border-radius: 100px; scrollbar-width: thin; }
.query_area_01::-webkit-scrollbar-track {background: transparent;}

.query_area_01 p strong{font-weight: 600;}
.query_area_01 p{font-weight: 400; padding: 0 0 .5em;}
.query_area_01 pre{width: 100% !important; font-size: 14px; text-align: left; font-weight: normal; padding: 0; margin: 0; white-space: pre-wrap; word-wrap: break-word; max-width: 100%; overflow-wrap: break-word; word-break: normal;}
.query_area_01 pre ul{ float: left;}
.query_area_01 pre ul li{text-align: left; padding: .5em 0 !important; display: block !important;}
.query_area_01 pre ol{float: left;}
.query_area_01 pre ol li{text-align: left; padding: .5em 0 !important; display: block;}

.query_area_01 img{width: 200px; height: auto; max-width: 100%; border-radius: 5px; margin: 0; display: block;}
.main_serach { width: 50%; height: auto; margin: 0 auto; display: block; } 
.main_serach h2 { font-size: 24px; color: #222; font-weight: 400; text-align: center; display: block; } 
.input-box { position: relative; display: block; align-items: center; margin-top: 0; border-radius: 1.5rem; padding: 8px 12px; background: #F4F6FA; border: #A29285 1px solid; } 
.query-box1 { display: inline-block; padding: 10px; background: #FFFFFF; border-radius: 10px; font-size: 16px; color: #333; text-align: right; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); max-width: 90%; word-wrap: break-word; margin-left: auto; margin-right: 0; margin-top: 1em; float: right; clear: both; } 
.query-box1 pre{font-family: "Belanosima", sans-serif !important; font-size: 16px;}
.reply-box1 pre{font-family: "Albert Sans", sans-serif !important; font-size: 14px;}

#signupCompleted_V2 h3{font-size: 24px; color: #000; text-align: left; padding: 1em 0; display: block;}
#signupCompleted_V2 h3 span{font-size: 24px !important; color: #E5603C !important; padding: 0 !important; display: inline-block !important;}
#signupCompleted_V2 ol{list-style-type: lower-alpha;}
#signupCompleted_V2 ol li{font-size: 14px; color: #000; text-align: left; font-family: "Albert Sans", sans-serif !important; font-weight: normal; padding: .5em;}
#signupCompleted_V2 label{font-size: 14px; font-weight: 600; color: #000; text-align: left; padding: 0; display: block;}
.snb_img{width: auto; height: auto; justify-items: center; margin: 0 auto; display: block !important;}
.snb_img span{width: 100%; font-family: "Albert Sans", sans-serif !important; font-size: 14px; text-align: center; color: #454545; padding: 1em 0; display: block;}
.snb_img img{width: auto; height: 42px; max-width: 100%; border: none; margin: .5em !important; display: inline-block !important;}
#signupCompleted_V2 h4{font-size: 20px; font-weight: 600; color: #000; text-align: center; padding: 1em 0; display: block;}
.aps_btn_align{justify-content: center; align-items: center; text-align: center;}

.ap_store_btns{position: absolute; width: 140px; right: 0; bottom: 1em;}
.ap_store_btns label{font-size: 10px; color: #222222; font-family: "Albert Sans", sans-serif !important; padding: .5em; display: block;}
.ap_store_btns img{height: 40px; max-width: 100%; margin: .5em auto; display: block;}


.typed-response p{font-family: "Albert Sans", sans-serif !important; font-size: 14px; display: block;}
.typed-response p strong{font-family: "Albert Sans", sans-serif !important; font-size: 14px;}
.typed-response h3{font-family: "Albert Sans", sans-serif !important; font-size: 16px; font-weight: 500; display: block;}
.typed-response h4{font-family: "Albert Sans", sans-serif !important; font-size: 14px; font-weight: 500; display: block;}
.typed-response ul { list-style-type: disc; list-style-position: inside; padding: 0 0 1em 2em; margin: 0; display: list-item; font-family: "Albert Sans", sans-serif !important; font-size: 14px; }
.typed-response li { font-family: "Albert Sans", sans-serif !important; font-size: 14px; font-weight: normal; text-align: left; list-style: none; list-style-position: inside; padding: 0.5em 0; clear: both; }
.typed-response ul li { font-family: "Albert Sans", sans-serif !important; font-size: 14px; font-weight: normal; text-align: left; list-style: none; list-style-position: inside; padding: 0.5em 0; clear: both; }
.typed-response ol { list-style-type: decimal; list-style-position: inherit; padding: 0 0 1em 2em; margin: 0; display: list-item; font-family: "Albert Sans", sans-serif !important; font-size: 14px; }
.typed-response ol li { font-family: "Albert Sans", sans-serif !important; font-size: 14px; text-align: left; list-style-position: initial; padding: 0.5em 0; clear: both; }

.reply-box1 pre ol{list-style-position: inside; display: block;}
.reply-box1 pre ol li{font-family: "Albert Sans", sans-serif !important; font-size: 14px; text-align: left; padding: .5em 0; clear: both; content: ''; display: block;}

.response-html{display: block;}

.reply-box1 { font-family: "Albert Sans", sans-serif !important; display: block; margin-bottom: 15px; padding: 10px; font-size: 14px; color: #333; text-align: left; width: auto; margin: 1em 0 0; float: left; clear: both; } 
.output-box { display: none; margin-bottom: 15px; padding: 10px; background: #FFEEEE; border-radius: 10px; font-size: 14px; color: #333; text-align: right; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); width: auto; max-width: 90%; margin: 2em 0 0 5em; float: right; clear: both; word-wrap: break-word; } 
.reply-box { font-family: "Albert Sans", sans-serif !important; display: none; margin-bottom: 15px; padding: 10px; background: #e3f2fd; border-radius: 10px; font-size: 14px; color: #333; text-align: left; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); width: auto; max-width: 90%; margin: 2em 0 0; } 
.main_serach textarea { background: none; border: none; outline: none; resize: none; height: auto; padding: 0; font-size: 14px; width: 92%; display: inline-block; clear: both;} 
.mic-icon, .send-icon { font-size: 18px; cursor: pointer; color: #777; margin: 0; float: right; } 
.collaborate-text { background: #DBD5D0; border-radius: 0 0 1.5rem 1.5rem; margin-top: -1em; height: auto; padding: 1.5em 1em .7em; } 
.collaborate-text p { font-size: 14px; color: #666; padding: 0.3em 0; display: none; } 
.collaborate-text .bold-text { font-weight: 600; color: #000; } 
.collaborate-text .icons { float: right; display: none; cursor: pointer;} 
.collaborate-text .icons img { width: auto; height: auto; max-width: 100%; margin: .15em 0 0 0; } 
.collaborate-text #imageUpload{background: url(../img/icon_attach.svg) no-repeat center; border: none; display: block;}

#previewImage {height: 40px; border-radius: .5em; float: left; display: none;}
#previewImage[src*="image"] {border: none; margin: 0; display: block;}


.image-preview {
  position: initial;
  top: 5px;
  left: 5px;
  z-index: 1;
}

.image-preview img {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  object-fit: cover;
}

.delete-image {
  position: absolute;
  top: .5em;
  left: 1em;
  background: #ff4d4d;
  color: white;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  text-align: center;
  font-size: 12px;
  line-height: 18px;
  cursor: pointer;
}

.pb_logo { width: auto; height: auto !important; max-width: 100% !important;} 
.yr_chats { display: block; } 
.yr_chats img { width: auto; height: auto; max-width: 100%; display: inline-block; } 
.v_all { font-size: 16px; color: #222222; text-decoration: none; text-align: right; display: block; } 
.v_all:hover { color: #000000; } 

/* Sign up */
.signup-main {flex: 1; display: block; flex-direction: column; align-items: center; justify-content: center; padding: 0 0 1em 6em;}
.signup-main h4{font-size: 22px; color: #222222; font-weight: 500; padding: 0 .5em; margin: 0; display: block;}
.signup-main h4 span{font-weight: normal; font-size: 16px; text-decoration: underline; padding: .5em 0; display: block;}
.signup_algin{align-items: center; margin: 0 auto; display: block;}
.hoy{height: 70vh; overflow-y: auto; overflow-x: hidden; display: block;}
.pd_form {position: absolute; bottom: 0; left: 0; right: 0; width: 100%; padding: 5em 0; background: rgba(219, 213, 208, 0.9); z-index: 3; display: none;}
.pd_form2{width: 100%; height: auto; margin: 0; padding: 0 !important; background: none !important; position: relative !important; bottom: 0; z-index: 1; display: block;}
.pd_form3{width: 100%; height: auto; margin: 0; padding: 0 !important; background: none !important; position: relative !important; bottom: 0; z-index: 1; display: none;}
.pd_form h3{font-size: 18px; color: #222222; font-weight: 500; margin: 0; display: block;}
.pd_form h3 span{font-size: 12px; font-weight: normal; color: #555555; padding: .5em 0; display: block;}
.pd_form label{font-size: 14px; color: #0F0F0F; padding-top: 1em; display: block;}
.l_txt{font-size: 14px; color: #0F0F0F !important; text-align: left !important; text-transform: initial !important; padding-top: 1em; display: block;}
.pd_form input{width: 100%; background: #fff; border: #E3E3E3 1px solid; font-size: 12px; color: #222222; padding: .5em; margin: 1em 0; display: block;}
.pd_form select{width: 100%; background: url('data:image/svg+xml;utf8,<svg fill="%23222222" height="20" viewBox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>') no-repeat right 1em center; background-color: #fff; border: #E3E3E3 1px solid; box-sizing: border-box; font-size: 12px; color: #222222; padding: .5em; margin: 1em 0; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block;}
.pd_form textarea{width: 100%; background: #fff; border: #E3E3E3 1px solid; font-size: 12px; color: #222222; padding: 1em; resize: none; display: block;}
.pd_form input[type=submit]{width: auto; background: #000000; border: #E3E3E3 1px solid; border-radius: 30px; font-size: 16px; color: #ffffff; text-transform: uppercase; cursor: pointer; padding: 1em 3em; margin: 2em 0 0; float: right;}
.pd_form .btn_signup{background: #342E2E; border: none; border-radius: 20px; padding: .5em 3em; margin: 1em 0; color: #ffffff; font-size: 12px; text-align: center; text-decoration: none; display: block;}
.pd_form h1{font-size: 18px; color: #222; font-weight: bold; text-align: center; padding: .5em 0 0; display: block;}
.pd_form h1 span{color: #5EC906; display: block;}
.pd_form p{color: #555555;}
.pd_form p a{color: #AF5757; font-weight: 600; text-transform: uppercase;}
.pd_form img{width: auto; height: 46px; max-width: 100%; border: none; margin: 0 auto; display: block;}
.pd_form h2{font-size: 18px; color: #000; font-weight: 500; padding: .5em 0 0; display: block;}
.pd_form h4{font-size: 1.5rem; color: #000; font-weight: 500; padding: 1.5em 0 .5em; display: block;}
.pd_form label{font-size: 12px; color: #0F0F0F; padding-top: 1em; display: block;}
.pd_form p{display: block;}
.pd_form p input[type="radio"]{width: 20px; height: 20px; float: left;}
.pd_form p input[type="checkbox"]{width: 20px; height: 20px; float: left;}
.pd_form p span{font-size: 14px; font-weight: 600; text-transform: capitalize; color: #555; text-align: left; padding: .9em .5em; float: left;}
.bmi_graph{background: #FFDDD2; border-radius: 20px; padding: 1em 2em;}
.bmi_graph p{font-size: 12px; color: #342E2E; text-align: left; margin: 0; padding: 0 0 .5em; display: block;}
.bmi_graph p span{color: #FC6C30; padding: 0; float: none; font-size: 12px;}
.bmi_graph h6{font-size: 18px; text-align: center; font-weight: normal; display: block;}
.bmi_graph h6 b{color: #5EC906; font-weight: bold;}
.bmi_graph h6 span{font-size: 12px; color: #222222; text-align: center; display: block;}
.pd_form1 label{width: 100%; font-size: 12px; font-weight: 500; text-transform: uppercase; color: #555; text-align: center; padding: 0; float: left;}
.pd_form1 img{width: auto; height: auto; max-width: 100%; padding: .1em; border: #fff 2px solid; border-radius: 100%; margin: 0 auto; display: block;}
.pd_form1 img:hover{width: auto; height: auto; max-width: 100%; padding: .1em; cursor: pointer; border: #5A76F1 2px solid; border-radius: 100%; margin: 0 auto; display: block;}
.pd_form1 img.active{width: auto; height: auto; max-width: 100%; padding: .1em; border: #5A76F1 2px solid; border-radius: 100%; margin: 0 auto; display: block;}
.next_btn{color: #222222; font-size: 16px !important; text-decoration: underline; cursor: pointer; font-weight: 600; margin-top: 1em; text-align: right; align-items: end; display: block;}
.next_btn img{width: auto; height: 14px; max-width: 100%; margin: 0 0 0 .3em; display: inline-block;}
.prev_btn{color: #222222; font-size: 16px !important; text-decoration: underline; cursor: pointer; font-weight: 600; margin-top: 1em; text-align: left; align-items: end; display: block;}
.prev_btn img{width: auto; height: 14px; max-width: 100%; margin: 0 .3em 0 0; display: inline-block;}

.display_goals_btn{color: #222222; font-size: 16px !important; text-decoration: underline; cursor: pointer; font-weight: 600; margin-top: 1em; text-align: left; align-items: end; display: block;}
.update_btn1{color: #222222; font-size: 16px !important; text-decoration: underline; cursor: pointer; font-weight: 600; padding-top: 1em !important; text-align: right; align-items: end; display: block;}
.update_btn1 img{width: auto; height: 14px; max-width: 100%; margin: 0 0 0 .3em; display: inline-block;}

.update_btn{color: #222222; font-size: 14px; text-decoration: none; cursor: pointer; font-weight: 600; margin: 0 1em 0 0; padding: .5em 1em; background:#e9e4e0; border-radius: 10px; text-align: left; display: inline-block;}
.update_btn span{font-size: 10px; font-weight: normal; display: block;}
.update_btn img{width: auto; height: 14px; max-width: 100%; margin: 0 0 0 .3em; display: inline-block;}
.form-section {display: none;}
.update_btn.active{background-color: #e3caab;}

.search_btn{color: #fff; font-size: 14px; text-decoration: none; cursor: pointer; font-weight: 600; margin: 0 auto; padding: .8em 1em; background:#454545; border-radius: 10px; text-align: center; display: inline-block;}


.sendotp_btn{color: #222222; font-size: 16px !important; text-decoration: underline; cursor: pointer; font-weight: 600; margin-top: 1em; text-align: left; display: block;}
.sendotp_btn img{width: auto; height: 14px; max-width: 100%; margin: 0 0 0 .3em; display: inline-block;}
#paraOtpText b{color: #222222; font-weight: normal !important; font-size: 18px; padding: 0; display: inline-block;}
#paraOtpText{color: #222222; font-weight: normal !important; font-size: 18px; padding: 0; display: block;}
.imgClass{height: auto !important;}
.imgClassNone{height: auto !important;}

.p-b1{padding-bottom: 1em !important;}
.mt-0{margin: 0 !important;}
.fit_icon{background: #F7F6FB; width: 60px; height: 60px; padding: 1em; border-radius: 100%; fill:#222222; margin: 0 auto; display: block;}
.fit_icon:hover{background: #FF0000; padding: 1em; border-radius: 100%; cursor: pointer; fill:#ffffff; margin: 0 auto; display: block;}
.fit_icon img{width: auto; height: auto; max-width: 100%; border: none; margin: 0 auto; display: block;}
.fit_icon:hover path{fill:#ffffff; width: 25px; height: 25px;}
.localBtn{background: #342E2E !important; border-radius: 1em; padding: .5em 2em !important; font-size: 14px !important; color: #ffffff !important; text-align: center !important;  text-decoration: none !important; display: block !important; margin: .7em auto !important;}
.getpack-main{flex: 1; display: block; flex-direction: column; align-items: center; justify-content: center; padding: 1em;}
.getpack{justify-content: center; padding: 0 3em;}
.getpack h5{font-size: 20px; color: #222222; font-weight: 500; padding: 0 0 .5em; display: block;}
.getpack h6{font-size: 20px; color: #222222; font-weight: 500; padding: 0; display: block;}
.getpack ul{height: auto;}
.getpack ul li{font-size: 18px; color: #222222; font-family: "Albert Sans", sans-serif;}
.free_pack{padding: 0; margin: 0 auto; display: flex; justify-content: center; min-height: 79vh; flex-direction: column;}
.free_pack a{color: #222222; font-size: 18px; font-weight: 600; text-decoration: underline !important; display: block;}
.free_pack a img{width: auto; height: 16px; max-width: 100%; margin: 0 0 0 .3em; display: inline-block;}
.free_pack .btn_continue{background: #4F6AA2; border-radius: 20px; font-size: 16px; text-transform: uppercase; text-align: center; color: #ffffff; text-decoration: none; padding: 1em 2em; margin: 0 auto -3em; justify-content: center; display: table;}
.pro_pack{background: #FFE8E1; border-radius: 30px; padding: 2em; min-height: 420px; margin: 0 auto 3em; display: block;}
.pro_pack .btn_upgrade{background: #DD7F6C; border-radius: 20px; font-size: 16px; text-transform: uppercase; text-align: center; color: #ffffff; text-decoration: none; padding: 1em 2em; margin: 0 auto -3em; justify-content: center; display: table;}
.nav_ralign {justify-content: right;}
.navbar{background: #4F6AA2; padding: .5rem 1rem !important;}
.navbar ul a{text-decoration: none; color: #ffffff;}
.navbar ul a:hover{color: #FFA8A8;}
.navbar ul a.active{color: #FFA8A8;}
.navbar .eatgpt_logo{width: auto; height: 90px; max-width: 100%; border: none; transition: height 0.3s ease-in-out, margin 0.3s ease-in-out; margin: .7em auto 0; display: block;}
.scrolled .navbar .eatgpt_logo {height: 50px !important; margin: 0 auto !important;}
.navbar-header{ height: 60px;}
.navbar .nav_arrow{height: 14px !important; padding-left: 5px;}
.navbar .tryeatgpt{color: #C3E0FF;}
.navbar .login{color: #FBBBA8;}
.ta_center{align-content: center; text-align: center;}
.banner{background: linear-gradient(193deg, #FFA8A8 15.42%, #8DE0FE 104.7%); width: 100%; height: auto; padding: 9em 0 3em; display: block;}
.banner h1{background: linear-gradient(180deg, #AF5757 0%, #435988 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 4em; padding: 0 2em 1em 0;}
.banner h6{color: #AF5757; font-size: 20px; text-transform: uppercase; text-align: center; padding: 0; margin: 0;}
.banner span{color: #435988; font-size: 16px;}
.pt_logo{width: auto; height: auto; max-width: 100%; right: 1em; position: absolute; top: 4em;}
.main_serach1{width: auto !important;}
.main_serach1 textarea{padding: 8px;}
.main_serach1 .input-box{border-radius: 1.5rem !important;}
.main_serach1 .collaborate-text {border-radius: 0 0 1.5rem 1.5rem !important;}

.tl_btn{background: #4F6AA2; border-radius: 50px; border: none; color: #ffffff !important; font-size: 16px; text-decoration: none; text-align: left; padding: 1em 1.5em; margin-left: 1em; display: inline-block;}
.tl_btn img{width: auto; height: auto; max-width: 100%; padding: 5px; float: right;}
.banner label{color: #AF5757; font-size: 16px; text-transform: uppercase; padding-top: 1em; float: right; clear: both;}
.hiw_main{width: auto; height: auto; padding: 6em 0 8em; display: block;}
.hiw_main h5{font-size: 42px; font-weight: 500; color: #AF5757; text-align: center; display: block;}
.hiw_main h5 span{font-size: 16px; font-weight: normal; color: #AF5757; text-align: center; display: block;}
.hiw_main h5 b{color: #303B25; font-weight: bold; background: #FEDF02; padding: 0 .2em; border-radius: 5px;}
.hiw_main h6{color: #435988; text-align: center; font-size: 22px; padding: 0; display: block;}
.hiw_main ul{padding: 2.6em 0; margin: 0; display: block;}
.hiw_main ul li{color: #435988; font-size: 20px; font-weight: 500; padding: .2em 0; list-style-type: disc; list-style-position: inside; display: list-item;}
.a_img{padding: 6em 0;}
.hiw_main p{color: #435988; font-size: 16px; display: block;}
.hiw_main img{width: auto; height: auto; max-width: 100%; margin: 0 auto; display: block;}
.tat_img{margin: -2em auto 0 !important;}
.hiw_main label{border-radius: 0.625rem; background: #FFF; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.05); font-size: 17px; font-weight: normal; color: #435988; text-align: center; padding: .5em; display:block; margin: -.2em auto 0; position: relative;}
.hiw_main label b{font-weight: 600; display: block;}
.gry_bg{background: #F5F6FA; border-radius: 500px; height: 275px;}
.mt-5{margin-top: 5em;}
.highlights_main{width: 100%; height: auto; background: linear-gradient(193deg, #FFA8A8 15.42%, #8DE0FE 104.7%); padding: 6em 0; display: block;}
.highlights_main img{width: auto; height: auto; max-width: 100%; border: none; margin: 0 auto; display: block;}
.highlights_main h3{font-size: 36px; color: #AF5757; font-weight: 400; padding: 2.1em 0 0; display: block;}
.highlights_main p{font-size: 20px; color: #435988; font-weight: normal; display: block;}
.highlights_main span{font-size: 20px; color: #AF5757; text-transform: uppercase; font-weight: normal; display: block;}
.pt-1{padding-top: 1em;}
.pt-2{padding-top: 2em;}
.pt-3{padding-top: 3em;}
.pt-4{padding-top: 4em;}
.pt-5{padding-top: 5em;}
.e_box{width: 100%; height: auto; background: #4F6AA2; padding: 1em 0; display: block;}
.e_box h2{font-size: 36px; color: #ffffff; font-weight: 400; padding: 1em 0; display: block;}
.e_box h2 span{font-size: 20px; color: #9EBBF8; font-weight: normal; display: block;}
.tl_btn1{background: #ffffff; border-radius: 50px; border: none; color: #000000 !important; font-size: 16px; text-decoration: none; text-align: left; padding: 1em 1.5em; margin-left: 1em; display: inline-block;}
.tl_btn1 img{width: auto; height: auto; max-width: 100%; padding: 5px; float: right;}
.e_box label{color: #ffffff; font-size: 16px; text-transform: uppercase; padding-top: 1em; float: right; clear: both;}

footer{background: #4F6AA2; padding: 2em 0; display: block;}
.flogo{width: auto; height: 100px; max-width: 100%; border: none; display: block;}
footer ul{list-style-type: none; padding: 2em 0 0; margin: 0; display: block;}
footer ul li{font-size: 14px; text-transform: uppercase; padding: 0; display: inline-block;}
footer ul li a{color: #ffffff; text-decoration: none; padding: 0 1em 0 0;  display: inline-block;}
footer ul li a:hover{color: #FFA8A8;}
footer ul li label{font-size: 18px !important; color: #ffffff; text-transform: uppercase; padding: 0 2em 0 0; display: inline-block;}
footer ul li a img{padding-left: .5em;}
.right_algin{float: right;}
.copyright{background: #333333; padding: 1.5em 0; display: block;}
.copyright label{font-family: "Albert Sans", sans-serif; font-size: 16px; font-weight: normal; color: #ffffff; padding: 0; margin: 0; display: block;}
.copyright label span{color: #FFA8A8; font-weight: normal;}
.fs_icons{width:auto; height:auto; margin:0; float: right;}
.fs_icons i{font-size:20px; color:#FFFFFF; padding:0 15px; display:inline-table;}
.fs_icons i:hover{color:#FFA8A8;}
.login_bg{background: #ffffff; border-radius: 20px; padding: 2em; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block;}
.login_bg img{width: auto; height: 90px; max-width: 100%; border: none; margin: -5em auto 2em; display: block;}
.login_bg h3{color: #222222; font-size: 18px; text-align: center; text-transform: uppercase; font-weight: normal; display: block;}
.login_bg h3 b{font-weight: 600; color: #E5603C; font-size: 22px;}
.login_bg h3 label{color: #646464; text-transform: initial; font-weight: normal; font-size: 16px;}
.login_bg i{color: #00CC54; text-align: center; font-size: 42px; margin: 0 auto 0.5em; display: block;}
.login_bg input{width: 100%; background: #fff; border: #bbbbbb 1px solid; border-radius: 2px; font-size: 14px; color: #222222; padding: 1em; margin: .5em 0; display: block;}
.login_bg select {-webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%;  border-radius: 2px; background: url('data:image/svg+xml;utf8,<svg fill="%23222222" height="20" viewBox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>') no-repeat right 1em center; background-color: #fff; border: 1px solid #bbbbbb; font-size: 14px; color: #222222; box-sizing: border-box; padding: 1em; margin: .5em 0; cursor: pointer; display: block;}
.otp-container {display: flex; gap: 10px; justify-content: center;}
.localInput {text-align: center; padding: 1em .5em !important; font-size: 24px; border: 1px solid #dddddd; border-radius: 2px; background: white; outline: none;}
.localInput:focus {border-color: #7a6c62;}
.login_bg .btn_login{width: 100%; background: #342E2E; border: none; border-radius: 20px; text-transform: uppercase; padding: 1em 3em; margin: 1em 0; color: #ffffff; font-size: 14px; text-align: center; text-decoration: none; display: block;}
.login_bg .btn_verify{width: 100%; background: #342E2E; border: none; border-radius: 20px; text-transform: uppercase; padding: 1em 3em; margin: 1em 0; color: #ffffff; font-size: 14px; text-align: center; text-decoration: none; display: block;}
.login_bg .btn_started{width: 100%; background: #342E2E; border: none; border-radius: 20px; text-transform: uppercase; padding: 1em 3em; margin: 1em 0; color: #ffffff; font-size: 14px; text-align: center; text-decoration: none; display: block;}
.pb_logo1{width: auto; height: auto; max-width: 100%; left: 1em; position: absolute; bottom: 1em;}
#verifyotp, #successfully_verified {display: none;}
.up_pic{width: 36px; height: 36px; max-width: 100%; border: #d0c9c4 2px solid; box-shadow: #ccc 1px 1px 3px; border-radius: 100%; margin: 1em 0; display: block;}
.login_bg p {color: #555555; font-size: 14px;}
.login_bg p a {color: #AF5757; font-weight: 600; text-transform: uppercase;}
#successfully_verified i{color: #00CC54; text-align: center; font-size: 42px; margin:  0.5em auto 0.5em; display: block;}
#successfully_verified h3{color: #222222; font-size: 18px; text-align: center; text-transform: uppercase; font-weight: normal; display: block;}
#successfully_verified h3 b{font-weight: 600; color: #E5603C; font-size: 22px;}
#successfully_verified h3 label{color: #646464; text-transform: initial; font-weight: normal; font-size: 16px; display: block;}

#update_ur_submit i{color: #00CC54; text-align: center; font-size: 42px; margin:  0.5em auto 0.5em; display: block;}
#update_ur_submit h3{color: #222222; font-size: 18px; text-align: center; text-transform: uppercase; font-weight: normal; display: block;}
#update_ur_submit h3 b{font-weight: 600; color: #E5603C; font-size: 22px;}
#update_ur_submit h3 label{color: #646464; text-transform: initial; font-weight: normal; font-size: 16px;}
.br_radius_b {border-radius: 0 0 2em 2em;}
#micButton{display: none !important;}
.eatgpt_terms{width: 100%; height: auto; background: #efebe9; border-radius: 2em; padding: 1em; color: #222222; display: block;}
#bmi_graph{height: 92px !important;}

.rc_list {width: 100%; display: flex; overflow-x: auto; white-space: nowrap; padding: 0; margin: 0.3em 0; list-style: none; gap: 1em; scroll-behavior: smooth; -ms-overflow-style: none; scrollbar-width: none; mask-image: linear-gradient(to right, transparent, black 2%, black 98%, transparent); -webkit-mask-image: linear-gradient(to right, transparent, black 2%, black 98%, transparent); cursor: grab; cursor: -webkit-grab;}
.rc_list li {width: 33%;}
.rc_list li a {white-space: normal;}


.rc_chat{border: #DFE5F0 1px solid; border-radius: 5px; text-decoration: none; padding: .5em; margin: 1em 0 0; display: block;}
.rc_chat:hover{background: #e4ded9;}
.rc_chat img{width: auto; height: 16px; max-width: 100%; display: block;}
.rc_chat span{font-size: 12px; color: #000000; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: .5em 0 0; display: block;}
.rc_chat label{font-size: 10px; color: #999999; font-weight: normal; display: block;}
.rc_chat_history{border: #DFE5F0 1px solid; border-radius: 5px; text-decoration: none; padding: .5em; margin: 1em 0 0; display: block;}
.rc_chat_history:hover{background: #e4ded9;}
.rc_chat_history img{width: auto; height: 16px; max-width: 100%; margin: 5px; display: inline-grid;}
.rc_chat_history p{font-size: 12px; color: #000000; font-weight: normal; padding: .5em 0; display: inline-grid;}
.rc_chat_history label{font-size: 10px; color: #999999; font-weight: normal; display: block;}


.query_list {width: 100%; display: flex; overflow-x: auto; white-space: nowrap; padding: 0; margin: 0.3em 0; list-style: none; gap: 1em; scroll-behavior: smooth; -ms-overflow-style: none; scrollbar-width: none; mask-image: linear-gradient(to right, transparent, black 2%, black 98%, transparent); -webkit-mask-image: linear-gradient(to right, transparent, black 2%, black 98%, transparent); cursor: grab; cursor: -webkit-grab;}
.query_list::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 30px; background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));}
.query_list::-webkit-scrollbar-thumb { background-image: linear-gradient(0deg, #DBD5D0 0%, #DBD5D0 99%); box-shadow: inset 1px 1px 2px 0 rgba(#fff, 0.5); border-radius: 100px; scrollbar-width: thin; } 
.query_list::-webkit-scrollbar {width: 5px; background-image: linear-gradient(0deg, #ebe7e9 0%, #ebe7e9 99%); box-shadow: inset 1px 1px 2px 0 rgba(#fff, 0.5); border-radius: 100px; scrollbar-width: thin; }
.query_list::-webkit-scrollbar-track {background: transparent;}
.query_list::-webkit-scrollbar {display: none;}
.query_list li {flex: 0 0 auto; width: 33%;}
.query_list li a {display: inline-block; padding: 1em; border: #DFE5F0 1px solid; text-decoration: none; white-space: normal; background-color: #fff; border-radius: 8px; font-size: 13px; color: #222222;}
.query_list.dragging {cursor: grabbing; cursor: -webkit-grabbing;}
.hover-zone {
  background: rgba(0,0,0,0.05);
}


/* Responsive */

@media only screen and (min-width: 1200px)  and (max-width: 1366px){
    .container{padding: 1rem 2rem;}
    .banner h1{font-size: 3em;}
    .banner h6 {font-size: 16px;}
    .signup-main {padding: .5em 0 1em 8em;}
    .pd_form p input[type="radio"] {margin-left: 0 !important;}
    .pd_form p span {padding: .9em 0.3em;}
    .pd_form label {font-size: 10px}
    .pd_form h1 {font-size: 16px;}
    .main_serach {width: 65% !important;}
    .main_serach1 {width: 100% !important;}    
    .getpack {justify-content: center; padding: 0 6em;}
    #signupCompleted_V2 h3 {font-size: 22px; padding: 0 0 .5em;}
    #signupCompleted_V2 h3 span {font-size: 22px !important;}
    #signupCompleted_V2 ol li {font-size: 14px;}
    .snb_img span {font-size: 12px;}
    .query-box1 pre {font-size: 14px;}
    .reply-box1 pre {font-size: 13px;}
    .sidebar {width: 24% !important;}
    .collaborate-text{padding: 1.2em 1.5em .5em;}
    .collaborate-text p {font-size: 12px;}
    .collaborate-text .bold-text{font-size: 12px;}
    .collaborate-text .icons img{margin-left: .5em; height: 16px;}
    .tl_btn{padding: .7em 1em;}
    .gry_bg {height: 220px;}
    .hiw_main {padding: 4em 0 7em;}
    .hiw_main h5 {font-size: 36px;}
    .hiw_main ul li {font-size: 16px;}
    .hiw_main label {font-size: 13px;}
    .highlights_main h3 {font-size: 30px; padding: 1.1em 0 0;}
    .highlights_main p {font-size: 16px;}
    .e_box h2 {font-size: 30px;}
    .tl_btn1{padding: .7em 1em;}
    .about_app h2 {font-size: 36px;}
    .about_app p {font-size: 14px;}
    footer ul li label {font-size: 16px !important;}
    .upgrade_text {margin: 0 0 1em; font-size: 12px;}
    .main_serach h2 {font-size: 18px;}
    .input-box {margin-top: 1em;}
    .main_serach textarea {max-height: 60px;}
    .rc_chat{margin: 0;}
    .pb_logo {width: auto; height: 32px;}
    .ap_store_btns {width: 100px; bottom: 1em;}
    .ap_store_btns img {height: 24px !important;}
    .ap_store_btns label {font-size: 8px;}
    .rc_chat p {font-size: 8px;}
    .rc_chat label {font-size: 8px;}
    .yr_chats img{height: 16px;}
    .yr_chats h6{font-size: 14px;}
    .v_all{font-size: 12px;}
    .v_all img{height: 10px;}
    .sidebar .logo img {height: 60px;}
    .menu a{font-size: 14px; padding: 5px 10px;}
    .menu img{width: 20px;}
    .recents {margin-top: 1em;}
    .recent-item {padding: 5px; font-size: 12px;}
    .query-box1{font-size: 12px;}
    .reply-box1{font-size: 12px;}
    .rc_chat_history {padding: .3em; margin: .5em 0 0;}
    .rc_chat_history p {padding: 0;}
}

@media only screen and (min-width: 720px) and (max-width: 1024px)
{
    .container{padding: 1rem 2rem;}
    .banner h1{font-size: 3em;}
    .banner h6 {font-size: 16px;}
    .signup-main {padding: .5em 0 1em 8em;}
    .pd_form p input[type="radio"] {margin-left: 0 !important;}
    .pd_form p span {padding: .9em 0.3em;}
    .pd_form label {font-size: 10px}
    .pd_form h1 {font-size: 16px;}
    .main_serach {width: 65% !important;}
    .main_serach1 {width: 100% !important;}    
    .getpack {justify-content: center; padding: 0 6em;}
    #signupCompleted_V2 h3 {font-size: 22px; padding: 0 0 .5em;}
    #signupCompleted_V2 h3 span {font-size: 22px !important;}
    #signupCompleted_V2 ol li {font-size: 14px;}
    .snb_img span {font-size: 12px;}
    .query-box1 pre {font-size: 14px;}
    .reply-box1 pre {font-size: 13px;}
    .sidebar {width: 24% !important;}
    .collaborate-text{padding: 1.2em 1.5em .5em;}
    .collaborate-text p {font-size: 12px;}
    .collaborate-text .bold-text{font-size: 12px;}
    .collaborate-text .icons img{margin-left: .5em; height: 16px;}
    .tl_btn{padding: .7em 1em;}
    .gry_bg {height: 220px;}
    .hiw_main {padding: 4em 0 7em;}
    .hiw_main h5 {font-size: 36px;}
    .hiw_main ul li {font-size: 16px;}
    .hiw_main label {font-size: 13px;}
    .highlights_main h3 {font-size: 30px; padding: 1.1em 0 0;}
    .highlights_main p {font-size: 16px;}
    .e_box h2 {font-size: 30px;}
    .tl_btn1{padding: .7em 1em;}
    .about_app h2 {font-size: 36px;}
    .about_app p {font-size: 14px;}
    footer ul li label {font-size: 16px !important;}
    .upgrade_text {margin: 0 0 1em; font-size: 12px;}
    .main_serach h2 {font-size: 18px;}
    .input-box {margin-top: 1em;}
    .main_serach textarea {max-height: 60px;}
    .rc_chat{margin: 0;}
    .pb_logo {width: auto; height: 32px;}
    .ap_store_btns {width: 100px; bottom: 1em;}
    .ap_store_btns img {height: 24px !important;}
    .ap_store_btns label {font-size: 8px;}
    .rc_chat p {font-size: 8px;}
    .rc_chat label {font-size: 8px;}
    .yr_chats img{height: 16px;}
    .yr_chats h6{font-size: 14px;}
    .v_all{font-size: 12px;}
    .v_all img{height: 10px;}
    .sidebar .logo img {height: 60px;}
    .menu a{font-size: 14px; padding: 5px 10px;}
    .menu img{width: 20px;}
    .recents {margin-top: 1em;}
    .recent-item {padding: 5px; font-size: 12px;}
    .query-box1{font-size: 12px;}
    .reply-box1{font-size: 12px;}
    .rc_chat_history {padding: .3em; margin: .5em 0 0;}
    .rc_chat_history p {padding: 0;}
}
@media only screen and (min-width: 320px) and (max-width: 480px)
{
    .container {max-width: 90%; margin: 1.5em auto; padding: 1rem; height: 95vh;}
    .h-user-info {background: none;}
    .user-info {position: relative; bottom: 0; margin: 0; width: 100%;}
    body {flex-direction: column;}
    .getpack {padding: 0;}
    .sidebar {width: 100% !important; height: auto; flex-direction: column; justify-content: space-between; align-items: normal; z-index: 2; position: relative; top: 0;}
    .sidebar .logo img { height: 50px;}
    .rc_chat span {font-size: 14px; padding: 0 0 0 .5em; display: inline-flex;}
    .rc_chat img {display: inline-block;}
    .rc_chat p {display: inline-block;}
    .main-content {padding: 10px 10px; min-height: auto; margin-top: 5em;}
    .main_serach {width: 100% !important; height: auto; margin: 0 auto; display: block;}
    .collaborate-text {padding: 1.5em 1em .7em;}
    .collaborate-text p {font-size: 12px !important; padding: 0 !important; line-height: normal; width: 58%;}    
    .collaborate-text .bold-text{font-size: 12px;}
    .main_serach textarea {width: 86%; font-size: 12px;}
    .collaborate-text .icons img {margin-left: 1em;}
    .logo{display: inline-block;}
    .menu {margin-top: 1em;}
    .recents {margin: 3em 0 0; min-height: 180px;}
    .toggle-btn {position: absolute; bottom: 0; left: 0; width: 100%; padding: 10px;}
    .collapsed {width: 100%; height: auto; position: absolute; top: 0; border-radius: 1em 1em 0 0; padding: 1em;}
    .collapsed .logo img {display: inline-block;}
    .collapsed .toggle-btn {width: auto; border: none; background: none; margin: 1em 0 0 0; cursor: pointer; position: absolute; right: 0em; float: right; bottom: 1em;}
    .sidebar .toggle-btn {margin: 0 !important; position: relative !important; bottom: 0em !important;}
    .up_pic{margin:0 !important; float: right !important; display: none !important;}
    .collapsed .toggle-btn img{display: inline-block; margin: 0.5em; float: right; transform: scaleX(-1);}
    .sidebar .open_sb{display: none !important;}
    .collapsed .close_sb{display: none !important;}
    .sidebar .close_sb{display: block !important;}
    .profile-details.show {bottom: 4em; opacity: 1;}
    .profile-details {position: absolute; bottom: 50%; left: 37%;}
    .navbar-header {width: 100%; float: left;}
    .navbar-toggler {width: auto !important; float: right; margin: .7rem 0;}
    .navbar img{margin: 0 !important;}
    .banner {padding: 6em 0 3em;}
    .banner h1 {font-size: 2em; padding: 0;}
    .banner h6 {font-size: 20px; padding: .5em 0;}
    .navbar .eatgpt_logo {height: 52px !important; margin: 0em auto !important;}
    .p-details.show {margin: 0em 0em 0 7em;}
    .pt_logo{display: none;}
    .input-box {margin-top: 1em;}
    .tl_btn {padding: .5em 1.5em;}
    .tl_btn1{padding: .5em 1.5em;}
    .gry_bg {background: #F5F6FA; border-radius: 500px 500px 0 0; height: auto; padding-bottom:1em;}
    .hiw_main ul {padding: 1em 0 0;}
    .hiw_main ul li {font-size: 18px;}
    .a_img {padding: 0; transform: rotate(90deg); margin: 1em auto 4em !important;}
    .hiw_main h5 {font-size: 28px;}
    .hiw_main p {font-size: 14px;}
    .hiw_main label {padding: 1em; margin: -.2em 0 2em;}
    .highlights_main h3 {padding: 0.5em 0 0; font-size: 28px;}
    .highlights_main p{font-size: 16px;}
    .copyright label {text-align: center;}
    .e_box h2 {font-size: 28px;}
    .fs_icons {width: 96px; margin: 1em auto 0; float: none; display: block;}
    .about_app h2 {font-size: 34px;}
    .about_app p {font-size: 14px; padding: .5em 0 0;}
    .login_bg {left: 10%; transform: translate(-6%, -50%); padding: 2em 1em;}
    .pb_logo1{width: auto; height: auto; max-width: 100%; left: 1em; position: absolute; bottom: 1em;}
    footer ul li a {padding: 0 .7em 0 0;}
    #signupCompleted_V2 h3 {font-size: 20px; text-align: center;}
    #signupCompleted_V2 h4{font-size: 20px;}
    #signupCompleted_V2 h3 span{font-size: 20px !important; color: #E5603C !important; display: inline-block !important;}
    #signupCompleted_V2 label {font-size: 16px;}
    #signupCompleted_V2 ol li {font-size: 14px;}
    .snb_img{align-items: center; text-align: center;}
    .snb_img img{width: auto; height: 36px; max-width: 100%; border: none; margin: 1em auto !important;}
    .ap_store_btns {position: relative; width: 100%; bottom: 0em; display: none;}
    .ap_store_btns img {height: 32px; display: inline-block;}
    .pb_logo{width: auto; height: 36px !important; max-width: 100% !important; margin: 0 auto !important; display: block !important; bottom: 0;}
    .ap_store_btns label {text-align: center; margin-top: 1em;}
    .upgrade_text, .suggestion_text {font-size: 12px; position: relative; top: 6em; right: 0;}
    .main_serach h2 {font-size: 17px;}
    .signup-main {padding: 4em 0 1em;}
    .query_area_01 {max-height: 38vh;}
    .query_area_02 {max-height: 32vh !important;}
    .rc_list li {width: 90%;}
    .recent_history1 {display: block; overflow-x: auto;}
    #divFormFields{overflow-y: auto; overflow-x: hidden; height: 74vh;}
    #signupCompleted_V2{height: 80vh; overflow-y: auto;}
    .free_pack{min-height: 53vh;}
    .update_btn{width: 100%;}
    .yr_chats img {height: 20px; margin-top: -5px;}
    .rc_chat{width: 100%; text-wrap-mode: nowrap; overflow: hidden;}
    .query_list li {width: 90%;}
    .query_list li a {white-space: normal;}
}