:root {
 /* Font Variables */ 
 --font-googlesans:'Google Sans', sans-serif; 
 --googlesans:'Google Sans', sans-serif;
 --font-roboto:'Roboto', sans-serif;; 
	--font-poppins: 'Poppins', sans-serif;
 --base-font: 14px;
 --base-line-height: 1.2; 
/*  button color*/
 --black:#000;
 --color-white:#fff;
 --color-black:#212121;
 --color-grey:#999;
 --color-ltgrey:#ccc;
 --color-light:#666;
 
 --color-darkgrey:#707070;
 --color-blue:#1b70e9; 
 --color-green:#08a182;
 --color-orange:#ff7e00;
 --color-red:#D8232A;
 --color-yellow:#ffb500; 
	--gray50: #F4F4F4;
	--gray200: #CECECE;
 --gray:#ddd;
  --drakblue: #425066;
 --grayeee: #eee; 
 --grayccc: #ccc;
 --grayddd: #ddd; 
 --gray333: #333; 
 --gray666: #666;
 --gray777: #777;
 --gray888: #888;
 --gray999: #999;
 --gray-c: #F7F7F7;
  /**/ 
--animate-duration: 1s;
--animate-delay: 1s;
--animate-repeat: 1;
  --boxshadow: 0 0 10px rgb(137 173 255 / 35%);
 --borderradius:5px;
/*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='16' height='16' 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");

}
/* Modal 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(--color-black); background-color: var(--color-white); border-color: #e7eaec; }
.btun-white.btun-outline { background-color:transparent }
.btun-white:hover { color: var(--color-black); background-color: var(--color-grey); border-color: #d2d2d2; }
/* black */
.btun-black, .btun-black.btun-outline:hover { color:var(--color-white); background-color: var(--color-black); border-color: var(--color-black); }
.btun-black.btun-outline { background-color:transparent; color: var(--color-black) }
.btun-black:hover { color: var(--color-white); background-color: var(--color-black); border-color: var(--color-black); }
/* grey */
.btun-grey, .btun-grey.btun-outline:hover { color: var(--color-black); background-color: var(--color-grey); border-color: var(--color-grey); }
.btun-grey.btun-outline { background-color:transparent }
.btun-grey:hover { color: var(--color-black); background-color: var(--color-white); border-color: #e7eaec; }
/* blue */
.btun-blue, .btun-blue.btun-outline:hover { color: var(--color-white); background-color: var(--color-blue); border-color:var(--color-blue); }
.btun-blue.btun-outline { background-color:transparent; color:var(--color-blue); }
.btun-blue:hover { background-color: var(--color-blue); border-color: var(--color-blue); color: var(--color-white); }
/* green */
.btun-green, .btun-green.btun-outline:hover { color: var(--color-white); background-color: var(--color-green); border-color: var(--color-green); }
.btun-green.btun-outline { background-color:transparent; color: var(--color-green); }
.btun-green:hover { background-color: var(--color-green); border-color: var(--color-green); color: var(--color-white); }

/* orange */
.btun-orange, .btun-orange.btun-outline:hover { color: var(--color-white); background-color:var(--color-orange); border-color: var(--color-orange); }
.btun-orange.btun-outline { background-color:transparent; color: var(--color-orange); }
.btun-orange:hover { background-color: var(--color-orange); border-color: var(--color-orange); color: var(--color-white); }
 
/* red */
.btun-red, .btun-red.btun-outline:hover { color: var(--color-white); background-color: var(--color-red); border-color: var(--color-red); }
.btun-red.btun-outline { background-color:transparent; color: var(--color-red); }
.btun-red:hover { background-color: var(--color-red); border-color: var(--color-red); color: var(--color-white); } 
/* ltyellow */
.btun-yellow, .btun-yellow.btun-outline:hover { color: var(--color-black); background-color: var(--color-yellow); border-color: var(--color-yellow); font-weight: 500}
.btun-yellow.btun-outline { background-color:var(--color-white); color: var(--color-yellow); }
.btun-yellow:hover { background-color: var(--color-yellow); border-color: var(--color-yellow); color: var(--color-yellow); } 
/* red */
.btun.btun-radus {border-radius: 50px;}
/**/
/**/
.bodyfix body, .searchmenu 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;}
/**/
.modal {background-color: rgba(0, 0, 0, 0.8);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;}
.modal .modal-table {display: table;height: 100%;table-layout: fixed;width: 100%;}
.modifra {top: 65px;left: 50%;margin-left: -156px;min-height: 614px;width: 312px;}
.closeout {left: 50%;margin-left: 120px;top: 78px;width: 50px;z-index: 999999;}
.closeout .clsoeico {font-size: 24px;color: #6c7074;font-family: 'arial';line-height: 32px;cursor: pointer;}
/**/
/*.dialog {position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;z-index: 1000;outline: none;display: none;padding: 0;overflow-x: hidden;overflow-y: auto;}*/
.dialog{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;}
.dialogcontent {border-radius: 3px;background-color: #fff;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%);}
/*.dialog .close { width: 26px; height: 26px; position: absolute; top: 0; right: -40px; font-size: 22px;}
.dialog .close a { width: 26px; height: 26px; display: block; overflow: hidden;filter: alpha(opacity=8); -khtml-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8;color: var(--color-white)}*/

.dialog .close{position: static;color: var(--color-black); font-size: 16px;text-align: right}
.dialog .close a{color: var(--color-black);text-align: right}
.dialogfooter {box-shadow: 0 0 0.5rem 0 #bbb;display: flex;flex-shrink: 0;flex-wrap: wrap;width: 100%;z-index: 100;}
.dialog .footerbutngrop{align-items: center;background: var(--color--white);display: flex;justify-content: center;padding:10px 0;width: 100%;}
.dialog .footerbutngrop a{margin: 0 5px}
/* Share Start*/
.sharecontent {border-radius: 3px;background-color: #fff;width: 650px;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%);padding: 45px 35px 25px;} 
.sharecontent	.dialogtitle{font-size: 20px;font-weight: 600;letter-spacing: .5px;padding-bottom: 30px;text-align: center}
.sharecontent .social-mediums{padding-bottom: 30px;}
.sharecontent .social-mediums ul{ display:flex;align-items: center;justify-content: center;}
.sharecontent .social-mediums ul li{margin: 0 15px;}
.sharecontent .social-mediums ul li a{color: #62646a}
.sharecontent .social-mediums ul li a:hover{text-decoration: underline}
.sharecontent .social-mediums ul li a i{width: 60px; height: 60px; background: #f0f0f0; border-radius: 50%;display: inline-block;border: solid 1px #ddd;display: flex;align-items: center;justify-content: center;}
.sharecontent .social-mediums ul li a span{text-align: center; display: block;margin-top: 10px;}
.sharecontent .social-mediums ul li.fb i{background: #3E5A99;}
.sharecontent .social-mediums ul li.in i{background: #0577B5;}
.sharecontent .social-mediums ul li.tw i{background: #60A9DD;}
.sharecontent .social-mediums ul li.ins i{background: #B82CAA;}
.sharecontent .social-mediums ul li.wt i{background: #0E9F16;}
.sharecontent .social-mediums ul li.lk i{background: #fff;}
/* Share End*/
/* Intro video start*/
.introcontent {border-radius: 3px;background-color: #fff;width: 650px;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%);padding: 45px 35px 25px;} 
.introcontent	.dialogtitle{font-size: 20px;font-weight: 600;letter-spacing: .5px;padding-bottom: 30px;text-align: center}
/* Intro wallet Start */
.walletcontent {border-radius: 3px;background-color: #fff;width: 650px;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%);padding:0;} 
.walletcontent .close{padding: 10px;}
/* Intro wallet end */
.autoheight {max-height: 390px;overflow-x: hidden;overflow-y: auto;}
.walletcontent{}
.walletcontent .dialogtitle{font-size: 20px;font-weight: 600;letter-spacing: .5px;padding: 20px;text-align: center;}
.dialoghead h3{font-size: 20px;font-weight: 600;letter-spacing: .5px;text-align: center;}
.dialoghead p{padding: 5px 0}
.dialogformwrp{display: grid;gap: 1rem; justify-content: center;padding: 15px 0;border-top: solid 1px #ebebeb;border-bottom: solid 1px #ebebeb;}
.dialogformwrp .dialogform{margin-bottom: 15px;width: 100%}
.dialogformwrp .dialogform .contact{display: flex}
.dialogformwrp .dialogform .contact select{margin-right: 15px;height:39px;padding: 4px 6px;appearance:auto !important;}
.dialogformwrp .dialogform .contact input{width: 241px;padding: 4px 6px;   height: 39px!important;}
.dialogformwrp .dialogform label{display: block;padding-bottom: 10px;}
.dialogformwrp .dialogform.alertext label, .dialogformwrp .dialogform.alert label{color:var(--color-red);}
.dialogformwrp .dialogform.alertext input, .dialogformwrp .dialogform.alert input{border-color:var(--color-red);}
.dialogformwrp .dialogform input{border: solid 1px #909090; display: flex;width: 350px;height:39px;}
.dialogformft{display: flex;flex-wrap: wrap;flex-shrink: 0;  background: var(--color-white);padding: 15px;box-shadow: 0 0 0.5rem 0 #bbb;    justify-content: center;}
.dialogformft a{margin: 0 3px}
/**/
.astrotpwrp{text-align: center}				
.astrotpwrp .astrotp{padding: 15px 15px 20px;margin:0; border-bottom: dashed 1px #ddd}
.astrotpwrp .astrotp .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;}
.astrotpwrp .astrotp .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);}
.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: #fff;}
.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: #777;}
.astrcontwarp .astrcontrt .sussmsgwrap{font-family: "Google Sans", Arial, sans-serif;text-align: center;padding: 55px 0}
.astrcontwarp .astrcontrt .sussmsgwrap b{color: #08a182;font-weight: 700;font-size: 32px;display: block;margin: 10px 0}
.astrcontwarp .astrcontrt .sussmsgwrap p{font-size: 14px; color: #555}
.astrcontwarp .astrcontrt .sussmsgwrap p span{color: #212121;display: block; padding: 8px 0}
.astrcontwarp .astrcontrt .sussmsgwrap .fa-thumbs-up {border: solid 5px #08a182;padding: 10px;border-radius: 50%;background: #fff;font-size: 42px;color: #08a182;}
.astrcontwarp .astrclose{position: absolute; right: 10px;top: 10px; font-size: 22px; color: #212121; font-weight: bold; z-index: 2;}
.astrotpwrp .caption{font-size: 18px;padding: 10px 0;}
.astrcontwarp .changenum a{color: #0060ff;}
/**/
.dialogastrolistwrp{padding: 15px;border-top: solid 1px #ebebeb;border-bottom: solid 1px #ebebeb;}
.dialogastrolistwrp .dialogastrolist{margin-bottom: 15px;}
.dialogastrolistwrp .dialogastrolist a{display: flex;align-items: center;color:var(--color-black);box-shadow: rgb(0 0 0 / 10%) 0px 1px 8px 0px;border-radius: 6px; padding: 10px;border: solid 1px #eee; background: var(--var-white)}
.dialogastrolistwrp .dialogastrolist a:hover, .dialogastrolistwrp .dialogastrolist.selected a{border: 1px solid #E32c26;}
.dialogastrolistwrp .dialogastrolist a figure{width: 50px; height: 50px; border-radius: 50%; background: #ccc;margin-right: 10px;overflow: hidden}
.dialogastrolistwrp .dialogastrolist a .pricecard{margin-left: auto} 
.dialogastrolistwrp .dialogastrolist a .pricecard b{color: #08a182;font-weight: 700;font-size: 20px;font-family: "Google Sans",Arial,sans-serif;}
.dialogastrolistwrp .dialogastrolist a .pricecard em{color: #999;font-size: 14px; font-style: italic;}
/**/					
.walletcontent .wallethd .walletitle{font-size: 20px;font-weight: 600;letter-spacing: .5px;padding: 20px 20px 0;text-align: center;}
.walletcontent .walletitle span{color: #08a182;font-weight: 700;font-size: 22px;font-family: "Google Sans",Arial,sans-serif;padding: 0 0 0 5px;}
.walletcontent .tagline{ font-size: 14px; color: #666;padding: 5px 0 20px;text-align: center}
.walletcontent .tagline small{ color: #08a182;font-family: "Google Sans",Arial,sans-serif; font-weight: 700; font-size: 16px;padding: 0 5px;}
.walletcontent .tagline em{ color: #c45500; font-weight: 500}
.walletcontent .tagline b{ color: #212121; font-weight: 500}
.walletcontent .walletbd{padding: 15px;border-top: solid 1px #ebebeb;border-bottom: solid 1px #ebebeb;}
.walletcontent .walletbd .walletitle{font-size: 20px;font-family: "Google Sans",Arial,sans-serif;padding-bottom: 15px;} 
.walletcontent .walletbd .pricegroup{padding-bottom: 20px; }  
.walletcontent .walletbd .pricegroup ul.cta{justify-content: center}
.walletcontent .walletbd .pricegroup ul{display: flex;flex-wrap:wrap;align-items: center}
.walletcontent .walletbd .pricegroup ul li{ margin-right: 15px; width: 100px;padding-top: 15px;position: relative}					
.walletcontent .walletbd .pricegroup ul li.spbga b{position: absolute;left: 0; width: 100%;background: #e5741e; color: #fff; text-transform: uppercase;font-size: 10px; padding: 4px 0; top: 0; text-align: center;-webkit-border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px;-moz-border-radius-topleft: 4px;-moz-border-radius-topright: 4px;border-top-left-radius: 4px;border-top-right-radius: 4px;}
.walletcontent .walletbd .pricegroup ul li.spbgb b{position: absolute;left: 0; width: 100%;background: #b69301; color: #fff; text-transform: uppercase;font-size: 10px; padding: 4px 0; top: 0; text-align: center;-webkit-border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px;-moz-border-radius-topleft: 4px;-moz-border-radius-topright: 4px;border-top-left-radius: 4px;border-top-right-radius: 4px;}
.walletcontent .walletbd .pricegroup ul li.spbgb span.active{border-color: #b69301; background: #fffbeb}
.walletcontent .walletbd .pricegroup ul li span{ border-radius: 4px; border:#8d9096 solid 1px;padding: 8px 15px;cursor: pointer;text-align: center;display: block}
.walletcontent .walletbd .pricegroup ul li span:hover{background-color: #eaecee;box-shadow: 0 7px 14px rgb(50 50 93 / 10%), 0 3px 6px rgb(0 0 0 / 8%);}
.walletcontent .walletbd .tagline{ font-size: 14px; color: #666;padding:0 0 20px} 
.walletcontent .walletbd .tagline em{ color: #c45500; font-weight: 500;padding: 0 5px}
.walletcontent .walletbd .pricegroup ul li span.active{border-color: #e77600;background-color: #fef8f2; font-weight: 500;}
.walletcontent .walletbd .pricegroup ul li input[type="tel"]{border: #8d9096 solid 1px;border-radius: 4px;padding: 6px 10px;width: 150px;}
/* filter start*/
.filtercontent {border-radius: 3px;background-color: #fff;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%);} 
.filtercontent	.filterhead{border-bottom: solid 1px #ebebeb;padding:15px; display: flex; justify-content: space-between;align-items: center}
.filtercontent .close{position: static;color: var(--color-black); font-size: 16px; width: auto; height: auto;}
.filtercontent .close a{color: var(--color-black); width: auto; height: auto;} 
.filterbody{flex: 1 1 auto; display: flex;gap: 15px }
.filterbody .filtermenu{width: 40%; background: #f5f5f5}
.filterbody .filtermenu ul{padding: 10px 0;}
.filterbody .filtermenu ul li{padding: 10px 15px;border-left: solid 3px #f5f5f5;}
.filterbody .filtermenu ul li.active{background: #fff;border-left: solid 3px var(--color-red);}
.filterbody .filtermenu ul li.active a{ color: var(--color-black); font-weight: 500}
.filterbody .filtermenu ul li span{ display: block;color: var(--color-red); font-size: 12px; font-weight: 400; padding-top: 5px;}
.filterbody .filtermenu ul li a{ color: var(--color-black)} 
.filterbody .filterdetal{width: 60%;overflow-x: hidden;overflow-y: auto;max-height: 500px;}
.filterbody .filterdetal ul{padding: 10px 0;}
.filterbody .filterdetal ul li{margin-bottom: 15px;position: relative}
.filterdetal.inputfield [type="checkbox"]+label{left: 0!important;display: inline-block;}
.filterdetal.inputfield [type="checkbox"].filled-in:checked+label:before {top: 1px!important;left: 1px!important;width: 8px!important;height: 12px!important;}
.select-clear{text-align: right;padding: 10px 0 5px;}
.select-clear a{margin-right: 15px}
.filterchips{background: var(--gray50);margin-bottom: 20px;padding: 10px;border-radius: 4px; display: flex;gap:10px;white-space: nowrap;}
.filterchips span{background: var(--color-white); display: inline-flex; flex-wrap:nowrap; gap:5px; align-items: center;padding: 8px 10px; border-radius: 20px; font-size:13px; border: solid 1px var(--color-grey)}
.filterchips span svg{fill: var(--color-white);background: var(--color-light);border-radius: 100%; padding: 3px;}
.filterwrp .filterbtn a em, .mobi-menu span b em{background: #F2706F; color: var(--color-white); border-radius: 50%;padding: 3px; width: 20px; height: 20px;display: inline-flex; align-items: center; justify-content: center; font-size: 12px;}
/* filter end*/
/* Sort start*/
.dialogcontent.sortwith{width: 350px;}
.sortwith .dialoghead{border-bottom: solid 1px #ebebeb;padding: 15px;display: flex;justify-content: space-between;align-items: center;}
.dialoghead{border-bottom: solid 1px #ebebeb;padding: 15px;display: flex;justify-content: space-between;align-items: center; flex-wrap: wrap;}
.dialogtitle{font-size: 20px;font-weight: 600;letter-spacing: .5px;text-align: left; color: var(--color-black)}
.sortdetal{}
.sortdetal ul{padding: 15px;}
.sortdetal ul li{margin-bottom: 15px;}
.sortdetal.inputfield [type="checkbox"]+label{left: 0!important;display: inline-block;}
.sortdetal.inputfield [type="checkbox"].filled-in:not(:checked)+label:after, .sortdetal.inputfield [type="checkbox"].filled-in:checked+label:after{border-radius: 50%}
.sortdetal.inputfield [type="checkbox"].filled-in:checked+label:before {top: 1px!important;left: 1px!important;width: 8px!important;height: 12px!important;}
/* Sort end*/
.mainlcf .lcfsearch{position: relative;margin: 10px 15px;}
.mainlcf .lcfsearch svg{position: absolute;top: 15px; left: 15px}
.mainlcf .lcfsearch input{padding: 15px;padding-left: 35px; background: var(--gray50); border: solid 1px var(--gray200);width: 100%}
.mainlcf .inputfield{padding: 15px;padding-bottom: 25px;}
.mainlcf .inputfield ul{grid-gap: 10px;grid-template-columns: repeat(2, 1fr);align-content: flex-start;display: grid;}
.mainlcf .inputfield ul li{ border: solid 1px var(--gray200); border-radius: 4px;    padding: 10px 0; position: relative}
.mainlcf .inputfield ul li:hover{background: var(--gray50);}
.mainlcf .inputfield [type="radio"]:not(:checked)+label, .mainlcf .inputfield [type="radio"]:checked+label{left: 10px;padding-left: 30px;font-size: 14px;}

.datewrp{ height: 55px; overflow: hidden; position:relative;background: #f5f5f5;margin-bottom: 15px;}
.datewrp ul { height: 63px; overflow-x: auto; overflow-y:hidden; display: flex; margin: 0 30px; padding: 0;align-items: center;}
.datewrp ul li { display:inline-block; margin:0 15px; text-align: center;}
.datewrp ul li a { color:#898989; white-space: nowrap;display: block;padding: 10px 15px;border-top:solid 3px #f5f5f5;} 
.datewrp ul li a span{ display: block;    padding-bottom: 5px;} 
.datewrp ul li a b {display: block; font-size: 12px} 
.datewrp ul li.active a { border-top:solid 3px #DC1F27; color: #212121;background: var(--color-white)}
.datewrp ul li.active a b{color: #DC1F27} 				
.datewrp-prev, .datewrp-next { position:absolute; top:20px; padding:0; display: block;color:var(--color-black);}
.datewrp-prev { left:10px;-ms-transform: rotate(90deg); transform: rotate(90deg);}
.datewrp-next { right:10px;-ms-transform: rotate(-90deg); transform: rotate(-90deg);} 

.timewrp .timeslot{padding:0 10px 20px}
.timewrp .timeslot span{padding:5px 10px;margin-bottom: 10px;white-space: nowrap;flex: 0 0 5rem;text-align: center;color: #333;background-color: #fff;border-radius: 3px;border: 1px solid #999;font-size: .875rem;display: inline-block;margin-right: 10px;cursor: pointer}
.timewrp .timeslot span.selected, .timewrp .timeslot span:hover{background-color:var(--color-yellow);;color: var(--color-black);border-color:var(--color-yellow);}
.timewrp .timeslot span.disabled{cursor: not-allowed;filter: alpha(opacity=45);-webkit-box-shadow: none;box-shadow: none;opacity: .45;}
.timewrp .timeslot span.disabled:hover{background: none; color: #333}
.timewrp .dayslot{padding: 0px 10px 15px; font-size: 12px;position: relative}
.timewrp .dayslot a{color:#0060ff;}
.timewrp .dayslot a b{color:var(--color-black); padding: 0 3px}
.timewrp .dayslot i{display:inline-block;font-size: 14px;color: #666;width: 18px;height: 6px;}   
.timewrp .dayslot .timezonelist{position: absolute;border: 1px solid #ebebeb;border-radius: 6px;background-color: var(--color-white);z-index: 2;}
.timewrp .dayslot .timezonelist ul{height: 200px;overflow: auto;padding: 10px 0}
.timewrp .dayslot .timezonelist ul li{border-bottom: 1px solid #f1f1f1; font-size: 14px;}
.timewrp .dayslot .timezonelist ul li.active{background-color: #faddc9;}
.timewrp .dayslot .timezonelist ul li a{color: #767676;display: block;padding: .8rem;}
.timewrp .dayslot .timezonelist ul li:hover {background-color: #faddc9;}
.timewrp .dayslot .timezonelist ul li:hover a {color: var(--color-black);} 
.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.slower {-webkit-animation-duration: 4s ;animation-duration: 4s ;-webkit-animation-duration: calc(var(--animate-duration)*4);animation-duration: calc(var(--animate-duration)*4)}
@-webkit-keyframes heartBeat {
    0% {-webkit-transform: scale(1);transform: scale(1)}
    14% {-webkit-transform: scale(1.3);transform: scale(1.3)}

    28% {-webkit-transform: scale(1);transform: scale(1)}
    42% {-webkit-transform: scale(1.3);transform: scale(1.3)}
    70% {-webkit-transform: scale(1);transform: scale(1)}
}
@keyframes heartBeat {
    0% {-webkit-transform: scale(1);transform: scale(1)}
    14% {-webkit-transform: scale(1.3);transform: scale(1.3)}
    28% {-webkit-transform: scale(1);transform: scale(1)}
    42% {-webkit-transform: scale(1.3);transform: scale(1.3)}
    70% {-webkit-transform: scale(1);transform: scale(1)}
				}
.heartBeat {-webkit-animation-duration: 1.3s;animation-duration: 1.3s;-webkit-animation-duration: calc(var(--animate-duration)*1.3);animation-duration: calc(var(--animate-duration)*1.3);-webkit-animation-name: heartBeat;animation-name: heartBeat;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out}
/**/
.datebrthwrp{position: relative;margin: 15px auto;text-align: left;width: 340px;background: #f5f5f5;padding: 15px 10px;border-radius: 4px;}
.datebrthwrp.alert input{border-color: #d6181f;}
.datebrthwrp label{font-size: 13px; font-weight: 500; color: #212121; padding-bottom: 10px; cursor: default;display: block}
.datebrthwrp input{width: 100%;border-radius: 3px;padding: 10px;height: auto;}
.datebrthwrp textarea{width: 100%}
.datebrthwrp input:focus, .datebrthwrp textarea:focus{border-color: #ff7a21!important}
.datebrthwrp input:focus-visible, .datebrthwrp textarea:focus-visible{outline-color: #ff7a21!important}  
.datebrthwrp label i, .datebrthwrp.alert label{color: #d6181f;}
.datebrthwrp.alert input{border-color: #d6181f;} 
.datebrthwrp.phoneinput{}
.datebrthwrp .countrycode{position: absolute;top: 26px;left: 2px;width: 5.5rem;background-color: #f5f5f5;padding:8px 10px;font-weight: 300;font-size: 1rem;}
.datebrthwrp .countrycode a{color: #212121; font-size: 12px;}
.datebrthwrp .countrycode i{display:inline-block;font-size: 14px;color: #666;background: url(https://usimg.sulekha.io/cdn/others/images/others_2020-04-20-02-38-06-097.png) no-repeat 0 0;width: 18px;height: 6px;}
.datebrthwrp.phoneinput input{padding-left: 100px;width: 100%;}
.datebrthwrp.phoneinput .countrycodedropdown{position: absolute; width: 100%;background: #fff;top: 66px;border: 1px solid #ebebeb;border-radius: 6px;z-index: 1}    
.datebrthwrp.phoneinput .countrycodedropdown ul{height: 200px;overflow: auto;padding: 10px 0}
.datebrthwrp.phoneinput .countrycodedropdown ul li{border-bottom: 1px solid #f1f1f1; font-size: 14px;color: #767676;display: block;padding: .8rem; cursor: pointer}
.datebrthwrp.phoneinput .countrycodedropdown ul li.active, .datebrthwrp.phoneinput .countrycodedropdown ul li:hover {background-color: #faddc9;}
.datebrthwrp.phoneinput .countrycodedropdown ul li:hover {color: #212121;} 
.item-group{display: flex}
.item-group .item-row{margin-right: 10px;position: relative;} 

.walletcontent .astrodetailcardhd .close{margin-left: auto}
.astrodetailcardhd{ background: var(--gray50);flex-direction: row;display: flex;align-items:center;flex-wrap: wrap;gap:15px;padding: 15px} 
.astrodetailcardhd figure{width: 70px;height: 70px;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} 														 
.astrodetailcardhd figure img{border-radius: 50%;width: 70px;height: 70px;}	
.astrodetailcardhd .astroinfodec .title{display: block; font-size: 18px;font-weight: 600;letter-spacing: .5px;}
.astrodetailcardhd .astroinfodec .pricegroup{padding: 5px 0 0;display: block;}
.astrodetailcardhd .astroinfodec .pricegroup em{color: #565959;font-family: var(--font-googlesans); text-decoration: line-through; padding-right: 3px; font-size: 13px;}
.astrodetailcardhd .astroinfodec .pricegroup span{color: var(--color-green);font-family: var(--font-googlesans); font-size: 18px;font-weight: 700;}
.astrodetailcardhd .astroinfodec .pricegroup span b{padding-left: 3px; font-size: 14px; font-weight: 400;font-family: var(--font-roboto);color: var(--color-grey)}
.astrodetailcardhd .astroinfodec .ratings{margin: 0}
.astrodetailcardhd .astroinfodec .ratings-group span{margin: 0 5px;}
/**/
.birthchatwrp{padding: 15px; width: 70%; margin: 0 auto}
.birthchatwrp .birthchathead{}
.birthchatwrp .birtformgrop{padding: 15px;position: relative;background:var(--gray50);margin-bottom: 15px;border-radius: 4px;}
.birthchatwrp .birtformgrop label{display: block;padding: 0 0 5px}
.birthchatwrp .birtformgrop label:before{top:1px !important;}
.birthchatwrp .birtformgrop input, .birthchatwrp .birtformgrop select{width: 100%;border: solid 1px #909090;height: 50px;}
.birthchatwrp .birtformgrop textarea{width: 100%;border: solid 1px #909090;}
.birthchatwrp .birtformgrop .calendarwrp{ position: relative;width:100% !important;}
.birthchatwrp .birtformgrop .calendarwrp .input-group-addon{ position: absolute; top: 15px;right: 10px}
.birthchatwrp .birtformgrop .calendarwrp .input-group-addon svg{fill:#A8A8A8}
.birthchatwrp .birtformgrop .inputfield ul{ display: flex;gap:15px;}
.birthchatwrp .birtformgrop .inputfield ul li{background: var(--color-white);padding: 5px 15px; border-radius: 20px;border: solid 1px #909090;}
.birthchatwrp .birtformgrop .inputfield ul li label{left: 0;padding-left: 25px;}
.birthchatwrp .birtformgrop .inputfield ul li label:before{top:1px !important;}
.birthchatwrp .birtformgrop .inputfield ul li label:after{top:1px !important;}
/**/
.thank-group{text-align: center;padding: 15px 0 0}
.thank-group .desc .title-small{padding:0; color: var(--color-green);font-family: "Google Sans",Arial,sans-serif; font-size: 18px; font-weight: 500}
.thank-group .desc .title-small p{display: block; font-size: 14px;padding: 5px 0 0; color: var(--color-light)}
.thank-group .desc{padding: 0 0 20px}
.thank-group .datebrthmain .detal{text-align: left;padding: 0 15px}
.thank-group .datebrthmain .detal .title{ font-size: 16px;margin-bottom: 5px;display: block; color: var(--color-black);font-family: var(--font-poppins); font-weight: 500}
.thank-group .datebrthmain .detal p{ font-size: 13px; line-height: 15px;color: var(--color-darkgrey);}
.callconnectwrp{background: var(--gray50);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(--color-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(--gray50);width: 50px;height: 50px;border-radius: 100%;border: solid 5px var(--color-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);}
}
.mised-icon{padding: 15px 0;}
.mised-icon span{background: rgba(253, 153, 103, 0.5);width: 30px; height: 30px; border-radius: 50px;display: inline-flex;justify-content: center;align-items: center;color: var(--color-white);}
.mised-icon svg{fill:var(--color-red)}
.missedcall{background: var(--gray50);width: 50px;height: 50px;border-radius: 100%;border: solid 5px var(--color-white); padding: 10px;position: relative; display: flex; align-items: center;justify-content: center;top: 18px;}				
.missedcall svg{fill:#D20D0D;} 
.missed.thank-group .desc .title-small{color: var(--color-red);padding-bottom: 15px;}
.missed.thank-group .desc .title-small span{display: block; font-size: 15px;color: var(--gray333);padding-top: 8px;font-family: var(--font-roboto); font-weight: 400}
/* Modal End*/





.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: -3px !important;
    top: -3px !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)
}

@media only screen and (max-width: 768px){
                .walletcontent{width:100%;}
                .dialogformwrp{padding:15px;}
                .birthchatwrp{width:100%;box-sizing:border-box;}
                .birthchatwrp .birtformgrop input, .birthchatwrp .birtformgrop select{width:95%;}
}