body {background:#fff;margin: 0;font-family: 'Roboto', sans-serif;}

.section.hero{background: linear-gradient(135deg, #00a0ff, #131b5f);display: flex;justify-content: center;align-items: center;min-height:92vh;padding: 50px 0;}
h2, h3, h4, h5, h6{    font-family: 'Oswald', sans-serif;}
.container { max-width: 1280px; }
.space {padding: 70px 0;}
.h2, h2 {font-size: clamp(21px, 0.4rem + 4vw, 32px);}
.fs-20 {font-size: 20px;}
.fw-500 {font-weight: 500;}
.f-roboto {font-family: 'Roboto', sans-serif;}
.text-white{color:#fff;}
.fs-16 {font-size: 16px;}
.fw-400 {font-weight: 400;}

.bg-blue {background: #00a0ff;color: #fff;}
.rounded20 {border-radius: 20px;}

header {background: #fff;padding: 20px;text-align: center;}
button {width: 100%;max-width: 150px;border-radius: 30px; padding: 14px;background:linear-gradient(135deg, #00a0ff, #131b5f);border: none;color: #fff;font-size: 16px;cursor: pointer;}
button:hover { background: linear-gradient(135deg, #131b5f, #00a0ff); }
.footer-bottom {background: #090f40;padding: 20px;color: #ffffffb3;font-size: 13px;letter-spacing: 0.5px;}
.bg-gray { background: #f3f7ff;}
.bg-gray {background: #f3f7ff;}
.text-bd { color: #131b5f; }
.fs-12 { font-size: 12px; }
.titlebox {text-align: center;color: #fff;}
.titlebox h1 {font-size: clamp(26px, 0.4rem + 4vw, 42px);font-weight: 900;}
.textEffect {font-size: calc(1.375rem + 2.5vw);font-weight: 700;display: block;}
.console-underscore {display: inline-block;position: relative;top: -0.14em;left: 10px;}
.console-underscore { font-size: 1em; color: #fff; }
span.color1 {background-image: linear-gradient(to left, violet, indigo, blue, green, yellow, orange, red);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
span.color2 { color: #07fe75; }
span.color3 { color: #d1f21d; }
span.color4 { color: #f8d802; }
span.color5 { color: #02f82a; }
span.color6 { color: #02f8b5; }
p.subtitle { font-size: clamp(18px, 0.4rem + 4vw, 24px); }
.card-body.form { padding: 30px; }
.form-control {padding: .8rem .75rem;width: 100%;border:0;border-radius: .375rem;box-sizing: border-box;margin-bottom:0px;font-size: 16px;border-radius: 30px;}
.input-wrap {position: relative;margin-bottom:0px;width: 100%;}
.suggestion-box {position: absolute;top: 100%;left: 0;right: 0;background: #fff;border: 1px solid #ddd;border-top: none;border-radius: 0 0 8px 8px;max-height: 240px;overflow-y: auto;z-index: 9999;display: none;box-shadow: 0 8px 20px rgba(0,0,0,0.08);}
.suggestion-item {padding: 10px 14px;cursor: pointer;border-bottom: 1px solid #f1f1f1;color: #222;font-size: 15px;line-height: 1.4;}
.suggestion-item:last-child {border-bottom: none;}
.suggestion-item:hover {background: #f3f7ff;}
.hidden {opacity: 0;}

.searchlist {display: flex;align-items: center;background: #fff;max-width: 800px;margin: auto;padding: 5px;border-radius: 30px;}
.input-wrap.srv{position: relative;border-left: 1px solid #ced4da;}


/*Typing Loader*/
.load {position: relative;}
span.ifTyping {position: absolute;right: 0;top: 0;display: none;}
.load .ui-autocomplete-loading+span.ifTyping{display:block;}
.loader {position: relative;display: inline-block;width: 50px;vertical-align: middle;}
.locationLoader{position: relative;}
.locationLoader  .ui-autocomplete-loading+span.ifTyping{display:block;}

.loader-bars:before,.loader-bars:after,.loader-bars span {	content: '';display: block;	position: absolute;	left: 0;top: 0;width: 5px;height:15px;background-color:#198754;
-webkit-animation: grow 1.5s linear infinite;animation: grow 1.5s linear infinite;}
.loader-bars:after {left: 10px;	-webkit-animation: grow 1.5s linear -.5s infinite;	animation: grow 1.5s linear -.5s infinite;}
.loader-bars span {	left:20px;	-webkit-animation: grow 1.5s linear -1s infinite;animation: grow 1.5s linear -1s infinite;}

.catList {display: flex;align-items: center;gap: 50px;justify-content: center;margin-top: 25px;flex-wrap: wrap;}
.catList a{text-decoration:none;}
span.icon-cat {width: 60px;display: flex;margin: auto;background: #ffffff57;padding: 10px;height: 60px;border-radius: 30px;align-items: center;}

video.video {width: 100%;height: 400px;}
.bidTask {height: auto;padding: 20px;display: flex;margin-bottom: 15px;background: #343a40;position: relative;border-radius: 20px;color: #fff;gap: 20px;}
span.emogiST {width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;background: #343a40;border-radius: 25px;margin: 0;font-size: 42px;font-family: 'Oswald';font-weight: 900;transform: rotate(135deg);color: #fff;}
span.emogiST b {transform: rotate(223deg);color: #fff;}

ul.row {list-style-type: none;padding: 0;margin: 0;}
.trending-areas li a {color: #505577;font-family: 'Roboto', sans-serif;text-decoration: none;}
.trending-areas li a:hover{color: #00a0ff;}
.trending-areas li {margin-bottom: 8px;color: #50557799;}

@media screen and (min-width:100px) and (max-width:575px){
.searchlist{border-radius: 20px;flex-direction: column;gap: 10px;padding: 20px;}
.form-control{border: 1px solid #ced4da;}
.input-wrap.srv{border-left: 0;}
button{max-width:100%;}
.catList{    gap: 10px 40px;}
}