@charset "utf-8";
/* CSS Document */

/*********************************/
/*<!-- Color style variable declaration -->*/
/*********************************/ 
:root {
 /* Font Variables */ 
 --googlesans:'Google Sans', sans-serif;
 --roboto:'Roboto', sans-serif;
	--poppins: 'Poppins', sans-serif;
 --fontsize: 14px; 
 /*font weight*/
--fontweight200:200;
--fontweight300:300;
--fontweight400:400;
--fontweight500:500;
--fontweight600:600;
--fontweight700:700;
--fontweight800:800;
/*  button color*/
 --white:#fff;
 --drakblack:#000; 
 --black:#212121; 
 --blue:#1b70e9;
 --green:#08a182;
 --orange:#ff7e00;
 --red:#D8232A;
 --yellow:#FDBA17; 
 --yellowa:#ff0; 
 
 --grayeee: #eee;
 --grayccc: #ccc;
 --grayddd: #ddd; 
 --gray333: #333; 
 --gray666: #666;
 --gray777: #777;
 --gray888: #888;
 --gray999: #999;
 
 --gray-a: #F2F2F2;
 --gray-b: #F4F4F4;
 --gray-c: #F7F7F7;
 --gray-d: #E6E6E6;
 --gray-e: #f5f5f5;
 --gray100: #E5E5E5;
 --gray200: #CECECE;
 --gray110: #C7C7C7;
 --gray120: #E0E0E0;
 --gray130: #D9D9D9;
 --gray140: #5B5B5B; 
 --drakblue: #425066;
 --link:#0066FF;
 
 --boxshadow: 0 0 10px rgb(137 173 255 / 35%);
 --borderradius:5px;
 --circle:50%;
 
--animate-duration: 1s;
--animate-delay: 1s;
--animate-repeat: 1;
     
     
/*Rating star image*/
--star-rating: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 15 45' overflow='visible' xml:space='preserve'%3E%3Cpath fill='none' d='M7.5,15l2.3,5l5.3,0.7l-3.9,3.8l1,5.5l-4.6-2.7L2.9,30l1-5.5L0,20.7L5.3,20L7.5,15z'/%3E%3Cpath fill='%23666666' d='M7.5,17.5l-1.3,3L5.9,21L5.4,21l-3.2,0.4l2.4,2.4l0.4,0.4l-0.1,0.5l-0.6,3.3L7,26.5l0.5-0.3L8,26.5l2.8,1.6 l-0.6-3.3l-0.1-0.5l0.4-0.4l2.4-2.4L9.6,21L9.1,21l-0.2-0.5L7.5,17.5 M7.5,15l2.3,5l5.3,0.7l-3.9,3.8l1,5.5l-4.6-2.7L2.9,30l1-5.5 L0,20.7L5.3,20L7.5,15z'/%3E%3Cpath fill='%23FEB42B' d='M2.9,15l4.6-2.7l4.6,2.7l-1-5.5L15,5.7L9.8,5L7.5,0L5.3,5L0,5.7l3.9,3.8L2.9,15z M12.2,35.4L9.8,35l-2.3-5 l-2.3,5L0,35.7l0,0l0,0l3.9,3.8l-1,5.5l0,0v0l4.6-2.7l4.6,2.7v0l0,0l-0.4-2.2l-0.6-3.2l2.4-2.4l1.4-1.4l0,0l0,0L12.2,35.4z M10.4,38.8l-0.4,0.4l0.1,0.5l0.6,3.3L8,41.5l-0.5-0.3v-8.7l1.3,3L9.1,36L9.6,36l3.2,0.4L10.4,38.8z'/%3E%3C/svg%3E");
  /**/
--tick: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0C8.02219 0 6.08879 0.58649 4.4443 1.6853C2.79981 2.78412 1.51809 4.3459 0.761209 6.17317C0.00433284 8.00043 -0.193701 10.0111 0.192152 11.9509C0.578004 13.8907 1.53041 15.6725 2.92894 17.0711C4.32746 18.4696 6.10929 19.422 8.0491 19.8079C9.98891 20.1937 11.9996 19.9957 13.8268 19.2388C15.6541 18.4819 17.2159 17.2002 18.3147 15.5557C19.4135 13.9112 20 11.9778 20 10C20 8.68678 19.7413 7.38642 19.2388 6.17317C18.7363 4.95991 17.9997 3.85752 17.0711 2.92893C16.1425 2.00035 15.0401 1.26375 13.8268 0.761205C12.6136 0.258658 11.3132 0 10 0ZM14.3 7.61L9.73 13.61C9.63685 13.731 9.51721 13.8291 9.38027 13.8967C9.24333 13.9643 9.09272 13.9996 8.94 14C8.78811 14.0008 8.63803 13.967 8.50115 13.9012C8.36426 13.8353 8.24418 13.7392 8.15 13.62L5.71 10.51C5.62924 10.4063 5.5697 10.2876 5.53479 10.1609C5.49988 10.0341 5.49027 9.90172 5.50652 9.77126C5.52277 9.64079 5.56456 9.5148 5.6295 9.40049C5.69444 9.28617 5.78126 9.18576 5.885 9.105C6.09453 8.94189 6.36026 8.8687 6.62375 8.90152C6.75421 8.91777 6.8802 8.95955 6.99452 9.02449C7.10884 9.08943 7.20924 9.17626 7.29 9.28L8.92 11.36L12.7 6.36C12.7801 6.25494 12.8801 6.16669 12.9943 6.10029C13.1086 6.03388 13.2347 5.99062 13.3657 5.97298C13.4966 5.95534 13.6297 5.96365 13.7574 5.99746C13.8851 6.03126 14.0049 6.08989 14.11 6.17C14.2151 6.25011 14.3033 6.35012 14.3697 6.46433C14.4361 6.57855 14.4794 6.70472 14.497 6.83565C14.5147 6.96658 14.5063 7.0997 14.4725 7.22742C14.4387 7.35514 14.3801 7.47494 14.3 7.58V7.61Z' fill='%231AA260'/%3E%3C/svg%3E%0A");
  /**/ 
--notick: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 16 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.6' d='M8 10.45C7.69555 10.4466 7.39732 10.5319 7.14544 10.6944C6.89357 10.8569 6.70015 11.0889 6.59121 11.359C6.48228 11.6291 6.46306 11.9244 6.53615 12.2052C6.60923 12.486 6.77111 12.7388 7 12.9295V14.25C7 14.502 7.10536 14.7436 7.29289 14.9218C7.48043 15.0999 7.73478 15.2 8 15.2C8.26522 15.2 8.51957 15.0999 8.70711 14.9218C8.89464 14.7436 9 14.502 9 14.25V12.9295C9.22889 12.7388 9.39077 12.486 9.46385 12.2052C9.53694 11.9244 9.51772 11.6291 9.40879 11.359C9.29985 11.0889 9.10643 10.8569 8.85456 10.6944C8.60268 10.5319 8.30445 10.4466 8 10.45ZM13 6.65V4.75C13 3.49022 12.4732 2.28204 11.5355 1.39124C10.5979 0.500445 9.32608 0 8 0C6.67392 0 5.40215 0.500445 4.46447 1.39124C3.52678 2.28204 3 3.49022 3 4.75V6.65C2.20435 6.65 1.44129 6.95027 0.87868 7.48475C0.316071 8.01922 0 8.74413 0 9.5V16.15C0 16.9059 0.316071 17.6308 0.87868 18.1653C1.44129 18.6997 2.20435 19 3 19H13C13.7956 19 14.5587 18.6997 15.1213 18.1653C15.6839 17.6308 16 16.9059 16 16.15V9.5C16 8.74413 15.6839 8.01922 15.1213 7.48475C14.5587 6.95027 13.7956 6.65 13 6.65ZM5 4.75C5 3.99413 5.31607 3.26922 5.87868 2.73475C6.44129 2.20027 7.20435 1.9 8 1.9C8.79565 1.9 9.55871 2.20027 10.1213 2.73475C10.6839 3.26922 11 3.99413 11 4.75V6.65H5V4.75ZM14 16.15C14 16.402 13.8946 16.6436 13.7071 16.8218C13.5196 16.9999 13.2652 17.1 13 17.1H3C2.73478 17.1 2.48043 16.9999 2.29289 16.8218C2.10536 16.6436 2 16.402 2 16.15V9.5C2 9.24804 2.10536 9.00641 2.29289 8.82825C2.48043 8.65009 2.73478 8.55 3 8.55H13C13.2652 8.55 13.5196 8.65009 13.7071 8.82825C13.8946 9.00641 14 9.24804 14 9.5V16.15Z' fill='%23A4A4A4'/%3E%3C/svg%3E%0A");
  /**/  
  /**/ 
}
 /*********************************/
