@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; 
 
 --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;
 --gray100: #E5E5E5;
 --gray200: #CECECE;
 --gray110: #C7C7C7;
 --gray120: #E0E0E0;
 --gray130: #D9D9D9;
 --gray140: #5B5B5B; 
 --drakblue: #425066;
/*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");
  /**/ 
}
 /*********************************/
/* 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: Helvetica, Arial, sans-serif; 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; -webkit-border-radius: 0; border-radius: 0; 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: 10px;}
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; }
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;} 
input::-webkit-input-placeholder { color: #b0b0b0; opacity: 1;}
input:-moz-placeholder { color: #b0b0b0; opacity: 1;}
input::-moz-placeholder { color: #b0b0b0; opacity: 1;}
input:-ms-input-placeholder { color: #b0b0b0; opacity: 1;}
/* print */
::-webkit-scrollbar{width:10px;height:10px;background-color:#bbbbbb;border-radius:10px;}
::-webkit-scrollbar-thumb{border-radius:10px;background:#838383}
@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!important;}
/*============================================  ============================================*/
.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:#999 !important; }
.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; }
/* 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:16px !important; height:16px!important; z-index:0!important; transition:.28s ease }
.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 #5a5a5a }
.inputfield [type="radio"]:not(:checked)+label:after { z-index:-1; -webkit-transform:scale(0); 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 #dc1f26 }
.inputfield [type="radio"]:checked+label:after, .inputfield [type="radio"].with-gap:checked+label:after { background-color:#dc1f26; 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 #5a5a5a; 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 #808080; top:0px; z-index:0; border-radius: 2px; opacity: 9;transform:none}
.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 #dc1f26; background-color:#dc1f26; z-index:0; border-radius:2px; }
.inputfield [type="checkbox"].filled-in.tabbed:focus+label:after { border-radius:2px; border-color:#808080; 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
=================================================================================*/

