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

/*********************************/
/*<!-- Color style variable declaration -->*/
/*********************************/ 
:root {
 /**/
--logo:url("../images/other/events-logo.svg") 0 0 no-repeat;
 /**/
--Coustard: 'Coustard', 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;
--fontweight900:900;
/*  button color*/
--white:#fff;
--drakblack:#000; 
--black:#21294A;
--lightblack:#495567; 
--blue:#1b70e9;
--link:#0F62FE; 
--green:#4DB529;
--orange:#ff7e00;
--red:#e42527;
--reda:#e32c26;
--yellow:#FDBA17; 
--yellowa:#ff0; 
 
--grayaaa: #aaa;
--grayccc: #ccc;
--grayddd: #ddd; 
--grayeee: #eee; 
--gray333: #333; 
--gray444: #444; 
--gray666: #666;
--gray777: #777;
--gray888: #888;
--gray999: #999;
 
--graya: #F2F2F2;
--grayb: #F4F4F4;
--grayc: #F7F7F7;
--grayd: #E6E6E6;
--graye: #F5F5F5;
	
--gray100: #E5E5E5;
--gray200: #CECECE;
--gray110: #C7C7C7;
--gray120: #E0E0E0;
--gray130: #D9D9D9;
--gray140: #5B5B5B; 
--gray150: #9e9e9e; 
--gray160: #f9fafb; 
--drakblue: #4E6786;
--tagline:#707070; 
 
--size10:10px;
--size20:20px;
--size30:30px;
--size40:40px;
--size50:50px;
--size60:60px;
--size70:70px;
--size80:80px;
--size90:90px;
--size100:100px;
--boxshadow: 0 0 var(--size10) rgb(137 173 255 / 35%); 
--boxshadowa: rgba(51, 65, 85, 0.16) 0px 1px var(--size10); 
 
 --borderradius4:4px;
 --borderradius6:6px;
 --borderradius10:10px;
 --borderradius20:20px;
 --borderradius50:50%;
 
 --createctatitle: 3, 27, 78;
 --createctatitlecolor: #FFF2DB;
 --animation: cubic-bezier(.4, 0, .2, 1);
  --downarrow: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.2458 0.290792C10.0584 0.104542 9.80498 0 9.5408 0C9.27661 0 9.02316 0.104542 8.8358 0.290792L5.2458 3.83079L1.7058 0.290792C1.51844 0.104542 1.26498 0 1.0008 0C0.736612 0 0.483161 0.104542 0.295798 0.290792C0.20207 0.383755 0.127675 0.494356 0.0769067 0.616216C0.026138 0.738075 0 0.868781 0 1.00079C0 1.1328 0.026138 1.26351 0.0769067 1.38537C0.127675 1.50723 0.20207 1.61783 0.295798 1.71079L4.5358 5.95079C4.62876 6.04452 4.73936 6.11891 4.86122 6.16968C4.98308 6.22045 5.11379 6.24659 5.2458 6.24659C5.37781 6.24659 5.50852 6.22045 5.63037 6.16968C5.75223 6.11891 5.86283 6.04452 5.9558 5.95079L10.2458 1.71079C10.3395 1.61783 10.4139 1.50723 10.4647 1.38537C10.5155 1.26351 10.5416 1.1328 10.5416 1.00079C10.5416 0.868781 10.5155 0.738075 10.4647 0.616216C10.4139 0.494356 10.3395 0.383755 10.2458 0.290792Z' fill='%231AA260'/%3E%3C/svg%3E%0A"); 
 
}
/* 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(--link); 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(--lightblack); font: 400 14px/1 "Coustard", serif !important;}
/* Note: Use meta tag with viewport-fit=cover in order to use the full available screen for phones that have notch like iPhone xme="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">   along with the env() variables to define padding respectively. */
body {padding: env(safe-area-inset-top, 20px) env(safe-area-inset-right, 20px) env(safe-area-inset-bottom, 20px) env(safe-area-inset-left, 20px);}


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: 20px;}
/* 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="date"], input[type="time"], 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 #9e9e9e; 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: 15px;border-radius: var(--borderradius);}

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input.form-text:focus, textarea:focus { color: #000; -webkit-transition: color 0.25s, background 0.25s, border 0.25s; -moz-transition: color 0.25s, background 0.25s, border 0.25s; transition: color 0.25s, background 0.25s, border 0.25s; -ms-transition: color 0.25s, background 0.25s, border 0.25s; -o-transition: color 0.25s, background 0.25s, border 0.25s; }
input[type="text"]:focus + label, input[type="password"]:focus + label, input[type="email"]:focus + label, input.form-text:focus + label, textarea:focus + label { color: #000; }
input[type="text"]:disabled, input[type="password"]:disabled, input[type="email"]:disabled, input.form-text:disabled, textarea:disabled { background: #000; opacity: 0.5; }
input[type="text"]:-ms-clear, input[type="password"]:-ms-clear, input[type="email"]:-ms-clear, input.form-text:-ms-clear, textarea:-ms-clear {height: 0;width: 0;}
textarea { padding: 10px;} 
input::-webkit-input-placeholder {color: #a8a8a8;font-size: 14px;}
input:-moz-placeholder {color: #a8a8a8;font-size: 14px;}
input::-moz-placeholder { color: #a8a8a8;font-size: 14px;}
input:-ms-input-placeholder {color: #a8a8a8;font-size: 14px;}

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

@media print {
* { color:#000!important; text-shadow:none!important; background:transparent!important; box-shadow:none!important; }
a, a:visited { text-decoration:underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
pre, blockquote { border:1px solid #999; page-break-inside:avoid; }
thead { display:table-header-group; }
tr, img { page-break-inside:avoid; }
img { max-width:100%!important; }
 @page {
margin:0.5cm;
}
p, h2, h3 { orphans:3; widows:3; }
h2, h3 { page-break-after:avoid; }
} 
.otherhide{display: none;}
/*============================================  ============================================*/
.margin20t{margin-top: 20px;}
.margin20b{margin-bottom: 20px;}
.margin20tb{margin: 20px 0;}
.margin50tb{margin: 50px 0;}
.hide{display: none !important; }
.show{display: block!important;}
.center{text-align: center}
.relative { position:relative;}
.absolute { position:absolute;}
.norelative, .noabsolute { position:static !important; } 
.count{color: var(--gray999); font-size: 12px;font-family: var(--roboto);position: absolute;bottom:-18px;right: 0;background: var(--grayddd);padding: 0 5px}
.count span{ color: var(--black); }
/*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}
.open.bodyfix .navoverlay {position: fixed;left: 0;top: 0;height: 100%;z-index: 999;width: 100%;transform: translateX(-100%);background: rgba(0,0,0,.8); } 
.bodyfix .navoverlay {position: fixed;left: 0;top: 0;height: 100%;z-index: 999;width: 100%;background: rgba(0,0,0,.8); } 
.backdrop {position: fixed;left: 0;right: 0;bottom: 0;top: 0;background-color: #000;z-index: 998;opacity: 0.5;filter: alpha(opacity=80);display: none;   }
@keyframes fadeIn {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.animate__fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn
}

/**/
/*============================================ Buttons Start ============================================*/
.disabled, a.disabled, .btun.disabled, button:disabled, input[type="submit"]:disabled, button[readonly], button.disabled { opacity: 0.6; cursor:not-allowed !important; background: var(--grayccc) !important; border: 0; }
.btun { display: inline-block; padding: 7px 20px; margin-bottom: 0; font-size: 13px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 3px; min-width: 100px; letter-spacing:normal;font-family: "Roboto", sans-serif;}
/*.btun:hover, .btun:focus, .btun.focus { color: #333; text-decoration: none;}*/
/* Sizes */
.btun-lg { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; }
.btun-sm { padding: 2px 10px; font-size: 11.9px; line-height:1.7; }
.btun-mi { padding: 1px 5px; font-size: 11px; line-height: 1.5; }
.btun-block { display: block; width: 100%; }
/* disabled  */
.btun.disabled, .btun[disabled], fieldset[disabled] .btun { cursor: not-allowed; filter: alpha(opacity=45); -webkit-box-shadow: none; box-shadow: none; opacity: .45; }
/* white */
.btun-white, .btun-white.btun-outline:hover { color: var(--black); background-color: var(--white); border-color: var(--white); }
.btun-white.btun-outline { background-color:transparent }
.btun-white:hover { color: var(--black); background-color: var(--grey); border-color: var(--white); }
/* 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(--grayddd); border-color: var(--grayddd); }
.btun-grey.btun-outline { background-color:transparent }
.btun-grey:hover { color: var(--black); background-color: var(--white); border-color: var(--white); }
/* 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;}
/**/
/*=================================================================================
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: 1500px;}
}
.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 ============================================*/
.svgicons{display: none}
#header{background:var(--white);box-shadow: var(--boxshadow);align-items: center;padding: 0} 



/*
.logo a, .logo{display: block; height: 40px; width: 120px;}
.logo a{text-indent: -9999px; background: url("../images/other/sulekhalogo.svg") 0 0 no-repeat;background-position: left center;background-size: 100%; display: block;}
*/

header .logo{display: block; height: 40px; width: 120px;}
header .logo a{height: 55px;text-indent: -9999px; background: var(--logo);background-position: left center;background-size: 100%; display: block;}