/* Ratings Component */
/*********************************/
/*Review & Ratings*/
.ratings {margin: 5px 0;display: flex;align-items: center;line-height: normal;}
.ratings span {margin-right: 10px;color: #333;font-size: 1.4rem;}
/*Ratings*/
.ratings.small [class*=star], .ratings.medium [class*="star"] {background-image: var(--star-rating), var(--star-rating), var(--star-rating), var(--star-rating), var(--star-rating);
	background-repeat: no-repeat;display: inline-block;overflow: hidden;text-indent: -300rem;}
.ratings.small [class*=star] {background-size: 1.5rem 3rem;width: 90px;height: 16px;}
.ratings.small .star0 {background-position: center left, center left 1.1rem, center left 2.2rem, center left 3.3rem, center left 4.4rem}
.ratings.small .star0-5 {background-position: bottom left, center left 1.1rem, center left 2.2rem, center left 3.3rem, center left 4.4rem}
.ratings.small .star1 {background-position: top left, center left 1.1rem, center left 2.2rem, center left 3.3rem, center left 4.4rem}
.ratings.small .star1-5 {background-position: top left, bottom left 1.1rem, center left 2.2rem, center left 3.3rem, center left 4.4rem}
.ratings.small .star2 {background-position: top left, top left 1.1rem, center left 2.2rem, center left 3.3rem, center left 4.4rem}
.ratings.small .star2-5 {background-position: top left, top left 1.1rem, bottom left 2.2rem, center left 3.3rem, center left 4.4rem}
.ratings.small .star3 {background-position: top left, top left 1.1rem, top left 2.2rem, center left 3.3rem, center left 4.4rem}
.ratings.small .star3-5 {background-position: top left, top left 1.1rem, top left 2.2rem, bottom left 3.3rem, center left 4.4rem}
.ratings.small .star4 {background-position: top left, top left 1.1rem, top left 2.2rem, top left 3.3rem, center left 4.4rem}
.ratings.small .star4-5 {background-position: top left, top left 1.1rem, top left 2.1rem, top left 3.1rem, bottom left 4.1rem}
.ratings.small .star5 {background-position: top left, top left 1.1rem, top left 2.2rem, top left 3.3rem, top left 4.4rem}
/* Reset css starts here */
/* browser reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
html, body { height:100%; }
body { line-height:1; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
img { color:transparent; font-size:0; vertical-align:middle; -ms-interpolation-mode:bicubic; width:auto\9; height:auto; max-width:100%; }
ol, ul, li { list-style:none; }
table { border-collapse:collapse; border-spacing:0; }
th, td, caption { font-weight:normal; vertical-align:top; text-align:left; }
q { quotes:none; }
q:before, q:after { content:""; content:none; }
sub, sup, small { font-size:75%; }
sub, sup { line-height:0; position:relative; vertical-align:baseline; }
sub { bottom:-0.25em; }
sup { top: -0.5em;}
svg { overflow:hidden; }
#map_canvas img, .google-maps img { max-width:none; }
/* text reset */
pre, code { font-family:"DejaVu Sans Mono", Menlo, Consolas, monospace; }
hr { border: 0 solid var(--grayccc); border-top-width:1px; clear:both; height:0; }
ol { list-style:decimal; }
html { font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
a { color:var(--blue); text-decoration: none; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; cursor: pointer}
a:hover { color:var(--black); text-decoration:none; }
a:focus { outline:thin dotted var(--gray333); outline:5px auto -webkit-focus-ring-color; outline-offset:-2px; }
a:hover, a:active, a:focus { outline:0; }
body { color: var(--drakblue); font: 400 14px/1 "Poppins", sans-serif !important;}
input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; }
a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
figure { margin: 0; }
img { vertical-align: middle; }
[role="button"] {
 cursor: pointer;
}
p{line-height: 18px;}
/* input reset */
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0;-moz-appearance: textfield;}
input[type=number]{-moz-appearance: textfield!important;}
input[type="text"], input[type="number"], input[type="password"], input[type="email"], input[type="tel"], input.form-text, textarea { font-family:var(--roboto); font-size: 15px; font-weight: normal; background: var(--white); border: 1px solid var(--grayddd); color:var(--black); margin: 0; outline: none; resize: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none;background-clip: padding-box; -webkit-transition: color 0.45s, background 0.45s, border 0.45s; -moz-transition: color 0.45s, background 0.45s, border 0.45s; transition: color 0.45s, background 0.45s, border 0.45s; padding: 15px;border-radius: var(--borderradius);}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input.form-text:focus, textarea:focus { color: #000; -webkit-transition: color 0.25s, background 0.25s, border 0.25s; -moz-transition: color 0.25s, background 0.25s, border 0.25s; transition: color 0.25s, background 0.25s, border 0.25s; -ms-transition: color 0.25s, background 0.25s, border 0.25s; -o-transition: color 0.25s, background 0.25s, border 0.25s; }
input[type="text"]:focus + label, input[type="password"]:focus + label, input[type="email"]:focus + label, input.form-text:focus + label, textarea:focus + label { color: #000; }
input[type="text"]:disabled, input[type="password"]:disabled, input[type="email"]:disabled, input.form-text:disabled, textarea:disabled { background: #000; opacity: 0.5; }
input[type="text"]:-ms-clear, input[type="password"]:-ms-clear, input[type="email"]:-ms-clear, input.form-text:-ms-clear, textarea:-ms-clear {height: 0;width: 0;}
textarea { padding: 10px;line-height: 20px} 
input::-webkit-input-placeholder {color: #a8a8a8;font-size: 14px;}
input:-moz-placeholder {color: #a8a8a8;font-size: 14px;}
input::-moz-placeholder { color: #a8a8a8;font-size: 14px;}
input:-ms-input-placeholder {color: #a8a8a8;font-size: 14px;}

textarea::-webkit-input-placeholder {color: #a8a8a8;font-size: 13.5px; }
textarea:-moz-placeholder {color: #a8a8a8;font-size: 13.5px;}
textarea::-moz-placeholder {color: #a8a8a8; font-size: 13.5px;}
textarea:-ms-input-placeholder {color: #a8a8a8;font-size: 13.5px;}
textarea::placeholder {color: #a8a8a8; font-size: 13.5px;}


select{ border-radius:var(--borderradius) ; border: 1px solid var(--grayddd); padding: 15px;-ms-appearance: none;-o-appearance: none;appearance: none;    background: url(https://d3aew4oo17ml6.cloudfront.net/common/images/other/down-new.jpg) right 50% no-repeat #fff;   
 
 /* Add custom arrow */}
/* print */
/*
::-webkit-scrollbar{width:10px;height:10px;background-color:#bbbbbb;border-radius:10px;}
::-webkit-scrollbar-thumb{border-radius:10px;background:#838383}
*/
/* Custom Scroll Bar :: BEGIN */
*::-webkit-scrollbar, *::-webkit-scrollbar-thumb { width: 5px;height: 0;border-radius: 13px;background-clip: padding-box;}
*::-webkit-scrollbar-thumb {box-shadow: inset 0 0 0 10px;color: transparent;}
*:hover::-webkit-scrollbar-thumb {color: rgba(0, 0, 0, 0.5);}
* {scrollbar-color: rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.1);scrollbar-width: thin;}
@media (max-width: 768px) {
    *::-webkit-scrollbar {display: none;}
}
/* Custom Scroll Bar :: END */

@media print {
* { color:#000!important; text-shadow:none!important; background:transparent!important; box-shadow:none!important; }
a, a:visited { text-decoration:underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
pre, blockquote { border:1px solid #999; page-break-inside:avoid; }
thead { display:table-header-group; }
tr, img { page-break-inside:avoid; }
img { max-width:100%!important; }
 @page {
margin:0.5cm;
}
p, h2, h3 { orphans:3; widows:3; }
h2, h3 { page-break-after:avoid; }
} 
.otherhide{display: none;}
/*============================================  ============================================*/
.alerttext{color: var(--red);padding: 10px 0; display: block;font-weight: 500}
.hide{display: none !important; }
.show{display: block!important;}
.center{text-align: center}
.relative { position:relative;}
.absolute { position:absolute;}
.norelative, .noabsolute { position:static !important; }
.margin20b{margin-bottom: 20px}
/*loader*/
.loader {border: 2px dotted #000;border-radius: 50%; width: 15px;height: 15px; display: inline-block;-webkit-animation: spin 2s linear infinite;animation: spin 2s linear infinite;}
@-webkit-keyframes spin {0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); }}
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }
}
/**/
.bodyfix body, .blurbody body{overflow: hidden}
.bodyfix .backdrop{display: block}
.backdrop {position: fixed;left: 0;right: 0;bottom: 0;top: 0;background-color: #000;z-index: 998;opacity: 0.8;filter: alpha(opacity=80);display: none;}
/**/
/*============================================ Buttons Start ============================================*/
.disabled, a.disabled, .btun.disabled, button:disabled, input[type="submit"]:disabled, button[readonly], button.disabled { opacity: 0.6; cursor:not-allowed !important; background: var(--grayccc) !important; border: 0; }
.btun { display: inline-block; padding: 7px 20px; margin-bottom: 0; font-size: 13px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 3px; min-width: 100px; letter-spacing:normal;font-family: "Roboto", sans-serif;}
/*.btun:hover, .btun:focus, .btun.focus { color: #333; text-decoration: none;}*/
/* Sizes */
.btun-lg { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; }
.btun-sm { padding: 2px 10px; font-size: 11.9px; line-height:1.7; }
.btun-mi { padding: 1px 5px; font-size: 11px; line-height: 1.5; }
.btun-block { display: block; width: 100%; }
/* disabled  */
.btun.disabled, .btun[disabled], fieldset[disabled] .btun { cursor: not-allowed; filter: alpha(opacity=45); -webkit-box-shadow: none; box-shadow: none; opacity: .45;color: var(--black);}
/* white */
.btun-white, .btun-white.btun-outline:hover { color: var(--black); background-color: var(--white); border-color: #e7eaec; }
.btun-white.btun-outline { background-color:transparent }
.btun-white:hover { color: var(--black); background-color: var(--grey); border-color: #d2d2d2; }
/* black */
.btun-black, .btun-black.btun-outline:hover { color:var(--white); background-color: var(--black); border-color: var(--black); }
.btun-black.btun-outline { background-color:transparent; color: var(--black) }
.btun-black:hover { color: var(--white); background-color: var(--black); border-color: var(--black); }
/* grey */
.btun-grey, .btun-grey.btun-outline:hover { color: var(--black); background-color: var(--grey); border-color: var(--grey); }
.btun-grey.btun-outline { background-color:transparent }
.btun-grey:hover { color: var(--black); background-color: var(--white); border-color: #e7eaec; }
/* blue */
.btun-blue, .btun-blue.btun-outline:hover { color: var(--white); background-color: var(--blue); border-color:var(--blue); }
.btun-blue.btun-outline { background-color:transparent; color:var(--blue); }
.btun-blue:hover { background-color: var(--blue); border-color: var(--blue); color: var(--white); }
/* green */
.btun-green, .btun-green.btun-outline:hover { color: var(--white); background-color: var(--green); border-color: var(--green); }
.btun-green.btun-outline { background-color:transparent; color: var(--green); }
.btun-green:hover { background-color: var(--green); border-color: var(--green); color: var(--white); }

/* orange */
.btun-orange, .btun-orange.btun-outline:hover { color: var(--white); background-color:var(--orange); border-color: var(--orange); }
.btun-orange.btun-outline { background-color:transparent; color: var(--orange); }
.btun-orange:hover { background-color: var(--orange); border-color: var(--orange); color: var(--white); }
 
/* red */
.btun-red, .btun-red.btun-outline:hover { color: var(--white); background-color: var(--red); border-color: var(--red); }
.btun-red.btun-outline { background-color:transparent; color: var(--red); }
.btun-red:hover { background-color: var(--red); border-color: var(--red); color: var(--white); } 
/* ltyellow */
.btun-yellow, .btun-yellow.btun-outline:hover { color: var(--black); background-color: var(--yellow); border-color: var(--yellow); font-weight: 500}
.btun-yellow.btun-outline { background-color:var(--white); color: var(--yellow); }
.btun-yellow:hover { background-color: var(--yellow); border-color: var(--yellow); color: var(--black); } 
/* red */
.btun.btun-radus {border-radius: 50px;}
/**/
.frame-width {top:10px;left: 50%;margin-left: -205px;min-height: 614px;width:410px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
@media (max-width: 768px) {
.frame-width{top: 0;left: 0;margin-left:0;min-height: 670px;width: 100%;}            
}
.ratings-group{display: flex; justify-content: flex-start;align-items: center;margin-top: 5px;}     
.ratings-group .ratings{margin-right: 5px;}     
.ratings-group span{color: var(--color-black);margin-right: 5px; font-size: 14px;}
.ratings-group span b{ color: var(--color-black); font-size: 14px;} 
/*=================================================================================
Grid CSS
=================================================================================*/
/*  Grid Started  */
.container, .container-fluid {width: 100%;padding-right: 15px; padding-left: 15px;margin-right: auto;margin-left: auto;}

@media (min-width: 576px) {
.container {max-width: 540px;}
}
@media (min-width: 768px) {
.container { max-width: 720px;}
}
@media (min-width: 992px) {
.container {max-width: 960px;}
}
@media (min-width: 1200px) {
.container {max-width: 1140px;}
}
@media (min-width: 1400px) {
.container {max-width: 1200px;}
}
.row {display: flex;flex-wrap: wrap;margin-left:-15px; margin-right: -15px;}
.row > * {flex-shrink: 0;width: 100%;max-width: 100%;padding-left: 15px;padding-right: 15px}
.col{flex:1 0 0}
.col-auto{flex:0 0 auto;width:auto}
.col-1{flex:0 0 auto;width:8.33333333%}
.col-2{flex:0 0 auto;width:16.66666667%}
.col-3{flex:0 0 auto;width:25%}
.col-4{flex:0 0 auto;width:33.33333333%}
.col-5{flex:0 0 auto;width:41.66666667%}
.col-6{flex:0 0 auto;width:50%}
.col-7{flex:0 0 auto;width:58.33333333%}
.col-8{flex:0 0 auto;width:66.66666667%}
.col-9{flex:0 0 auto;width:75%}
.col-10{flex:0 0 auto;width:83.33333333%}
.col-11{flex:0 0 auto;width:91.66666667%}
.col-12{flex:0 0 auto;width:100%}
@media (min-width: 576px) {
.col-sm{flex:1 0 0}
.col-sm-auto{flex:0 0 auto;width:auto}
.col-sm-1{flex:0 0 auto;width:8.33333333%}
.col-sm-2{flex:0 0 auto;width:16.66666667%}
.col-sm-3{flex:0 0 auto;width:25%}
.col-sm-4{flex:0 0 auto;width:33.33333333%}
.col-sm-5{flex:0 0 auto;width:41.66666667%}
.col-sm-6{flex:0 0 auto;width:50%}
.col-sm-7{flex:0 0 auto;width:58.33333333%}
.col-sm-8{flex:0 0 auto;width:66.66666667%}
.col-sm-9{flex:0 0 auto;width:75%}
.col-sm-10{flex:0 0 auto;width:83.33333333%}
.col-sm-11{flex:0 0 auto;width:91.66666667%}
.col-sm-12{flex:0 0 auto;width:100%}
}
@media (min-width: 768px) {
.col-md{flex:1 0 0}
.col-md-auto{flex:0 0 auto;width:auto}
.col-md-1{flex:0 0 auto;width:8.33333333%}
.col-md-2{flex:0 0 auto;width:16.66666667%}
.col-md-3{flex:0 0 auto;width:25%}
.col-md-4{flex:0 0 auto;width:33.33333333%}
.col-md-5{flex:0 0 auto;width:41.66666667%}
.col-md-6{flex:0 0 auto;width:50%}
.col-md-7{flex:0 0 auto;width:58.33333333%}
.col-md-8{flex:0 0 auto;width:66.66666667%}
.col-md-9{flex:0 0 auto;width:75%}
.col-md-10{flex:0 0 auto;width:83.33333333%}
.col-md-11{flex:0 0 auto;width:91.66666667%}
.col-md-12{flex:0 0 auto;width:100%}
}
@media (min-width: 992px) {
.col-lg {flex: 1 0 0%;}
 
.col-lg-auto {flex: 0 0 auto; width: auto;}
.col-lg-1 {flex: 0 0 auto; width: 8.33333333%;}
.col-lg-2 {flex: 0 0 auto; width: 16.66666667%;}
.col-lg-3 {flex: 0 0 auto; width: 25%;}
.col-lg-4 {flex: 0 0 auto; width: 33.33333333%;}
.col-lg-5 {flex: 0 0 auto; width: 41.66666667%;}
.col-lg-6 {flex: 0 0 auto; width: 50%;}
.col-lg-7 {flex: 0 0 auto; width: 58.33333333%;}
.col-lg-8 {flex: 0 0 auto; width: 66.66666667%;}
.col-lg-9 {flex: 0 0 auto; width: 75%;}
.col-lg-10 {flex: 0 0 auto; width: 83.33333333%;}
.col-lg-11 {flex: 0 0 auto; width: 91.66666667%;}
.col-lg-12 {flex: 0 0 auto; width: 100%;}
}
@media (min-width: 1200px) {
.col-xl {flex: 1 0 0%;}
.col-xl-auto {flex: 0 0 auto; width: auto;}
.col-xl-1 {flex: 0 0 auto; width: 8.33333333%;}
.col-xl-2 {flex: 0 0 auto; width: 16.66666667%;}
.col-xl-3 {flex: 0 0 auto; width: 25%;}
.col-xl-4 {flex: 0 0 auto;width: 33.33333333%;}
.col-xl-5 {flex: 0 0 auto;width: 41.66666667%;}
.col-xl-6 {flex: 0 0 auto;width: 50%;}
.col-xl-7 {flex: 0 0 auto; width: 58.33333333%;}
.col-xl-8 {flex: 0 0 auto; width: 66.66666667%;}
.col-xl-9 {flex: 0 0 auto; width: 75%;}
.col-xl-10 {flex: 0 0 auto;width: 83.33333333%;}
.col-xl-11 {flex: 0 0 auto; width: 91.66666667%;}
.col-xl-12 {flex: 0 0 auto; width: 100%;}
}
@media (min-width: 1400px) {
.col-xxl {flex: 1 0 0%;}
.col-xxl-auto {flex: 0 0 auto; width: auto;}
.col-xxl-1 {flex: 0 0 auto; width: 8.33333333%;}
.col-xxl-2 {flex: 0 0 auto; width: 16.66666667%;}
.col-xxl-3 {flex: 0 0 auto; width: 25%;}
.col-xxl-4 {flex: 0 0 auto; width: 33.33333333%;}
.col-xxl-5 {flex: 0 0 auto; width: 41.66666667%;}
.col-xxl-6 {flex: 0 0 auto; width: 50%;}
.col-xxl-7 {flex: 0 0 auto; width: 58.33333333%;}
.col-xxl-8 {flex: 0 0 auto; width: 66.66666667%;}
.col-xxl-9 {flex: 0 0 auto; width: 75%;}
.col-xxl-10 {flex: 0 0 auto; width: 83.33333333%;}
.col-xxl-11 {flex: 0 0 auto; width: 91.66666667%;}
.col-xxl-12 {flex: 0 0 auto; width: 100%;}
} 
/*============================================ checkbox & radio Start ============================================*/
 
.inputfield [type="radio"]:not(:checked), .inputfield [type="radio"]:checked { position:absolute; left:-9999px; opacity:0 }
.inputfield [type="radio"]:not(:checked)+label, .inputfield [type="radio"]:checked+label { position:relative; padding-left:35px; cursor:pointer; display:inline-block;/* height:25px; */line-height:25px; font-size:1rem; transition:.28s ease; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;left: 15px}
.inputfield [type="radio"]+label:before, .inputfield [type="radio"]+label:after { content:''!important; position:absolute!important; left:0!important; top:0!important; margin:4px!important; width:22px !important; height:22px!important; z-index:0!important; transition:.28s ease ; -webkit-transition:.28s ease ; -moz-transition:.28s ease ; -ms-transition:.28s ease ; -o-transition:.28s ease ;background: var(--gray-c);}
.inputfield [type="radio"]:not(:checked)+label:before, .inputfield [type="radio"]:not(:checked)+label:after, .inputfield [type="radio"]:checked+label:before, .inputfield [type="radio"]:checked+label:after, .inputfield [type="radio"].with-gap:checked+label:before, .inputfield [type="radio"].with-gap:checked+label:after { border-radius:50% }
.inputfield [type="radio"]:not(:checked)+label:before, .inputfield [type="radio"]:not(:checked)+label:after { border:2px solid #d9d9d9 }
.inputfield [type="radio"]:not(:checked)+label:after { z-index:-1; -webkit-transform:scale(0) ; transform:scale(0) ; -moz-transform:scale(0) ; -ms-transform:scale(0) ; -o-transform:scale(0) ; }
.inputfield [type="radio"]:checked+label:before { border:2px solid transparent }
.inputfield [type="radio"]:checked+label:after, .inputfield [type="radio"].with-gap:checked+label:before, .inputfield [type="radio"].with-gap:checked+label:after { border:2px solid #6B5AD0 }
.inputfield [type="radio"]:checked+label:after, .inputfield [type="radio"].with-gap:checked+label:after { background-color:#6B5AD0; z-index:0;content: "" }
.inputfield [type="radio"]:checked+label:after { -webkit-transform:scale(1.02); transform:scale(1.02) }
.inputfield [type="radio"].with-gap:checked+label:after { -webkit-transform:scale(0.5); transform:scale(0.5) }
.inputfield [type="radio"].tabbed:focus+label:before { box-shadow:0 0 0 10px rgba(0,0,0,0.1) }
.inputfield [type="radio"].with-gap:disabled:checked+label:before { border:2px solid rgba(0,0,0,0.26) }
.inputfield [type="radio"].with-gap:disabled:checked+label:after { border:none; background-color:rgba(0,0,0,0.26) }
.inputfield [type="radio"]:disabled:not(:checked)+label:before, .inputfield [type="radio"]:disabled:checked+label:before { background-color:transparent; border-color:rgba(0,0,0,0.26) }
.inputfield [type="radio"]:disabled+label { color:rgba(0,0,0,0.26) }
.inputfield [type="radio"]:disabled:not(:checked)+label:before { border-color:rgba(0,0,0,0.26) }
.inputfield [type="radio"]:disabled:checked+label:after { background-color:rgba(0,0,0,0.26); border-color:#BDBDBD }
.inputfield [type="checkbox"]:not(:checked), .inputfield [type="checkbox"]:checked { position:absolute; left:-9999px; opacity:0 }
.inputfield [type="checkbox"]+label { position:relative!important; left:15px!important; padding-left:35px!important; cursor:pointer!important; display:block; /*height:25px;*/ line-height:20px; font-size:14px; -webkit-user-select:none; -moz-user-select:none; -khtml-user-select:none; -ms-user-select:none;color: #333 }
.inputfield [type="checkbox"]+label:before, .inputfield [type="checkbox"]:not(.filled-in)+label:after { content:''; position:absolute; top:0; left:0; width:18px; height:18px; z-index:0; border:2px solid #d9d9d9; border-radius:1px; margin-top:2px; transition:.2s }
.inputfield [type="checkbox"]:not(.filled-in)+label:after { border:0; -webkit-transform:scale(0); transform:scale(0) }
.inputfield [type="checkbox"]:not(:checked):disabled+label:before { border:none; background-color:rgba(0,0,0,0.26) }
.inputfield [type="checkbox"].tabbed:focus+label:after { -webkit-transform:scale(1); transform:scale(1); border:0; border-radius:50%; box-shadow:0 0 0 10px rgba(0,0,0,0.1); background-color:rgba(0,0,0,0.1) }
.inputfield [type="checkbox"]:checked+label:before { top:-4px; left:-5px; width:12px; height:22px; border-top:2px solid transparent; border-left:2px solid transparent; border-right:2px solid #26a69a; border-bottom:2px solid #26a69a; -webkit-transform:rotate(40deg); transform:rotate(40deg); -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:100% 100%; transform-origin:100% 100% }
.inputfield [type="checkbox"]:checked:disabled+label:before { border-right:2px solid rgba(0,0,0,0.26); border-bottom:2px solid rgba(0,0,0,0.26) }
.inputfield [type="checkbox"]:indeterminate+label:before { top:-11px; left:-12px; width:10px; height:22px; border-top:none; border-left:none; border-right:2px solid #26a69a; border-bottom:none; -webkit-transform:rotate(90deg); transform:rotate(90deg); -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:100% 100%; transform-origin:100% 100% }
.inputfield [type="checkbox"]:indeterminate:disabled+label:before { border-right:2px solid rgba(0,0,0,0.26); background-color:transparent }
.inputfield [type="checkbox"].filled-in+label:before, .inputfield [type="checkbox"].filled-in+label:after { content:''; left:0; position:absolute; transition:border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s; z-index:1 }
.inputfield [type="checkbox"].filled-in:not(:checked)+label:before { width:0; height:0; border:3px solid transparent; left:6px; top:10px; -webkit-transform:rotateZ(37deg); transform:rotateZ(37deg); -webkit-transform-origin:20% 40%; transform-origin:100% 100% }
.inputfield [type="checkbox"].filled-in:not(:checked)+label:after { height:20px; width:20px; background-color:transparent; border:2px solid #D9D9D9; top:0px; z-index:0; border-radius: 2px; opacity: 9; transform:none; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none;background: var(--gray-c); }
.inputfield [type="checkbox"].filled-in+span:not(.lever):after { border-radius: 2px; }
.inputfield [type="checkbox"].filled-in:checked+label:before { top:0!important; left:0!important; width:8px!important; height:14px!important; border-top:2px solid transparent!important; border-left:2px solid transparent!important; border-right:2px solid #fff!important; border-bottom:2px solid #fff!important; -webkit-transform:rotateZ(37deg)!important; transform:rotateZ(37deg)!important; -webkit-transform-origin:100% 100%!important; transform-origin:100% 100%!important }
.inputfield [type="checkbox"].filled-in:checked+label:after { top:0; width:20px; height:20px; border:2px solid #6B5AD0; background-color:#6B5AD0; z-index:0; border-radius:2px; }
.inputfield [type="checkbox"].filled-in.tabbed:focus+label:after { border-radius:2px; border-color:#D9D9D9; background-color:rgba(0,0,0,0.1) }
.inputfield [type="checkbox"].filled-in.tabbed:checked:focus+label:after { border-radius:2px; background-color:#26a69a; border-color:#26a69a }
.inputfield [type="checkbox"].filled-in:disabled:not(:checked)+label:before { background-color:transparent; border:2px solid transparent }
.inputfield [type="checkbox"].filled-in:disabled:not(:checked)+label:after { border-color:transparent; background-color:#BDBDBD }
.inputfield [type="checkbox"].filled-in:disabled:checked+label:before { background-color:transparent }
.inputfield [type="checkbox"].filled-in:disabled:checked+label:after { background-color:#BDBDBD; border-color:#BDBDBD }
.inputfield input[type=checkbox]:checked:not(:disabled) ~ .lever:active::after, .inputfield input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::after {
box-shadow:0 1px 3px 1px rgba(0,0,0,0.4), 0 0 0 15px rgba(38,166,154,0.1)
}
.inputfield input[type=checkbox]:not(:disabled) ~ .lever:active:after, .inputfield input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::after {
box-shadow:0 1px 3px 1px rgba(0,0,0,0.4), 0 0 0 15px rgba(0,0,0,0.08)
} 
/*============================================ checkbox & radio End ============================================*/ 
/*=================================================================================
Grid CSS
=================================================================================*/
.otherhide{display: none}
main{padding-bottom: 100px;}
#packagewrp{}
#header{background: rgba(255, 255, 255, 0.98);box-shadow: 0 0 10px rgb(137 173 255 / 35%);align-items: center;padding: 0}
header{display: flex; justify-content: space-between;align-items: center;padding: 5px 0}
.carelogo{display: block; height: 55px; width: 140px;}
.carelogo a{height: 55px;text-indent: -9999px; background: url("../images/sulekha-carelogo.svg") 0 0 no-repeat;background-position: left center;background-size: 100%; display: block;}
.loginwrp ul{ display: flex; justify-content: flex-end;gap:10px;}
.loginwrp ul li{position: relative}
.loginwrp ul li i{fill:var(--white);padding-left: 5px;}
.loginwrp ul li.active i svg{fill:var(--white);-webkit-transform: rotate(180deg);transform: rotate(180deg);}
/**/
.afterlogin{ background: var(--white);position: absolute;right: 0;min-width: 250px;z-index: 2;border-radius: var(--borderradius);box-shadow: 0 0 10px rgb(137 173 255 / 35%);-webkit-transform-origin: 50% 0;-ms-transform-origin: 50% 0;transform-origin: 50% 0;-webkit-transform: scale(0.75) translateY(-21px);-ms-transform: scale(0.75) translateY(-21px);transform: scale(0.75) translateY(-21px);-webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;opacity: 0;visibility: hidden;}
.afterlogin.open {opacity: 1;pointer-events: auto;-webkit-transform: scale(1) translateY(0);-ms-transform: scale(1) translateY(0);transform: scale(1) translateY(0);visibility: visible}


.afterlogin .username{padding: 15px;color: var(--gray666);border-bottom: solid 1px var(--grayddd);}
.afterlogin ul{display: block}
.afterlogin ul li{font-family: var(--poppins);}
.afterlogin ul li a{padding:10px 15px; display: block; color: var(--black)}
.afterlogin ul li a:hover {background: var(--yellow);color: var(--white);}
.afterlogin .logoutwrp {padding: 15px;color: var(--gray666);border-top: solid 1px var(--grayddd);justify-content:space-between; display: flex;}
.afterlogin .logoutwrp a {color: var(--gray666);}
/**/
.pagetitle {text-align: center;margin: 15px 0 40px;padding: 25px 15px;font-family: var(--poppins);font-size: 24px;color: var(--black);font-weight: 600;}
.pagetitle span {display: block;font-size: 14px;color: var(--gray777);font-weight: 400;padding: 10px 0 0;line-height: 20px;}
/**/
.footer{background-color:rgba(255, 255, 255, 0.98);padding: 10px 0;margin-top: 100px;padding-bottom: 87px;}
.footer ul{display: flex; justify-content: center;gap: 10px;}
.footer ul li{padding: 10px;}
.footer ul li a{color: var(--blue);}
.footer p{font-size: 12px; color: var(--gray666);padding-bottom: 10px;}

.footersticky{position: fixed; bottom: 0;width: 100%;background-color:rgba(255, 255, 255, 0.98);box-shadow: var(--boxshadow); padding: 15px 0px;z-index: 1}
.footercta{ display: flex;justify-content: space-between;}
.footercta.center{display: block}
.footercta.center .alerttext{padding-top: 0}
.footercta a{padding: 12px 30px; font-size: 15px;min-width: 150px;}
.coyrite{text-align: center;padding: 10px 0;font-size: 10px;line-height: 16px;color:var(--gray666);}
/*  */
#carestepone{background:linear-gradient(270deg,transparent 56%,#fdba17 44%);}
/**/
#caresteptwo{background:linear-gradient(270deg,transparent 56%,#BF263C 44%);}
#carestepthree{background:linear-gradient(270deg,transparent 56%,#00406B 44%);}
#carestepfour{background:linear-gradient(270deg,transparent 56%,#005A42 44%);}
#carestepfive{background:linear-gradient(270deg,transparent 56%,#6042AD 44%);} 
/**/
#carestepsix{background:linear-gradient(270deg,transparent 56%,#D14D72 44%);} 
#carestepseven{background:linear-gradient(270deg,transparent 56%,#009FBD 44%);} 
#carestepeight{background:linear-gradient(270deg,transparent 56%,#0A4D68 44%);} 
#carestepnine{background:linear-gradient(270deg,transparent 56%,#617143 44%);} 
/**/
#carestepten{background:linear-gradient(270deg,transparent 56%,#865DFF 44%);}
#carestepelev{background:linear-gradient(270deg,transparent 56%,#2B3467 44%);} 
#caresteptwel{background:linear-gradient(270deg,transparent 56%,#617143 44%);} 
#carestepthirt{background:linear-gradient(270deg,transparent 56%,#0D4C92 44%);} 
/**/
#carestepfourt{background:linear-gradient(270deg,transparent 56%,#BF263C 44%);} 
#carestepfift{background:linear-gradient(270deg,transparent 56%,#009FBD 44%);} 
#carestepsixt{background:linear-gradient(270deg,transparent 56%,#6042AD 44%);} 
#carestepsevent{background:linear-gradient(270deg,transparent 56%,#D14D72 44%);} 



 /* step one start */

.card-left{text-align:center;padding-right: 20px;}
.card-left figure{width:400px;height:400px;box-shadow:0 0 10px rgb(0 0 0 / 75%);border-radius:var(--circle);object-fit:contain;border:solid 5px var(--white);overflow:hidden;margin:30px auto ;}
.card-left figure img{width:100%;height:100%}
.card-left .card-leftdesc{text-align:left;font-family:var(--googlesans);font-size:18px;color:var(--white);}
.card-left .card-leftdesc h2{font-size:32px;padding:10px 0;font-weight:600}
.card-left .card-leftdesc span{font-size: 14px; padding-bottom: 10px; display: block}
.card-left .card-leftdesc p{padding-bottom:22px;line-height:22px}
.card-left .card-leftdesc ul{margin:0 0 10px}
.card-left .card-leftdesc ul li{padding:5px 0;padding-left:25px;position:relative}
.card-left .card-leftdesc ul li:before{ width:10px; height:10px; background:var(--white); content:""; display:inline-block; border-radius:var(--borderradius); position:absolute; left:0; -webkit-border-radius:var(--borderradius); -moz-border-radius:var(--borderradius); -ms-border-radius:var(--borderradius); -o-border-radius:var(--borderradius); }
.card-rightwrp{padding:0 10px;display:flex;flex-wrap:wrap;margin:0 -15px}
.cardlistwrp{width: 50%;padding:0 15px;margin:0 0 25px}
.cardbg{box-shadow:var(--boxshadow);background:var(--white);border-radius:4px;font-family:var(--roboto);border: solid 3px var(--white);}
.cardbg.active, .cardbg:hover{border: solid 3px #6B5AD0;}
#thanku .cardbg.alert{border-color: var(--red)}
.cardbg .listhd{border-bottom:solid 1px var(--grayddd);padding:10px;position: relative;}
.cardbg .listhd .inputfield{position: absolute;right: 10px; top: -10px;}
.cardbg .listhd h2{font-weight:600;text-align:center;padding:5px 0;font-size:20px}
.cardbg .listhd p{color:var(--gray777);font-size:13px}
.cardbg .inputfield.disabled{-webkit-border-bottom-right-radius: 4px;-webkit-border-bottom-left-radius: 4px;-moz-border-radius-bottomright: 4px;-moz-border-radius-bottomleft: 4px;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;}
.cardbg .inputfield b{font-size: 13px;padding: 10px 15px 0; display: block;font-weight: 600; color: var(--black)}
.minheight{ height: 247px;}
.cardbg .inputfield ul{padding:10px 0}
.cardbg .inputfield ul li{padding:10px 0}
.cardbg .inputfield.disabled ul li{cursor: not-allowed}
.cardbg .inputfield.disabled input[type="checkbox"]+label{cursor: not-allowed!important}
.cardbg .inputfield [type=radio]:checked+label, .cardbg .inputfield [type=radio]:not(:checked)+label{left:10px}
.mainlist{padding:15px 10px;border-bottom: solid 1px var(--grayddd);}
.mainlist label{padding-bottom: 10px;font-weight: 600;color: var(--black);display: block;}
.mainlist label i{color: var(--red);margin-left: 3px;}
.mainlist input, .mainlist select{border-radius:var(--borderradius) ;border: 1px solid var(--grayddd);padding: 10px;width: 100%}
.mainlist select{border: 1px solid var(--gray333);padding:13px 10px;}
/* step one end */
/* Common css start */
.inline {flex-direction: row!important;flex-wrap: wrap!important;gap: 15px!important;}
.formcontrol{display: flex;flex-direction:column;gap:10px;margin-bottom: 40px;position: relative;}
.formcontrol label{padding-bottom: 5px; font-weight: 500;color: var(--black);font-size: 16px;font-family: var(--poppins)}
.formcontrol label span{font-weight: 400;color: var(--gray777); font-size: 13px; display: block;font-family: var(--roboto);padding-top: 5px;}
.formcontrol label i{color: var(--red);}
.formcontrol input{width: 100%}
.formcontrol b{font-size: 12px; color: var(--gray666)} 
.formcontrol em {position: absolute;right: 10px;top: 46px;}
.formcontrol em svg{fill: var(--blue);}
.alert label {color: var(--red);}
.alert label, .alert span, .alert input, .alert select, .alert textarea {border-color: var(--red)!important;}

/**/     
.inputfieldgrop{display: flex;flex-direction: column;gap: 15px;position: relative;}
.inputfieldgrop .inputfield label{font-weight: 400;border: solid 1px var(--grayddd); border-radius: var(--borderradius);padding: 13px 20px!important;padding-right: 40px!important;font-family: var(--roboto);color: var(--gray666); font-size: 16px;}
.inputfieldgrop .inputfield [type="checkbox"].filled-in:not(:checked)+label:after{left: auto; right: 10px;top: 14px;}
.inputfieldgrop .inputfield [type="checkbox"].filled-in:checked+label:after{left: auto; right: 10px;top: 14px;}
.inputfieldgrop .inputfield [type="checkbox"].filled-in:checked+label:before{left: auto !important; right: 21px;top: 14px !important;}
.inputfieldgrop .inputfield [type="checkbox"].filled-in:not(:checked)+label:before{left: auto !important; right: 21px;top: 10px !important;}
.inputfieldgrop .inputfield [type="checkbox"]+label{left: 0!important;}
.inputfieldgrop .inputfield [type="checkbox"].filled-in:checked+label{border: 1px solid #6B5AD0;}
.inputfieldgrop .inputfield [type="radio"].with-gap:not(:checked)+label:after{left: auto!important; right: 10px;top: 10px!important;}
.inputfieldgrop .inputfield [type="radio"].with-gap:checked+label:after{left: auto !important; right: 10px;top: 11px !important;}
.inputfieldgrop .inputfield [type="radio"].with-gap:checked+label:before{left: auto !important; right: 10px;top: 11px !important;}
.inputfieldgrop .inputfield [type="radio"].with-gap:not(:checked)+label:before{left: auto !important; right: 10px;top: 11px !important;background: var(--gray-c);}
.inputfieldgrop .inputfield [type="radio"]+label{left: 0!important;display: block;}
.inputfieldgrop .inputfield [type="radio"].with-gap:checked+label{border: 1px solid #6B5AD0;}
.inputfieldgrop .inputfield [type="radio"]+label:before, .inputfieldgrop .inputfield [type="radio"]+label:after{margin: 2px;}
/**/
.experiencewrp{display: flex;flex-direction: column;gap: 5px;margin-bottom: 0;position: relative;}
.experiencewrp span{border: solid 1px var(--grayddd);border-radius: var(--borderradius);}
.experiencewrp span a{padding: 10px; color: var(--gray666); display: block;}
.experiencewrp span.active, .experiencewrp span:hover{background-color: #6B5AD0;}
.experiencewrp span.active a, .experiencewrp span:hover a{color: var(--white);} 
/* Common css end */

/* step two start */
.cardform-rightwrp{padding: 0 50px;}
.cardform-rightwrp-a{padding: 0 80px;}

.telnumber{display: flex;gap:10px} 
.whatsap.inputfield [type="checkbox"]+label{left: 0!important;font-weight: 400;margin-bottom: 0;padding: 0}

/* step two end */
/* step three start */
.inputgroupwrp{flex-direction: row;display: flex;gap: 15px;}
.inputgroupwrp .inputgroup{ flex: 0 0 auto;width: 50%;}
.inputgroupwrp .inputgroup label{display: block}
.inputgroupwrp .inputgroup input{width: 100%;border-radius:var(--borderradius); padding: 15px}
.input-group{position: relative}

.datetimewrp .inputfield{margin: 25px 0 0}
.datetimewrp .inputfield [type="checkbox"]+label, .dayswrp .inputfield [type="checkbox"]+label{left: 0!important;display: inline-block; font-size: 13px}
.datetimewrp .inputfield label em{font-size: 12px; color: var(--gray999)}
.dayswrp {} 
.dayswrp .days{flex-direction: row;display: flex; flex-wrap: wrap;gap:25px;margin-bottom: 15px;}
.dayswrp .days small{ font-size: 16px;margin-right: 10px}
.dayswrp .days small a{display: flex; flex-direction: column; justify-content: center;align-items: center;gap:10px }
.dayswrp .days small a i{border: solid 1px var(--grayddd);border-radius: var(--circle);padding: 10px;color: var(--gray666);display: block;width: 40px; height: 40px;text-align: center}
.dayswrp .days small.active a i, .dayswrp .days small:hover a i{background: #6B5AD0}
.dayswrp .days small.active a i, .dayswrp .days small:hover a i{color: var(--white)}
.dayswrp .days small.active a em, .dayswrp .days small:hover a em{color: #6B5AD0}
.dayswrp .days small a em{color: var(--gray666)}
.dayswrp .inputgrup{display: flex;flex-direction: column;margin: 0 0 10px;}
.dayswrp .inputfield{margin: 5px 0 0} 
/* step three end */
.avalwrp{font-family: var(--roboto);}
.avalwrp b{display: flex;align-items: center;gap: 5px;color: var(--red);font-size: 12px;}
.avalwrp .suggest{padding: 10px 0 0; display: flex;gap:10px;flex-wrap: wrap;}
.avalwrp .suggest b{color: var(--black);font-size: 14px; font-weight: 500;}
.avalwrp .suggest em{position: inherit}
.avalwrp .suggest em a{ color: var(--blue);}
/* thank u start*/
#thanku .cardbg{margin-bottom: 30px}
#thanku .pagetitle{margin: 0}
#thanku .thankuwrp{background:url(../images/thanku-bg.svg) 0 0 no-repeat; background-size: cover; padding: 25px 0 45px;}
#thanku .thankuwrp .thanksmsg{text-align: center; font-family: var(--poppins);}
#thanku .thankuwrp .thanksmsg i{display: block;}
#thanku .thankuwrp .thanksmsg i svg{fill:var(--green);margin: 15px 0;}
#thanku .thankuwrp .thanksmsg h1{margin-bottom: 15px;font-size: 26px; font-weight: 500;color: var(--green);}
#thanku .thankuwrp .thanksmsg p{margin-bottom: 15px;font-size: 17px; font-weight: 300; line-height: 22px;}
#thanku .thankuwrp .thanksmsg a{padding: 0 3px; text-decoration: underline}
#thanku .thankuwrp .profostatus{}
#thanku .thankuwrp .profostatus p{ font-size: 12px; font-family: var(--roboto); font-weight: 500; color: var(--gray888);}
#thanku .thankuwrp .profostatus p b{color: var(--black); font-size: 16px;}
#thanku .thankuwrp .profostatus span.ticket:after, .thankuwrp .profostatus span.ticket:before { content: ""; display: block; height: 5px; top: auto; right: 0; bottom: -5px; left: 0; border-radius: 10px;}
#thanku .thankuwrp .profostatus span.ticket {display: block; padding:0; position: relative;width: 150px;margin: 0 auto;}
#thanku .thankuwrp .profostatus span.ticket:after { background-color: #1AA260; width: 50%; position: absolute}
#thanku .thankuwrp .profostatus span.ticket:before {background-color: #EBEBEB; width: 100%; position: absolute}
#thanku .thankuwrp .profostatus span.ticket.fast:after { background-color: #ff4242; width: 75%}
#thanku .thankuwrp .profostatus span.ticket.completed:after { background-color: #ff4242; width: 100%}
  
#thanku .thaksectionwrp{padding: 0 0 50px;}
#thanku .managewrp{display: flex; flex-wrap: wrap;justify-content: center;gap: 20px;}
#thanku .managewrp span{box-shadow: var(--boxshadow);border: 1px solid #EAF1F5;border-radius: 16px 6px;}
#thanku .managewrp span a{display: flex; padding: 15px 25px; font-size: 16px; color: var(--blue);align-items: center;gap: 10px;font-family: var(--roboto);}
#thanku .managewrp span a i{width: 36px;height: 36px; background-color: #1AA260;border-radius:50%; display: inline-flex;justify-content: center;align-items: center;}
#thanku .managewrp span.one i{background-color: #F2FCFF;}
#thanku .managewrp span.two i{background-color: #F7F8FF;}
#thanku .managewrp span.three i{background-color: #FEFBEF;}
#thanku .managewrp span.four i{background-color: #F2FCFF;}

#thanku .profilink{display: flex; flex-wrap: wrap;justify-content: center;gap: 10px;}
#thanku .profilink a{font-size: 16px;color: var(--blue);padding: 10px 0;display: flex; align-items: center; gap: 10px;font-family: var(--roboto); text-decoration: underline;} 
#thanku .profilink a i{fill: var(--grayccc);}

#thanku .listmainwrp{padding: 15px 15px 15px 45px;position: relative;}
#thanku .listmainwrp .inputfield{position: absolute;left: 0;}
#thanku .listmainwrp .listhd{padding: 0; border: 0}
#thanku .listmainwrp .listhd .title{font-family: var(--poppins); font-size: 16px; font-weight: 500;padding: 0 0 5px;}
#thanku .listmainwrp .listhd .location{font-family: var(--roboto);}
#thanku .listmainwrp .listhd .location span{margin-right: 10px; display: inline-block;}
#thanku .listmainwrp .listhd .location span.price{color: var(--green); font-weight: 500; font-family: var(--poppins);list-style-type: none; font-size: 16px;} 
#thanku .listmainwrp .listhd .location span svg{fill: var(--gray888);}
#thanku .listmainwrp .listbd {font-family: var(--roboto);}
#thanku .listmainwrp .listbd p{color: var(--gray888);padding: 5px 0;}
#thanku .listmainwrp .listft ul{display: flex;flex-direction: row;flex-wrap: wrap; color: var(--black);font-family: var(--roboto); padding-top: 5px;margin: 0;list-style-position: inside;}
#thanku .listmainwrp .listft ul li{list-style: disc;flex: auto ;} 
#thanku .listmainwrp .listft ul li::marker{font-size: 22px; color: var(--grayccc)}
#thanku .listmainwrp .listft ul li.price{color: var(--green); font-weight: 500; font-family: var(--poppins);list-style-type: none; font-size: 16px;} 
#thanku .btun-red{padding:10px 40px}

/* thank u end*/
.table{margin:0 auto;} 
.table table {width: 550px;margin:0 auto;border-spacing: 2px;border-collapse: inherit;}  
.table table td{background-color:#FCFDFE; border: solid 1px #E8EBFF; padding: 10px;width: 50%; font-family: var(--roboto); font-size: 14px; font-weight: 500;} 
.table table td em{ font-size: 14px; color: var(--gray777); font-weight: 400;}
.table table td.price{color: var(--green); font-size: 18px;}

.sharewrp{padding: 5px;}
.sharewrp b{text-transform: uppercase; font-size: 12px;margin-bottom: 10px; display: block;}
.sharewrp{}
.sharewrp ul{ display:flex;align-items: center;justify-content:center;margin: 0 0 10px;gap: 10px;}
.sharewrp ul li{margin: 0; list-style-type: none; padding: 0}
.sharewrp ul li:before{display: none}
.sharewrp ul li a{color: #62646a;display: block;} 
.sharewrp ul li a i{width: 30px;height: 30px;background: #f0f0f0;display: inline-block;display: flex;align-items: center;justify-content: center;border-radius:var(--circle) ;
  -webkit-border-radius:var(--circle) ;-moz-border-radius:var(--circle) ;-ms-border-radius:var(--circle) ;-o-border-radius:var(--circle) ;} 
.sharewrp ul li a i svg{fill:var(--color-white)}
.sharewrp ul li.fb i{background: #3E5A99;}
.sharewrp ul li.in i{background: #0577B5;}
.sharewrp ul li.tw i{background: #60A9DD;}
.sharewrp ul li.ins i{background: #B82CAA;}
.sharewrp ul li.wt i{background: #0E9F16;}
.sharewrp ul li.lk i{background: #fff;}


.successwrp{background: #00B377; text-align: center;padding: 15px; border-radius: 4px;margin-bottom: 15px}
.successwrp i{}
.successwrp p{color: #fff;font-size: 22px; font-weight: 500;padding: 15px 0;}
 
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}
.animated.slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration)*2);
    animation-duration: calc(var(--animate-duration)*2)
}
.animated.slower {
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-duration: calc(var(--animate-duration)*4);
    animation-duration: calc(var(--animate-duration)*4)
}
.animated.delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-delay: calc(var(--animate-delay)*2);
    animation-delay: calc(var(--animate-delay)*2)
}

.animated.delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    -webkit-animation-delay: calc(var(--animate-delay)*3);
    animation-delay: calc(var(--animate-delay)*3)
}

.animated.delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    -webkit-animation-delay: calc(var(--animate-delay)*4);
    animation-delay: calc(var(--animate-delay)*4)
}

.animated.delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
    -webkit-animation-delay: calc(var(--animate-delay)*5);
    animation-delay: calc(var(--animate-delay)*5)
}
/* Tada Animation */
@-webkit-keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}
.date-container, .form-inner{display:flex;gap:15px}
.date-container input, .form-inner input{width:100%}
.date-container form, .form-inner section {position:relative;width:100%;}
.form-inner{position: relative}
.form-inner span, .form-inner em{position: absolute; background: var(--white);padding: 16px 14px;top: 1px; font-weight: 500;}
.form-inner span{left: 1px;border-radius: 5px 0 0 5px;background: var(--gray-e)}
.form-inner em{right: 1px;border-radius: 0 5px 5px 0;}
.form-inner input{padding-left: 80px;padding-right: 60px;}

.autocomplete{background: var(--white);box-shadow: var(--boxshadow);border-radius: var(--borderradius);scroll-snap-type: y mandatory;scrollbar-width: none;overflow: auto;max-height: 250px;width:100%;margin-top:-10px;}
.autocomplete ul{}
.autocomplete ul li{}
.autocomplete ul li a{color: var(--gray777);display: block;padding: 10px;}
.autocomplete ul li a:hover, .autocomplete ul li.active a{background: var(--yellow);color: var(--white);}
.autocomplete .grouplt{color: var(--white);background-color: var(--red);padding: 10px}
.addmore{font-weight: 400;padding: 13px 20px!important;font-family: var(--roboto);color: var(--gray666);font-size: 16px;}
.added input{width: auto;margin-right: 10px;}
/**/
.howsteps{margin: 30px 30px 30px 0}
.howsteps .process-step .stepinfo.disabled{background: none!important;opacity: 0.3;}
.howsteps .process-step .stepinfo{gap: 10px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: flex-start;-webkit-align-items: flex-start;-ms-flex-align: flex-start;align-items: flex-start;margin-bottom: 25px; position: relative;align-items: center;padding: 0 0 10px;}
.howsteps .process-step .stepinfo:after{top: 50px;left:24px;width: 3px;z-index: -2;content: "";height:60%;position: absolute;background-color:var(--white);transition: 0.4s all ease-in-out;}
.howsteps .process-step .stepinfo:last-child:after {display: none}
.howsteps .process-step .stepinfo .stepnum{width: 50px;height: 50px;}
.howsteps .process-step .stepinfo .stepnum i{background-color:var(--white);width: 50px; height: 50px; border-radius: 50%;display: flex;align-items: center;}
.howsteps .process-step .stepinfo .stepnum i svg{margin: 0 auto;}
.howsteps .process-step .stepinfo .stepdestls{flex: 1;text-align: left}
.howsteps .process-step .stepinfo .stepdestls b{font-weight: 500;padding-bottom: 5px; color: var(--white);font-size: 16px;} 
.howsteps .wizardprogresswrp span {display: block;font-size: 16px;font-weight: 500;margin-bottom: 10px; text-align: left;color: var(--white);}
.howsteps .wizardprogress {display: -webkit-box;display: -ms-flexbox;display: flex;height: 1rem;overflow: hidden;font-size: 16px;background-color:var(--white);border-radius: 30px;}
.howsteps .wizardprogressbar {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;color: #fff;text-align: center;transition: width .6s ease;background-color:var(--green);border-radius: 30px;} 

/**/
.otpform{background: #f5f5f5; border-radius: 3px; border: solid 1px #eee;padding: 15px;color: var(--black); font-family: var(--roboto);}
.otpform p{ line-height: 22px; font-size: 15px;}
.otpform p .link{ color: var(--link); text-decoration: underline}
.otpform .resendotptime p{}
.otpform .resendotptime p b{font-weight: 500; font-size: 15px; color: var(--black)}
.otpform .resendotptime .link{ color: var(--link); text-decoration: underline}
       
.otpform .check {font-size: 15px;line-height: 23px;display: inline-block;background: #fff;text-align: center;padding: 5px 7px;color: #555;position: relative;margin: 0 0 5px 10px;border-radius: 3px;font-size: 12px;transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;cursor: pointer;padding: 0 1rem;} 
.otpform .check.select {background: #ff837e;border: 1px #e47672 solid;color: #fff;box-shadow: 0 1px 1px 0 rgb(0 0 0 / 16%), 0 1px 5px 0 rgb(0 0 0 / 12%);-webkit-box-shadow: 0 1px 1px 0 rgb(0 0 0 / 16%), 0 1px 5px 0 rgb(0 0 0 / 12%);-moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,.16), 0 1px 5px 0 rgba(0,0,0,.12);}
.otpform .check.submit {background: #08a182;border: 1px #08a182 solid;color: #fff;}
.otpform .otpgroup{padding: 10px 0}
.otpform .otpgroup span{margin-right: 10px}
.otpform .otpgroup span.alert input{border-color: #d6181f;}
.otpform .otpgroup .alertext{color: #d6181f;padding: 5px 0;font-size: 12px;}
.otpform .otpgroup span input{width: 50px; text-align: center;border-radius: 3px;padding: 10px;height: auto;}
.otpform .otpgroup span input:focus{border-color: #ff7a21}
.otpform .otpgroup span input:focus-visible{outline-color: #ff7a21} 
/**/
#newsignin {background-color: rgba(0, 0, 0, 0.8);}
.frame-width {top: 50px;left: 50%;margin-left: -205px;min-height: 614px;width: 410px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.modal {display: none;height: 100%;overflow-x: hidden;overflow-y: auto;width: 100%;z-index: 1000000;top: 0;right: 0;bottom: 0;left: 0;position: fixed;-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;animation: fadeIn 0.2s linear;}
.modal-dialog {position: relative;margin: 30px auto;width: 500px;}
.modal-content {background: var(--white);border-radius: 5px;}
.modaltitle {font-size: 16px;font-weight: 600;padding: 25px 15px 5px;}
.modalhd {display: flex;flex-shrink: 0;align-items: center;padding: 15px;box-shadow: 0 0 0.5rem 0 rgb(137 173 255 / 35%);position: relative; font-size: 20px;gap:10px;font-weight: 600;}
.modalhd figure{width: 70px; height: 70px; border-radius: 50%;border: 5px solid var(--white);box-shadow: 0 1px 4px rgb(32 33 36 / 28%);-moz-box-shadow: 0 1px 4px rgba(32, 33, 36, .28);-webkit-box-shadow: 0 1px 4px rgb(32 33 36 / 28%);background-color: #40a8ca;overflow: hidden}

.timewarp{margin-top: 2px;background: var(--gray-e);padding: 10px;}
.timesettingwarp{ display: flex;gap:10px;align-items: center;margin: 10px 0;}
.timewarp span{padding-bottom: 5px; display: block;font-weight: 500;color: var(--black);font-size: 16px;}
.timesetting{width: 50%}
.timesetting label{ font-size: 14px;padding-bottom: 8px; display: block;color: var(--gray777);}
.timesetting select{width: 100%;}
.timeremove{transform: translateY(10px);width: 20px;}

.fileupload a{position: relative}
.fileupload input[type=file] {cursor: pointer;height: 100%;left: 0;opacity: 0;position: absolute;top: 0;width: 100%;}
.img-upload {display: flex;flex-wrap: wrap!important;}
.img-upload .imgupload {position: relative;margin: 10px 20px 0 0;}
.img-upload .imgupload img{width: 174px; height: 145px;border-radius: 4px;}
.img-upload .imgupload .profile-img-del {position: absolute;top: 15px;left: 15px;background: var(--black);border-radius:4px;padding: 3px 8px; align-items: center;display: flex;justify-content: center; color: var(--white);font-family: var(--roboto)}
.tagingtext span{background: var(--bggraya);padding: 4px 10px;border-radius: 4px;margin: 10px 5px 0; display:inline-block;font-family: var(--roboto);font-weight: 500}
.tagingtext span a{font-size: 11px;font-weight: 500;color: var(--white);background: var(--black);display: inline-block; border-radius: 50%; width: 20px; height: 20px;text-align: center;padding: 3px }

.youtube{display: flex;align-items: center;}
.youtube span{background: var(--red); color: var(--white);padding: 17px 15px;display: block;position: relative;}
.youtube input{width: 100%;margin-left: -2px;border-radius: 0}
.youtube .btun{padding: 15px 15px;border-radius: 0}

.admoretime{padding: 8px 0;text-align: right}
.admoretime a{ color: var(--link)}
/*loader*/
.loadialog{display: none;height: 100%;overflow-x: hidden;overflow-y: auto;width: 100%;z-index: 1000000;top: 0;right: 0;bottom: 0;left: 0;position: fixed;-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;background: #000000bd}
.loadialogcontent {border-radius: 3px;background-color: var(--white);width: 200px;padding: 0;margin: 80px auto;position: relative;-webkit-box-shadow: 0 24px 38px 3px rgb(0 0 0 / 14%), 0 9px 46px 8px rgb(0 0 0 / 12%), 0 11px 15px -7px rgb(0 0 0 / 20%);box-shadow: 0 24px 38px 3px rgb(0 0 0 / 14%), 0 9px 46px 8px rgb(0 0 0 / 12%), 0 11px 15px -7px rgb(0 0 0 / 20%); text-align: center;padding: 25px 0}
.loadialog .loadialogcontent .loader{width: 80px; height: 80px;margin: 0 auto}

.alrtdialog{display: none;height: 100%;overflow-x: hidden;overflow-y: auto;width: 100%;z-index: 1000000;top: 0;right: 0;bottom: 0;left: 0;position: fixed;-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;background: #000000bd}
.alrtdialogcontent {border-radius: 3px;background-color: var(--white);width: 500px;padding: 0;margin: 80px auto;position: relative;-webkit-box-shadow: 0 24px 38px 3px rgb(0 0 0 / 14%), 0 9px 46px 8px rgb(0 0 0 / 12%), 0 11px 15px -7px rgb(0 0 0 / 20%);box-shadow: 0 24px 38px 3px rgb(0 0 0 / 14%), 0 9px 46px 8px rgb(0 0 0 / 12%), 0 11px 15px -7px rgb(0 0 0 / 20%); text-align: center;padding: 25px 0}
 
.alrtdialogcontent p{font-size: 18px; display: block;padding-bottom: 15px;}
.alrtdialogcontent strong{color: var(--green);}
.alrtdialogcontent .action{display: flex;gap:10px; justify-content: center}
.alrtdialogcontent .action span{ border-radius: 4px; font-size: 16px;}
.alrtdialogcontent .action a{ color: var(--white);padding: 8px 10px;display: block;}
.alrtdialogcontent .action .green{ background: var(--green)}
.alrtdialogcontent .action .red{ background: var(--red)}

.pricehelptext{color: var(--red)}
.pricehelptext b{color: var(--black);font-weight: 500;font-size: 16px;}

.otpform.thanksmsg{text-align: center}
.otpform.thanksmsg i{display: block;margin: 0 auto;width: 30px;height: 30px;}
.otpform.thanksmsg strong{ font-size: 20px; color: var(--green);font-family: var(--poppins);font-weight: var(--fontweight500);padding: 10px 0;display: block}
.otpform.thanksmsg p{font-size:16px;font-family: var(--poppins);}
/**/
.formcontrol.alert input{border: 1px solid var(--grayddd)!important;}
.formcontrol.alert input.startdate{border-color: var(--red)!important}
.formcontrol.alert input.enddate{border-color: var(--red)!important}
/**/
.withinfo.inputfieldgrop .inputfield{position: relative}
.withinfo.inputfieldgrop .inputfield label{display: flex;align-items: center;gap: 5px;}
.withinfo.inputfieldgrop .inputfield .popoverwarp{cursor: help;position: relative;}
.withinfo.inputfieldgrop .inputfield .popoverwarp i{color: #c9c9c9;}
.withinfo.inputfieldgrop .inputfield .popoverwarp .popover{position: absolute;background: var(--black);padding:5px;bottom: 28px;left: -42px;position: absolute;width: max-content;max-width: 300px;border-radius: 4px;opacity: 0;transform: translateY(20px);transition: all 0.2s ease 0s;pointer-events: none;z-index: 99; font-weight: var(--fontweight500);color: var(--white)}
.popover p{padding: 10px; border-radius: 4px}
.withinfo.inputfieldgrop .inputfield .popoverwarp:hover .popover{display: block;opacity: 1;transform: translateX(0px);}
.withinfo.inputfieldgrop .inputfield .popoverwarp .popover:after{content: "";width: 0px;height: 0px;position: absolute;bottom: -12px;border-width: 6px;border-style: solid;border-color:var(--black) transparent transparent;border-image: initial;left: 50%;margin-left: -6px;left: 50px}
.expaltext{font-size: 13px;font-family: var(--roboto);}
#thanku .thankuwrp .thanksmsg p.bold{font-weight: var(--fontweight500);}

.withinfo.formcontrol label{display: flex}
.withinfo.formcontrol .popoverwarp{cursor: help;position: relative;}
.withinfo.formcontrol .popoverwarp i{color: #c9c9c9;}
.withinfo.formcontrol .popoverwarp .popover{position: absolute;background: var(--black);padding:5px;bottom: 28px;left: -42px;position: absolute;width: max-content;max-width: 300px;border-radius: 4px;opacity: 0;transform: translateY(20px);transition: all 0.2s ease 0s;pointer-events: none;z-index: 99; font-weight: var(--fontweight500);color: var(--white)} 
.withinfo.formcontrol .popoverwarp:hover .popover{display: block;opacity: 1;transform: translateX(0px);}
.withinfo.formcontrol .popoverwarp .popover:after{content: "";width: 0px;height: 0px;position: absolute;bottom: -12px;border-width: 6px;border-style: solid;border-color:var(--black) transparent transparent;border-image: initial;left: 50%;margin-left: -6px;left: 50px}
.formcontrol .alertext{background: #ffeded; padding: 5px 8px; color: #d61c30}
.formcontrol .helptext{color: var(--gray777); font-family: var(--roboto); font-size: 13px;}

.twocol{border: solid 1px #ddd;border-radius: 4px;}
.twocol ul{display: flex; flex-flow: row wrap;gap:10px;min-height: 210px;max-height: 210px;overflow-y: auto;padding: 10px}
.twocol ul li{width: 48%;position: relative}
.twocol.inputfield [type="checkbox"]+label{left: 0!important}

.sortnigborresult{margin: 15px 0}
.sortnigborresult span{background: #f5f5f5; padding: 5px 15px;border-radius: 30px;display: inline-flex;gap:5px;position: relative;margin-right: 10px; margin-bottom: 15px;}
.sortnigborresult span i{font-style: normal;font-weight: bold;background: #333;color: #fff;position: absolute;right: 0;top: -10px;width: 17px;height: 17px;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;font-size: 12px;cursor: pointer}
/**/
.multicategoryarea{margin-bottom: 40px;}
.multicategoryarea.alert{}
.multicategoryarea .addmore{padding: 10px 0 0 !important}
.multicategoryarea .addmore a{text-decoration: underline}

.multicategoryarea.alert .catmaintitle{color: var(--red);}
.multicategoryarea.alert .multicategorylist{border-color: var(--red);}
.multicategoryarea .catmaintitle{padding-bottom: 5px;font-weight: 500;color: var(--black);font-size: 16px;font-family: var(--poppins); margin-bottom: 15px}
.multicategoryarea .catmaintitle i{color: var(--red);}
.multicategoryarea .catmaintitle .helptext{display: block;font-size: 14px;color: var(--gray777);font-weight: 400;padding: 5px 0 0;line-height: 20px;font-family: var(--roboto);}
.multicategoryarea .multicategorylist{font-weight: 400;border: solid 1px var(--grayddd);border-radius: var(--borderradius);font-family: var(--roboto);color: var(--gray666);font-size: 16px;margin-bottom: 15px}
.multicategoryarea .multicategorylist .multititle{padding:13px 10px;}
.multicategoryarea .multicategorylist .multititle i{-webkit-transition: all .5s ease-in;-moz-transition: all .5s ease-in;-ms-transition: all .5s ease-in;-o-transition: all .5s ease-in;transition: all .5s ease-in;}
.multicategoryarea .multicategorylist .multititle.active i{-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.multicategoryarea .multicategorylist .multititle a{display: flex;justify-content: space-between;position: relative;color: var(--gray666);}
.multicategoryarea .multicategorylist .multititle.active a{color: var(--black); font-weight: 500}
.multicategoryarea .multicategorylist .multititle a span{display: flex;align-items: center;gap:5px}
.multicategoryarea .multicategorylist .multititle a span b{background: rgb(255, 82, 0);color: rgb(255, 255, 255);border-radius: 50%;height: 20px;width: 20px;font-size: 12px;display: inline-flex;align-items: center; justify-content: center;padding: 0; font-weight: 400}
.multicategoryarea .multicategorylist .multidesc{border-top: solid 1px var(--grayddd)}
      
.multidesc{border-radius: 4px;}
.multidesc ul{display: flex; flex-flow: row wrap;gap:10px;min-height: 210px;max-height: 210px;overflow-y: auto;padding: 10px}
.multidesc ul li{width: 48%;position: relative}
.multidesc.inputfield [type="checkbox"]+label{left: 0!important}
/* Muru End */
 

@media only screen and (max-width : 320px) {}
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 568px) {}
/*----iphone---*/
@media (max-width : 640px) { 
.dayswrp .inputgrup{flex-direction: column;gap:5px;margin-top: 20px; }
.dayswrp .inputfield{margin: 0;}
.datetimewrp .inputgroupwrp{flex-direction: column}
#thanku .pagetitle{margin-bottom: 0}
#thanku .profilink a{padding: 0}
#thanku .thaksectionwrp {padding: 0 0 40px;}
.table table {width: 350px;}
 #thanku .managewrp {flex-direction: column;margin: 0 15px;}
 .alrtdialogcontent{width: 100%; height: 100%;margin: 0}
}
@media only screen and (min-width : 569px) and (max-width : 640px) {}
/*----high end windows phone---*/
@media only screen and (min-width : 641px) and (max-width : 768px) {

	
}
/*----high end windows phone---*/
@media only screen and (max-width : 768px) {
.mobilehide{ display: none!important}
.mobileview{ display: block!important} 
/**/
#carestepone, #caresteptwo, #carestepthree, #carestepfour, #carestepfive, #carestepsix, #carestepseven, #carestepeight, #carestepnine, #carestepten, #carestepelev, #caresteptwel, #carestepthirt, #carestepfourt, #carestepfift, #carestepsixt, #carestepsevent{ background: var(--white)!important}
 
.cardlistwrp{width: 100%}
.card-left, .howsteps {display: none;}
.card-left .card-leftdesc{font-size: 16px;}
.card-left .card-leftdesc h2{font-size: 22px;} 
.cardform-rightwrp-a{padding: 0}
.pagetitle{font-size: 18px;}
.inputgroupwrp .inputgroup{width: 100%}
.withinfo.formcontrol .popoverwarp .popover{left: inherit;right: 0;}
.withinfo.formcontrol .popoverwarp .popover{bottom: 38px;}
.withinfo.formcontrol .popoverwarp .popover:after {left: inherit;right: 10px;}
}


/**/
@media (min-width: 992px) { } 
/*----iphone---*/
@media (max-width: 991px) {
.mobilehide{ display: none!important}
.mobileview{ display: block!important} 
 
}
/*----ipad---*/
/**/
@media only screen and (max-width : 1024px) {
#carestepone{background:linear-gradient(270deg,transparent 67%,#fdba17 44%);}
#caresteptwo{background:linear-gradient(270deg,transparent 67%,#BF263C 44%);}
#carestepthree{background:linear-gradient(270deg,transparent 67%,#00406B 44%);}
#carestepfour{background:linear-gradient(270deg,transparent 67%,#005A42 44%);}
#carestepfive{background:linear-gradient(270deg,transparent 67%,#6042AD 44%);} 
 /**/ 
#carestepsix{background:linear-gradient(270deg,transparent 67%,#D14D72 44%);} 
#carestepseven{background:linear-gradient(270deg,transparent 67%,#009FBD 44%);} 
#carestepeight{background:linear-gradient(270deg,transparent 67%,#0A4D68 44%);} 
#carestepnine{background:linear-gradient(270deg,transparent 67%,#617143 44%);} 
/**/
#carestepten{background:linear-gradient(270deg,transparent 67%,#865DFF 44%);}
#carestepelev{background:linear-gradient(270deg,transparent 67%,#2B3467 44%);} 
#caresteptwel{background:linear-gradient(270deg,transparent 67%,#617143 44%);} 
#carestepthirt{background:linear-gradient(270deg,transparent 67%,#0D4C92 44%);} 
/**/
#carestepfourt{background:linear-gradient(270deg,transparent 67%,#BF263C 44%);} 
#carestepfift{background:linear-gradient(270deg,transparent 67%,#009FBD 44%);} 
#carestepsixt{background:linear-gradient(270deg,transparent 67%,#6042AD 44%);} 
#carestepsevent{background:linear-gradient(270deg,transparent 67%,#D14D72 44%);} 
 
 
 
 
.card-left figure{width: 250px; height: 250px;flex-shrink: 0;}
.card-left .card-leftdesc{font-size: 16px;}
.card-left .card-leftdesc h2{font-size: 22px;}
}
/**/
@media only screen and (min-width : 769px) and (max-width : 1024px) {
 
 
}
/*----netbook---*/
@media only screen and (min-width : 1024px) and (max-width : 1280px) {
 
	
}
/*----ultrabook---*/
@media only screen and (min-width : 1025px) and (max-width : 1280px) {
.cardform-rightwrp-a {padding: 0 50px;}
#carestepone{background:linear-gradient(270deg,transparent 65%,#fdba17 44%);}
#caresteptwo{background:linear-gradient(270deg,transparent 65%,#BF263C 44%);}
#carestepthree{background:linear-gradient(270deg,transparent 65%,#00406B 44%);}
#carestepfour{background:linear-gradient(270deg,transparent 65%,#005A42 44%);}
#carestepfive{background:linear-gradient(270deg,transparent 65%,#6042AD 44%);}
 /**/ 
#carestepsix{background:linear-gradient(270deg,transparent 65%,#D14D72 44%);} 
#carestepseven{background:linear-gradient(270deg,transparent 65%,#009FBD 44%);} 
#carestepeight{background:linear-gradient(270deg,transparent 65%,#0A4D68 44%);} 
#carestepnine{background:linear-gradient(270deg,transparent 65%,#617143 44%);} 
/**/
#carestepten{background:linear-gradient(270deg,transparent 65%,#865DFF 44%);}
#carestepelev{background:linear-gradient(270deg,transparent 65%,#2B3467 44%);} 
#caresteptwel{background:linear-gradient(270deg,transparent 65%,#617143 44%);} 
#carestepthirt{background:linear-gradient(270deg,transparent 65%,#0D4C92 44%);} 
/**/
#carestepfourt{background:linear-gradient(270deg,transparent 65%,#BF263C 44%);} 
#carestepfift{background:linear-gradient(270deg,transparent 65%,#009FBD 44%);} 
#carestepsixt{background:linear-gradient(270deg,transparent 65%,#6042AD 44%);} 
#carestepsevent{background:linear-gradient(270deg,transparent 65%,#D14D72 44%);} 
 
 
 
.card-left figure {width: 347px;height: 347px;}
 
}
/*----ultrabook---*/
@media only screen and (min-width : 1281px) and (max-width : 1366px) {
.cardform-rightwrp-a {padding: 0 50px;}
#carestepone{background:linear-gradient(270deg,transparent 65%,#fdba17 44%);}
#caresteptwo{background:linear-gradient(270deg,transparent 65%,#BF263C 44%);}
#carestepthree{background:linear-gradient(270deg,transparent 65%,#00406B 44%);}
#carestepfour{background:linear-gradient(270deg,transparent 65%,#005A42 44%);}
#carestepfive{background:linear-gradient(270deg,transparent 65%,#6042AD 44%);} 
 
  /**/ 
#carestepsix{background:linear-gradient(270deg,transparent 65%,#D14D72 44%);} 
#carestepseven{background:linear-gradient(270deg,transparent 65%,#009FBD 44%);} 
#carestepeight{background:linear-gradient(270deg,transparent 65%,#0A4D68 44%);} 
#carestepnine{background:linear-gradient(270deg,transparent 65%,#617143 44%);} 
/**/
#carestepten{background:linear-gradient(270deg,transparent 65%,#865DFF 44%);}
#carestepelev{background:linear-gradient(270deg,transparent 65%,#2B3467 44%);} 
#caresteptwel{background:linear-gradient(270deg,transparent 65%,#617143 44%);} 
#carestepthirt{background:linear-gradient(270deg,transparent 65%,#0D4C92 44%);} 
/**/
#carestepfourt{background:linear-gradient(270deg,transparent 65%,#BF263C 44%);} 
#carestepfift{background:linear-gradient(270deg,transparent 65%,#009FBD 44%);} 
#carestepsixt{background:linear-gradient(270deg,transparent 65%,#6042AD 44%);} 
#carestepsevent{background:linear-gradient(270deg,transparent 65%,#D14D72 44%);} 
 
 
 
 .card-left figure{width: 250px; height: 250px;flex-shrink: 0;}
 .card-left .card-leftdesc{font-size: 16px;}
 .card-left .card-leftdesc h2{font-size: 22px;}
}
/**/
@media only screen and (min-width : 1367px) and (max-width : 1512px) {
 .cardform-rightwrp-a {padding: 0 50px;}
	
}

/*----large desktop---*/
@media only screen and (min-width : 1367px) and (max-width : 1680px) {
 
	
}