/*============================================ owl carousel Start ============================================*/
/* new owl-carousel start*/
.owl-theme .owl-dots, .owl-theme .owl-nav { text-align:center; -webkit-tap-highlight-color:transparent }
.owl-theme .owl-nav { margin-top:10px }
.owl-theme .owl-nav .disabled { opacity:.5; cursor:default }
.owl-theme .owl-nav.disabled+.owl-dots { margin-top:10px }
.owl-theme .owl-dots .owl-dot { display:inline-block; zoom:1 }
.owl-theme .owl-dots .owl-dot span { width:10px; height:10px; margin:5px 7px; background:#D6D6D6; display:block; -webkit-backface-visibility:visible; transition:opacity .2s ease; border-radius:30px }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background:#869791 }
.owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color:transparent; position:relative }
.owl-carousel { display:none; width:100%; z-index:1 }
.owl-carousel .owl-stage { position:relative; -ms-touch-action:pan-Y; -moz-backface-visibility:hidden }
.owl-carousel .owl-stage:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0 }
.owl-carousel .owl-stage-outer { position:relative; overflow:hidden; -webkit-transform:translate3d(0, 0, 0) }
.owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0) }
.owl-carousel .owl-item { min-height:1px; float:left; -webkit-backface-visibility:hidden; -webkit-touch-callout:none }
.owl-carousel .owl-item img { display:block; width:100% }
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display:none }
.no-js .owl-carousel, .owl-carousel.owl-loaded { display:block }
.owl-carousel .owl-dot { cursor:pointer; cursor:hand; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none }
.owl-carousel .owl-dots{text-align:center;-webkit-tap-highlight-color:transparent;margin-top: 15px;}
.owl-carousel .owl-dots .owl-dot{display:inline-block;zoom:1}
.owl-carousel .owl-dots .owl-dot span{width:15px;height:15px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}
.owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span{background:#f89714} 
.owl-theme .owl-nav .disabled { opacity:0; }  
.owl-carousel .owl-nav div {background-color: rgba(0, 0, 0, 0.5); background-size:70%; display: block; height: 50px; overflow: hidden; padding: 0; position: absolute; text-indent: -9999px; top: 30%; background-clip: padding-box; background-repeat:no-repeat; background-position:50%; vertical-align:middle; width:50px; cursor:pointer;box-shadow: 0 1px 1.5px 0 rgba(0,0,0,.12), 0 1px 1px 0 rgba(0,0,0,.24);-webkit-appearance: none;-webkit-border-radius: 0;background-color: rgba(255,255,255,.75);border-radius: 50%;transition: opacity .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);transition: background-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);will-change: background-color,box-shadow;}
.owl-carousel .owl-nav div img{height: 42px;width: 42px;}
.owl-carousel .owl-nav div:hover{box-shadow: 0 10px 10px 0 rgba(0,0,0,.19), 0 6px 3px 0 rgba(0,0,0,.23);background-color: rgba(255,255,255,.9);cursor: pointer; background-color: rgba(255,255,255,.9)}
.owl-carousel .owl-nav div.owl-next { background-image: url(https://d3aew4oo17ml6.cloudfront.net/astrosite/keyboard-arrow.svg); right:0;-ms-transform: rotate(90deg);transform: rotate(90deg); }
.owl-carousel .owl-nav div.owl-prev { background-image: url(https://d3aew4oo17ml6.cloudfront.net/astrosite/keyboard-arrow.svg); left:0;-ms-transform: rotate(-90deg);transform: rotate(-90deg); }
.owl-carousel.owl-loading { opacity:0; display:block }
.owl-carousel.owl-hidden { opacity:0 }
.owl-carousel.owl-refresh .owl-item { visibility:hidden }
.owl-carousel.owl-drag .owl-item { -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none }
.owl-carousel.owl-grab { cursor:move; cursor:grab }
.owl-carousel.owl-rtl { direction:rtl }
.owl-carousel.owl-rtl .owl-item { float:right }
.owl-carousel .animated { animation-duration:1s; animation-fill-mode:both }
.owl-carousel .owl-animated-in { z-index:0 }
.owl-carousel .owl-animated-out { z-index:1 }
.owl-carousel .fadeOut { animation-name:fadeOut }
@keyframes fadeOut { 0% {
opacity:1
}
100% {
opacity:0
}
}
.owl-height { transition:height .5s ease-in-out }
.owl-carousel .owl-item .owl-lazy { opacity:0; transition:opacity .4s ease }
.owl-carousel .owl-item img.owl-lazy { transform-style:preserve-3d }
.owl-carousel .owl-video-wrapper { position:relative; height:100%; background:#000 }
.owl-carousel .owl-video-play-icon { position:absolute; height:80px; width:80px; left:50%; top:50%; margin-left:-40px; margin-top:-40px; background:url(owl.video.play.png) no-repeat; cursor:pointer; z-index:1; -webkit-backface-visibility:hidden; transition:transform .1s ease }
.owl-carousel .owl-video-play-icon:hover { -ms-transform:scale(1.3, 1.3); transform:scale(1.3, 1.3) }
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display:none }
.owl-carousel .owl-video-tn { opacity:0; height:100%; background-position:center center; background-repeat:no-repeat; background-size:contain; transition:opacity .4s ease }
.owl-carousel .owl-video-frame { position:relative; z-index:1; height:100%; width:100% }
 
/*============================================ owl carousel end ============================================*/
#legalwrp {}
#homeheader {background: url("../images/legalmanibg.png") 0 0 no-repeat;}
.legallogo{position: relative;height: 45px;}
.legallogo a {width: 120px;background: url("../images/legal-logo.svg") 0 0 no-repeat;display: block;height: 45px;overflow: hidden;text-indent: -9999px;}
/**/
header {background: var(--white);border-radius: 4px;margin: 20px 0;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;padding: 10px;box-shadow: 0 0 10px rgb(137 173 255 / 35%);}
header menu{font-family: var(--poppins);display: flex;justify-content: center;align-items: center;position: relative}
header menu a{font-weight: 500;padding:15px 10px;position: relative;color: var(--drakblue); display: block}
header menu a i{margin-left: 3px;} 
header menu span{position: relative} 
header menu span svg{-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;}
header menu span:hover a i svg{-webkit-transform: rotate(180deg);transform: rotate(180deg);}
header menu span:hover .submenu{display: block}
header menu .submenu{background: var(--white); position: absolute;box-shadow: 0 0 10px rgb(137 173 255 / 35%);z-index: 2;border-radius: 4px;display: none;min-width: 250px;left: 0}
header menu span:last-child .submenu {right: 0;left: auto;}
header menu .submenu ul{margin: 10px 0 0;max-height: 300px;overflow-y: auto;overflow-x: hidden;width: 100%;}
header menu .submenu ul li{margin: 0 0 5px;}
header menu .submenu ul li a:hover{background: var(--yellow);color: var(--white);border: 0}
header menu .submenu ul li a{display: block;padding: 10px;margin: 0;color: var(--gray666);border: 0}
header menu .menustky{background: #ffeded; border: solid 1px var(--white);-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;}
header menu .menustky a{color: #f00!important; text-shadow: none!important;border: 0;padding: 15px 10px;}
/*right menu*/
.secnav{}
.secnav ul{display: flex;justify-content: flex-end;align-items: center}
.secnav ul li{margin-left: 10px;font-family: var(--poppins); font-size: 14px;position: relative}
.secnav ul li span{}
.secnav ul li a{display: flex; align-items: center;justify-content: center;min-width: auto;}
.secnav ul li.loginwrp{}
.secnav ul li.loginwrp.active svg{-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.secnav ul li.loginwrp svg{fill:var(--white);margin: 0 3px;} 
.secnav ul li .afterlogin{position: absolute; right: 0;background: var(--white); position: absolute;box-shadow: 0 0 10px rgb(137 173 255 / 35%);z-index: 2;border-radius: 4px;min-width: 250px; padding: 10px 0}
.secnav ul li .afterlogin .username{padding: 10px; color: var(--gray666);border-bottom: solid 1px var(--grayddd)}
.secnav ul li .afterlogin .logoutwrp a{padding: 10px; color: var(--gray666);justify-content: flex-start;border-top: solid 1px var(--grayddd)}
.secnav ul li .afterlogin ul{display: block} 
.secnav ul li .afterlogin ul{margin: 0}
.secnav ul li .afterlogin ul li{margin: 0 0 5px;}
.secnav ul li .afterlogin ul li a:hover{background: var(--yellow);color: var(--white);border: 0}
.secnav ul li .afterlogin ul li a{padding: 10px;margin: 0;color: var(--black);border: 0;justify-content: flex-start}
.secnav ul li.walletnav a{color: var(--black);}
.secnav ul li.walletnav svg{margin-right: 5px;fill: #999;}
.secnav ul li.walletnav span{color: var(--green);font-family: var(--googlesans);font-size: 14px;font-weight: 700; margin-left: 3px;}
/**/
footer{  color: var(--gray666);font-size: 12px;margin-top: 15px;background: var(--gray-a)} 
footer a{ color: var(--gray666); padding:0 5px}
footer .footer-topmenu{padding: 25px 0;}
footer .footer-topmenu > li{float: left;width: 20%;}
footer .footer-topmenu > li .footertitle{font-size: 12px;padding: 10px;position: relative;text-transform: uppercase; font-weight: 700} 
footer .footer-topmenu > li .footermenu{color: #7f7f7f;font-size: 12px;line-height: 20px;padding: 10px;}
footer .footer-topmenu > li .footermenu b { display: block; font-weight: 500; }
footer .footer-topmenu > li .footermenu a { margin-top: 10px; color: #7f7f7f; }
footer .footer-topmenu > li .footermenu li{padding-bottom: 5px;}
footer .footer-topmenu > li .footermenu select{ border: solid 1px #bdbdbd;border-radius: 3px;padding: 5px;background: #dcd9d9;margin: 5px 0;    width: 100%;}   				
footer .footetmenuwrp{padding: 15px 8px;}
footer .footercard{margin-bottom: 15px;}
footer .footercard > .footertitle{font-size: 14px;padding: 10px 10px 15px 0;position: relative;font-weight: 600;color: var(--black); display: flex;align-items: center}
footer .footercard > .footertitle i{margin-left: auto;display: none}
footer .footercard > .footertitle i svg{-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;opacity: 0.5}
footer .footercard > .footertitle.active i svg{-webkit-transform: rotate(180deg);transform: rotate(180deg);}
footer .footercard > .footertitle.active i svg{}
footer .footercard > .footerdetails b, footer .footercard > .footerdetails p {display: block;color: var(--gray666);padding: 0 0 10px;}
footer .footercard > .footerdetails b span{color: var(--black);font-weight: 500;}
footer .footercard > .footerdetails { font-size: 14px; color: var(--gray666); font-weight: 400}
footer .footercard > .footerdetails select{padding: 5px 10px; font-size: 13px;}
footer .footercard > .footerdetails a{color: var(--blue)}
footer .footercard > .footerdetails ul{margin: 0;padding: 0;}
footer .footercard > .footerdetails ul li{padding:7px 0;font-size: 14px;position: relative;padding-left: 25px;padding-bottom: 15px;}
footer .footercard > .footerdetails ul li:before{width: 10px;height: 10px;background: #c7c4c4;content: "";display: inline-block; border-radius: 50%;position: absolute; left: 0;}
footer .footercard > .footerdetails ul li a{ color: var(--gray666)}					
footer .footercard > .footerdetails ul li a:hover{ color: var(--color-blue);text-decoration: underline}					
footer .footercard > .footerdetails .social-mediums{}
footer .footercard > .footerdetails .social-mediums ul{ display:flex;align-items: center;justify-content: flex-start;margin: 0;}
footer .footercard > .footerdetails .social-mediums ul li{margin: 0; list-style-type: none; padding: 0}
footer .footercard > .footerdetails .social-mediums ul li:before{display: none}
footer .footercard > .footerdetails .social-mediums ul li a{color: #62646a;display: block;} 
footer .footercard > .footerdetails .social-mediums ul li a i{width: 30px; height: 30px; background: #f0f0f0; border-radius: 50%;display: inline-block;display: flex;align-items: center;justify-content: center;} 
footer .footercard > .footerdetails .social-mediums ul li.fb i{background: #3E5A99;}
footer .footercard > .footerdetails .social-mediums ul li.in i{background: #0577B5;}
footer .footercard > .footerdetails .social-mediums ul li.tw i{background: #60A9DD;}
footer .footercard > .footerdetails .social-mediums ul li.ins i{background: rgb(255,208,89);
background: linear-gradient(22deg, rgba(255,208,89,1) 0%, rgba(253,86,39,1) 40%, rgba(190,43,188,1) 80%, rgba(1,67,223,1) 100%);}
footer .footercard > .footerdetails .social-mediums ul li.wt i{background: #0E9F16;}
footer .footercard > .footerdetails .social-mediums ul li.lk i{background: #fff;}
footer .footercard > .footerdetails .social-mediums ul li.youtube i{background: #bd081c;}
footer .footercard > .footerdetails .social-mediums ul li.pintrst i{background: #bd081c;} 
footer .footercard > .footerdetails .social-mediums ul li a i svg{fill:var(--white)}

footer .footercard > .footerdetails .secureitems {display: flex;align-items: center;justify-content: flex-start; padding-bottom: 10px;}
footer .footercard > .footerdetails .secureitems i{background: #fff; padding: 5px; border: solid 1px #ddd;border-radius: 50%; width: 35px; height: 35px; margin-right: 10px;text-align: center;}
footer .footercard > .footerdetails .secureitems i svg{width: 20px; height: 20px;}
footer .footetmenuftwrp{background: #e1e1e1}
footer .footetmenuft{ display: flex; border-top:solid 1px #ddd}
footer .footetmenuft .copyrite {color: #666;font-size: 11px;padding: 15px 0 15px;text-align: center;}
footer .footetmenulink{margin-left: auto;padding: 15px 0 15px;}
footer .footetmenulink a{color: var(--gray666)}
footer .footetmenulink a:hover{color: var(--blue);text-decoration: underline}
/**/
.herotitle{font-family: var(--poppins);font-size: 40px;font-weight: 300;margin-bottom: 10px;}
.herotitle span{font-weight: 600;color: var(--red);margin-top: 16px;}
/**/
.packageblock{border-bottom: solid 1px var(--grayddd);padding: 35px 0;margin-bottom: 15px;}
.packageblock .packcard{margin-top: 25px;}
.packageblock .packcard .packcardtitle{font-family: var(--poppins);font-size: 26px;font-weight: 300;margin-bottom: 10px;line-height: 36px;}
.packageblock .packcard .packcardesc{display: flex; flex-direction: column}
.packageblock .packcard .packcardesc span{padding: 15px 0;display: inline-flex;align-items: center;gap: 15px; font-size: 16px;}
.packageblock .packcard .packcardesc span.one i{background: #FFF4E2}
.packageblock .packcard .packcardesc span.two i{background: #E7FBF9}
.packageblock .packcard .packcardesc span.three i{background: #FDE0F6}  
.packageblock .packcard .packcardesc span.one i svg{fill: #9B6623}
.packageblock .packcard .packcardesc span.two i svg{fill: #1AA260;}
.packageblock .packcard .packcardesc span.three i svg{fill: #F763CF}   
.packageblock .packcard .packcardesc span i{width: 40px; height: 40px;display: inline-flex; border-radius: 50%;align-items: center; justify-content: center}  
.packagelistwrp {margin-top: 20px;}
.packagelistwrp .packagelist{display: flex; justify-content: space-between;align-items: center;box-shadow: 0 0 10px rgb(137 173 255 / 35%);background: var(--white);border-radius: 5px; padding: 15px;margin-bottom: 20px;}
.packagelistwrp .packagelist.active{background: #6B5AD0;}
.packagelistwrp .packagelist.active .priceactn .inputfield label, .packagelistwrp .packagelist.active .priceactn .inputfield label b, .packagelistwrp .packagelist.active .pricelist b, .packagelistwrp .packagelist.active .pricelist span{color: var(--white)}
.packagelistwrp .packagelist.active .priceactn .inputfield [type="radio"]+label:before, .packagelistwrp .packagelist.active .priceactn .inputfield [type="radio"]+label:after{border-color: var(--white)}
.packagelistwrp .packagelist.active .priceactn .inputfield [type="radio"]:checked+label:after, .packagelistwrp .packagelist.active .priceactn .inputfield [type="radio"].with-gap:checked+label:after{background: var(--white)}
.packagelistwrp .packagelist .priceactn{}
.packagelistwrp .packagelist .priceactn .inputfield{}
.packagelistwrp .packagelist .priceactn .inputfield label{color: var(--black);font-family: var(--roboto); font-size: 16px;padding-left: 40px;left: 0;line-height: 35px; text-transform: uppercase}
.packagelistwrp .packagelist .priceactn .inputfield [type="radio"]+label:before, .packagelistwrp .packagelist .priceactn .inputfield [type="radio"]+label:after{width: 26px !important; height: 26px!important;}
.packagelistwrp .packagelist .priceactn .inputfield label b{color: var(--gray999);font-size: 14px;line-height: 16px; text-transform: none}
.packagelistwrp .packagelist .priceactn b{display: block}
.packagelistwrp .packagelist .pricelist {text-align: center}
.packagelistwrp .packagelist .pricelist b, .packagelistwrp .packagelist .pricelist span{display: block}
.packagelistwrp .packagelist .pricelist b{color: var(--green);font-family: var(--googlesans);font-size: 28px;font-weight: 500;}
.packagelistwrp .packagelist .pricelist span{color: var(--gray777)}
.packagelistwrp.packagelistwrp nav{display: flex; align-items: center; justify-content: center; margin: 0 0 15px}
.packagelistwrp nav ul{display: flex; align-items: center;box-shadow: 0 0 10px rgb(137 173 255 / 35%);background: var(--white); margin: 15px 0;gap:15px;padding: 5px;border-radius: 30px;}
.packagelistwrp nav ul li.active a{background: #196DEB;color: var(--white)}
.packagelistwrp nav ul li.arrow a{background: none;padding: 0}
.packagelistwrp nav ul li i{margin-right: 5px;display: inline-flex;fill:#196DEB;}
.packagelistwrp nav ul li a{background: #D9DDF7;color:#196DEB;padding: 10px 30px; display: block;border-radius: 30px;display: flex; align-items: center;} 
.packagelistwrp nav ul li.active svg{fill: var(--white)}{margin-top: 25px;}
.packagelist.regular{border-left: solid 3px #FDBA17;}
.packagelist.recommended{border-left: solid 3px #2993FF;}
.packagelist.popular{border-left: solid 3px #FD4060;}
.packagelist.premium{border-left: solid 3px #1AA260;}       
.packagelistwrp .packagelist.regular .priceactn .inputfield [type="radio"]:checked+label:after, .packagelistwrp .packagelist.regular .priceactn .inputfield [type="radio"].with-gap:checked+label:before, .packagelistwrp .packagelist.regular .priceactn .inputfield [type="radio"].with-gap:checked+label:after{border: 2px solid #FDBA17;}       
.packagelistwrp .packagelist.regular .priceactn .inputfield [type="radio"]:checked+label:after, .packagelistwrp .packagelist.regular .priceactn .inputfield [type="radio"].with-gap:checked+label:after{background-color: #FDBA17;}       
.packagelistwrp .packagelist.recommended .priceactn .inputfield [type="radio"]:checked+label:after, .packagelistwrp .packagelist.recommended .priceactn .inputfield [type="radio"].with-gap:checked+label:before, .packagelistwrp .packagelist.recommended .priceactn .inputfield [type="radio"].with-gap:checked+label:after{border: 2px solid #2993FF;}       
.packagelistwrp .packagelist.recommended .priceactn .inputfield [type="radio"]:checked+label:after, .packagelistwrp .packagelist.recommended .priceactn .inputfield [type="radio"].with-gap:checked+label:after{background-color: #2993FF;}
.packagelistwrp .packagelist.popular .priceactn .inputfield [type="radio"]:checked+label:after, .packagelistwrp .packagelist.popular .priceactn .inputfield [type="radio"].with-gap:checked+label:before, .packagelistwrp .packagelist.popular .priceactn .inputfield [type="radio"].with-gap:checked+label:after{border: 2px solid #FD4060;}       
.packagelistwrp .packagelist.popular .priceactn .inputfield [type="radio"]:checked+label:after, .packagelistwrp .packagelist.popular .priceactn .inputfield [type="radio"].with-gap:checked+label:after{background-color: #FD4060;}       
.packagelistwrp .packagelist.premium .priceactn .inputfield [type="radio"]:checked+label:after, .packagelistwrp .packagelist.premium .priceactn .inputfield [type="radio"].with-gap:checked+label:before, .packagelistwrp .packagelist.premium .priceactn .inputfield [type="radio"].with-gap:checked+label:after{border: 2px solid #1AA260;}       
.packagelistwrp .packagelist.premium .priceactn .inputfield [type="radio"]:checked+label:after, .packagelistwrp .packagelist.premium .priceactn .inputfield [type="radio"].with-gap:checked+label:after{background-color: #1AA260;}

.packagecatewarp{display: flex;justify-content: center;margin:15px 0 }
.packagecatewarp select{ width: 280px; border: solid 1px var(--drakblue);border-radius: 4px;padding: 10px}

.waltprice{}
.waltprice small{font-size: 16px; font-weight: 500;padding-bottom: 5px;display: block}
.waltprice b{color: var(--green);font-family: var(--googlesans);font-size: 20px;font-weight: 500;padding-right: 5px;}
.waltprice span{color: var(--gray777); font-size: 14px;}

/* Accordion Menu */
.accordionmenu, .accordionmenu ul, .accordionmenu li, .accordionmenu a { margin: 0; padding: 0; border: 0; list-style: none; font-weight: normal; text-decoration: none;  font-size: 14px; position: relative;font-family: var(--googlesans);}
.accordionmenu { padding:15px; width: 100%; margin:0; }
.accordionmenu p.faqpagr { border-bottom:solid 1px #ddd }
.accordionmenu ul { border-top:0; }
.accordionmenu ul li { border:solid 1px #ebebeb; margin-bottom:1px;} 
.accordionmenu ul li a {font-size: 15px; color: #333; display: flex;justify-content: space-between;align-items: center;flex-wrap: nowrap; padding:10px; }
.accordionmenu ul li a:hover { text-decoration: none; }
.accordionmenu ul li.active a { color:var(--black);font-weight: 500;background: #f5faff;border: solid 1px var(--white);border-radius: 5px;} 
.accordionmenu ul li.active a i{background: #fff;padding: 0;border-radius: 50%;width: 25px;height: 25px;display: inline-block;text-align: center;line-height: 24px; }
.accordionmenu ul li.active a svg{padding-top: 0;width: 12px; height: 12px;}
.accordionmenu ul li a i { float:right; color:#000;  font-size:16px; }
.accordionmenu ul li a i svg{ -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; }
.accordionmenu ul li.active a i svg{ -webkit-transform: rotate(180deg); transform: rotate(180deg); }
/* Sub menu */
.accordionmenu ul div {display: none}
.accordionmenu ul .acc { padding: 5px 12px;}
.accordionmenu ul .acc a{display: inline-block;color: #009fff;}
.accordionmenu ul .acc ol, .accordionmenu ul .acc ul { margin:10px 0 0; }
.accordionmenu ul .acc ol li { list-style:decimal !important; }
.accordionmenu ul .acc ul{margin-bottom: 10px;}
.accordionmenu ul .acc ol li, .accordionmenu ul .acc ul li { list-style-type:circle; margin:0 0 10px 20px; border:0; color:#666;font-size: 15px;line-height: 22px;}
.accordionmenu ul .acc ul li a, .accordionmenu ul .acc ol li a {  background:none; padding:0; display: inline; font-size: 14px;color: var(--blue)}
.accordionmenu ul .acc p a{display: inline-block; padding: 0;font-size: 14px;line-height: 21px; }
.accordionmenu ul .acc .table{width: 100%;}
.accordionmenu ul .acc .table th, .accordionmenu ul .acc .table td{border: solid 1px #ddd}
.accordionmenu ul .acc .table thead{ background: #fbfbfb;}
.accordionmenu ul .acc .table thead th{ font-weight: 500;padding:10px; }                
.accordionmenu ul .acc .table tbody td{ font-size: 14px;}
.accordionmenu ul .acc .table tbody td a{font-size: 14px; padding: 0}
.accordionmenu p{color: #666;font-size: 14px;line-height: 21px;padding: 0 0 10px;}
/**/
.accordionwrp{}
.accordionwrp .accordionmenu ul li{box-shadow: 0 0 10px rgb(137 173 255 / 35%);background: var(--white);border-radius: 5px;margin-bottom: 25px;}
.accordionwrp .accordionmenu ul li a{padding: 15px;}

/* Accordion Menu */

.reviewwrp{padding: 0 10px;margin-top: 35px;}
.reviewwrp .reviewlist{}
.reviewwrp .reviewlist figure{width: 100px; height: 100px; border-radius: 50%;margin: 0 auto; position: relative;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%);border: 5px solid var(--white); overflow: hidden;display: flex;align-items: center;justify-content: center; font-size: 30px; color: var(--white); text-transform: uppercase;background: rgb(33,165,230);background: linear-gradient(90deg, rgba(33,165,230,1) 0%, rgba(68,210,181,1) 100%);}
.reviewwrp .reviewlist figure img{width:100%; height: 100%}
.reviewwrp .reviewlist .reviewlistinfo{box-shadow: 0 0 10px rgb(137 173 255 / 35%);background: var(--white);border-radius: 5px;margin-bottom: 20px; margin-top: -45px;}
.reviewwrp .reviewlist .reviewlistinfo .reviewhd{border-bottom: solid 1px var(--grayddd); padding:60px 15px 15px; text-align: center}
.reviewwrp .reviewlist .reviewlistinfo .ratings{display: block}
.reviewwrp .reviewlist .reviewlistinfo .rivername{font-size: 16px;margin: 0 0 8px;font-weight: 600;color: var(--drakblue);}
.reviewwrp .reviewlist .reviewlistinfo .rivercaty{font-size: 13px;margin: 0 0 8px;color: var(--black);} 
.reviewwrp .reviewlist .reviewlistinfo .reviewbd{padding: 15px}
.reviewwrp .reviewlist .reviewlistinfo .reviewbd p{color: var(--gray888);line-height: 20px;}
.reviewwrp .reviewlist .reviewlistinfo .reviewbd p svg{fill: var(--grayddd);}

.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}

.modalheadwrp{box-shadow: 0 0 0.5rem 0 rgb(137 173 255 / 35%); padding-bottom: 15px}
.modalhead {display: flex;flex-shrink: 0;align-items: center;padding: 15px;position: relative; font-size: 20px;gap:10px;font-weight: 600;}
.modalhead figure{width: 60px; height: 60px; 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}

.keyhighlights{padding:0 15px;}
.keyhighlights ul{display: flex; justify-content: space-between; gap:10px;}
.keyhighlights ul li{display: flex;align-items: center;gap: 10px; font-size: 13px;}
.keyhighlights ul li i{width: 40px;height: 40px;border-radius: 50%;display: flex;align-items: center;background: #fff0e6;justify-content: center; border: solid 2px #fff;}
.keyhighlights ul li span{flex: 1}
.keyhighlights ul li.one i{background: #d0efdb}
.keyhighlights ul li.one i svg{fill: #087c12}
.keyhighlights ul li.two i{background: #e6f7f9}
.keyhighlights ul li.two i svg{fill: #0a7d8b}
.keyhighlights ul li.three i{background: #f3d6d4}
.keyhighlights ul li.three i svg{fill: #ad261d}

.modalbd {padding: 15px}
.modalft {display: flex;flex-wrap: wrap;flex-shrink: 0;box-shadow: 0 0 0.5rem 0 rgb(137 173 255 / 35%);width: 100%;padding: 15px;justify-content: center;gap:15px;}
.close{margin-left: auto;position: absolute;right: 10px;top: 10px;}
.modal .packagelistwrp{margin:0}
.modal .packagelistwrp p.walletalert{padding: 15px;background: #f8d7da;color: #842029; border-left: 3px solid #842029;}
.modal .packagelistwrp p.balencealert{padding: 15px;background: #fffaef;color: #212121; border-left: 3px solid #fedd8e;}
.modal .packagelistwrp p.balencealert span{color: var(--white);background: var(--green); font-family: var(--googlesans); font-weight: 500; font-size: 18px; padding: 2px 10px; border-radius: 3px;margin: 0 3px;}
.modal .packagelistwrp .packagelist{box-shadow: none;border-bottom: solid 1px var(--grayddd);border-radius: 0;padding: 15px;margin: 0;}
.modal .packagelistwrp .packagelist .pricelist b{font-size: 20px;}
.modal .packagelistwrp .packagelist .priceactn .inputfield [type="radio"]+label:before, .modal .packagelistwrp .packagelist .priceactn .inputfield [type="radio"]+label:after {width: 20px !important;height: 20px!important;}
.modal .packagelistwrp .packagelist .priceactn .inputfield label{padding-left: 30px;}
.walletcatelist {}

.walletcatelist .accordionmenu ul .acc .inputfield ol li, .walletcatelist .accordionmenu ul .acc .inputfield ul li{list-style-type: none;margin: 0 0 15px;}
.walletcatelist .inputfield [type="checkbox"]+label{left: 0 !important}
.walletcatelist .inputfield [type="radio"]:not(:checked)+label, .walletcatelist .inputfield [type="radio"]:checked+label{left: 0 !important}
.dialogformwrp{display: grid;gap: 1rem; justify-content: center;padding: 15px 0;}
.dialogformwrp .dialogform{margin-bottom: 15px;width: 100%;font-family: var(--roboto);}
.dialogformwrp .dialogform .contact{display: flex}
.dialogformwrp .dialogform .contact select{margin-right: 15px;}
.dialogformwrp .dialogform .contact input{width: 241px;}
.dialogformwrp .dialogform label{display: block;padding-bottom: 10px;}
.dialogformwrp .dialogform.alertext label, .dialogformwrp .dialogform.alert label{color:var(--red);}
.dialogformwrp .dialogform.alertext input, .dialogformwrp .dialogform.alert input{border-color:var(--red);}
.dialogformwrp .dialogform input{border: solid 1px #909090; display: flex;width: 350px;height: 50px;}
  
.astrotpwrp{text-align: center;padding: 15px 0}				
.astrotpwrp .astrotp{padding: 15px 15px 20px;margin:0; border-bottom: dashed 1px var(--grayddd)}
.astrotpwrp .astrotp .check {font-size: 15px;line-height: 23px;display: inline-block;background:var(--white);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;}
.astrotpwrp .astrotp .check.select {background: #ff837e;border: 1px #e47672 solid;color:var(--white);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);}
.astrotpwrp .astrotp p{padding-bottom: 10px;}
.astrotpwrp .astrotp p.large{ font-size:16px;font-weight: 600;letter-spacing: .5px; margin: 0}
.astrotpwrp .astrotp .check.submit {background: #08a182;border: 1px #08a182 solid;color:var(--white);}
.astrotpwrp .astrotp .otpgroup{padding: 10px 0}
.astrotpwrp .astrotp .otpgroup span{margin-right: 10px}
.astrotpwrp .astrotp .otpgroup span.alert input{border-color: #d6181f;}
.astrotpwrp .astrotp .otpgroup .alertext{color: #d6181f;font-size: 12px; padding: 5px 0}
.astrotpwrp .astrotp .otpgroup span input{width: 50px; text-align: center;border-radius: 3px;padding: 10px;height: auto;}
.astrotpwrp .astrotp .otpgroup span input:focus{border-color: #ff7a21!important}
.astrotpwrp .astrotp .otpgroup span input:focus-visible{outline-color: #ff7a21!important} 
.astrotpwrp .missed-verify { margin-top:-20px; text-align:center;padding-bottom: 30px }
.astrotpwrp .missed-verify .or {width: 40px;height: 40px; background: #E6E6E6;border-radius: 100%;display: flex;align-items: center;justify-content: center;font-size: 16px;font-weight: 700;text-transform: uppercase;margin: 0 auto 15px auto;} 
.astrotpwrp .missed-verify .action { margin:10px 0 }      
.astrotpwrp .missed-verify .toll-free {font-size: 18px;font-weight: 500;}
.astrotpwrp .missed-verify .toll-free p.small {font-size: 12px;display: block;padding: 10px 0;color: var(--gray777);}
.astrotpwrp .changenum{padding: 10px 0}
.astrotpwrp .astrotp p a{padding: 0 5px;}
/**/
.walletinpt{padding: 15px 0;text-align: center}
.walletinpt .alert input{ border: solid 1px var(--red)}
.walletinpt .alert label{ color:var(--red)}
.walletinpt label{display: block;padding-bottom: 15px}
.walletinpt input{border: 1px solid var(--grayccc)}
.walletft{text-align: center}
.walletft a {margin: 0 auto;width: 200px;padding: 10px 20px;font-size: 16px;}
.walletft p {display: block;font-size: 13px;padding: 10px 0 0;}
/**/
.cardtitle{ font-size: 40px; font-weight:300;margin-bottom: 10px;}
.cardtitle span{display: block; font-weight: 600; color: var(--red);margin-top: 16px;}
/**/
.mobi-menu{background: #fff; box-shadow: 0 -1px 8px 0 rgb(137 173 255 / 35%);justify-content: space-around;position: fixed;bottom: 0;left: 0; z-index: 9;width: 100%; display: none;align-items: center}
.mobi-menu span{}
.mobi-menu span a{ text-align: center;display: block;padding: 10px;}
.mobi-menu span i{display: flex;justify-content: center;align-items: flex-start;}
.mobi-menu span i svg{fill:#7f7f7f;}
.mobi-menu span b, .mobi-actn span b{ display: block;padding: 5px 0; color: #7f7f7f} 
.mobi-menu span b>span{color: var(--color-green);font-family: var(--font-googlesans);font-size: 14px;font-weight: 700;}
.mobi-menu .actongroup{margin: 0;padding: 15px 0;}
.mobi-menu .actongroup .actionwrp{  min-height: auto;box-shadow: none;}
.mobi-menu .actongroup .actionwrp span{display: flex;gap: 5px; align-items: center;} 
.mobi-menu .actongroup .actionwrp a{padding: 5px 15px;} 
.mobi-menu .actongroup .actionwrp.available{ border-color: var(--color-green)}
.mobi-menu .actongroup .actionwrp.busy{border-color: var(--color-red)}
.mobi-menu .actongroup .actionwrp.offline{border-color: var(--color-grey)}
.mobi-menu .actongroup .actionwrp.available a{ color: var(--color-green)}
.mobi-menu .actongroup .actionwrp.busy a{color: var(--color-red)}
.mobi-menu .actongroup .actionwrp.offline a{color: var(--color-grey)}
.mobi-menu .actongroup .actionwrp.available i{margin: 0}
.mobi-menu .actongroup .actionwrp.available i svg{ fill:var(--color-green)}
.mobi-menu .actongroup .actionwrp.busy i svg{fill:var(--color-red)}
.mobi-menu .actongroup .actionwrp.offline i svg{fill:var(--color-grey)}
.hamburgerwrp.mobinav{position: absolute; margin-top: -150px;right: 15px; background: var(--color-white);box-shadow: 0 0 4px #ccc;position: absolute;margin-top: -80px;right: 15px;background: var(--color-white);box-shadow: 0 0 4px #ccc;border-radius: 50%;width: 60px;height: 60px;display: flex;justify-content: center;align-items: center;bottom: 80px;}
.hamburger{-webkit-transition: background 0s 0.3s;transition: background 0s 0.3s;background: #FBA511;display: block;height: 3px;-webkit-border-radius: 1px;border-radius: 1px;background-clip: padding-box;position: relative; width: 15px; transform: rotate(180deg);margin: 0 auto;margin-top: 10px;}
.hamburgerwrp{}
.hamburger:before, .hamburger:after {-webkit-transition-duration: 0.3s, 0.3s;transition-duration: 0.3s, 0.3s;-webkit-transition-delay: 0.3s, 0s;transition-delay: 0.3s, 0s;content: "";display: block;height: 3px;left: 0;position: absolute;width: 100%;-webkit-border-radius: 1px;border-radius: 1px;background-clip: padding-box;}
.mobi-menu .hamburgerwrp b, .mobi-actn .hamburgerwrp b{margin-top: 9px;}
.hamburger:before {-webkit-transition-property: top, -webkit-transform;transition-property: top, transform;top: -6px;width: 20px;background-color: #E62489;}
.hamburger:after {-webkit-transition-property: bottom, -webkit-transform;transition-property: bottom, transform;bottom: -6px;width: 20px;background-color: #E71C28;}

.activemenu .hamburger{background: none;}
.activemenu .hamburger:before, .activemenu .hamburger:after {-webkit-transition-delay: 0s, 0.3s;transition-delay: 0s, 0.3s;background-color: #333;}
.activemenu .hamburger:before {top: 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.activemenu .hamburger:after {bottom: 0;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}

.thank-group{text-align: center;padding: 15px;}
.thank-group .desc{font-size: 22px; color: var(--green);margin-bottom: 35px; font-weight: 500}
.thank-group .desc p{color: var(--gray777); font-size: 16px;margin: 10px 0;}     
.callconnectwrp{background: var(--gray-b);padding: 15px 0;margin: 15px 0;}
.callconnect{position: relative;width: 90%;display: flex; justify-content: space-between;margin: 0 auto}
.callconnect:before{content: "";position: absolute;width: 100%;border-bottom: 2px dashed #c7c7c7;left: 0; top: 40%;}
.callconnect figure{width: 80px;height: 80px;border: 5px solid #FFFFFF;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%);border-radius: 50%;overflow: hidden;flex-shrink: 0;position: relative;z-index: 1;background:var(--white)}
.callconnect span{margin-top: 10px; display: block}
.callconnect figure img {border-radius: 50%;width: 80px;height: 80px;transform: scale(1.1) translate(0, 0);transition: all 0.35s ease-in-out;}
.call-animation{background: var(--gray-b);width: 50px;height: 50px;border-radius: 100%;border: solid 5px var(--white);animation: call 1.5s ease infinite;color: aliceblue;  padding: 8px;position: relative; display: flex; align-items: center;justify-content: center;top: 18px;}				
.call-animation svg{fill:#fd9967;} 
@keyframes call {
    15% {box-shadow: 0 0 0 4px rgba(253, 153, 103, 0.5);}
    25% {box-shadow: 0 0 0 8px rgba(253, 153, 103, 0.5), 0 0 0 16px rgba(253, 153, 103, 0.3);}
    30% {box-shadow: 0 0 0 12px rgba(253, 153, 103, 0.5), 0 0 0 24px rgba(253, 153, 103, 0.3);}
}
/**/
/*scroll section*/ 
.scroll-area svg{-webkit-transform: rotate(90deg);transform: rotate(90deg); fill:var(--white)}
.scroll-area{position: relative;z-index: 999;}
.scroll-area .go-top {position: fixed;cursor: pointer;top: 0;right: 30px;color: var(--white);z-index: 9999;width: 45px;text-align: center;height: 45px;line-height: 42px;
opacity: 0;visibility: hidden;-webkit-transition: all 0.9s ease-out 0s;-moz-transition: all 0.9s ease-out 0s;-ms-transition: all 0.9s ease-out 0s;-o-transition: all 0.9s ease-out 0s;
transition: all 0.9s ease-out 0s;border-radius: 10px; }
.scroll-area .go-top i {position: absolute;top: 50%;left: -4px;right: 0;margin: 0 auto;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);transform: translateY(-50%);-webkit-transition: all 0.5s ease-out 0s;-moz-transition: all 0.5s ease-out 0s;-ms-transition: all 0.5s ease-out 0s;-o-transition: all 0.5s ease-out 0s;transition: all 0.5s ease-out 0s;}
.scroll-area .go-top i:last-child {opacity: 0;visibility: hidden;top: 60%;}
.scroll-area .go-top::before{content:"";border:3px solid rgb(33,165,230);position:absolute;z-index:0;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);display:block;width:130px;height:130px;border-radius:50%;animation:zoomBig 3.25s linear infinite;-webkit-animation-delay:.75s;animation-delay:.75s}
.scroll-area .go-top:focus,.scroll-area .go-top:hover{color:#fff}
.scroll-area .go-top:focus::before,.scroll-area .go-top:hover::before{opacity:1;visibility:visible}
.scroll-area .go-top:focus i:first-child,.scroll-area .go-top:hover i:first-child{opacity:0;top:0;visibility:hidden}
.scroll-area .go-top:focus i:last-child,.scroll-area .go-top:hover i:last-child{opacity:1;visibility:visible;top:50%}
.scroll-area .go-top.active{top:95%;-webkit-transform:translateY(-98%);-moz-transform:translateY(-98%);-ms-transform:translateY(-98%);-o-transform:translateY(-98%);transform:translateY(-98%);opacity:1;visibility:visible;border-radius:0;right:50px;border-radius:100%}
.top-wrap{position:relative}
.top-wrap .go-top-button{display:inline-flex;align-items: center; justify-content: center;width:50px;height:50px;line-height:40px;text-align:center;color:#fff;top:3px;z-index:1;background: rgb(33,165,230);background: linear-gradient(90deg, rgba(33,165,230,1) 0%, rgba(68,210,181,1) 100%);position: fixed;cursor: pointer;} 
.top-wrap .go-top-button::after{content:"";border:3px solid rgb(33,165,230);position:absolute;z-index:0;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);display:block;width:130px;height:130px;border-radius:50%;animation:zoomBig 3.25s linear infinite;-webkit-animation-delay:0s;animation-delay:0s}

@keyframes zoomBig {
  0% {
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 1;
    border-width: 3px;
  }
  40% {
    opacity: .5;
    border-width: 2px;
  }
  65% {
    border-width: 1px;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
    border-width: 1px;
  }
}

#newsignin{background-color: rgba(0, 0, 0, 0.8);}

.mainproduct a {background: var(--white); border-radius: 4px; color: var(--black)!important;text-shadow: none!important;padding: 10px 15px;}   
.mainproduct i{margin-left: 8px;display: inline-flex;position: relative;top: -2px;}
.mainproduct svg{ fill: var(--black);}
.mainproduct .submenu ul li a {color: var(--black);text-shadow: none}
.mainproduct .submenu ul li a:hover {background: #FDBA17; border-radius: 0;color: var(--white);} 
.mainproduct .menustky a{padding: 15px;background: none}

.topwarp{display: flex;gap:10px;}
.hamburgera{background: #f5f5f5;height: 30px;display: flex;align-items: center;padding: 5px;border-radius: 4px;cursor: pointer}
.hamburgera span{background: #777;display: block;height: 4px;-webkit-border-radius: 1px;border-radius: 1px;background-clip: padding-box;position: relative; width: 20px;} 
.hamburgera span:before, .hamburgera span:after {-webkit-transition-duration: 0.3s, 0.3s;transition-duration: 0.3s, 0.3s;-webkit-transition-delay: 0.3s, 0s;transition-delay: 0.3s, 0s;content: "";display: block;height: 4px;left: 0;position: absolute;width: 100%;-webkit-border-radius: 1px;border-radius: 1px;background-clip: padding-box;}
.hamburgera span:before {-webkit-transition-property: top, -webkit-transform;transition-property: top, transform;top: -6px;width: 20px;background-color: #777;}
.hamburgera span:after {-webkit-transition-property: bottom, -webkit-transform;transition-property: bottom, transform;bottom: -6px;width: 20px;background-color: #777;}
.menutitle {padding: 20px 10px 10px 20px;font-size: 12px;text-transform: uppercase;list-style-type: none;border-bottom: solid 1px var(--grayddd);background: #f5f5f5;}
.menutitle span{color: var(--black);font-weight: var(--fontweight600)}


/*muru end*/
@media only screen and (max-width : 320px) {
 
}
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 568px) {
.mobilehide{display: none!important;}
.mobileview{display: block!important;}
.herotitle, .cardtitle, .herotitle{font-size: 26px !important;}
.carddesc{font-size: 15px!important;}
.packageblock .packcard{margin: 0}
.herotitle span{display: block; margin-bottom: 0}
 

}
/*----iphone---*/
@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) {
 
}
/**/
@media only screen and (max-width : 768px) {
.mobilehide{display: none!important;}
.mobileview{display: block!important;}
.packageblock .packcard .packcardesc {flex-direction: row;gap: 15px;overflow-x: scroll;overflow-y: hidden;white-space: nowrap;}
 
}
/*----iphone---*/
@media (max-width: 991px) {
.mobilehide{ display: none!important}
.mobileview{ display: block!important}
footer .footercard{margin-bottom: 0;border-bottom: solid 1px #dfdfdf; border-top: solid 1px #fff}
footer .footetmenuwrp{padding:0;}
footer .footercard > .footertitle{padding:15px 10px}
footer .footercard > .footerdetails{padding: 0 10px 10px;}
footer .footercard > .footertitle.active{}
footer .footercard > .footertitle i{display: block}
footer .footetmenuft{display: block}
footer .footetmenuft .copyrite{padding: 10px 0 10px;}
footer .footetmenulink{padding: 0 0 15px; font-size: 11px; text-align: center}
footer .footetmenuftwrp{padding-bottom: 70px;}
 /**/
}
/**/
@media only screen and (max-width : 1024px) { 
header menu{display: none} 
.herotitle, .cardtitle, .herotitle{font-size: 30px;text-align: left;}
.cardtitle span{margin-top: 0}
.packageblock .packcard .packcardtitle{font-size: 17px;line-height: 20px;}
.packageblock .packcard .packcardesc span{padding: 0}
.carouselimg{display: none!important}
#homeheader{background-size: cover}
.cartcarouselwrp{margin-top: 15px;}
.modal{background: var(--white)}
.modal-dialog{margin: 0 auto;width: 100%;}
.mobi-menu{display: flex}
.mobi-actn{display: block}
 
header menu.mainmenu {position: fixed!important; right: -30px; top:0; width: 100%; z-index: 8; background-color: #fff; color: #7f7f7f; height: 100%; display: block; box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); transform: translateX(1000px); -webkit-transform: translateX(1000px); -moz-transform: translateX(1000px); -ms-transform: translateX(1000px); -o-transform: translateX(1000px); transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; border-top: 1px solid rgba(51, 51, 51, 0.25);overflow-x: hidden;overflow-y: auto; display: block!important;margin-top: 0}
header menu.mainmenu.open { transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0);right: 0;top: 0;margin: 0;box-shadow: none;display: block!important;}
 header menu.mainmenu.open .submenu{position: static;box-shadow: none;background: #f5f5f5;}
 header menu.mainmenu.open .submenu ul{margin: 0}
 header menu.mainmenu.open .submenu ul li a{border-bottom: 0}
 header menu.mainmenu.open a{display: flex;justify-content: space-between;border-bottom: solid 1px var(--grayddd);}
 .flowblock .flowwrp .flowsub{display: none}
}
/**/
@media (min-width: 300px) and (max-width: 991px) {}
/*----ipad---*/
@media only screen and (min-width : 769px) and (max-width : 1024px) {
 
}
/*----netbook---*/
@media only screen and (min-width : 1025px) and (max-width : 1280px) {
 
}
/*----ultrabook---*/
@media only screen and (min-width : 1281px) and (max-width : 1366px) {
 
}
/**/
@media only screen and (min-width : 1367px) and (max-width : 1600px) {
 

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

}
 



.msite-nav{background-color: #fff;width: 280px;display: flex;flex-direction: column;z-index: 500;transform: translateX(-790px);overflow-y: hidden;transition: all .3s ease;position: fixed;left: 0;top: 0;height: 100%;overflow: auto; z-index: 999}
.msite-nav ul{}
.msite-nav ul li{font-size: 14px; border-bottom: solid 1px var(--grayddd)}
.msite-nav ul li a{padding:15px;position: relative;color: var(--gray777); display: flex}
.msite-nav ul li svg{margin-left: auto}
.navoverlay {position: fixed;left: 0;top: 0;height: 100%;z-index: 499;width: 100%;transform: translateX(-100%);background: rgba(0,0,0,.8); } 
.open .navoverlay, .open .msite-nav{transform: translateX(0);}
.closewarp{padding: 10px;text-align: right;position: absolute;right: 0;top: 5px;}
.msite-nav b{padding: 15px 10px; background: var(--gray-a);font-weight:var(--weight500); color: var(--drakblue); font-size: 16px;display: flex;justify-content: space-between;}



 .selected {background: #ffe9bb;border-radius: 6px;}
     
   .selected a{color: #72500a;}