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

 /*********************************/
 /*<!-- Color style variable declaration -->*/
 /*********************************/ 
:root {
--logo:url("../images/other/sulekhalogo.svg") 0 0 no-repeat;
/**/
--jost:'Jost', sans-serif;  
/*--jost:var(--roboto);  */
--google:'Google Sans', sans-serif;
--roboto:'Roboto', sans-serif;
--poppins: 'Poppins', sans-serif;
--fontsize: 14px;  
/*  button color*/
--white:#fff;
--drakblack:#404040; 
--black:#041E42;
--lightblack:#495567; 
--blue:#1b70e9;
--link:#0F62FE; 
--green:#08a182;
--favgreen: #07A698; 
--orange:#ff7e00;
--red:#ec4758;
--reda:#e32c26;
--yellow:#FBB216;  

--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;
--grayf: #F6F6F6;

--gray100: #E5E5E5;
--gray200: #CECECE;
--gray110: #C7C7C7;
--gray120: #E0E0E0;
--gray130: #D9D9D9;
--gray140: #5B5B5B; 
--gray150: #9e9e9e; 
--gray160: #f9fafb; 
--drakblue: #4E6786;
--tagline: #707070; 

--size2:2px;
--size4:4px;
--size5:5px;
--size6:6px;
--size8:8px;
--size10:10px;
--size12:12px;
--size14:14px;
--size15:15px;
--size16:16px;
--size18:18px;
--size20:20px;
--size30:30px;
--size40:40px;
--size50:50px;
--size60:60px;
--size70:70px;
--size80:80px;
--size90:90px;
--size100:100px;
--size200:200;
--size300:300;
--size400:400;
--size500:500;
--size600:600;
--size700:700;
--size800:800;
--size900:900;

--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;
--borderradius8:8px;
--borderradius10:var(--size10);
--borderradius20:var(--size20);
--borderradius50:50%; 
 /* Animation Functions */
--animation: cubic-bezier(.4, 0, .2, 1);

--downarrow: url("data:image/svg+xml,%0A%3Csvg width='10' height='10' 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='%23999'/%3E%3C/svg%3E%0A"); 

--sliderarrow: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.5377 3.47714C16.8265 3.77409 16.8198 4.24892 16.5229 4.53769L8.84894 12L16.5229 19.4623C16.8198 19.7511 16.8265 20.2259 16.5377 20.5229C16.2489 20.8198 15.7741 20.8265 15.4771 20.5377L7.63826 12.915C7.39251 12.6762 7.25 12.3472 7.25 12C7.25 11.6528 7.3921 11.3242 7.63785 11.0854L15.4771 3.46231C15.7741 3.17354 16.2489 3.18018 16.5377 3.47714Z' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E");

--sliderarrowright:url("data:image/svg+xml,%3Csvg style='transform: rotate(180deg);' width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.5377 3.47714C16.8265 3.77409 16.8198 4.24892 16.5229 4.53769L8.84894 12L16.5229 19.4623C16.8198 19.7511 16.8265 20.2259 16.5377 20.5229C16.2489 20.8198 15.7741 20.8265 15.4771 20.5377L7.63826 12.915C7.39251 12.6762 7.25 12.3472 7.25 12C7.25 11.6528 7.3921 11.3242 7.63785 11.0854L15.4771 3.46231C15.7741 3.17354 16.2489 3.18018 16.5377 3.47714Z' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E");

 
 --bgarrow: url('data:image/svg+xml,<svg width="213" height="300" viewBox="0 0 213 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M107.778 0L27.0241 168.696C19.8091 186.759 30.0091 194.553 43.9021 203.226C58.0411 212.052 73.0141 220.302 87.4741 228.654C129.093 252.69 171.12 276.036 212.775 300.003H173.775C168.171 297.018 162.576 294.006 157.098 290.79C116.04 266.688 74.9701 242.613 33.8761 218.571C16.2901 209.643 -0.365884 200.61 0.00611628 177.996C0.0781163 173.649 0.882116 169.332 2.30412 165.222C23.1061 113.622 43.7911 61.941 64.3531 10.176L68.7781 0H107.778Z" fill="%2332456C"/></svg>');
 
 
 --longarrow: url('data:image/svg+xml,<svg width="10" height="22" viewBox="0 0 10 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 5L5 1M5 1L9 5M5 1V21" stroke="%2307A698" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
 
 
}  

 /* 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: 10px; 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;    letter-spacing: 0.2px; }
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:0; outline:0; outline-offset:0; }
a:hover, a:active, a:focus { outline:0; }
body { color: var(--lightblack); font: 400 14px/1 "Roboto", sans-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; }

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="time"], input[type="date"], input[type="number"], input[type="password"], input[type="email"], input[type="tel"], input.form-text, textarea {font-family: var(--roboto); font-size: 15px; font-weight: normal; background:var(--white); border:1px solid  var(--gray150); color:var(--black); margin: 0; outline: none; resize: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; -webkit-border-radius: 0; border-radius: 0; background-clip: padding-box; -webkit-transition: color 0.45s, background 0.45s, border 0.45s; -moz-transition: color 0.45s, background 0.45s, border 0.45s; transition: color 0.45s, background 0.45s, border 0.45s; padding: 10px;border-radius: 6px;font-size: 16px;    -webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;}
input[type="date"], input[type="time"] {box-sizing: border-box;outline: 0;padding: .75rem;position: relative;}
input[type="date"]::-webkit-calendar-picker-indicator, input[type="time"]::-webkit-calendar-picker-indicator {bottom: 0;color: #000;cursor: pointer;height: auto;left: 0;position: absolute;right: 15px;top: 15px;width: auto;background-position: right 0;background-size:15px;opacity: 0.5}
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 {width: 6px;height: 6px;}
::-webkit-scrollbar-track {border-radius: 13px;background: rgba(0, 0, 0, 0.3);}
::-webkit-scrollbar-thumb {background: rgba(0, 0, 0, 0.3);border-radius: 13px;}
/* 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; }
} 
img, picture, video, canvas, svg {border: 0;display: block;max-width: 100%;}
.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; } 
 
/*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 .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:rgb(0 0 0 / 80%);z-index: 998;display: none;animation: fadeIn .4s var(--animation);}
@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;}
/*.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, .container-max {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;}
.container-max {max-width: 1600px;}
.container-min{max-width: 1200px;} 
}
@media (min-width: 1400px) {
.container {max-width: 1500px;}
.container-min {max-width: 1200px;} 
}
.row {display: flex;flex-wrap: wrap;margin-left:-15px; margin-right: -15px;}
.row > * {flex-shrink: 0;width: 100%;max-width: 100%;padding-left: 15px;padding-right: 15px}
.col{flex:1 0 0}
.col-auto{flex:0 0 auto;width:auto}
.col-1{flex:0 0 auto;width:8.33333333%}
.col-2{flex:0 0 auto;width:16.66666667%}
.col-3{flex:0 0 auto;width:25%}
.col-4{flex:0 0 auto;width:33.33333333%}
.col-5{flex:0 0 auto;width:41.66666667%}
.col-6{flex:0 0 auto;width:50%}
.col-7{flex:0 0 auto;width:58.33333333%}
.col-8{flex:0 0 auto;width:66.66666667%}
.col-9{flex:0 0 auto;width:75%}
.col-10{flex:0 0 auto;width:83.33333333%}
.col-11{flex:0 0 auto;width:91.66666667%}
.col-12{flex:0 0 auto;width:100%}
@media (min-width: 576px) {
.col-sm{flex:1 0 0}
.col-sm-auto{flex:0 0 auto;width:auto}
.col-sm-1{flex:0 0 auto;width:8.33333333%}
.col-sm-2{flex:0 0 auto;width:16.66666667%}
.col-sm-3{flex:0 0 auto;width:25%}
.col-sm-4{flex:0 0 auto;width:33.33333333%}
.col-sm-5{flex:0 0 auto;width:41.66666667%}
.col-sm-6{flex:0 0 auto;width:50%}
.col-sm-7{flex:0 0 auto;width:58.33333333%}
.col-sm-8{flex:0 0 auto;width:66.66666667%}
.col-sm-9{flex:0 0 auto;width:75%}
.col-sm-10{flex:0 0 auto;width:83.33333333%}
.col-sm-11{flex:0 0 auto;width:91.66666667%}
.col-sm-12{flex:0 0 auto;width:100%}
}
@media (min-width: 768px) {
.col-md{flex:1 0 0}
.col-md-auto{flex:0 0 auto;width:auto}
.col-md-1{flex:0 0 auto;width:8.33333333%}
.col-md-2{flex:0 0 auto;width:16.66666667%}
.col-md-3{flex:0 0 auto;width:25%}
.col-md-4{flex:0 0 auto;width:33.33333333%}
.col-md-5{flex:0 0 auto;width:41.66666667%}
.col-md-6{flex:0 0 auto;width:50%}
.col-md-7{flex:0 0 auto;width:58.33333333%}
.col-md-8{flex:0 0 auto;width:66.66666667%}
.col-md-9{flex:0 0 auto;width:75%}
.col-md-10{flex:0 0 auto;width:83.33333333%}
.col-md-11{flex:0 0 auto;width:91.66666667%}
.col-md-12{flex:0 0 auto;width:100%}
}
@media (min-width: 992px) {
.col-lg {flex: 1 0 0%;} 
.col-lg-auto {flex: 0 0 auto; width: auto;}
.col-lg-1 {flex: 0 0 auto; width: 8.33333333%;}
.col-lg-2 {flex: 0 0 auto; width: 16.66666667%;}
.col-lg-3 {flex: 0 0 auto; width: 25%;}
.col-lg-4 {flex: 0 0 auto; width: 33.33333333%;}
.col-lg-5 {flex: 0 0 auto; width: 41.66666667%;}
.col-lg-6 {flex: 0 0 auto; width: 50%;}
.col-lg-7 {flex: 0 0 auto; width: 58.33333333%;}
.col-lg-8 {flex: 0 0 auto; width: 66.66666667%;}
.col-lg-9 {flex: 0 0 auto; width: 75%;}
.col-lg-10 {flex: 0 0 auto; width: 83.33333333%;}
.col-lg-11 {flex: 0 0 auto; width: 91.66666667%;}
.col-lg-12 {flex: 0 0 auto; width: 100%;}
}
@media (min-width: 1200px) {
.col-xl {flex: 1 0 0%;}
.col-xl-auto {flex: 0 0 auto; width: auto;}
.col-xl-1 {flex: 0 0 auto; width: 8.33333333%;}
.col-xl-2 {flex: 0 0 auto; width: 16.66666667%;}
.col-xl-3 {flex: 0 0 auto; width: 25%;}
.col-xl-4 {flex: 0 0 auto;width: 33.33333333%;}
.col-xl-5 {flex: 0 0 auto;width: 41.66666667%;}
.col-xl-6 {flex: 0 0 auto;width: 50%;}
.col-xl-7 {flex: 0 0 auto; width: 58.33333333%;}
.col-xl-8 {flex: 0 0 auto; width: 66.66666667%;}
.col-xl-9 {flex: 0 0 auto; width: 75%;}
.col-xl-10 {flex: 0 0 auto;width: 83.33333333%;}
.col-xl-11 {flex: 0 0 auto; width: 91.66666667%;}
.col-xl-12 {flex: 0 0 auto; width: 100%;}
}
@media (min-width: 1400px) {
.col-xxl {flex: 1 0 0%;}
.col-xxl-auto {flex: 0 0 auto; width: auto;}
.col-xxl-1 {flex: 0 0 auto; width: 8.33333333%;}
.col-xxl-2 {flex: 0 0 auto; width: 16.66666667%;}
.col-xxl-3 {flex: 0 0 auto; width: 25%;}
.col-xxl-4 {flex: 0 0 auto; width: 33.33333333%;}
.col-xxl-5 {flex: 0 0 auto; width: 41.66666667%;}
.col-xxl-6 {flex: 0 0 auto; width: 50%;}
.col-xxl-7 {flex: 0 0 auto; width: 58.33333333%;}
.col-xxl-8 {flex: 0 0 auto; width: 66.66666667%;}
.col-xxl-9 {flex: 0 0 auto; width: 75%;}
.col-xxl-10 {flex: 0 0 auto; width: 83.33333333%;}
.col-xxl-11 {flex: 0 0 auto; width: 91.66666667%;}
.col-xxl-12 {flex: 0 0 auto; width: 100%;}
} 
/* Muru Start   */ 
 /* 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 p.faqpagr { border-bottom:solid 1px #ddd }
.accordionmenu p { color: #666;font-size: 14px;line-height: 21px;padding: 0 0 10px; }
.accordionmenu ul { border-top:0; }
.accordionmenu ul li { border-bottom:solid 1px #ddd; margin-bottom:5px; padding:0 0 3px; }
.accordionmenu ul li:last-child { margin: 0; border-bottom:0; }
.accordionmenu ul li a { font-size: 16px; color:var(--lightblack); display: block; padding:10px 0; line-height: 1.3; }
.accordionmenu ul li a:hover { text-decoration: none; }
.accordionmenu ul li.active a { color:var(--black); font-weight: 600;font-size: 15px; }
.accordionmenu ul li a i { float:right; color:#000; -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.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 ol, .accordionmenu ul .acc ul { margin:0 0 10px; }
.accordionmenu ul li .acc ol li { list-style:decimal !important; }
.accordionmenu ul li .acc ol li, .accordionmenu ul li .acc ul li { list-style-type:circle; margin:0 0 0 20px; padding:5px 0; border-bottom:0; color:#666; }
.accordionmenu ul li .acc ul li a, .accordionmenu ul li .acc ol li a { color:#d6380e; background:none; padding:0; display: inline; }
.accordionmenu ul .acc p a{ display: inline-block;font-size: 14px;color: #009fff; padding: 0}
/* Header Styles Start */ 
.faq-headerarea{background: linear-gradient(135deg, #1a1a2e, #19306b, #0f3460); }
.faq-headerarea .faq-header{text-align: center;color: #fff;padding: 35px 0;}
.faq-headerarea .faq-header h1{font-size: 40px;font-weight: 600;color: #fff; font-family:var(--jost);line-height: 1.2;}
.faq-headerarea .faq-header h1 b{color: var(--yellow);}
.faq-headerarea .faq-header p{font-size: 16px;color: #fff;margin: 10px 0 0;}
.faq-headerarea .faq-header .textfiled{width: 100%;max-width: 500px;margin: 20px auto 0;position: relative;}
.faq-headerarea .faq-header .textfiled i{position: absolute;top: 50%;left: 15px;transform: translateY(-50%);}
.faq-headerarea .faq-header .textfiled input{width: 100%;padding: 10px 15px;border-radius: 8px;border: none;font-size: 16px;height: 50px;box-shadow: 0 2px 5px rgba(0,0,0,0.2);padding-left: 50px;}
/*  */
.faqtabnav {background-color: #f8f9fa;padding:15px 0;text-align: center;position: sticky;top: 60px;z-index: 3;margin-bottom: 40px;box-shadow: var(--boxshadowa);border-bottom: solid 1px #fff;}
.faqtabnav ul{display: flex;justify-content: center;gap: 20px;}
.faqtabnav ul li {padding: 10px 20px;border-radius: 4px;text-decoration: none;color: var(--black); font-family: var(--jost); font-size: 18px;}
.faqtabnav ul li a{color: #000;text-decoration: none;}
.faqtabnav ul li.active{background-color: #007bff;color: #fff;}
.faqtabnav ul li.active a{color: #fff;}  
 /*  */
.faqbodycontent{padding:0 0 60px; }
.faqlisttitle{position: sticky;background: var(--white);border-radius: var(--size8);top: 150px; border: solid 1px #ccc;}
.faqlisttitle ul{}
.faqlisttitle ul li{border-bottom: solid 1px #ccc;}
.faqlisttitle ul li a{padding: 15px;color:var(--lightblack);text-decoration: none;font-family: var(--jost);font-size: 16px;transition: all 0.3s ease;display: flex;align-items: center;gap: 5px;justify-content: space-between;}
.faqlisttitle ul li a.active{background-color: #F0F7FF;color: var(--black); font-weight: 600;} 
.faqlisttitle ul li a span{background-color: var(--graye);display: inline-block;padding: 5px 10px;border-radius:4px;margin-right: 10px;font-size: 14px;color: var(--black); font-weight: 500;}
.faqlisttitle ul li:nth-child(5n + 1) a span {background-color: #F0F7FF;color: #1E90FF;}
.faqlisttitle ul li:nth-child(5n + 2) a span {background: #FBF0F0;color: #CC0003;}
.faqlisttitle ul li:nth-child(5n + 3) a span {background: #F4F9F7;color: #00932F;}
.faqlisttitle ul li:nth-child(5n + 4) a span {background: #FFF5ED;color: #FF8C00;}
.faqlisttitle ul li:nth-child(5n) a span {background: #F4F9F7;color: #00932F;}
/*  */
.faqcontentarea {font-family: var(--jost);}
.faqcontentarea .faqcontent {margin-bottom: 30px; }
.faqcontentarea .faqcontent .faqcontenttitle {font-size: 18px;font-weight: 600;color: #000;margin-bottom: 15px;}                
.faqcontentarea .faqcontent .faqcontenttitle span{display: inline-block;border-radius:50%;margin-right: 10px;font-size: 14px;color: var(--black); font-weight: 600; width: 30px; height: 30px; text-align: center; line-height: 30px;}
.faqcontentarea .faqcontent:nth-child(5n + 1) .faqcontenttitle span{background-color: #F0F7FF;color: #1E90FF;border: solid 1px #1E90FF;}
.faqcontentarea .faqcontent:nth-child(5n + 2) .faqcontenttitle span{background: #FBF0F0;color: #CC0003;border: solid 1px #CC0003;}
.faqcontentarea .faqcontent:nth-child(5n + 3) .faqcontenttitle span {background: #F4F9F7;color: #00932F;border: solid 1px #00932F;}
.faqcontentarea .faqcontent:nth-child(5n + 4) .faqcontenttitle span {background: #FFF5ED;color: #FF8C00;border: solid 1px #FF8C00;}
.faqcontentarea .faqcontent:nth-child(5n) .faqcontenttitle span {background: #F4F9F7;color: #00932F;border: solid 1px #00932F;}
/*  */
.faqcontentarea .faqcontent .accordionmenu{padding: 0; border: solid 1px #ddd;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.faqcontentarea .faqcontent .accordionmenu ul{}
.faqcontentarea .faqcontent .accordionmenu ul li{padding: 5px 15px;} 
/*  */

.selectmenu{position: absolute;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:5;font-family: var(--roboto);display: none;top: 50px;}
.selectmenu ul{overflow: hidden;overflow-y: overlay;max-height: 310px;}
.selectmenu ul li{margin: 5px 0;cursor: pointer;font-size: 15px;padding: var(--size10);display: flex;align-items: center;gap:10px;}
.selectmenu button{width: 100%;text-align: left;background: transparent;cursor: pointer;padding: 10px;justify-content: flex-start;gap:5px}
.selectmenu button:hover, .selectmenu ul li:hover, .selectmenu ul li.active{background:var(--graye)}
.selectmenu 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}
.selectmenu ul li:hover a{color: var(--link);}
.selectmenu ul li a{color: var(--gray777);display: flex;gap:5px;}
.selectmenu ul li.selecteditem a{color: var(--black);}
.selectmenu button svg, .selectmenu ul li svg{width: 18px; height: 18px;}
.selectmenu ul li big{ font-size: 14px; font-weight: var(--fontweight500);color: var(--black);display: block;padding-bottom: 5px;}
.selectmenu ul li small{font-size: 14px; font-weight: var(--fontweight400);color:var(--gray888);display: block}
.selectmenu ul li b{ color: var(--gray777); font-size: 14px;}
.selectmenu ul li span{color: var(--black);font-size: 14px;}
 /* Muru End */
@media only screen and (max-width : 370px) {
  
}
 /* Smartphones (portrait) ----------- */
@media only screen and (max-width : 568px) {
 
 }
 /*----iphone---*/
@media (max-width : 640px) { 
 
}
@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){*/
@media only screen and (max-width : 1000px) {
.mobilehide{display: none;}
.faq-headerarea{margin-top: 55px;}
.faq-headerarea .faq-header h1{font-size:33px}
}
 /**/
@media only screen and (max-width : 992px) {


 }
 /*----iphone---*/
 @media (max-width: 991px) {
 
 }
 /*----ipad---*/
 /**/
 @media only screen and (max-width : 1024px) {
  
     
     
 }
 /**/
 @media only screen and (min-width : 769px) and (max-width : 1024px) {
 
 }
 /*----netbook---*/
 @media only screen and (min-width : 1024px) and (max-width : 1280px) {}
 /*----ultrabook---*/
 @media only screen and (min-width : 1025px) and (max-width : 1280px) {
 
  
  } 
 /*----ultrabook---*/
 @media only screen and (min-width : 1281px) and (max-width : 1366px) { 
 
  
 }
 /*   */
 @media only screen and (min-width : 1367px) and (max-width : 1512px) {}
 /*----large desktop---*/
 @media only screen and (min-width : 1367px) and (max-width : 1680px) {}