.loginwrp {}
.loginwrp ul{ display: flex; justify-content: flex-end;align-items: center;}
.loginwrp ul li{position: relative;font-size: 15px;font-weight: var(--size500);border-left: solid 1px var(--grayccc);padding: 0 10px}
.loginwrp ul li:first-child{border: 0}
.loginwrp ul li a{display: flex;align-items: center;gap:5px; color: var(--black);padding: 7px 10px;}
.loginwrp ul li i{fill:var(--white);flex-shrink: 0} 
.loginwrp ul li i svg{fill: #8d95a7;} 

.loginwrp ul li.mobileapp{}
.loginwrp ul li.postad a{border:solid 1px var(--red); border-radius: 30px; color: var(--red);padding: 7px 20px;}
.loginwrp ul li.postad a svg{fill:var(--red);}
.loginwrp ul li.postad a:hover{background: var(--red);color: var(--white)}
.loginwrp ul li.postad a:hover svg{fill:var(--white);}

.loginwrp ul li.selltickets a{color: var(--orange);border:solid 1px var(--orange);border-radius: 30px;padding: 7px 20px;}
.loginwrp ul li.selltickets a svg{fill:var(--orange);}
.loginwrp ul li.selltickets a:hover{background: var(--orange);color: var(--white)}
.loginwrp ul li.selltickets a:hover svg{fill:var(--white);}

.loginwrp ul li.login{}
.download-app {align-items: center;width: 300px;position: absolute;right: 0;top: 40px;z-index: 501;background-color: var(--white);border: solid 1px var(--grayccc);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px 0.5px;opacity: 0;transform: translateY(20px);transition: all 0.2s ease 0s;visibility: hidden}
.loginwrp ul li.mobileapp:hover .download-app{display: block;opacity: 1;transform: translateX(0px);visibility: visible}
.download-app .app-links{display:flex;padding:10px;justify-content:center;align-items:center;gap:15px;}
.download-app .app-links a{display:inline-flex;padding: 0} 
.download-app .titletxt{font-size:18px;color:var(--green);text-align:center;background:rgb(247 248 253 / 44%);padding: 15px 10px;-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;border: solid 1px white;}
.download-app p{font-size:16px;color:var(--black);text-align:center;border-top:solid 1px var(--grayccc);padding: 15px;font-weight: normal;line-height: 20px;}        
.download-app:after, .download-app:before {bottom: 100%;left:92%;border: solid transparent;content: "";height: 0;width: 0;position: absolute;pointer-events: none;}
.download-app:after {border-color: rgba(255, 255, 255, 0);border-bottom-color: #fff;border-width: 8px;margin-left: -8px;}
.download-app:before {border-color: rgba(204, 204, 204, 0);border-bottom-color: #ccc;border-width: 9px;margin-left: -9px;}

/**/
.afterlogin{ background: var(--white);position: absolute;right: 0;min-width: 250px;z-index: 2;border-radius: var(--borderradius);box-shadow: 0 0 10px rgb(137 173 255 / 35%);}
.afterlogin .username{padding: 15px;color: var(--gray666);border-bottom: solid 1px var(--grayddd);font-weight: var(--weight400)}
.afterlogin ul{display: block}
.afterlogin ul li{font-family: var(--poppins);padding: 0}
.afterlogin ul li a{padding:10px 15px; display: block; color: var(--black)}
.afterlogin ul li a:hover {background: var(--yellow);color: var(--white);}
.afterlogin .logoutwrp {padding: 15px;color: var(--gray666);border-top: solid 1px var(--grayddd);justify-content:space-between; display: flex;font-weight: var(--weight400);}
.afterlogin .logoutwrp a {color: var(--gray666);}
/**/
header menu{font-family: var(--poppins);display: flex;justify-content: center;align-items: center;position: relative; font-size: 15px;}
header menu a{font-weight:var(--weight500);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}

/* new hd*/
.topblockwarp{background:var(--white);border-bottom: solid 1px rgb(137 173 255 / 25%)}
.topblock{ display: flex; justify-content: space-between;align-items: center}
.mainnavwarp{ border-bottom: solid 3px #feca30;} 
nav{font-family: var(--poppins);display: flex;justify-content: space-between;align-items: center;position: relative; font-size: 15px;}
nav a{font-weight:var(--weight500);padding:20px 10px;position: relative;color: var(--drakblue); display: block}
nav a i{margin-left: 3px;} 
nav span{position: relative} 
nav 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;}
nav span:hover a i svg{-webkit-transform: rotate(180deg);transform: rotate(180deg);}
nav span:hover .submenu{display: block}
nav .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}
nav span:last-child .submenu {right: 0;left: auto;}
nav .submenu ul{margin: 10px 0 0;max-height: 300px;overflow-y: auto;overflow-x: hidden;width: 100%;}
nav .submenu ul li{margin: 0 0 5px;}
nav .submenu ul li a:hover{background: var(--yellow);color: var(--white);border: 0}
nav .submenu ul li a{display: block;padding: 10px;margin: 0;color: var(--gray666);border: 0}

.logowarp{display: flex; align-items: center}
.logowarp span{margin-right: 10px;}

.logomainwarp{display: flex;align-items: center;    padding: 10px 0;}
.mainsearch{position: relative;width: 400px}
.searchwarp{margin-left: 10px;}
.searchwarp input[type="text"]{padding: 10px;width:100%;border-radius: 50px;}
.searchwarp i{background: var(--red);width: 30px;height: 30px;border-radius: 50%;position: absolute;top: 5px;right: 5px;align-items: center;display: flex;justify-content: center;}
.searchwarp i svg{fill: var(--white)}
     
.search-sugges{left: 0;background: var(--white); position: absolute;box-shadow: 0 0 18px rgb(0 0 0 / 15%);z-index: 2;border-radius: 4px;min-width: 100%; padding: 10px 0;max-height: 420px;overflow-y: auto;overflow-x: hidden;width: 100%;}
.search-sugges label{padding: 10px; color: var(--red);font-weight: 500}
.search-sugges ul{margin: 10px 0}
.search-sugges ul li{} 
.search-sugges ul li a:hover{background: #FDBA17;color: var(--white);border: 0}
.search-sugges ul li a{display: block;padding:10px 15px;margin: 0;color: var(--gray666);border: 0}
.search-sugges ul li.active a{background: #FDBA17;color: var(--white);border: 0} 

.search-sugges-hd { background: #fff; border: none; border-radius: 0 0 3px 3px; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.2); min-width: 160px; margin: 0; padding-bottom: 1px; text-align: left; width: 100%; top: 39px; right: auto; bottom: auto; left: 0; position: absolute; z-index:2;font-family: var(--roboto);max-height: 420px;    overflow-y: auto;overflow-x: hidden;width: 100%;}
.search-sugges-hd .wraper { max-height: 420px; overflow-y: auto; overflow-x: hidden; width: 100%; }
.search-sugges-hd:before, .search-sugges-hd:after { content: ''; border: solid transparent; left: 50%; pointer-events: none; position: absolute; top: -17px; }
.search-sugges-hd:before { border-width: 10px; border-bottom-color: #e6e6e6; margin: -2px 0 0 -1px; }
.search-sugges-hd:after { border-width: 9px; border-bottom-color: #f4f4f4; }
.search-sugges-hd .sugg { background: #f4f4f4; border-top: solid 1px #e6e6e6; display: block; color: #999; font-size: 11px; line-height: 36px; padding: 0 15px; text-align: center; }
.search-sugges-hd label { color: #ff837e; cursor: default; display: block; font-family:var(--roboto); font-size: 11px; margin: 10px 0 0 0; padding-left: 15px; position: relative;line-height: 30px; text-transform: uppercase; z-index: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;font-weight: 500}
.search-sugges-hd label:before { content: ''; display: block; border-bottom: 1px solid #f4f4f4; width: 100%; top: 50%; position: absolute; z-index: -2; top: 50%; right: auto; bottom: auto; left: 20px; position: absolute; }
.search-sugges-hd label b { background-color: #fff; padding-right: 20px;font-family: var(--roboto)}
.search-sugges-hd ul li { font-size: 12px; line-height: 34px; cursor: pointer; }
.search-sugges-hd ul li.active a { background-color: #ff4242; color: #fff; }
.search-sugges-hd ul li a { color: #333; display: block; padding: 5px 15px; cursor: pointer; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; transition: all 0.1s ease;line-height: 20px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.search-sugges-hd ul li a i { display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: static;width: auto;height: auto;border-radius: 0;background: transparent;}
.search-sugges-hd ul li a b { color: #999; display: block; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.search-sugges-hd ul li a:hover { background-color: #ff4242; color: #fff; }
.search-sugges-hd ul li a:hover b { color: #6f0909; }

 
.mobilesearch{display: none}
.rightsectionholder{display: flex;align-items: center;gap:15px; }
.rightsectionholder .menumain{display: flex; gap:10px;}
.rightsectionholder .menumain span{font-family: var(--poppins);position: relative; font-size: 15px;padding:20px 10px;}
.rightsectionholder .menumain span a{font-weight:var(--weight500);position: relative;color: var(--gray666); display: block;padding-bottom: 5px}

.hamburger{-webkit-transition: background 0s 0.3s;transition: background 0s 0.3s;background:var(--black);display:inline-block;height: 4px;-webkit-border-radius: 1px;border-radius: 1px;background-clip: padding-box;position: relative; width: 25px; transform: rotate(180deg);}
.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: 4px;left: 0;position: absolute;width: 100%;-webkit-border-radius: 1px;border-radius: 1px;background-clip: padding-box;}
.hamburger:before {-webkit-transition-property: top, -webkit-transform;transition-property: top, transform;top: -7px;width: 25px;background-color: var(--black);}
.hamburger:after {-webkit-transition-property: bottom, -webkit-transform;transition-property: bottom, transform;bottom: -7px;width: 25px;background-color: var(--black);}
.sulnav a{ display: flex;align-items: center;gap:10px;background: #ebebeb}
.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;}
.buzzlocation{margin: 0 8px 0 15px;border: 1px solid #d4e5ff;border-radius: 4px;background:var(--white);}
.buzzlocation a{display: flex;align-items: center;gap:5px;color: var(--black); font-weight: 500;padding: 10px;}
.buzzlocation i svg{fill: #8d95a7;display: inline-block;width: 18px;height: 18px;}
.mobilesearch i svg{fill:#8d95a7}
.buzzlocation a span i svg {width: 10px;height: 10px;}
.dialog{display: none;height: 100%;overflow-x: hidden;overflow-y: auto;width: 100%;z-index: 1000005;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;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%);}
.dialogcontentwarp .close{position: static;color: var(--color-black); font-size: 16px;text-align: right}
.dialogcontentwarp .close a{color: var(--color-black);text-align: right}
.dialogcontentwarp {width: 650px;padding: 0;margin: 80px auto;position: relative;padding: 45px 35px 25px;} 
/**/
.flag-icon { background-size: contain; background-position: 50%; background-repeat: no-repeat; position: relative; display: inline-block; width: 1.33333em; line-height: 1em;margin-right: 3px; }
.flag-icon:before { content: '\00a0'; }
.flag-icon-ae { background-image: url(https://events.sulekha.com/buzz/common/images/flags/ae.svg); } 
.flag-icon-us { background-image: url(https://events.sulekha.com/buzz/common/images/flags/us.svg); } 
.flag-icon-in { background-image: url(https://events.sulekha.com/buzz/common/images/flags/in.svg); } 
.flag-icon-gb { background-image: url(https://events.sulekha.com/buzz/common/images/flags/gb.svg); } 
.flag-icon-ca { background-image: url(https://events.sulekha.com/buzz/common/images/flags/ca.svg); }

.pannelwarp {border-radius: 4px;background-color:var(--white);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; animation: fadeIn 0.4s cubic-bezier(.4, 0, .2, 1);font-family: var(--roboto);}
.pannelwarp .close {padding: 10px;}
.panneltitle {display: flex; align-items: center;gap:10px;padding:5px 15px;width: 100%;border-bottom: solid 1px #D4E5FF;justify-content: space-between;font-weight: 500;font-size: 16px;background: #f5f6f7;border-bottom: solid 1px #e6e6e6;-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;}
.pannelhd {display: flex; align-items: center;gap:10px;padding: 15px;width: 100%;border-bottom: solid 1px #D4E5FF}
.pannelhd .citiselect{flex: 1 1 auto;position: relative;display: flex;gap:5px;}
.pannelhd .citiselect select{width: 20%;height: 45px;padding: 10px;}
.pannelhd .citiselect .citiwarp{width: 100%;position: relative}
.pannelhd .citiselect input[type="text"]{width: 100%;height: 45px;padding: 10px;padding-left: 40px;}
.pannelhd .citiselect i{position: absolute;width:43px;height: 43px;display: flex;align-items: center;justify-content: center;z-index: 2;}
.pannelhd .citiselect i svg{fill:#707070}
.pannelbd{background: #f5f6f7;padding: 15px;display: flex;justify-content: space-between;gap:10px;}
.pannelbd .citimetrowrp {flex-basis: 50%;}
.pannelbd .citimetrowrp .citilist{background: var(--white);border-radius: 4px;border:solid 1px var(--grayddd);padding: 10px 0;scroll-behavior: smooth;overscroll-behavior: none;max-height: 320px;overflow-y: auto;overflow-x: hidden;}
.pannelbd .citimetrowrp .citilist ul{}
.pannelbd .citimetrowrp .citilist ul li{padding: 13px;border-bottom:solid 1px var(--grayddd); font-family: var(--roboto);font-size: 15px;}
.pannelbd .citimetrowrp .citilist ul li a{color: var(--gray666)}
.pannelbd .citimetrowrp .citilist ul li:hover a{color: var(--black)}
.pannelbd .citimetrowrp span{display: block;padding: 10px 0;background: #f5f6f7;font-family: var(--roboto); font-weight: 500;font-size: 16px;}

.pannelft{}
.pannelft .gotoother{padding: 15px;}
.pannelft .gotoother ul{display: flex;justify-content: flex-start; gap:15px; flex-wrap: wrap}
.pannelft .gotoother ul li{font-family: var(--roboto); font-size: 12px; margin-right: 10px;}
.pannelft .gotoother ul li a{color: var(--gray666)}
.pannelft .gotoother ul li a:hover{text-decoration: underline;color: var(--link)}
.pannelft .gotoother ul li i{margin-right: 5px;}

.drop-result-wraper { background: #fff; border: none; border-top: solid 1px #e6e6e6; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.2); display: none; min-width: 100px; margin: 0; padding-bottom: 1px; text-align: left; width: 100%; z-index: 2; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; top: 100%; right: auto; bottom: auto; left: 0; position: absolute; }
.drop-result-wraper .wraprelate { position: relative; width: 100%; }
.drop-result-wraper .wraprelate:before, .drop-result-wraper .wraprelate:after { content: ''; border: solid transparent; left: 45%; pointer-events: none; position: absolute; top: -18px; }
.drop-result-wraper .wraprelate:before { border-width: 10px; border-bottom-color: #e6e6e6; margin: -2px 0 0 -1px; }
.drop-result-wraper .wraprelate:after { border-width: 9px; border-bottom-color: #fff; }
.drop-result-wraper .wraprelate li { cursor: pointer; }
.drop-result-wraper .wraper { height: 235px; position: relative; overflow-y: auto; overflow-x: hidden; width: 100%; }
.drop-result-wraper .wraper label { color: #ff837e; cursor: default; display: block; font-size: 11px; margin: 10px 0 0 0; padding-left: 15px; position: relative; letter-spacing: 1px; line-height: 30px; text-transform: uppercase; z-index: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.drop-result-wraper .wraper label:before { content: ''; display: block; border-bottom: 1px solid #f4f4f4; width: 100%; top: 50%; position: absolute; z-index: -2; top: 50%; right: auto; bottom: auto; left: 20px; position: absolute; }
.drop-result-wraper .wraper label b { background-color: #fff; padding-right: 20px; }
.drop-result-wraper ul li { font-size: 13px; }
.drop-result-wraper ul li.active a { background-color: #ff4242; color: #fff; }
.drop-result-wraper ul li a { color: #333; display: block; padding: 8px 15px; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; transition: all 0.1s ease; }
.drop-result-wraper ul li a i { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.drop-result-wraper ul li a b { color: #999; font-size: 11px; display: block; line-height: 18px; }
.drop-result-wraper ul li a:hover { background-color: #ff4242; color: #fff; }
.drop-result-wraper ul li a:hover b { color: #333; }
/**/
.secondarynav{border-bottom: solid 1px #ddd;font-weight: var(--weight500); color: var(--gray666);padding: 0}
.secondarynav ul{display: flex;align-items: center;gap:10px;padding: 0}
.secondarynav ul li{position: relative;padding: 10px; font-size:14px;}
.secondarynav ul li.active{}
.secondarynav ul li ul li:hover {background: var(--yellow);border: 0}
.secondarynav ul li ul li:hover a{color: var(--white);}
.secondarynav ul li a{display:inline-flex; color: var(--gray666);padding: 10px 0;align-items: center;gap:5px}
.secondarynav ul li ul{display: none;background: var(--white);position: absolute;box-shadow: 0 0 18px rgb(0 0 0 / 15%);z-index: 3;border-radius: 4px;min-width: 250px;left: 0;padding: 10px 0;margin-top: 10px;}
.secondarynav ul li:hover ul{display: block;}
.secondarynav ul li ul.right{left: auto;right: 0}
.secondarynav ul li ul li a{padding: 0}
.secondarynav ul li.festival a {background: url(https://events.sulekha.com/common/images/other/color1.gif) repeat center center;border-radius: 2px;color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;padding: 5px 8px !important;line-height: 15px; }
.secondarynav ul li.postanad a {background-color: #ff4242;border-radius: 2px;color: #fff !important;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;padding: 5px 8px !important;
line-height: 15px; }
/**/
.orgbannerwarp{background: #F8FAFF;padding: var(--size20) 0;font-family: var(--Coustard);}
.orgbannerinfo{width: 530px;padding: var(--size50) 0 0}
.orgbannerinfo .title{ font-size: 46px; font-weight: var(--fontweight900);color: #21294A;line-height: 65px;margin-bottom: 15px;}
.orgbannerinfo .desc{font-size: var(--size20); color: #495567;margin-bottom: var(--size20);line-height: 28px;letter-spacing: 0.5px;}
.orgbannerinfo .cta{}
.orgbannerinfo .cta .btun{font-family: var(--Coustard); font-size: 16px;letter-spacing: 0.5px;padding: 14px 26px;margin-right:  var(--size20);    overflow: hidden;
    position: relative;
    transform: translateZ(0);}
.orgbannerinfo .cta .btun-outline{background: var(--white)}
.orgbannerinfo .cta .btun-outline:hover{background: var(--blue); color: var(--white)}
.img-wrap{width: 500px; height:500px;background: #eaeffb; border-radius: 8px;padding: 15px;margin: 0 auto}

.orgbannerinfo .cta .btun-red:after, .orgbannerinfo .cta .btun-red:before{animation:2s linear infinite;background:hsla(0,0%,100%,.3);content:"";height:100%;left:auto;opacity:1;position:absolute;right:auto;transform:skewX(15deg);width:15%;top: 0}
.orgbannerinfo .cta .btun-red:before{animation-name:animate}
.orgbannerinfo .cta .btun-red:after{animation-name:animates}
@keyframes animate{
0%{left:50%}
to{left:-150%}
}
@keyframes animates{
0%{right:50%}
to{right:-150%}
}
  


  /**/
.statswarp{display: flex;gap: 15px;margin: var(--size50) 0}
.statswarp .statsblock{width: 50%}
.statswarp .statsblock.secondcard{margin-top: var(--size50)}
    
.statswarp .statsblock .stats{background: var(--white);box-shadow: var(--boxshadow); border-radius: var(--borderradius6); width: 300px;justify-content: center;display: flex;flex-direction: column;align-items: center;gap: var(--size10);padding: var(--size30);margin-bottom: var(--size50);}
.statswarp .statsblock .stats:last-child{margin-bottom: 0}
.statswarp .statsblock .stats figure{margin-bottom:  var(--size10);}
.statswarp .statsblock .stats figure i{width: var(--size70); height: var(--size70);display: flex;align-items: center;justify-content: center;background: #f5f5f5; border-radius: var(--borderradius50);}
.statswarp .statsblock .stats.one figure i{background: #FFF5F0;fill: #ff9a61;}
.statswarp .statsblock .stats.one:hover{box-shadow:rgb(203 69 2 / 66%) 0 0 var(--size10);}
.statswarp .statsblock .stats.two figure i{background: #effbf7;fill: #54d6ad;} 
.statswarp .statsblock .stats.two:hover{box-shadow:rgb(11 211 144 / 66%)  0 0 var(--size10);}
.statswarp .statsblock .stats.three figure i{background: #EFF5FD;fill: #579eee;}    
.statswarp .statsblock .stats.three:hover{box-shadow:rgb(7 91 204 / 66%) 0 0 var(--size10);}
.statswarp .statsblock .stats.four figure i{background: #FEEFF4;fill: #f15d8a;}
.statswarp .statsblock .stats.four:hover{box-shadow:rgb(209 6 74 / 66%) 0 0 var(--size10);}    
.statswarp .statsblock .stats big{font-size: 32px;font-weight:var(--fontweight900);color: var(--black);margin-bottom:  var(--size10)}
.statswarp .statsblock .stats small{font-size: 16px;text-align: center}
.statsdescwarp{margin: var(--size50) 0;overflow: hidden}
.statsdescwarp .statsdesc{}
.statsdescwarp .statsdesc .title{font-size: 36px;font-weight: var(--fontweight900);color: #21294A;line-height: var(--size50);margin-bottom: 15px;font-family: var(--Coustard);}
.statsdescwarp .statsdesc p{font-size: 18px;color: #495567;margin-bottom: var(--size20);line-height: 28px;letter-spacing: 0.5px;font-family: var(--Coustard);}
.statsdescwarp .statsdesclist{margin-top: var(--size50)}
.statsdescwarp .statsdesclist ul{font-family: var(--Coustard);}
.statsdescwarp .statsdesclist ul li{display: flex;gap:var(--size10);align-items: center;margin-bottom: var(--size30);font-size: 16px;color: #495567;line-height: 22px;}
.statsdescwarp .statsdesclist ul li i{width: var(--size40); height: var(--size40);display: flex;align-items: center;justify-content: center;background: #f5f5f5; border-radius: var(--borderradius50);flex-shrink: 0}
.statsdescwarp .statsdesclist ul li:nth-child(1) i{background: #FFF5F0;fill: #ff9a61;}
.statsdescwarp .statsdesclist ul li:nth-child(2) i{background: #effbf7;fill: #54d6ad;}
.statsdescwarp .statsdesclist ul li:nth-child(3) i{background: #EFF5FD;fill: #579eee;}
 /* Time line Start */
.timelinesectionwrap{background:#F8FAFF;padding:100px 0 0;overflow: hidden}
.timelinecontainerwarp{}
.timelinesection{display: flex; flex-flow: row wrap;max-width: 1280px;margin: 0 auto;padding-top: 80px;}
.timelinesection .timelinecontainer{padding: 15px 30px;position: relative;background: inherit;width: 50%;}
.timelinesection .timelineleft{left: 0;    margin-top: var(--size20);}
.timelinesection .timelineright{left: 100px;margin-top: var(--size20);top: 100px;}
.heading-icon{font-size: 40px; font-weight: 900;max-width:600px;left: 50%;position: relative;}
.heading-icon span{padding: 10px 0 0;display: block;}
/* Line Start */ 
.timelinesectionwrap .svg-line-wrap{position:absolute;left:0;width:100%}
.timelinesectionwrap .svg-line-wrap .svg-elem{position:absolute}
.timelinesectionwrap .svg-line-wrap .svg-elem.svg-elem1{left:44.7%}
.timelinesectionwrap .svg-line-wrap .svg-elem.svg-elem1 svg{width:140px}
.timelinesectionwrap .svg-line-wrap .svg-elem.svg-elem2 svg{width:7px;height:1720px}
.timelinesectionwrap .svg-line-wrap .svg-elem.svg-elem2{left:52%;top:159px}
.timelinesectionwrap .svg-line-wrap .flow-svg-line .svg-line-start{border:2px solid #404a57;width:var(--size10);height:var(--size10);border-radius:50%;position:absolute;top:20%;left:-4px;opacity:1;transition:.3s all linear 0}
.timelinesectionwrap .svg-line-wrap .flow-svg-line .svg-line-end{width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:var(--size10) solid #404a57;display:inline-block;position:absolute;top:182px;left:24px;opacity:0;transition:.3s all linear 2s}
.timelinesectionwrap .svg-line-wrap .flow-svg-line.zwe-ob #timelineMaskPath{opacity:1;stroke-dasharray:445}
 /* Line End */    
.timelinesection .content {padding: var(--size40);background: var(--white);position: relative;border: 1px solid #bccbdd;border-radius: 12px;text-align: left;font-family: var(--Coustard);}
.timelinesection .content .title{ font-weight: var(--fontweight900); font-size: var(--size20);margin-bottom: var(--size10)}
.timelinesection .content .desc{font-size: 16px;margin-bottom: var(--size20);line-height: 25px;}
.timelinesection .content figure{width: 100%; height: 250px;text-align: center}
.timelinesection .content figure img{height: 100%;}
.timelinesection .svg-wrap{position:absolute;width:var(--size40);height:3px;top:calc(50% - 1px);z-index:1}
.timelinesection .svg-wrap svg{position:absolute;width:var(--size40);height:3px;top:0;right:-2px;z-index:1}
.timelinesection .svg-wrap:before{content:"";position:absolute;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;top:-5px;z-index:10}
.timelinesection .svg-wrap:after{content:"";position:absolute;width:var(--size10);height:var(--size10);top:calc(50% - 5px);background:#fff;border:2px solid #404a57;border-radius:16px;z-index:1}   
.timelinesection .timelineright .svg-wrap{transition:.3s all ease 0;left:-34px;z-index:1}
.timelinesection .timelineright .svg-wrap svg{width:var(--size60)}
.timelinesection .timelineright .svg-wrap:after{content:"";left:-76%}
.timelinesection .timelineright .svg-wrap:before{border-left:var(--size10) solid #404a57;right:-6px} 
.timelinesection .timelineleft .svg-wrap{right:-38px;transition:.3s all ease 0;}
.timelinesection .timelineleft .svg-wrap svg{position:absolute;width:var(--size40);height:3px;top:0;right:-2px;z-index:1}
.timelinesection .timelineleft .svg-wrap:before{border-right:var(--size10) solid #404a57}
.timelinesection .timelineleft .svg-wrap:after{right:-18%} 
/* Time line End */
.posteveblock{text-align: center;padding:var(--size50) 150px;position: relative;background: #0d1229;border-radius: var(--size20); width:900px; margin: 0 auto;color: var(--white);letter-spacing: 0.5px;margin-top:130px;}
.posteveblock big{ font-size: var(--size40); color: var(--white);font-weight: var(--fontweight900);padding-bottom: var(--size30);display: block}
.posteveblock p{font-size: var(--size20);margin-bottom: var(--size20);display: block;line-height: var(--size30);}
.posteveblock .btun-red{font-size: 18px;padding: 14px 36px;margin-right: var(--size20);font-family: var(--Coustard);position: relative}

.posteveblock .btun-red:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    border-radius: 200px;
    animation: 2s ease 0s normal none infinite running playbutton;
    z-index: -1;
}
.posteveblock .btun-red:before{    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    border-radius: 200px;
    animation: 2s ease 0s normal none infinite running playbutton1;
    z-index: -1;}
@keyframes playbutton {
	0% {
		box-shadow:0 0 0 0 rgba(255,255,255,0);
		opacity: 1; 
	}
	100% {
		box-shadow:0 0 0 10px rgba(255,255,255,1);
		opacity: 0; 
	} 
}
@keyframes playbutton1 {
	0% {
		box-shadow:0 0 0 0 rgba(255,255,255,0);
		opacity: 1; 
	}
	100% {
		box-shadow:0 0 0 20px rgba(255,255,255,1);
		opacity: 0; 
	} 
}


/**/
.pagetitle{text-align: center}
.pagetitle .title{font-size: 36px;font-weight: var(--fontweight900);color: #21294A;line-height: var(--size50);margin-bottom: 10px;font-family: var(--Coustard);}
.pagetitle .tagline {font-size: 18px;color:var(--lightblack);margin-bottom: var(--size20);line-height: 28px;letter-spacing: 0.5px;font-family: var(--Coustard);}

/* tab start */    
.tabwarp{margin-top: var(--size40);}
.tab span{ display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;max-width: -webkit-max-content;max-width: -moz-max-content;max-width: max-content;border-radius:60px;padding: 5px 8px;margin: 0 auto ;background: #F7F8FA;}         
.tab a{margin: 0 10px;line-height: 24px;font-size: 17px;color:var(--gray777);background-color: transparent;border-radius: var(--size30);cursor: pointer;-webkit-transition: 0.3s ease;transition: 0.3s ease;position: relative;z-index: 1;white-space: nowrap;}
.tab a:before{position: absolute;content: '';top: 50%;left: 0;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);width: 0;height: 100%;border-radius:30px;-webkit-transition: 0.3s ease;transition: 0.3s ease;background-color:var(--white);z-index: -1;}
.tab a:first-child{margin-left: 0}
.tab a:last-child{margin-right: 0}
.tab a.active:before, .tab a:hover:before {width: 100%;}
.tab a{color:var(--gray777);padding:15px 30px;display: block}
.tab a:hover, .tab a.active {color:var(--black);} 
.tabcontent-wrap{width: 1200px; margin: 0 auto}
.tabinfowarp{display: flex;gap:30px;margin-top: var(--size50);}
.tabinfowarp figure{width: 500px; height: 500px; background: #f5f5f5; border-radius: 6px;}
.tabinfowarp .tabinfo{flex: 1}
.tabinfowarp .tabinfo .title{ font-weight:var(--fontweight900); font-size: 22px;padding-bottom: var(--size20)}
.tabinfowarp .tabinfo p{font-size: 16px; color:var(--lightblack);padding-bottom: var(--size30)}
.tabinfowarp .tabinfo p strong{font-weight:var(--fontweight900);font-size: 13px;display: block;padding-bottom: 5px;}
/**/ 
.featuresmainwarp{padding: 100px 0;}
.featuresmainwarp .featureswarp{width: 1100px;margin: 0 auto;}
.featuresmainwarp .featureswarp .cta{text-align: center;}
.featuresmainwarp .featureswarp .cta .btun{font-family: var(--Coustard);letter-spacing: 0.5px;    padding: 10px 26px;}
.featuresmainwarp .featureswarp .featuresitemswarp {display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px;margin: var(--size30) 0}
.featuresmainwarp .featureswarp .featuresitemswarp .featuresitems{ background: var(--white); border-radius: 4px;text-align: center;padding: var(--size20);-webkit-transition: all 0.2s ease-out 0s;-moz-transition: all 0.2s ease-out 0s;-ms-transition: all 0.2s ease-out 0s;-o-transition: all 0.2s ease-out 0s;transition: all 0.2s ease-out 0s;border: 1px solid #B5B5C3;}
.featuresmainwarp .featureswarp .featuresitemswarp .featuresitems:hover{filter: drop-shadow(10px 10px 0px #CAC9D6);}
.featuresmainwarp .featureswarp .featuresitemswarp .featuresitems figure{width: 85px; height: 85px;margin-bottom: 10px;background: #f5f5f5;margin: 0 auto; border-radius:var(--borderradius50); display: inline-flex; align-items: center;justify-content: center} 
.featuresmainwarp .featureswarp .featuresitemswarp .featuresitems span{margin: var(--size20) 0;display: block; font-size: 16px;}
.featuresmainwarp .featureswarp .featuresitemswarp .featuresitems.one figure{background: #FFF5F0;fill: #ff9a61;}
.featuresmainwarp .featureswarp .featuresitemswarp .featuresitems.two figure{background: #effbf7;fill: #54d6ad;}
.featuresmainwarp .featureswarp .featuresitemswarp .featuresitems.three figure{background: #EFF5FD;fill: #579eee;}
.featuresmainwarp .featureswarp .featuresitemswarp .featuresitems.four figure{background: #FEEFF4;fill: #f15d8a;}
.featuresmainwarp .featureswarp .featuresitemswarp .featuresitems.five figure{background:#f6edff;fill: #9962cf} 
.featuresmainwarp .featureswarp .featuresitemswarp .featuresitems.six figure{background:#fffde5;fill: #bbac21} 

.trustedmainwarp{margin: 50px 0; width: 100%}

 
 

.trustedwarp {display: flex;gap:15px;flex-wrap: wrap;margin-top: 25px;justify-content: center}
.trustedwarp span{flex-shrink: 0}
.trustedwarp span img{}
.trustedmainwarp .posteveblock{ position: static;margin-top: var(--size30)}
.trustedplatfmmainwarp{background: #F8FAFF;padding: 100px 0;}
.trustedplatfmmainwarp .trustedwarp span{border-radius: 100px 100px 100px 100px;}
/* Accordion Menu */
.accordionmenu, .accordionmenu ul, .accordionmenu li, .accordionmenu a { margin: 0; padding: 0; border: 0; list-style: none; font-weight: normal; text-decoration: none; line-height: 1; font-size: 14px; position: relative; }
.accordionmenu { padding:15px; width: 100%; margin:0; }  
.accordionmenu ul { border-top:0; }
.accordionmenu ul li { border-bottom:solid 1px rgba(255, 255, 255, 0.1); margin-bottom:5px; padding:0 0 3px; }
 
.accordionmenu ul li a { font-size: 16px; color:var(--white); display: block; padding:10px 0; line-height: 1.3;display: flex;justify-content: space-between}
.accordionmenu ul li a:hover { text-decoration: none; }
.accordionmenu ul li.active a {color:var(--white);border-bottom:solid 1px rgba(255, 255, 255, 0.1); transition: none}
.accordionmenu ul li a i {color:var(--black); -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; font-size:16px; }
.accordionmenu ul li a i svg{fill:var(--gray999)}
.accordionmenu ul li.active a i svg{fill:var(--gray999)}
.accordionmenu ul li.active a i { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
/* Sub menu */
.accordionmenu ul div { padding: 5px 12px; display:none; }
.accordionmenu ul li .acc { padding:0; }
.accordionmenu ul li .acc.inline ul { display: grid;grid-template-columns: repeat(2, 1fr);}
.accordionmenu ul .acc ul { margin:10px 0 0; }
 
.accordionmenu ul li .acc ul li { list-style-type:none; margin:0; padding:5px 0; border-bottom:0; color:#666;display: block}
.accordionmenu ul li .acc ul li a { color: var(--gray666); background:none; padding:0; border-bottom: 0;display: inline-block;font-size: 14px;}
.accordionmenu ul li .acc ul li a:hover{color: var(--white)} 
/* Accordion Menu */ 
.faqarea{padding: 80px 0;background: #f8faff;}
.faqarea .faqsectionwarp{display: flex;flex-wrap: wrap;}
.faqarea .faqsectionwarp .faqleft{flex: 0 0 auto;width: 33.33333333%;max-width: 100%;padding-left: 15px;padding-right: 15px;}
.faqcontentwrap {color: #222b40;padding:0;position: sticky; top:30px;}
.faqcontentwrap .faqtag{font-weight: 700;font-size: 13px;line-height: 20px;letter-spacing: .5px;text-transform: uppercase;background: #c91751;padding: 3px 10px;border-radius: 4px;color: #fff;}
.faqcontentwrap .faqtitle{font-size: 32px;letter-spacing:0.7px; text-transform: none;padding: 0 0 10px;font-weight: 900;line-height: 45px;}
.faqcontentwrap .faqdesc{font-size: 16px;line-height: 30px;}
.faqarea .faqsectionwarp .faqcontent{flex: 0 0 auto;width: 66.66666667%;max-width: 100%;padding-left: 15px;padding-right: 15px;}
.faqarea .faqsectionwarp .faqcontent .tab{position: sticky;top: 54px;z-index: 1;}
.faqarea .faqsectionwarp .faqcontent ul{}
.faqarea .faqsectionwarp .faqcontent ul li{padding: 10px 20px;border-radius: 10px;border: 1px solid #B5B5C3;margin-bottom: 25px;}
.faqarea .faqsectionwarp .faqcontent ul li:last-child{margin-bottom: 0}
.faqarea .faqsectionwarp .faqcontent ul li a{display: flex;align-items: center;justify-content: space-between;letter-spacing: 0.3px;gap:10px;color: var(--gray333)}
.faqarea .faqsectionwarp .faqcontent ul li a i{float: none;background: #CAC9D6;width: 30px;height: 30px;border-radius: 50%;display: flex;justify-content: center;align-items: center;}
.faqarea .faqsectionwarp .faqcontent ul li.active{background: #fff;filter: drop-shadow(10px 10px 0px #CAC9D6);}
.faqarea .faqsectionwarp .faqcontent .accordionmenu b{padding-bottom: 15px;display: block; font-size: 18px;color: #c91751;}
/**/
.headertwarp{background:url("../images/other/banner-org-thumpimg.svg") 0 0 no-repeat; height: 100%;background-size: 100%;position: relative;width: 420px;height: 520px;margin: 0 auto}
.topic-content {width: 240px;padding: 20px 15px;background:rgb(255 255 255/80%);display: flex;align-items: center;gap:10px;box-shadow: 0 5px 10px 0 rgb(44 130 237 / 40%);border-radius: 4px;transform-style: preserve-3d;transform: perspective(1000px);backdrop-filter: blur(10px);} 
.topic-content.one {position: absolute;top: 70px;left: -150px;}
.topic-content.two {position: absolute;top: 70%;left: -120px;}
.topic-content.three {position: absolute;right: -80px;top: 140px;} 
.topic-content.four {position: absolute;right: -150px;bottom: 0;}
.topic-img {border-radius: 50%;width: 40px; height: 40px; display: flex;align-items: center;justify-content: center;position: absolute;top: -23px;right: 30px;}    
.topic-content.one .topic-img{background-color:#EE6777;}
.topic-content.two .topic-img{background-color:#0378FF;}
.topic-content.three .topic-img{background-color:#3CCEBC;}
.topic-content.four .topic-img {background-color: #EE6777;}
 
.topic-img svg{fill:var(--white)}
.topic-content h4 {font-size: 14px;font-weight: 600;color: #374b5c;padding-bottom: 8px}
.topic-content p {font-weight: 400;font-size: 14px;color: #666;margin: 0;} 
.topic-content p a{margin: 0 3px;display: inline-block}

.shape1{animation:hero-thumb-animation 2.5s linear infinite alternate;-webkit-animation:hero-thumb-animation 2.5s linear infinite alternate;-moz-animation:hero-thumb-animation 2.5s linear infinite alternate;-o-animation:hero-thumb-animation 2.5s linear infinite alternate}
.shape2{animation:hero-thumb1-animation 2.5s linear infinite alternate;-webkit-animation:hero-thumb1-animation 2.5s linear infinite alternate;-moz-animation:hero-thumb1-animation 2.5s linear infinite alternate;-o-animation:hero-thumb1-animation 2.5s linear infinite alternate}
.shape3{animation:hero-thumb2-animation 2.5s linear infinite alternate;-webkit-animation:hero-thumb2-animation 2.5s linear infinite alternate;-moz-animation:hero-thumb2-animation 2.5s linear infinite alternate;-o-animation:hero-thumb2-animation 2.5s linear infinite alternate}
@keyframes hero-thumb-animation{
0%{transform:translateY(-20px)}
to{transform:translateY(0)}
}
@keyframes hero-thumb1-animation{
0%{transform:translateY(-20px) translateX(50px)}
to{transform:translateY(-20px) translateX(0)}
}
@keyframes hero-thumb2-animation{
0%{transform:translateY(-50px)}
to{transform:translateY(0)}
}


.simplywarp{display: flex;flex-wrap: wrap;}
.simplywarp .simplyleft {flex: 0 0 auto;width:41.66666667%;max-width: 100%;padding-left: 15px;padding-right: 15px;}
.simplywarp .simplyleft .pagetitle {color: #222b40;padding:0;position: sticky;top: 30px;text-align: left}
.simplywarp .simplycontentwarp{flex: 0 0 auto;width: 58.33333333%;max-width: 100%;padding-left: 15px;padding-right: 15px;}


.simplywarp .simplycontentwarp .simplycontent{} 
.simplycontentinfo{margin-bottom: 35px;padding: var(--size20);border-radius:var(--size10);border: 1px solid #B5B5C3;background: #fff;-webkit-transition: all 0.2s ease-out 0s;
 -moz-transition: all 0.2s ease-out 0s;-ms-transition: all 0.2s ease-out 0s;-o-transition: all 0.2s ease-out 0s;transition: all 0.2s ease-out 0s;}
.simplycontentinfo:hover{filter: drop-shadow(10px 10px 0px #CAC9D6);}
.simplycontentinfo .title{ font-weight:var(--fontweight900); font-size: 22px;padding-bottom: 15px;}
.simplycontentinfo p{font-size: 16px; color:var(--gray666);padding-bottom: var(--size20)}
.simplycontentinfo p strong{font-weight:var(--fontweight900);font-size: 14px;display: block;padding-bottom: 5px;letter-spacing: 0.5px;color:var(--lightblack)}


footer{padding: 15px 0 0;background-color: rgb(12, 18, 28);color: var(--white)}
.footer-menu{padding: 10px 0;border-bottom: solid 1px var(--garyddd)}
.footer-menu a{padding: 0 5px;color: var(--black);font-weight: var(--weight600);}
.copyrite{color:var(--gray666);font-size: 13px;padding: 15px 0 15px;text-align: center;    border-top: 1px solid rgba(255, 255, 255, 0.2);margin-top: 15px}
.ftmenutwo{}
.ftmenutwo ul{}
.ftmenutwo ul li{border-bottom:solid 1px rgba(255, 255, 255, 0.1); margin-bottom:5px; padding:10px 0; }
.ftmenutwo ul li b{display: inline-block;margin-right: 10px;}
.ftmenutwo ul li b a{color: var(--link)}
.ftmenutwo ul li b a:hover{color: var(--yellow)}
.ftmenutwo ul li span{display: inline-flex;margin-right: 3px;gap: 5px;justify-content: flex-start;}
.ftmenutwo ul li.socialft b{ display: block;margin-bottom: 10px;}
.ftmenutwo ul li.appdonlodft b{ display: block;margin-bottom: 10px;}
.ftmenutwo ul li.appdonlodft{display: flex; gap:10px}
.ftmenutwo ul li .share{background: var(--white);display: inline-flex; align-items: center;margin-right: 10px;width: 30px; height: 30px;text-align: center;border-radius: 50%;justify-content: center}
.ftmenutwo ul li .share a{} 
.ftmenutwo ul li .phone svg{margin-right: 5px;fill:var(--gray999)}
.ftmenutwo ul li .app{margin-right: 10px;}
.ftmenutwo ul li .app img{}
.ftmenutwo ul li .share svg{fill:var(--white)}
.ftmenutwo ul li .share.fb{background: #3E5A99;}
.ftmenutwo ul li .share.in{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%);}
.ftmenutwo ul li .share.tw{background:var(--white);}
.ftmenutwo ul li .share.wt{background: #0E9F16;}
.ftmenutwo ul li .share.lk{background: var(--white);}
.ftmenutwo ul li .share.you{background: var(--reda);}
.ftmenutwo ul li .share.pin{background: var(--red);}
.ftmenutwo ul li .share.tw svg, .ftmenutwo ul li .share.lk svg{fill: var(--black);}
.aboutlinks{display: flex;flex-wrap: wrap;}
.aboutlinks a{padding: 0 10px; border-right: solid 1px #ddd;color: var(--white)}
.aboutlinks a:hover{color: var(--link)}
.aboutlinks a:first-child{padding-left: 0}
.aboutlinks a:last-child{padding-right: 0;border-right: 0}
    
/**/
#newsignin {background-color: rgba(0, 0, 0, 0.8);}
.frame-width {top: 50px;left: 50%;margin-left: -205px;min-height: 614px;width: 410px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.modal {display: none;height: 100%;overflow-x: hidden;overflow-y: auto;width: 100%;z-index: 1000000;top: 0;right: 0;bottom: 0;left: 0;position: fixed;-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;animation: fadeIn 0.2s linear;}
.modal-dialog {position: relative;margin: 30px auto;width: 500px;}
.modal-content {background: var(--white);border-radius: 5px;}
.modaltitle {font-size: 16px;font-weight: 600;padding: 25px 15px 5px;}
.modalhd {display: flex;flex-shrink: 0;align-items: center;padding: 15px;box-shadow: 0 0 0.5rem 0 rgb(137 173 255 / 35%);position: relative; font-size: 20px;gap:10px;font-weight: 600;}
.modalhd figure{width: 70px; height: 70px; border-radius: 50%;border: 5px solid var(--white);box-shadow: 0 1px 4px rgb(32 33 36 / 28%);-moz-box-shadow: 0 1px 4px rgba(32, 33, 36, .28);-webkit-box-shadow: 0 1px 4px rgb(32 33 36 / 28%);background-color: #40a8ca;overflow: hidden}

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

.bottomsheet {position: fixed;height: 100%;box-sizing: border-box;display: none;z-index: 1000005;}
.bottomsheet-container {max-width: 750px !important;}.
.bottomsheet-container.small{max-width: 500px !important;}
.bottomsheet .bottomsheet-inner {display: flex;flex-direction: column;overflow: hidden;background: #fff;width: 100%;height: auto;max-height: 85%;z-index: 1;position: fixed;bottom: 0;left: 0;pointer-events: auto;animation: slideInUp 0.3s cubic-bezier(.4, 0, .2, 1);transition: all 1s ease;-webkit-border-top-left-radius: 20px;-webkit-border-top-right-radius: 20px;-moz-border-radius-topleft: 20px;-moz-border-radius-topright: 20px;border-top-left-radius: 20px;border-top-right-radius: 20px;}

.selectpanel {animation: slide-right .1s linear;display: none;height: 100%;left: 0;margin: 0;overflow: auto;padding: 0;position: fixed;top: 0;width: 100%;z-index: 991;    background: var(--white);}
.selectpanel .selectinner {background: var(--white);background-clip: padding-box;border: 0;border-radius: 0;display: flex;flex-direction: column;height: 100%;outline: 0;pointer-events: auto;position: relative;width: 100%;z-index: 9992;}
 @-webkit-keyframes slide-right{
0%{opacity:0;-webkit-transform:translateX(100%)}
to{opacity:1;-webkit-transform:translateX(0)}
}
 
@media (min-width: 768px) {
.bottomsheet {position: fixed;top: 0;left: 0;right: 0;bottom: 0;display: none;width: 100%;height: 100%;overflow-x: hidden;outline: 0;z-index: 1000005}
.bottomsheet .bottomsheet-container {height: calc(100% - 50px);min-height: calc(100% - 50px);max-width: 60rem;margin: 15px auto;position: relative;width: auto;pointer-events: none;display: flex;align-items: center;}
.bottomsheet .bottomsheet-inner {overflow: hidden;width: 100%;max-height: 100%;z-index: 1;pointer-events: auto;position: relative;display: flex;flex-direction: column;background: white;height: auto;background-clip: padding-box;border-radius: 20px;outline: 0;}
.bottomsheet-container.small {max-width: 500px !important;}
.popupbody {display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;padding:20px;overflow-x: hidden;overflow-y: overlay;}
 /**/
.selectpanel {animation: none;box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);height: auto;position: absolute;top: 3.8rem;z-index: 12;background: var(--white);min-width: 100%;max-width: 100%;top: calc(100% + 1px);border-radius: 6px; box-shadow:  0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23); left: 0;padding:5px 0 0;margin: 0;z-index: 3;} 
.select-menu{font-family: var(--roboto);}
.select-menu ul{overflow: hidden;overflow-y: overlay;max-height: 220px;}
}
 
.popuphead {padding: 20px;display: flex;gap: 10px;border-bottom: solid 1px #ddd}
.popuphead .popuptitle {}
.popuphead .close {margin-left: auto}
.popuphead .close a{font-size: 20px; width: 30px; height: 30px; display: inline-flex;justify-content: center;align-items:center;}
.popuphead .popuptitle big {display: block;font-size: 20px;font-weight: 600;color: #212121}
.popuphead .popuptitle small {display: block;font-size: 15px;line-height: 20px;color: #777}

.popupbody {padding: 20px;}
.popupbody .form-group label{font-size: 13px; color: #212121; font-weight: 500;}
.popupbody .form-group .form-control{border: solid 1px #9e9e9e;height: 45px; border-radius: 5px;}
.popupbody .form-group .phonenum{display: flex;gap:10px;}
.popupbody .form-group .phonenum select{width: 100px;height: 45px;border: solid 1px #9e9e9e; border-radius: 5px;} 
.popupfotr {padding: 20px;text-align: center; border-top: solid 1px #ddd}
 
.form-group {position: relative;margin-bottom: var(--size10);}
.form-group .label {left: var(--size10);font-size: 16px;color: var(--gray666);font-family: var(--roboto);white-space: nowrap;text-overflow: ellipsis;overflow: hidden;pointer-events: none;line-height: 22px; margin-bottom: var(--size10); display: flex} 
.form-group .helptext, .form-group .alertext{padding-top:5px;font-family: var(--roboto);font-size: 13px;}
.form-group .alertext{display: block; color: var(--red);padding-top: 10px;}
.form-group .helptext a{color: var(--link);text-decoration: underline}
.form-group input {width: 100%;transition: border-color 0.3s ease; border-width: 1px; border-radius: 4px;}
.form-group label {position: absolute;left: var(--size10);top: 14px;font-size: 16px;color:  var(--gray666);transition: all .2s;font-family: var(--roboto);white-space: nowrap;text-overflow: ellipsis;overflow: hidden;pointer-events: none;line-height: 22px;}
.form-group label i{color: var(--red)}
.form-group input:focus {border-color: #0f62fe;outline: none;border-width: 2px}
.form-group input:focus + label, .form-group input:not(:placeholder-shown) + label, .form-group.valid label{top: -10px;font-size: 13px;color:#0f62fe;background-color:var(--white);padding: 0 4px;border-radius: 4px;left:12px;    width: auto;} 

.form-group textarea{width: 100%; height: 150px;}
.form-group textarea:focus {border-color: #0f62fe;outline: none;border-width: 2px}
.form-group textarea:focus + label, .form-group textarea:valid + label{top:-10px;font-size: 13px;color:#0f62fe;background-color:var(--white);padding: 0 4px;border-radius: 4px;left:12px;}
 
 
 .select-menua.select-menu ul li a{flex-direction: row;gap:5px;}
.select-menu ul li{margin: 5px 0;cursor: pointer;font-size: 15px;}
.select-menu ul li button{width: 100%;text-align: left;background: transparent;cursor: pointer;display: block;padding: 0}
.select-menu ul li:hover{background:var(--graye)}
.select-menu ul li.active{background:#FFF3E3}
.select-menu ul li.selecteditem{background:var(--graye);-webkit-border-bottom-right-radius: 6px;-webkit-border-bottom-left-radius: 6px;-moz-border-radius-bottomright: 6px;-moz-border-radius-bottomleft: 6px;border-bottom-right-radius: 6px;border-bottom-left-radius: 6px;margin-bottom: 0}
.select-menu ul li:hover a{text-decoration: none}
.select-menu ul li a{color: var(--black);display: block;padding: var(--size10);display: flex;align-items: flex-start; flex-direction: column; justify-content: flex-start;gap:7px;}
.iconcheck {fill:var(--green)}
.select-menu ul li big{ font-size: 14px; font-weight: var(--fontweight500);color: var(--black);display: block;padding-bottom: 5px;}
.select-menu ul li small{font-size: 14px; font-weight: var(--fontweight400);color:var(--gray888);display: block}
.select-menu ul li b{color: var(--gray777); font-size: 14px;}
.select-menu ul li span{color: var(--black);font-size: 14px;}
.select-menu ul li a.selectrow{flex-direction: row;gap:10px;justify-content: space-between}
.select-menu ul li a.selectrow svg{fill:var(--green)}

.form-group.adontextwarp .adontext{position: absolute;top:25px;transform: translateY(-24px);width:var(--size60);height: 48px;display: flex;align-items: center;justify-content: center;z-index: 2;border-right: solid 1px var(--grayddd);}
.form-group.adontextwarp .adontext svg{fill:var(--grayaaa)}
.form-group.adontextwarp label{left:var(--size70);}
.form-group.adontextwarp input{padding-left:var(--size70);}
.form-group.adontextwarp .holdertext{font-size: 16px;color: var(--gray666);display: inline-flex;align-items: center;gap: 7px;height: 100%}
.form-group.adontextwarp input:focus + label, .form-group.adontextwarp input:not(:placeholder-shown) + label{left:var(--size70);}

.happymsgwarp {display: flex;justify-content: center;padding: 25px;flex-direction: column;align-items: center}
.happymsgwarp .close {margin-left: auto;position: absolute;top: 10px;right: 10px}
.happymsgwarp .modal-title {padding: 15px 25px;font-weight: var(--fontweight500);font-size: 32px;}
.happymsgwarp .happymsg-body {padding: 15px 0;text-align: center}
.happymsgwarp .happymsg-body figure {display: flex;justify-content: center;margin-bottom: 15px;}
.happymsgwarp .happymsg-body figure svg {fill: var(--white)}
.happymsgwarp .happymsg-body figure svg.custom-clock{fill: var(--gray999)}
.happymsgwarp .happymsg-body figure svg.custom-tick {fill: var(--green)}
.happymsgwarp .happymsg-body .helptext{text-align: left;padding-bottom: var(--size10);}
.happymsgwarp .happymsg-body .happymsginfo {font-family: var(--poppins);}
.happymsgwarp .happymsg-body .happymsginfo .title {font-size: 24px;font-weight: var(--fontweight600);padding: 25px 0}
.happymsgwarp .happymsg-body .happymsginfo p {font-size: 16px;padding:0 0  25px;    color: var(--drakblue);}
.happymsgwarp .happymsg-footer {display: flex;gap: 10px;padding-bottom: 30px;}

.back-top {cursor: pointer;position: fixed !important;bottom: 157px;right: 40px;display: block;z-index: 99;visibility: hidden;opacity: 0;-webkit-transform: translateY(50%);transform: translateY(50%);-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;border-radius: 10%;width: 52px;height: 52px;line-height: 65px;text-align: center;background: #fff; border: solid 1px #CAC9D6}
.back-top svg{-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.back-top.back-top-show {visibility: visible;opacity: 1;-webkit-transform: translateY(0%);transform: translateY(0%);}

.ychoseus{border-top: dotted 2px #ddd;padding: 50px 0;}
.ychoseus .container{width: 1100px;}
.ychoseus .pagetitle{padding-bottom: 35px}
.ychoseus .yinfo{background: #f5f5f5;margin-bottom: 35px;padding: 25px; border-radius: 4px;}
.ychoseus .yinfo.one{background-color:#FFE9E3;-webkit-clip-path:polygon(.19% 13.678%,.19% 13.678%,.166% 12.223%,.15% 10.912%,.148% 9.734%,.166% 8.68%,.21% 7.74%,.286% 6.904%,.4% 6.163%,.557% 5.506%,.763% 4.924%,1.023% 4.407%,1.023% 4.407%,1.334% 3.965%,1.688% 3.606%,2.091% 3.322%,2.551% 3.103%,3.071% 2.937%,3.658% 2.817%,4.318% 2.732%,5.057% 2.673%,5.88% 2.629%,6.794% 2.591%,71.664% 0,93.642% 2.163%,93.642% 2.163%,94.511% 2.25%,95.295% 2.337%,95.997% 2.435%,96.625% 2.552%,97.184% 2.697%,97.679% 2.882%,98.116% 3.114%,98.5% 3.403%,98.837% 3.759%,99.133% 4.192%,99.133% 4.192%,99.382% 4.693%,99.58% 5.254%,99.733% 5.885%,99.847% 6.596%,99.926% 7.396%,99.976% 8.294%,100.003% 9.299%,100.012% 10.423%,100.009% 11.672%,100% 13.059%,99.439% 88.406%,99.439% 88.406%,99.427% 89.799%,99.411% 91.056%,99.385% 92.184%,99.343% 93.194%,99.279% 94.094%,99.187% 94.894%,99.062% 95.603%,98.899% 96.231%,98.691% 96.786%,98.432% 97.278%,98.432% 97.278%,98.128% 97.7%,97.784% 98.042%,97.393% 98.316%,96.95% 98.528%,96.45% 98.69%,95.886% 98.811%,95.253% 98.899%,94.545% 98.963%,93.756% 99.014%,92.881% 99.061%,74.573% 100%,8.209% 98.902%,8.209% 98.902%,7.329% 98.886%,6.536% 98.862%,5.824% 98.822%,5.186% 98.756%,4.618% 98.654%,4.113% 98.509%,3.666% 98.31%,3.27% 98.049%,2.92% 97.716%,2.61% 97.302%,2.61% 97.302%,2.344% 96.815%,2.129% 96.264%,1.958% 95.638%,1.825% 94.93%,1.725% 94.128%,1.651% 93.226%,1.599% 92.212%,1.561% 91.079%,1.532% 89.817%,1.506% 88.416%,.19% 13.678%);clip-path:polygon(.19% 13.678%,.19% 13.678%,.166% 12.223%,.15% 10.912%,.148% 9.734%,.166% 8.68%,.21% 7.74%,.286% 6.904%,.4% 6.163%,.557% 5.506%,.763% 4.924%,1.023% 4.407%,1.023% 4.407%,1.334% 3.965%,1.688% 3.606%,2.091% 3.322%,2.551% 3.103%,3.071% 2.937%,3.658% 2.817%,4.318% 2.732%,5.057% 2.673%,5.88% 2.629%,6.794% 2.591%,71.664% 0,93.642% 2.163%,93.642% 2.163%,94.511% 2.25%,95.295% 2.337%,95.997% 2.435%,96.625% 2.552%,97.184% 2.697%,97.679% 2.882%,98.116% 3.114%,98.5% 3.403%,98.837% 3.759%,99.133% 4.192%,99.133% 4.192%,99.382% 4.693%,99.58% 5.254%,99.733% 5.885%,99.847% 6.596%,99.926% 7.396%,99.976% 8.294%,100.003% 9.299%,100.012% 10.423%,100.009% 11.672%,100% 13.059%,99.439% 88.406%,99.439% 88.406%,99.427% 89.799%,99.411% 91.056%,99.385% 92.184%,99.343% 93.194%,99.279% 94.094%,99.187% 94.894%,99.062% 95.603%,98.899% 96.231%,98.691% 96.786%,98.432% 97.278%,98.432% 97.278%,98.128% 97.7%,97.784% 98.042%,97.393% 98.316%,96.95% 98.528%,96.45% 98.69%,95.886% 98.811%,95.253% 98.899%,94.545% 98.963%,93.756% 99.014%,92.881% 99.061%,74.573% 100%,8.209% 98.902%,8.209% 98.902%,7.329% 98.886%,6.536% 98.862%,5.824% 98.822%,5.186% 98.756%,4.618% 98.654%,4.113% 98.509%,3.666% 98.31%,3.27% 98.049%,2.92% 97.716%,2.61% 97.302%,2.61% 97.302%,2.344% 96.815%,2.129% 96.264%,1.958% 95.638%,1.825% 94.93%,1.725% 94.128%,1.651% 93.226%,1.599% 92.212%,1.561% 91.079%,1.532% 89.817%,1.506% 88.416%,.19% 13.678%);}

.ychoseus .yinfo.two{background-color:#FBF7F4;-webkit-clip-path:polygon(100% 86.322%,100% 86.322%,100.025% 87.776%,100.041% 89.088%,100.042% 90.265%,100.024% 91.32%,99.98% 92.26%,99.904% 93.096%,99.79% 93.837%,99.633% 94.494%,99.427% 95.076%,99.166% 95.593%,99.166% 95.593%,98.855% 96.035%,98.501% 96.393%,98.097% 96.678%,97.637% 96.897%,97.116% 97.063%,96.528% 97.183%,95.867% 97.268%,95.128% 97.327%,94.303% 97.371%,93.389% 97.409%,28.445% 100%,6.441% 97.837%,6.441% 97.837%,5.571% 97.75%,4.787% 97.663%,4.083% 97.565%,3.455% 97.448%,2.895% 97.303%,2.4% 97.118%,1.962% 96.886%,1.578% 96.597%,1.24% 96.241%,.944% 95.808%,.944% 95.808%,.695% 95.307%,.496% 94.746%,.343% 94.114%,.23% 93.404%,.151% 92.604%,.1% 91.706%,.073% 90.7%,.064% 89.577%,.067% 88.327%,.076% 86.941%,.638% 11.594%,.638% 11.594%,.65% 10.2%,.666% 8.944%,.692% 7.816%,.734% 6.806%,.798% 5.906%,.89% 5.106%,1.015% 4.397%,1.179% 3.769%,1.387% 3.214%,1.646% 2.721%,1.646% 2.721%,1.95% 2.3%,2.295% 1.957%,2.686% 1.684%,3.129% 1.471%,3.631% 1.309%,4.195% 1.189%,4.829% 1.101%,5.538% 1.036%,6.327% .986%,7.203% .939%,25.533% 0,91.972% 1.098%,91.972% 1.098%,92.853% 1.114%,93.647% 1.137%,94.36% 1.178%,94.998% 1.244%,95.567% 1.346%,96.073% 1.491%,96.521% 1.69%,96.917% 1.951%,97.267% 2.284%,97.578% 2.698%,97.578% 2.698%,97.843% 3.184%,98.059% 3.736%,98.23% 4.361%,98.363% 5.07%,98.464% 5.871%,98.537% 6.774%,98.59% 7.788%,98.628% 8.921%,98.657% 10.183%,98.683% 11.583%,100% 86.322%);clip-path:polygon(100% 86.322%,100% 86.322%,100.025% 87.776%,100.041% 89.088%,100.042% 90.265%,100.024% 91.32%,99.98% 92.26%,99.904% 93.096%,99.79% 93.837%,99.633% 94.494%,99.427% 95.076%,99.166% 95.593%,99.166% 95.593%,98.855% 96.035%,98.501% 96.393%,98.097% 96.678%,97.637% 96.897%,97.116% 97.063%,96.528% 97.183%,95.867% 97.268%,95.128% 97.327%,94.303% 97.371%,93.389% 97.409%,28.445% 100%,6.441% 97.837%,6.441% 97.837%,5.571% 97.75%,4.787% 97.663%,4.083% 97.565%,3.455% 97.448%,2.895% 97.303%,2.4% 97.118%,1.962% 96.886%,1.578% 96.597%,1.24% 96.241%,.944% 95.808%,.944% 95.808%,.695% 95.307%,.496% 94.746%,.343% 94.114%,.23% 93.404%,.151% 92.604%,.1% 91.706%,.073% 90.7%,.064% 89.577%,.067% 88.327%,.076% 86.941%,.638% 11.594%,.638% 11.594%,.65% 10.2%,.666% 8.944%,.692% 7.816%,.734% 6.806%,.798% 5.906%,.89% 5.106%,1.015% 4.397%,1.179% 3.769%,1.387% 3.214%,1.646% 2.721%,1.646% 2.721%,1.95% 2.3%,2.295% 1.957%,2.686% 1.684%,3.129% 1.471%,3.631% 1.309%,4.195% 1.189%,4.829% 1.101%,5.538% 1.036%,6.327% .986%,7.203% .939%,25.533% 0,91.972% 1.098%,91.972% 1.098%,92.853% 1.114%,93.647% 1.137%,94.36% 1.178%,94.998% 1.244%,95.567% 1.346%,96.073% 1.491%,96.521% 1.69%,96.917% 1.951%,97.267% 2.284%,97.578% 2.698%,97.578% 2.698%,97.843% 3.184%,98.059% 3.736%,98.23% 4.361%,98.363% 5.07%,98.464% 5.871%,98.537% 6.774%,98.59% 7.788%,98.628% 8.921%,98.657% 10.183%,98.683% 11.583%,100% 86.322%)}

.ychoseus .yinfo.three{background-color:#FFF2DB;-webkit-clip-path:polygon(.19% 13.678%,.19% 13.678%,.166% 12.223%,.15% 10.912%,.148% 9.734%,.166% 8.68%,.21% 7.74%,.286% 6.904%,.4% 6.163%,.557% 5.506%,.763% 4.924%,1.023% 4.407%,1.023% 4.407%,1.334% 3.965%,1.688% 3.606%,2.091% 3.322%,2.551% 3.103%,3.071% 2.937%,3.658% 2.817%,4.318% 2.732%,5.057% 2.673%,5.88% 2.629%,6.794% 2.591%,71.664% 0,93.642% 2.163%,93.642% 2.163%,94.511% 2.25%,95.295% 2.337%,95.997% 2.435%,96.625% 2.552%,97.184% 2.697%,97.679% 2.882%,98.116% 3.114%,98.5% 3.403%,98.837% 3.759%,99.133% 4.192%,99.133% 4.192%,99.382% 4.693%,99.58% 5.254%,99.733% 5.885%,99.847% 6.596%,99.926% 7.396%,99.976% 8.294%,100.003% 9.299%,100.012% 10.423%,100.009% 11.672%,100% 13.059%,99.439% 88.406%,99.439% 88.406%,99.427% 89.799%,99.411% 91.056%,99.385% 92.184%,99.343% 93.194%,99.279% 94.094%,99.187% 94.894%,99.062% 95.603%,98.899% 96.231%,98.691% 96.786%,98.432% 97.278%,98.432% 97.278%,98.128% 97.7%,97.784% 98.042%,97.393% 98.316%,96.95% 98.528%,96.45% 98.69%,95.886% 98.811%,95.253% 98.899%,94.545% 98.963%,93.756% 99.014%,92.881% 99.061%,74.573% 100%,8.209% 98.902%,8.209% 98.902%,7.329% 98.886%,6.536% 98.862%,5.824% 98.822%,5.186% 98.756%,4.618% 98.654%,4.113% 98.509%,3.666% 98.31%,3.27% 98.049%,2.92% 97.716%,2.61% 97.302%,2.61% 97.302%,2.344% 96.815%,2.129% 96.264%,1.958% 95.638%,1.825% 94.93%,1.725% 94.128%,1.651% 93.226%,1.599% 92.212%,1.561% 91.079%,1.532% 89.817%,1.506% 88.416%,.19% 13.678%);clip-path:polygon(.19% 13.678%,.19% 13.678%,.166% 12.223%,.15% 10.912%,.148% 9.734%,.166% 8.68%,.21% 7.74%,.286% 6.904%,.4% 6.163%,.557% 5.506%,.763% 4.924%,1.023% 4.407%,1.023% 4.407%,1.334% 3.965%,1.688% 3.606%,2.091% 3.322%,2.551% 3.103%,3.071% 2.937%,3.658% 2.817%,4.318% 2.732%,5.057% 2.673%,5.88% 2.629%,6.794% 2.591%,71.664% 0,93.642% 2.163%,93.642% 2.163%,94.511% 2.25%,95.295% 2.337%,95.997% 2.435%,96.625% 2.552%,97.184% 2.697%,97.679% 2.882%,98.116% 3.114%,98.5% 3.403%,98.837% 3.759%,99.133% 4.192%,99.133% 4.192%,99.382% 4.693%,99.58% 5.254%,99.733% 5.885%,99.847% 6.596%,99.926% 7.396%,99.976% 8.294%,100.003% 9.299%,100.012% 10.423%,100.009% 11.672%,100% 13.059%,99.439% 88.406%,99.439% 88.406%,99.427% 89.799%,99.411% 91.056%,99.385% 92.184%,99.343% 93.194%,99.279% 94.094%,99.187% 94.894%,99.062% 95.603%,98.899% 96.231%,98.691% 96.786%,98.432% 97.278%,98.432% 97.278%,98.128% 97.7%,97.784% 98.042%,97.393% 98.316%,96.95% 98.528%,96.45% 98.69%,95.886% 98.811%,95.253% 98.899%,94.545% 98.963%,93.756% 99.014%,92.881% 99.061%,74.573% 100%,8.209% 98.902%,8.209% 98.902%,7.329% 98.886%,6.536% 98.862%,5.824% 98.822%,5.186% 98.756%,4.618% 98.654%,4.113% 98.509%,3.666% 98.31%,3.27% 98.049%,2.92% 97.716%,2.61% 97.302%,2.61% 97.302%,2.344% 96.815%,2.129% 96.264%,1.958% 95.638%,1.825% 94.93%,1.725% 94.128%,1.651% 93.226%,1.599% 92.212%,1.561% 91.079%,1.532% 89.817%,1.506% 88.416%,.19% 13.678%)}

.ychoseus .yinfo.four{background-color:#E0EBE9;-webkit-clip-path:polygon(100% 86.322%,100% 86.322%,100.025% 87.776%,100.041% 89.088%,100.042% 90.265%,100.024% 91.32%,99.98% 92.26%,99.904% 93.096%,99.79% 93.837%,99.633% 94.494%,99.427% 95.076%,99.166% 95.593%,99.166% 95.593%,98.855% 96.035%,98.501% 96.393%,98.097% 96.678%,97.637% 96.897%,97.116% 97.063%,96.528% 97.183%,95.867% 97.268%,95.128% 97.327%,94.303% 97.371%,93.389% 97.409%,28.445% 100%,6.441% 97.837%,6.441% 97.837%,5.571% 97.75%,4.787% 97.663%,4.083% 97.565%,3.455% 97.448%,2.895% 97.303%,2.4% 97.118%,1.962% 96.886%,1.578% 96.597%,1.24% 96.241%,.944% 95.808%,.944% 95.808%,.695% 95.307%,.496% 94.746%,.343% 94.114%,.23% 93.404%,.151% 92.604%,.1% 91.706%,.073% 90.7%,.064% 89.577%,.067% 88.327%,.076% 86.941%,.638% 11.594%,.638% 11.594%,.65% 10.2%,.666% 8.944%,.692% 7.816%,.734% 6.806%,.798% 5.906%,.89% 5.106%,1.015% 4.397%,1.179% 3.769%,1.387% 3.214%,1.646% 2.721%,1.646% 2.721%,1.95% 2.3%,2.295% 1.957%,2.686% 1.684%,3.129% 1.471%,3.631% 1.309%,4.195% 1.189%,4.829% 1.101%,5.538% 1.036%,6.327% .986%,7.203% .939%,25.533% 0,91.972% 1.098%,91.972% 1.098%,92.853% 1.114%,93.647% 1.137%,94.36% 1.178%,94.998% 1.244%,95.567% 1.346%,96.073% 1.491%,96.521% 1.69%,96.917% 1.951%,97.267% 2.284%,97.578% 2.698%,97.578% 2.698%,97.843% 3.184%,98.059% 3.736%,98.23% 4.361%,98.363% 5.07%,98.464% 5.871%,98.537% 6.774%,98.59% 7.788%,98.628% 8.921%,98.657% 10.183%,98.683% 11.583%,100% 86.322%);clip-path:polygon(100% 86.322%,100% 86.322%,100.025% 87.776%,100.041% 89.088%,100.042% 90.265%,100.024% 91.32%,99.98% 92.26%,99.904% 93.096%,99.79% 93.837%,99.633% 94.494%,99.427% 95.076%,99.166% 95.593%,99.166% 95.593%,98.855% 96.035%,98.501% 96.393%,98.097% 96.678%,97.637% 96.897%,97.116% 97.063%,96.528% 97.183%,95.867% 97.268%,95.128% 97.327%,94.303% 97.371%,93.389% 97.409%,28.445% 100%,6.441% 97.837%,6.441% 97.837%,5.571% 97.75%,4.787% 97.663%,4.083% 97.565%,3.455% 97.448%,2.895% 97.303%,2.4% 97.118%,1.962% 96.886%,1.578% 96.597%,1.24% 96.241%,.944% 95.808%,.944% 95.808%,.695% 95.307%,.496% 94.746%,.343% 94.114%,.23% 93.404%,.151% 92.604%,.1% 91.706%,.073% 90.7%,.064% 89.577%,.067% 88.327%,.076% 86.941%,.638% 11.594%,.638% 11.594%,.65% 10.2%,.666% 8.944%,.692% 7.816%,.734% 6.806%,.798% 5.906%,.89% 5.106%,1.015% 4.397%,1.179% 3.769%,1.387% 3.214%,1.646% 2.721%,1.646% 2.721%,1.95% 2.3%,2.295% 1.957%,2.686% 1.684%,3.129% 1.471%,3.631% 1.309%,4.195% 1.189%,4.829% 1.101%,5.538% 1.036%,6.327% .986%,7.203% .939%,25.533% 0,91.972% 1.098%,91.972% 1.098%,92.853% 1.114%,93.647% 1.137%,94.36% 1.178%,94.998% 1.244%,95.567% 1.346%,96.073% 1.491%,96.521% 1.69%,96.917% 1.951%,97.267% 2.284%,97.578% 2.698%,97.578% 2.698%,97.843% 3.184%,98.059% 3.736%,98.23% 4.361%,98.363% 5.07%,98.464% 5.871%,98.537% 6.774%,98.59% 7.788%,98.628% 8.921%,98.657% 10.183%,98.683% 11.583%,100% 86.322%)}

.ychoseus .yinfo.five{background-color:#FFE9E3;-webkit-clip-path:polygon(.19% 13.678%,.19% 13.678%,.166% 12.223%,.15% 10.912%,.148% 9.734%,.166% 8.68%,.21% 7.74%,.286% 6.904%,.4% 6.163%,.557% 5.506%,.763% 4.924%,1.023% 4.407%,1.023% 4.407%,1.334% 3.965%,1.688% 3.606%,2.091% 3.322%,2.551% 3.103%,3.071% 2.937%,3.658% 2.817%,4.318% 2.732%,5.057% 2.673%,5.88% 2.629%,6.794% 2.591%,71.664% 0,93.642% 2.163%,93.642% 2.163%,94.511% 2.25%,95.295% 2.337%,95.997% 2.435%,96.625% 2.552%,97.184% 2.697%,97.679% 2.882%,98.116% 3.114%,98.5% 3.403%,98.837% 3.759%,99.133% 4.192%,99.133% 4.192%,99.382% 4.693%,99.58% 5.254%,99.733% 5.885%,99.847% 6.596%,99.926% 7.396%,99.976% 8.294%,100.003% 9.299%,100.012% 10.423%,100.009% 11.672%,100% 13.059%,99.439% 88.406%,99.439% 88.406%,99.427% 89.799%,99.411% 91.056%,99.385% 92.184%,99.343% 93.194%,99.279% 94.094%,99.187% 94.894%,99.062% 95.603%,98.899% 96.231%,98.691% 96.786%,98.432% 97.278%,98.432% 97.278%,98.128% 97.7%,97.784% 98.042%,97.393% 98.316%,96.95% 98.528%,96.45% 98.69%,95.886% 98.811%,95.253% 98.899%,94.545% 98.963%,93.756% 99.014%,92.881% 99.061%,74.573% 100%,8.209% 98.902%,8.209% 98.902%,7.329% 98.886%,6.536% 98.862%,5.824% 98.822%,5.186% 98.756%,4.618% 98.654%,4.113% 98.509%,3.666% 98.31%,3.27% 98.049%,2.92% 97.716%,2.61% 97.302%,2.61% 97.302%,2.344% 96.815%,2.129% 96.264%,1.958% 95.638%,1.825% 94.93%,1.725% 94.128%,1.651% 93.226%,1.599% 92.212%,1.561% 91.079%,1.532% 89.817%,1.506% 88.416%,.19% 13.678%);clip-path:polygon(.19% 13.678%,.19% 13.678%,.166% 12.223%,.15% 10.912%,.148% 9.734%,.166% 8.68%,.21% 7.74%,.286% 6.904%,.4% 6.163%,.557% 5.506%,.763% 4.924%,1.023% 4.407%,1.023% 4.407%,1.334% 3.965%,1.688% 3.606%,2.091% 3.322%,2.551% 3.103%,3.071% 2.937%,3.658% 2.817%,4.318% 2.732%,5.057% 2.673%,5.88% 2.629%,6.794% 2.591%,71.664% 0,93.642% 2.163%,93.642% 2.163%,94.511% 2.25%,95.295% 2.337%,95.997% 2.435%,96.625% 2.552%,97.184% 2.697%,97.679% 2.882%,98.116% 3.114%,98.5% 3.403%,98.837% 3.759%,99.133% 4.192%,99.133% 4.192%,99.382% 4.693%,99.58% 5.254%,99.733% 5.885%,99.847% 6.596%,99.926% 7.396%,99.976% 8.294%,100.003% 9.299%,100.012% 10.423%,100.009% 11.672%,100% 13.059%,99.439% 88.406%,99.439% 88.406%,99.427% 89.799%,99.411% 91.056%,99.385% 92.184%,99.343% 93.194%,99.279% 94.094%,99.187% 94.894%,99.062% 95.603%,98.899% 96.231%,98.691% 96.786%,98.432% 97.278%,98.432% 97.278%,98.128% 97.7%,97.784% 98.042%,97.393% 98.316%,96.95% 98.528%,96.45% 98.69%,95.886% 98.811%,95.253% 98.899%,94.545% 98.963%,93.756% 99.014%,92.881% 99.061%,74.573% 100%,8.209% 98.902%,8.209% 98.902%,7.329% 98.886%,6.536% 98.862%,5.824% 98.822%,5.186% 98.756%,4.618% 98.654%,4.113% 98.509%,3.666% 98.31%,3.27% 98.049%,2.92% 97.716%,2.61% 97.302%,2.61% 97.302%,2.344% 96.815%,2.129% 96.264%,1.958% 95.638%,1.825% 94.93%,1.725% 94.128%,1.651% 93.226%,1.599% 92.212%,1.561% 91.079%,1.532% 89.817%,1.506% 88.416%,.19% 13.678%)}

.ychoseus .yinfo.six{background-color:#FDF9F8;-webkit-clip-path:polygon(100% 86.322%,100% 86.322%,100.025% 87.776%,100.041% 89.088%,100.042% 90.265%,100.024% 91.32%,99.98% 92.26%,99.904% 93.096%,99.79% 93.837%,99.633% 94.494%,99.427% 95.076%,99.166% 95.593%,99.166% 95.593%,98.855% 96.035%,98.501% 96.393%,98.097% 96.678%,97.637% 96.897%,97.116% 97.063%,96.528% 97.183%,95.867% 97.268%,95.128% 97.327%,94.303% 97.371%,93.389% 97.409%,28.445% 100%,6.441% 97.837%,6.441% 97.837%,5.571% 97.75%,4.787% 97.663%,4.083% 97.565%,3.455% 97.448%,2.895% 97.303%,2.4% 97.118%,1.962% 96.886%,1.578% 96.597%,1.24% 96.241%,.944% 95.808%,.944% 95.808%,.695% 95.307%,.496% 94.746%,.343% 94.114%,.23% 93.404%,.151% 92.604%,.1% 91.706%,.073% 90.7%,.064% 89.577%,.067% 88.327%,.076% 86.941%,.638% 11.594%,.638% 11.594%,.65% 10.2%,.666% 8.944%,.692% 7.816%,.734% 6.806%,.798% 5.906%,.89% 5.106%,1.015% 4.397%,1.179% 3.769%,1.387% 3.214%,1.646% 2.721%,1.646% 2.721%,1.95% 2.3%,2.295% 1.957%,2.686% 1.684%,3.129% 1.471%,3.631% 1.309%,4.195% 1.189%,4.829% 1.101%,5.538% 1.036%,6.327% .986%,7.203% .939%,25.533% 0,91.972% 1.098%,91.972% 1.098%,92.853% 1.114%,93.647% 1.137%,94.36% 1.178%,94.998% 1.244%,95.567% 1.346%,96.073% 1.491%,96.521% 1.69%,96.917% 1.951%,97.267% 2.284%,97.578% 2.698%,97.578% 2.698%,97.843% 3.184%,98.059% 3.736%,98.23% 4.361%,98.363% 5.07%,98.464% 5.871%,98.537% 6.774%,98.59% 7.788%,98.628% 8.921%,98.657% 10.183%,98.683% 11.583%,100% 86.322%);clip-path:polygon(100% 86.322%,100% 86.322%,100.025% 87.776%,100.041% 89.088%,100.042% 90.265%,100.024% 91.32%,99.98% 92.26%,99.904% 93.096%,99.79% 93.837%,99.633% 94.494%,99.427% 95.076%,99.166% 95.593%,99.166% 95.593%,98.855% 96.035%,98.501% 96.393%,98.097% 96.678%,97.637% 96.897%,97.116% 97.063%,96.528% 97.183%,95.867% 97.268%,95.128% 97.327%,94.303% 97.371%,93.389% 97.409%,28.445% 100%,6.441% 97.837%,6.441% 97.837%,5.571% 97.75%,4.787% 97.663%,4.083% 97.565%,3.455% 97.448%,2.895% 97.303%,2.4% 97.118%,1.962% 96.886%,1.578% 96.597%,1.24% 96.241%,.944% 95.808%,.944% 95.808%,.695% 95.307%,.496% 94.746%,.343% 94.114%,.23% 93.404%,.151% 92.604%,.1% 91.706%,.073% 90.7%,.064% 89.577%,.067% 88.327%,.076% 86.941%,.638% 11.594%,.638% 11.594%,.65% 10.2%,.666% 8.944%,.692% 7.816%,.734% 6.806%,.798% 5.906%,.89% 5.106%,1.015% 4.397%,1.179% 3.769%,1.387% 3.214%,1.646% 2.721%,1.646% 2.721%,1.95% 2.3%,2.295% 1.957%,2.686% 1.684%,3.129% 1.471%,3.631% 1.309%,4.195% 1.189%,4.829% 1.101%,5.538% 1.036%,6.327% .986%,7.203% .939%,25.533% 0,91.972% 1.098%,91.972% 1.098%,92.853% 1.114%,93.647% 1.137%,94.36% 1.178%,94.998% 1.244%,95.567% 1.346%,96.073% 1.491%,96.521% 1.69%,96.917% 1.951%,97.267% 2.284%,97.578% 2.698%,97.578% 2.698%,97.843% 3.184%,98.059% 3.736%,98.23% 4.361%,98.363% 5.07%,98.464% 5.871%,98.537% 6.774%,98.59% 7.788%,98.628% 8.921%,98.657% 10.183%,98.683% 11.583%,100% 86.322%)}
.ychoseus .yinfo .title{font-weight: var(--fontweight900);font-size: var(--size20);margin-bottom: var(--size20);}
.ychoseus .yinfo p{font-size: 16px;margin-bottom: var(--size20);line-height: 25px;}

.apppromowarp{padding: 50px 0}
.apppromowarp .container{width: 1200px;margin: 0 auto;}
.appwarp{display: flex;overflow: hidden;gap: 15px;background: #E7F2FF;position: relative;z-index: 1; border-radius: 10px;align-items: center}
.appwarp:after{background: #b3dbff;width: 670px;height: 670px;display: inline-flex;align-items: center;position: absolute;content: "";left: -210px;top: 0;z-index: -1;-webkit-border-top-right-radius: 50%;-webkit-border-bottom-right-radius: 50%;-moz-border-radius-topright: 50%;-moz-border-radius-bottomright: 50%;border-top-right-radius: 50%;border-bottom-right-radius: 50%;margin-top: -130px;}
.appimg{padding-top: 25px;padding-left: 15px;width: 430px;margin-right: 100px;}
.appimg img{width: 400px}
.appinfo .title{margin-bottom: var(--size10)}
.appinfo .title b{font-size: 32px;letter-spacing: 0.7px;text-transform: none;padding: 0 0 10px;font-weight: 900;line-height: 45px;display: block}
.appinfo .title span{display: block;font-size: 16px;line-height: 25px;}
.appinfo .qrcode{padding-bottom: var(--size20);}
.appinfo .qrcode span{color: var(--black);display: block;padding-bottom: var(--size10)}
.appinfo .qrcode figure{padding: var(--size10);background: var(--white);display:inline-flex;border-radius: 4px;}
.appinfo .qrcode figure img{width: 100px;height: 100px;}
.appinfo .applogo-link{display: flex;gap:var(--size10)}
.appinfo .applogo-link figure{width: 150px;}

.contactarea{padding: 80px 0;background: #f8faff;}
.contactarea .container{width: 1000px;}
.contactarea .contactwarp {display: flex;flex-wrap: wrap;}
.contactarea .contactwarp .contactleft {flex: 0 0 auto;width: 50%;max-width: 100%;padding-left: 15px;padding-right: 15px;}
.contactarea .contactwarp .contactcontent {flex: 0 0 auto;width: 50%;max-width: 100%;padding-left: 100px;padding-right: 15px;}  
.contactarea .contactwarp .contactleft .contentwrap {color: #222b40;padding: 0;position: sticky;top: 30px;}  
.contactarea .contactwarp .contactleft .contentwrap figure{padding-top: 25px} 
.contactarea .contactwarp .contactleft .contentwrap .contentinfo{margin-bottom: 25px} 
.contactarea .contactwarp .contactleft .contentwrap .faqtitle{font-size: 32px;letter-spacing:0.7px; text-transform: none;padding:0;font-weight: 900;line-height: 45px;}
.contactarea .contactwarp .contactleft .contentwrap .faqdesc{font-size: 16px;line-height: 30px;}
 
.contactarea .contactwarp .contactcontent .contact{border-radius: 4px;margin-bottom: 20px;padding: var(--size20);-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;-ms-transition: all 0.2s ease-out 0s;-o-transition: all 0.2s ease-out 0s;transition: all 0.2s ease-out 0s;border: 1px solid #B5B5C3;}  
.contactarea .contactwarp .contactcontent .contact:hover{background: var(--white);filter: drop-shadow(10px 10px 0px #CAC9D6);}
.contactarea .contactwarp .contactcontent .contact .name{ font-size:18px;padding: 0 0 15px;font-weight: 900;letter-spacing: 0.7px;}
.contactarea .contactwarp .contactcontent .contact .mailnum{display:flex; font-size: 16px;padding: 0 0 13px;align-items: center;}
.contactarea .contactwarp .contactcontent .contact .mailnum i svg{fill:var(--gray999)}
.contactarea .contactwarp .contactcontent .contact .mailnum .number{color: var(--black)}
.contactarea .contactwarp .contactcontent .contact .mailnum a{display:flex;align-items: center;gap:10px;padding-left: 5px}
.contactitle{font-size:22px;padding: 0 0 15px;font-weight: 900;letter-spacing: 0.7px;}
.contactlist{padding-bottom: 25px;}

.bottomsheet .bottomsheet-container.sellmodalwarp{max-width: 1000px!important;}
.bottomsheet .bottomsheet-inner.sellmodalwap{}
.sellmodal{display: flex;gap:10px;}
.sellmodal .close{position: absolute;right: 20px;z-index: 1;top: 20px;}
.sellmodalleft{width: 55%;padding: 15px} 
.sellmodaldec{}
.sellmodaltitle{font-weight: var(--fontweight900);font-size: 22px;padding-top: 15px;padding-bottom: 25px;}
.sellmodaldec b{font-size: 14px;font-weight: 600;color: #374b5c;font-weight: var(--fontweight900);margin-bottom:5px;display: block}
.sellmodaldec p{font-weight: 400;font-size: 14px;color: #666;margin-bottom: var(--size20);line-height: 20px;letter-spacing: 0.5px;font-family: var(--Coustard);}


.sellmodalright{width: 45%;padding: 15px;align-items: center;display: flex;justify-content: center;position: relative}
.sellmodalright figure{padding: 15px;min-height: 500px; display: inline-flex}
.sellmodalright.one{background: #EFFAF8;}
.sellmodalright.two{background: #F1FBFF}
.sellmodalright.three{background: #F7F3FF}
.sellmodalright.four{background: #F1FBFF}
 
.sellcard{display: flex;position: relative; gap: 15px; padding-bottom: 20px;}
.sellcard:after{content: "";width: 1px;height: 100%;border: 1.5px solid #08A680;position: absolute;left: 15px;top: 30px;z-index: -1;}
.sellcard:last-child:after{display: none}       
.sellcard span{width: 30px;height: 30px;background: #08A680;display: flex;align-items: center;justify-content: center;font-weight: 700;border-radius: 50%;flex-shrink: 0;color: #0284C7;position: relative;}

.marquee-section{position:relative;padding:12px 0;margin-top: 30px;}
.marquee{position:relative;--duration:30s;--gap:0px;display:flex;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;gap:var(--gap)}
.marquee .marquee-group{flex-shrink:0;display:flex;align-items:center;gap:var(--gap);min-width:100%;animation:scroll var(--duration) linear infinite}
.marquee:hover .marquee-group{animation-play-state: paused;}
.marquee .text{font-size:25px;line-height:1.3;padding-right:10px;text-transform:uppercase}
 
@media (prefers-reduced-motion:reduce){
.marquee .marquee-group{animation-play-state:play}
}
@keyframes scroll{
0%{transform:translateX(0)}
to{transform:translateX(calc(-100% - var(--gap)))}
}
@keyframes scroll{
0%{transform:translateX(0)}
to{transform:translateX(calc(-100% - var(--gap)))}
}


@keyframes createscrol {
 0% {  transform: translateX(0) }
 to {  transform: translateX(100%) }
} 
.createctainner{background-color:#FFF2DB;position:relative;overflow: hidden;} 
.createctaticker{overflow:hidden;position:relative}
.createctalink {display: inline-block;padding: 2rem 0;text-decoration: none;white-space: nowrap;}  
.createctatitle { animation-name: createscrol; animation-iteration-count: infinite; animation-duration: 12s; animation-timing-function: linear; background-image:url("../images/other/create-arrow.svg"); background-repeat: no-repeat; background-position: right 2rem center; background-size: auto auto; display: inline-block; padding-right: 8.75rem; position: relative; text-align: left; white-space: nowrap;font-size: 40px;font-weight: 900;text-shadow: 1px 1px 0 rgba(var(--createctatitle), .8), -1px -1px 0 rgba(var(--createctatitle), .8), 1px -1px 0 rgba(var(--createctatitle), .8), -1px 1px 0 rgba(var(--createctatitle), .8), 1px 1px 0 rgba(var(--createctatitle), .8);-webkit-text-fill-color: var(--createctatitlecolor);-webkit-text-stroke-width: 0;color: transparent;letter-spacing: .8px;} 
.createctatitle:after, .createctatitle:before{background-image:url("../images/other/create-arrow.svg");background-repeat:no-repeat;background-position:right 2rem center;background-size:auto auto;content:attr(data-content);right:100%;position:absolute;top:0;width:100%}
@media(max-width:calc(30em - 0.0625rem)){
.createctatitle:after, .createctatitle:before{background-size:3.5rem auto;background-position:right 1.5rem center}
}
.createctatitle:after{right:200%} 
.createctatitle:hover:before {max-width: 100%;}
.createctatitle:before {position: absolute;top: 0;left: 0;width: 100%;overflow: hidden;white-space: nowrap;content: attr(data-text);transition: max-width .8s cubic-bezier(.22,.61,.36,1);-webkit-text-fill-color: var(--black);-webkit-text-stroke: transparent;max-width: 0;} 
.createctainner:hover .createctatitle{animation-play-state: paused;}
/**/
.download-section{background: #E7F2FF; margin: var(--size100) 0;padding: 25px 0}
.download-section .appimg{z-index: 3;position: relative;width: 300px;margin-left: auto;margin-top: -80px;margin-bottom: -80px;}
.download-section .download-txtarea{margin-top: 35px;}
.download-section .download-txtarea .download-txt{}
.download-section .download-txtarea .download-txt .title{font-size: var(--size30);margin-bottom: var(--size10);font-weight: 900;}
.download-section .download-txtarea .desc{color: var(--gray444); font-size: 16px;color: var(--lightblack);margin-bottom: var(--size20);line-height: 28px;letter-spacing: 0.5px;    font-family: var(--Coustard);}
.download-section .download-txtarea .downloadstorearea{display: flex;align-items: center;gap:10px;margin: 20px 0;flex-wrap: wrap}
.download-section .download-txtarea .downloadstorearea .appstore{padding: 15px; background: #fff; border-radius: 8px;display: flex;gap:10px; flex-direction: column; min-width: 220px;align-items: center;justify-content: center; border: solid 1px #ddd}
.download-section .download-txtarea .downloadstorearea b{font-weight: 600}
.download-section .download-txtarea .downloadstorearea .or{position: relative;z-index: 1;height: 50px;width: 50px;display: flex;align-items: center;border-radius: 50px;background: #e7f2fe;justify-content: center;margin-left: -20px;margin-right: -20px;}
/**/
/*----------------------------------------*/
/*  2.10 backtotop
/*----------------------------------------*/  
.scroll-percentage {height: 60px;width: 60px;background-color: var(--white);border-radius: 50%;position: fixed;bottom: 0;right: 50px;-webkit-transform: scale(0);transform: scale(0);display: -ms-grid;display: grid;place-items: center;cursor: pointer;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;transition: all 0.3s;z-index: 100;}
.scroll-percentage.active {bottom: 150px;-webkit-transform: scale(1);transform: scale(1);opacity: 1;visibility: visible;-webkit-animation: 500ms ease-in-out 0s normal none 1 running scrollToTop;animation: 500ms ease-in-out 0s normal none 1 running scrollToTop;-webkit-transition: 0.3s;transition: 0.3s;}
 @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.scroll-percentage {
right: 20px;
}
}
.scroll-percentage-value {height: calc(100% - 6px);width: calc(100% - 6px);background-color: var(--white);color: var(--favgreen);border-radius: 50%;display: -ms-grid;display: grid;
place-items: center;font-size: 12px;font-weight: 600;}
.scroll-percentage-value i {background: var(--longarrow) 13px 10px no-repeat;fill: var(--favgreen);width: 40px;height: 40px;}
 
 
@-webkit-keyframes scrollToTop {
0% {
-webkit-transform: translate3d(0, 80%, 0);
transform: translate3d(0, 80%, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes scrollToTop {
0% {
-webkit-transform: translate3d(0, 80%, 0);
transform: translate3d(0, 80%, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
} 
/*----------------------------------------*/
 /* Animation :: BEGIN */
 @keyframes slideInUp {
 0% {transform: translate3d(0, 100%, 0);visibility: visible}
 to {transform: translateZ(0)}
 }
 @keyframes slideInDown {
 0% {transform: translate3d(100%, 0, 0);visibility: visible}
 to {transform: translateZ(0)}
 }
 @keyframes fadeIn {
 0% {opacity: 0}
 to {opacity: 1}
 }
.mobi-bottomsheet {position: fixed;height: 100%;box-sizing: border-box;display: none;z-index: 9999999;}
.mobi-bottomsheet-container {max-width: 950px !important;}  
.mobi-bottomsheet .mobi-bottomsheet-inner {display: flex;flex-direction: column;background: var(--white);width: 100%;height: auto;max-height: 85%;z-index: 1;position: fixed;bottom: 0;left: 0;pointer-events: auto;animation: slideInUp 0.3s var(--animation);transition: all 1s ease;-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;-moz-border-radius-topleft: 20px;-moz-border-radius-topright: 20px;border-top-left-radius: 20px;border-top-right-radius: 20px;}

@media (min-width: 768px){
.mobi-bottomsheet {position: fixed;top: 0;left: 0;right: 0;bottom: 0;display: none;width: 100%;height: 100%;outline: 0;z-index: 9999999}
.mobi-bottomsheet .mobi-bottomsheet-container {height: calc(100% - 50px);min-height: calc(100% - 50px);max-width: 60rem;margin: 15px auto;position: relative;width: auto;pointer-events: none;display: flex;align-items: center;} 
.mobi-bottomsheet .mobi-bottomsheet-inner {width: 100%;max-height: 100%;z-index: 1;pointer-events: auto;position: relative;display: flex;flex-direction: column;background: var(--white); height: auto;background-clip: padding-box;border-radius: var(--borderradius20);outline: 0;} 
} 

.mobi-bottomsheet .modal-body{overflow: inherit;display: flex; align-items: center;gap:20px;font-family: var(--Coustard);justify-content: center;padding: 5px 25px 25px;}
.mobi-bottomsheet .modal-body .mobiimg {z-index: 3;position: relative;width: 300px;margin-left: auto;margin-top: -80px;margin-bottom: -80px; width: 300px;}
.mobi-bottomsheet .modal-body .mobiaction{width: 600px}

.mobi-bottomsheet .modal-body .mobiaction .download-txt .title{font-size: 28px;font-weight: var(--size600);margin-bottom: var(--size10);font-weight: var(--fontweight900);}
.mobi-bottomsheet .modal-body .mobiaction .desc{line-height: 20px;color: var(--gray777)}
.mobi-bottomsheet .modal-body .downloadstorearea{display: flex;gap:20px;padding: 25px 0;justify-content: center;}
.mobi-bottomsheet .modal-body .downloadstorearea .appstore{background: #f5f5f5;padding: 15px; text-align: center; border-radius: 4px; width: 170px;border: solid 2px #fff;box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px 0.5px;}
.mobi-bottomsheet .modal-body .downloadstorearea .appstore b{padding-bottom: 10px; display: block; font-weight: 500}
.mobi-bottomsheet .modal-body .downloadstorearea .appstore .appicon{display: flex;gap:10px;align-items: center; justify-content: center}
.mobi-bottomsheet .modal-body .downloadstorearea .appstore .appicon figure{width: 40px; height: 40px; display: flex;align-items: center; justify-content: center; border-radius: 50%; background:white;} 

.mobi-bottomsheet .modal-body .mobiclose{display: flex;justify-content: center; position: absolute;background: white;top: -28px;right: 55px;z-index: 2;-webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px;-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;border-top-left-radius: 10px;border-top-right-radius: 10px;padding: 5px}
.mobi-bottomsheet .modal-body .mobiclose:before, .mobi-bottomsheet .modal-body .mobiclose:after{content: "";position: absolute;bottom: 0;height: 40px;width: 10px;border-top: none;background-color: transparent;z-index: 1;box-shadow: 0 10px 0 0 var(--white);}
.mobi-bottomsheet .modal-body .mobiclose:before{border-radius: 0 0 20px 0;border-left: 0;right: 100%;}
.mobi-bottomsheet .modal-body .mobiclose:after{border-radius: 0 0 0 20px;border-right: 0;left: 100%;} 
.mobi-bottomsheet .modal-body .mobiclose a{display: flex; align-items: center; gap:5px;padding: 2px 10px;color: var(--black)} 
.mobi-bottomsheet .modal-body .mobiclose a svg{fill: var(--black);}

/* Muru End */
@media only screen and (max-width : 320px) {}
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 568px) {
.msite-nav{width: 80%}
  
}
/*----iphone---*/
@media (max-width : 640px) {
 header .logo a{width: 100px;height: 26px;    background-position: left top;} 
header .logo{width: 28px;overflow: hidden;height: 26px;} 
.searcharea {display: block;} 
.buzzlocation span, .mobilesearch span{display: none}
.pannelwarp{width: 100%;border-radius: 0;margin: 0;height: 100%;}
.buzzlocation span, .mobilesearch span{display: none}
.logo a, .logo{width: 100px}
.loginwrp ul li{padding: 0}
.headertwarp{background: transparent;width: 100%;height: 100%;padding-top: 30px;}
.topic-content{position: static!important;animation:none!important;width: 100%; margin-bottom: 40px;}
.formbody{flex-direction: column;overflow-x: hidden;overflow-y: overlay;}
.sellmodal{flex-direction: column;overflow-x: hidden;overflow-y: overlay;}
.sellmodalleft{width: 100%;padding: 0 15px 15px;overflow-x: hidden;overflow-y: overlay;flex-direction: column;}
.sellmodal .close{position: static;padding: 15px 15px 0;text-align: right;}
.contactarea .contactwarp .contactcontent .contact .mailnum {align-items: flex-start;flex-direction: column;}
 
 .mobi-bottomsheet .modal-body .mobiclose{right: 35px;}
.mobi-bottomsheet .modal-body .mobiimg {display: none}
.mobi-bottomsheet .modal-body .mobiaction{width: 100%}
.mobi-bottomsheet .modal-body .mobiaction .download-txt{padding: 25px 0 0}
.mobi-bottomsheet .modal-body .mobiaction .download-txt .title{font-size: var(--size20)}
.mobi-bottomsheet .modal-body .downloadstorearea{overflow-x: scroll;overflow-y: hidden;scroll-snap-type: x mandatory;scrollbar-width: none;-ms-overflow-style: none;width: 100%;white-space: nowrap;flex-wrap: nowrap;justify-content: flex-start;padding:25px 10px;}
 
}
/**/
@media only screen and (min-width : 569px) and (max-width : 640px) {
 
 /**/


}
/*----high end windows phone---*/
@media only screen and (min-width : 641px) and (max-width : 768px) {
 
 
}
/*----high end windows phone---*/
@media only screen and (max-width : 768px) {
.mobilehide {  display: none !important }
.mobileview {  display: block !important }
.buzzlocation i svg{width: 18px; height: 15px;}
.mobilesearch a svg{width: 15px;height: 16px;}
.mobilesearch{display: flex;border: 1px solid #d4e5ff;border-radius: 4px;background: var(--white);flex-shrink: 0;}
.mobilesearch a{display: flex;align-items: center;gap: 5px;color: var(--black);font-weight: 500;padding: 6px;} 
.buzzlocation a {padding: 5px;}
.searchwarp .mobilesearch i{position: static}
.searchwarp{display: none}
.searchwarp{width: 100%}
.simplywarp .simplycontentwarp, .simplywarp .simplyleft{width: 100%;}
 
.popupbody {padding-bottom: 100px;}
.popupfotr {position: fixed;bottom: 0;background: var(--white);width: 100%;}
}
/**/
@media (min-width: 992px) {
 
 
 
}
/*----iphone---*/
@media (max-width: 991px) {
.mobilehide {display: none !important }
.mobileview {display: block !important }
.mainsearch{padding: 15px;width: 100%}
.searchwarp i{top: 20px;right: 20px;}
.searchwarp  { position: fixed!important; right: -30px; top:0; width: 100%; z-index: 9999; 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;}
.searchwarp.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;} 
.searchwarp .search-sugges {box-shadow: none;min-width: 500px;position: static;} 
.searchwarp .mobilesearch{border-bottom: solid 1px #ebebeb;padding: 15px;display: flex;justify-content: space-between;align-items: center;} 
.searchwarp.open .hdsearch{border-radius: 0;padding: 10px;margin: 10px;width: 95%;}
.searchwarp.open a.btun{display: none} 
.searchwarp .dialogtitle {font-size: 20px;font-weight: 600;letter-spacing: .5px;text-align: left;color: var(--black);}
.postblockheader {-webkit-flex-basis: 69%;-ms-flex-preferred-size: 69%;flex-basis: 69%;}
.postblockheader .postblocktitle {font-size: 18px;line-height: 20px;}
.postblockfooter figure{height: 100%}
.secondarynav ul {overflow-x: scroll;overflow-y: hidden;width: 100%;white-space: nowrap;}
 
.orgbannerinfo{width: 100%;margin-bottom: var(--size20);}
.pagetitle .title, .heading-icon, .statsdescwarp .statsdesc .title, .orgbannerinfo .title, .faqcontentwrap .faqtitle,  .statswarp .statsblock .stats big {font-size: 20px;line-height: 30px;}
.orgbannerinfo .desc, .statsdescwarp .statsdesc p{font-size: 16px;}
.orgbannerinfo .cta {display: flex;gap: 10px;}
.orgbannerinfo .cta .btun {font-size: 14px;padding: 10px 15px;margin-right: 0;}
 
.statsdescwarp{margin: var(--size20) 0;}
 .statsdescwarp .statsdesclist{margin-top:var(--size20) }
.statswarp .statsblock.secondcard{margin: 0}
.statswarp{overflow-x: auto;overflow-y: hidden;flex-wrap: nowrap;white-space: nowrap; padding: 15px;margin: var(--size20) 0;}
 
.statswarp .statsblock{width: 550px;display: flex;gap: var(--size30);flex-wrap: nowrap;margin-right: 30px;}
.statswarp .statsblock .stats{margin-bottom: 0;}


.tab{overflow:hidden;height: 85px}
.tab span{display: flex;flex-wrap: nowrap;overflow-x: scroll;height: 100px;white-space: nowrap;}
.tabinfowarp {flex-direction: column-reverse;}
 
.faqarea .faqsectionwarp .faqleft, .faqarea .faqsectionwarp .faqcontent, .posteveblock, .featuresmainwarp .featureswarp{width: 100%}
 
.trustedwarp {justify-content: flex-start}
.trustedwarp span {overflow: hidden;}
.trustedwarp {flex-wrap: nowrap;overflow-x: scroll;max-width: max-content;white-space: nowrap;}
 
.featuresmainwarp .featureswarp .featuresitemswarp {overflow-x: auto;overflow-y: hidden;justify-content: flex-start;flex-wrap: nowrap;white-space: nowrap;display: flex}
.trustedplatfmmainwarp, .featuresmainwarp {padding: var(--size30) 15px;}
.faqarea{padding: var(--size30) 0;}
 
.posteveblock{padding:25px 15px}
.timelinesectionwrap{padding:50px 0 0}
.timelinesection .posteveblock{border-radius: 0;top: var(--size30);}
.timelinesection .content .title{font-size: 16px;}
.timelinesection .content .desc{font-size: 14px;}
.faqcontentwrap{padding: 0}
 
.posteveblock big{font-size: var(--size20);padding-bottom: var(--size10);}
.posteveblock p {font-size: 16px;}
.simplycontentinfo:last-child{margin-bottom: 0}
 
.faqarea .faqsectionwarp .faqcontent{padding: 0}
.faqarea .faqsectionwarp .faqcontent ul li{padding: 10px;}
.faqarea .faqsectionwarp .faqcontent ul li a i{position: absolute;right: 0;}
.faqarea .faqsectionwarp .faqcontent ul li a {padding-right: 35px;}
 
 .contactarea .contactwarp .contactleft, .contactarea .contactwarp .contactcontent {width: 100%;padding: 15px} 
 .contactarea .contactwarp .contactleft .contentwrap figure, .appimg, .appwarp:after{display: none}
 .appwarp{background: #b3dbff;padding: 15px;}
 
 .download-section{margin: 0}
.download-section .appimg {display: none;}
.download-section .download-txtarea .downloadstorearea .appstore{    min-width: 100%;}
.download-section .download-txtarea .downloadstorearea .or{margin: -20px 0}
.download-section .download-txtarea .downloadstorearea{flex-direction: column}
}
/*----ipad---*/
/**/
@media only screen and (max-width : 1024px) {
.padhide{display: none }
.rightsectionholder .menumain, .mainnavwarp{display: none}
.mobinav{display: block;}
.mobinav .submenu { background:#f1faff}
.mobinav .submenu ul{padding: 5px 0}
.mobinav .submenu ul li{ border-bottom: 0}
.mobinav .submenu ul li a{padding: 10px 15px;}

.logowarp span { display: block} 
.apppromowarp .container, .contactarea .container, .ychoseus .container{width: 100%}
.featuresmainwarp .featureswarp{width: 100%;padding: 0 15px;}
 .timelinesection{max-width: 100%}

 .timelinesectionwrap .svg-line-wrap, .timelinesection .svg-wrap svg{display: none}
.timelinesection .timelineleft .svg-wrap, .timelinesection .timelineright .svg-wrap {left: 0;right: 0;margin: 0 auto;bottom: -20px;top: auto;width: 2px;background:var(--grayccc);height: 40px;}
.timelinesection .timelineleft .svg-wrap:before, .timelinesection .timelineright .svg-wrap:before {border-left: 6px solid transparent;border-right: 6px solid transparent;top: 30px;border-top: 10px solid #404a57;border-bottom: 6px solid transparent;left: -5px;} 
.timelinesection .timelineleft .svg-wrap:after, .timelinesection .timelineright .svg-wrap:after {right: -4.2px;left: auto;top: 0;}
.timelinesection .timelineright .svg-wrap:last-child {display: none}

 
.heading-icon{position: static;text-align: center;display: block;max-width: 100%;line-height: 20px;}
.timelinesection{flex-flow: column wrap;padding-top: 20px;}
.timelinesection .timelinecontainer{width: 100%}
.timelinesection .timelineright{top: inherit;left: inherit}
.timelinesection .timelineleft{margin: 0}
.timelinesection .content{padding: var(--size20);}
.timelinesection .content figure {width: 100%;height: 100%;}
.secondarynav ul {overflow-x: scroll;overflow-y: hidden;scroll-snap-type: x mandatory;scrollbar-width: none;-ms-overflow-style: none;width: 100%;white-space: nowrap;}
 
/**/
  
.loginwrp{}  
.loginwrp ul{gap:5px}
.loginwrp ul li{border: 0;padding: 0}
.loginwrp ul li a{border: 0;border-radius: 4px;padding: 0}
.loginwrp ul li i{display: flex;border: 1px solid #d4e5ff;border-radius: 4px;background: var(--white);flex-shrink: 0;padding: 5px}
.loginwrp ul li b{display: none}
.loginwrp ul li.postad i{background: transparent;}
.loginwrp ul li.selltickets a, .loginwrp ul li.postad a{padding: 0; border-radius: 4px; }
.loginwrp ul li.selltickets a i, .loginwrp ul li.postad a i{border: 0}
 
}
/**/
@media only screen and (min-width : 769px) and (max-width : 1024px) {
 .orgbannerinfo{width: 100%}
.download-section .download-txtarea .downloadstorearea .appstore {min-width: 195px;}
}
/*----netbook---*/
@media only screen and (min-width : 1024px) and (max-width : 1280px) {}
/*----ultrabook---*/
@media only screen and (min-width : 1025px) and (max-width : 1280px) {
.rightsectionholder{gap: 10px;}
.rightsectionholder .menumain{gap: 5px;}
.rightsectionholder .menumain span{font-size: 14px;}
.loginwrp ul li{padding-right: 0; border: 0}
.searchwarp{margin-left: 10px;}
.mainsearch{width: 300px}
 .secondarynav ul li {padding: 10px 8px;font-size: 12px;}
 
}
/*----ultrabook---*/
@media only screen and (min-width : 1281px) and (max-width : 1366px) { 
.rightsectionholder{gap: 10px;}
.rightsectionholder .menumain{gap: 5px;}
.rightsectionholder .menumain span{font-size: 14px;}
.loginwrp ul li{padding-right: 0; border: 0}
.searchwarp{margin-left: 10px;}
.mainsearch{width: 300px}
 .secondarynav ul li {padding: 10px 8px;font-size: 12px;}
 
 .statswarp .statsblock .stats{width: 230px;}
}
/*   */
@media only screen and (min-width : 1367px) and (max-width : 1512px) {}
/*----large desktop---*/
@media only screen and (min-width : 1367px) and (max-width : 1680px) {}

@media (min-width:1200px) and (max-width:1300px){
.hide-deskmenu{display:none!important}
}
@media (min-width:1200px){
.hidden-lg{display:none!important}
 
}
@media (max-width:767px){
.hide-desktop, .hide-large, .hide-mobile, .hide-tablet{display:none!important}
}
@media (min-width:568px) and (max-width:992px){
.tabport_hide{display:none}
}
@media (max-width:991px){
.hide-desktop, .hide-large, .hide-tablet{display:none!important}
}
@media (min-width:992px){
.hide-desktop, .hide-large{display:none!important}
}
@media (min-width:1200px){
.hide-desktop{display:inline-block!important}
.hide-large{display:none!important}
}

@media (min-width:768px) and (max-width:991px){
.hide-padmenu{display:none!important} 
}
@media (min-width:992px) and (max-width:1199px){
.hide-tabmenu{display:none!important} 
}
@media (min-width:1200px) and (max-width:1300px){ 
.hide-deskmenu{display:none!important}
.deskmoremenu{display:block!important}
}
@media (min-width:1301px) and (max-width:1550px){
.hide-bigdeskmenu{display:none!important}
.bigdeskmoremenu{display:block!important}
}
@media (min-width:1551px) and (max-width:1620px){
.hide-bigmiddeskmenu{display:none!important}
.bigmiddeskmoremenu{display:block!important}
}
@media (min-width:1621px){
.hide-largedeskmenu{display:none!important}
.largedeskmoremenu{display:block!important} 
}