@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700;800&display=swap');

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
*:focus { outline: none !important; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; }
input[type=text], input[type=email], input[type=password], textarea {-webkit-appearance: none;-moz-appearance: none;}

/* General 
--------------------------------------------------------------------------------------------------------*/
html, body { height: 100%; min-width: 280px; }
a { color: #fff; text-decoration: none !important; }
a:hover { text-decoration: underline; }
input[type=text], input[type=email], input[type=password], textarea { -webkit-appearance: none; appearance: none; }
body { padding: 0; margin: 0; font-family: 'Poppins', sans-serif; font-size: 18px;  background-color: #06080e; color: #9ea2ae; }
html { box-sizing: border-box; -ms-overflow-style: scrollbar; }
*, *::before, *::after { box-sizing: inherit; }
.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
@media (min-width:576px) {
  .container, .container-sm { max-width: 540px; }
}
@media (min-width:768px) {
  .container, .container-sm, .container-md { max-width: 720px; }
}
@media (min-width:992px) {
  .container, .container-sm, .container-md, .container-lg { max-width: 960px; }
}
@media (min-width:1200px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1140px; }
}

.header>.container{display: flex; align-items: center;}
.dribble-col{display: flex; gap: 1rem; align-items: center; position: relative; }
.dribble-col>a{ display: inline-flex; align-items: center; gap: 0.5rem;   transition: all 0.3s;border: rgba(136, 59, 237, .3) solid 1px;color: #FFF;
    background: linear-gradient(135deg, rgba(136, 59, 237, .1), rgba(70, 58, 203, .1));
    padding: 10px 16px !important;    border-radius: 12px;}


.dribble-col .gt_float_switcher{  border-radius: 12px;  display: block;  background: linear-gradient(-135deg, #191951, #0c101c);}
.dribble-col .gt_float_switcher .gt-selected{ border-radius: 12px;      border: rgba(136, 59, 237, .3) solid 1px;   font-family: 'Poppins', sans-serif;    background:linear-gradient(135deg, rgba(136, 59, 237, 0.1), rgba(70, 58, 203, 0.1));
    border: rgba(136, 59, 237, 0.2) solid 1px;}
.dribble-col .gt_float_switcher .gt_options{position: absolute; margin-top: 0.3rem;   border-radius: 12px;    background: linear-gradient(to right, rgba(136, 59, 237, 0.3), rgba(70, 58, 203, 0.3));
    border: rgba(136, 59, 237, 0.2) solid 1px; right:0rem; }
.dribble-col .gt_float_switcher .gt_options a{  font-size: 16px; white-space: nowrap;    font-family: 'Poppins', sans-serif;   color: #fff;}
.dribble-col .gt_float_switcher .gt-selected .gt-current-lang{      padding: 11px 15px;  color: #fff;    font-weight: 500;    font-size: 18px;}
.dribble-col .gt_float_switcher .gt-selected .gt-current-lang img{    width: 21px;}
.dribble-col .gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow{     transform: rotate(-0deg); background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 285 285'><path d='M282 76.5l-14.2-14.3a9 9 0 0 0-13.1 0L142.5 174.4 30.3 62.2a9 9 0 0 0-13.2 0L3 76.5a9 9 0 0 0 0 13.1l133 133a9 9 0 0 0 13.1 0l133-133a9 9 0 0 0 0-13z' style='fill:%23fff'/></svg>");}
.dribble-col .gt_float_switcher .gt_options a:hover{    background:linear-gradient(to right, rgba(136, 59, 237, .1), rgba(70, 58, 203, .1));}
.dribble-col .gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow.gt_arrow_rotate{    transform: rotate(-180deg);}



.row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }
.no-gutters { margin-right: 0; margin-left: 0; }
.no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; }
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }
.col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
.row-cols-1 > * { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.row-cols-2 > * { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.row-cols-3 > * { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
.row-cols-4 > * { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
.row-cols-5 > * { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
.row-cols-6 > * { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
.col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; }
.col-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
.col-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
.col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
.col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
.col-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
.col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.col-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
.col-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
.col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
.col-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
.col-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
.col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.order-first { -ms-flex-order: -1; order: -1; }
.order-last { -ms-flex-order: 13; order: 13; }
.order-0 { -ms-flex-order: 0; order: 0; }
.order-1 { -ms-flex-order: 1; order: 1; }
.order-2 { -ms-flex-order: 2; order: 2; }
.order-3 { -ms-flex-order: 3; order: 3; }
.order-4 { -ms-flex-order: 4; order: 4; }
.order-5 { -ms-flex-order: 5; order: 5; }
.order-6 { -ms-flex-order: 6; order: 6; }
.order-7 { -ms-flex-order: 7; order: 7; }
.order-8 { -ms-flex-order: 8; order: 8; }
.order-9 { -ms-flex-order: 9; order: 9; }
.order-10 { -ms-flex-order: 10; order: 10; }
.order-11 { -ms-flex-order: 11; order: 11; }
.order-12 { -ms-flex-order: 12; order: 12; }
.offset-1 { margin-left: 8.333333%; }
.offset-2 { margin-left: 16.666667%; }
.offset-3 { margin-left: 25%; }
.offset-4 { margin-left: 33.333333%; }
.offset-5 { margin-left: 41.666667%; }
.offset-6 { margin-left: 50%; }
.offset-7 { margin-left: 58.333333%; }
.offset-8 { margin-left: 66.666667%; }
.offset-9 { margin-left: 75%; }
.offset-10 { margin-left: 83.333333%; }
.offset-11 { margin-left: 91.666667%; }
@media (min-width:576px) {
  .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .row-cols-sm-1 > * { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .row-cols-sm-2 > * { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .row-cols-sm-3 > * { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
  .row-cols-sm-4 > * { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .row-cols-sm-5 > * { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
  .row-cols-sm-6 > * { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-sm-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; }
  .col-sm-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
  .col-sm-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .col-sm-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
  .col-sm-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
  .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .col-sm-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
  .col-sm-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .col-sm-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
  .col-sm-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
  .col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .order-sm-first { -ms-flex-order: -1; order: -1; }
  .order-sm-last { -ms-flex-order: 13; order: 13; }
  .order-sm-0 { -ms-flex-order: 0; order: 0; }
  .order-sm-1 { -ms-flex-order: 1; order: 1; }
  .order-sm-2 { -ms-flex-order: 2; order: 2; }
  .order-sm-3 { -ms-flex-order: 3; order: 3; }
  .order-sm-4 { -ms-flex-order: 4; order: 4; }
  .order-sm-5 { -ms-flex-order: 5; order: 5; }
  .order-sm-6 { -ms-flex-order: 6; order: 6; }
  .order-sm-7 { -ms-flex-order: 7; order: 7; }
  .order-sm-8 { -ms-flex-order: 8; order: 8; }
  .order-sm-9 { -ms-flex-order: 9; order: 9; }
  .order-sm-10 { -ms-flex-order: 10; order: 10; }
  .order-sm-11 { -ms-flex-order: 11; order: 11; }
  .order-sm-12 { -ms-flex-order: 12; order: 12; }
  .offset-sm-0 { margin-left: 0; }
  .offset-sm-1 { margin-left: 8.333333%; }
  .offset-sm-2 { margin-left: 16.666667%; }
  .offset-sm-3 { margin-left: 25%; }
  .offset-sm-4 { margin-left: 33.333333%; }
  .offset-sm-5 { margin-left: 41.666667%; }
  .offset-sm-6 { margin-left: 50%; }
  .offset-sm-7 { margin-left: 58.333333%; }
  .offset-sm-8 { margin-left: 66.666667%; }
  .offset-sm-9 { margin-left: 75%; }
  .offset-sm-10 { margin-left: 83.333333%; }
  .offset-sm-11 { margin-left: 91.666667%; }
}
@media (min-width:768px) {
  .header .main-navigation{margin-left: auto;}
  .main-navigation > ul > li.mm-call{display: none;}
  .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .row-cols-md-1 > * { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .row-cols-md-2 > * { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .row-cols-md-3 > * { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
  .row-cols-md-4 > * { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .row-cols-md-5 > * { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
  .row-cols-md-6 > * { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-md-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; }
  .col-md-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
  .col-md-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
  .col-md-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
  .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .col-md-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
  .col-md-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .col-md-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
  .col-md-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
  .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .order-md-first { -ms-flex-order: -1; order: -1; }
  .order-md-last { -ms-flex-order: 13; order: 13; }
  .order-md-0 { -ms-flex-order: 0; order: 0; }
  .order-md-1 { -ms-flex-order: 1; order: 1; }
  .order-md-2 { -ms-flex-order: 2; order: 2; }
  .order-md-3 { -ms-flex-order: 3; order: 3; }
  .order-md-4 { -ms-flex-order: 4; order: 4; }
  .order-md-5 { -ms-flex-order: 5; order: 5; }
  .order-md-6 { -ms-flex-order: 6; order: 6; }
  .order-md-7 { -ms-flex-order: 7; order: 7; }
  .order-md-8 { -ms-flex-order: 8; order: 8; }
  .order-md-9 { -ms-flex-order: 9; order: 9; }
  .order-md-10 { -ms-flex-order: 10; order: 10; }
  .order-md-11 { -ms-flex-order: 11; order: 11; }
  .order-md-12 { -ms-flex-order: 12; order: 12; }
  .offset-md-0 { margin-left: 0; }
  .offset-md-1 { margin-left: 8.333333%; }
  .offset-md-2 { margin-left: 16.666667%; }
  .offset-md-3 { margin-left: 25%; }
  .offset-md-4 { margin-left: 33.333333%; }
  .offset-md-5 { margin-left: 41.666667%; }
  .offset-md-6 { margin-left: 50%; }
  .offset-md-7 { margin-left: 58.333333%; }
  .offset-md-8 { margin-left: 66.666667%; }
  .offset-md-9 { margin-left: 75%; }
  .offset-md-10 { margin-left: 83.333333%; }
  .offset-md-11 { margin-left: 91.666667%; }
}
@media (min-width:992px) {
  .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .row-cols-lg-1 > * { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .row-cols-lg-2 > * { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .row-cols-lg-3 > * { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
  .row-cols-lg-4 > * { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .row-cols-lg-5 > * { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
  .row-cols-lg-6 > * { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-lg-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; }
  .col-lg-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
  .col-lg-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .col-lg-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
  .col-lg-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
  .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .col-lg-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
  .col-lg-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .col-lg-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
  .col-lg-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
  .col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .order-lg-first { -ms-flex-order: -1; order: -1; }
  .order-lg-last { -ms-flex-order: 13; order: 13; }
  .order-lg-0 { -ms-flex-order: 0; order: 0; }
  .order-lg-1 { -ms-flex-order: 1; order: 1; }
  .order-lg-2 { -ms-flex-order: 2; order: 2; }
  .order-lg-3 { -ms-flex-order: 3; order: 3; }
  .order-lg-4 { -ms-flex-order: 4; order: 4; }
  .order-lg-5 { -ms-flex-order: 5; order: 5; }
  .order-lg-6 { -ms-flex-order: 6; order: 6; }
  .order-lg-7 { -ms-flex-order: 7; order: 7; }
  .order-lg-8 { -ms-flex-order: 8; order: 8; }
  .order-lg-9 { -ms-flex-order: 9; order: 9; }
  .order-lg-10 { -ms-flex-order: 10; order: 10; }
  .order-lg-11 { -ms-flex-order: 11; order: 11; }
  .order-lg-12 { -ms-flex-order: 12; order: 12; }
  .offset-lg-0 { margin-left: 0; }
  .offset-lg-1 { margin-left: 8.333333%; }
  .offset-lg-2 { margin-left: 16.666667%; }
  .offset-lg-3 { margin-left: 25%; }
  .offset-lg-4 { margin-left: 33.333333%; }
  .offset-lg-5 { margin-left: 41.666667%; }
  .offset-lg-6 { margin-left: 50%; }
  .offset-lg-7 { margin-left: 58.333333%; }
  .offset-lg-8 { margin-left: 66.666667%; }
  .offset-lg-9 { margin-left: 75%; }
  .offset-lg-10 { margin-left: 83.333333%; }
  .offset-lg-11 { margin-left: 91.666667%; }
}
@media (min-width:1200px) {
  .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .row-cols-xl-1 > * { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .row-cols-xl-2 > * { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .row-cols-xl-3 > * { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
  .row-cols-xl-4 > * { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .row-cols-xl-5 > * { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
  .row-cols-xl-6 > * { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-xl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; }
  .col-xl-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
  .col-xl-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .col-xl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
  .col-xl-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
  .col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .col-xl-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
  .col-xl-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .col-xl-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
  .col-xl-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
  .col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .order-xl-first { -ms-flex-order: -1; order: -1; }
  .order-xl-last { -ms-flex-order: 13; order: 13; }
  .order-xl-0 { -ms-flex-order: 0; order: 0; }
  .order-xl-1 { -ms-flex-order: 1; order: 1; }
  .order-xl-2 { -ms-flex-order: 2; order: 2; }
  .order-xl-3 { -ms-flex-order: 3; order: 3; }
  .order-xl-4 { -ms-flex-order: 4; order: 4; }
  .order-xl-5 { -ms-flex-order: 5; order: 5; }
  .order-xl-6 { -ms-flex-order: 6; order: 6; }
  .order-xl-7 { -ms-flex-order: 7; order: 7; }
  .order-xl-8 { -ms-flex-order: 8; order: 8; }
  .order-xl-9 { -ms-flex-order: 9; order: 9; }
  .order-xl-10 { -ms-flex-order: 10; order: 10; }
  .order-xl-11 { -ms-flex-order: 11; order: 11; }
  .order-xl-12 { -ms-flex-order: 12; order: 12; }
  .offset-xl-0 { margin-left: 0; }
  .offset-xl-1 { margin-left: 8.333333%; }
  .offset-xl-2 { margin-left: 16.666667%; }
  .offset-xl-3 { margin-left: 25%; }
  .offset-xl-4 { margin-left: 33.333333%; }
  .offset-xl-5 { margin-left: 41.666667%; }
  .offset-xl-6 { margin-left: 50%; }
  .offset-xl-7 { margin-left: 58.333333%; }
  .offset-xl-8 { margin-left: 66.666667%; }
  .offset-xl-9 { margin-left: 75%; }
  .offset-xl-10 { margin-left: 83.333333%; }
  .offset-xl-11 { margin-left: 91.666667%; }
}
.flex-row { -ms-flex-direction: row !important; flex-direction: row !important; }
.flex-column { -ms-flex-direction: column !important; flex-direction: column !important; }
.flex-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; }
.flex-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; }
.flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
.flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; }
.flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; }
.flex-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; }
.flex-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; }
.flex-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; }
.flex-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; }
.flex-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; }
.justify-content-start { -ms-flex-pack: start !important; justify-content: flex-start !important; }
.justify-content-end { -ms-flex-pack: end !important; justify-content: flex-end !important; }
.justify-content-center { -ms-flex-pack: center !important; justify-content: center !important; }
.justify-content-between { -ms-flex-pack: justify !important; justify-content: space-between !important; }
.justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; }
.align-items-start { -ms-flex-align: start !important; align-items: flex-start !important; }
.align-items-end { -ms-flex-align: end !important; align-items: flex-end !important; }
.align-items-center { -ms-flex-align: center !important; align-items: center !important; }
.align-items-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; }
.align-items-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; }
.align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; }
.align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; }
.align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; }
.align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; }
.align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; }
.align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; }
.align-self-auto { -ms-flex-item-align: auto !important; align-self: auto !important; }
.align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; }
.align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; }
.align-self-center { -ms-flex-item-align: center !important; align-self: center !important; }
.align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; }
.align-self-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; }
@media (min-width:576px) {
  .flex-sm-row { -ms-flex-direction: row !important; flex-direction: row !important; }
  .flex-sm-column { -ms-flex-direction: column !important; flex-direction: column !important; }
  .flex-sm-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; }
  .flex-sm-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; }
  .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
  .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; }
  .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; }
  .flex-sm-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; }
  .flex-sm-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; }
  .flex-sm-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; }
  .flex-sm-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; }
  .flex-sm-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; }
  .justify-content-sm-start { -ms-flex-pack: start !important; justify-content: flex-start !important; }
  .justify-content-sm-end { -ms-flex-pack: end !important; justify-content: flex-end !important; }
  .justify-content-sm-center { -ms-flex-pack: center !important; justify-content: center !important; }
  .justify-content-sm-between { -ms-flex-pack: justify !important; justify-content: space-between !important; }
  .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; }
  .align-items-sm-start { -ms-flex-align: start !important; align-items: flex-start !important; }
  .align-items-sm-end { -ms-flex-align: end !important; align-items: flex-end !important; }
  .align-items-sm-center { -ms-flex-align: center !important; align-items: center !important; }
  .align-items-sm-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; }
  .align-items-sm-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; }
  .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; }
  .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; }
  .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important; }
  .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; }
  .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; }
  .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; }
  .align-self-sm-auto { -ms-flex-item-align: auto !important; align-self: auto !important; }
  .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important; }
  .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important; }
  .align-self-sm-center { -ms-flex-item-align: center !important; align-self: center !important; }
  .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; }
  .align-self-sm-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; }
}
@media (min-width:768px) {
  .flex-md-row { -ms-flex-direction: row !important; flex-direction: row !important; }
  .flex-md-column { -ms-flex-direction: column !important; flex-direction: column !important; }
  .flex-md-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; }
  .flex-md-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; }
  .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
  .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; }
  .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; }
  .flex-md-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; }
  .flex-md-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; }
  .flex-md-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; }
  .flex-md-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; }
  .flex-md-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; }
  .justify-content-md-start { -ms-flex-pack: start !important; justify-content: flex-start !important; }
  .justify-content-md-end { -ms-flex-pack: end !important; justify-content: flex-end !important; }
  .justify-content-md-center { -ms-flex-pack: center !important; justify-content: center !important; }
  .justify-content-md-between { -ms-flex-pack: justify !important; justify-content: space-between !important; }
  .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; }
  .align-items-md-start { -ms-flex-align: start !important; align-items: flex-start !important; }
  .align-items-md-end { -ms-flex-align: end !important; align-items: flex-end !important; }
  .align-items-md-center { -ms-flex-align: center !important; align-items: center !important; }
  .align-items-md-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; }
  .align-items-md-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; }
  .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; }
  .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; }
  .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important; }
  .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; }
  .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; }
  .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; }
  .align-self-md-auto { -ms-flex-item-align: auto !important; align-self: auto !important; }
  .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important; }
  .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important; }
  .align-self-md-center { -ms-flex-item-align: center !important; align-self: center !important; }
  .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; }
  .align-self-md-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; }
}
@media (min-width:992px) {
  .flex-lg-row { -ms-flex-direction: row !important; flex-direction: row !important; }
  .flex-lg-column { -ms-flex-direction: column !important; flex-direction: column !important; }
  .flex-lg-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; }
  .flex-lg-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; }
  .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
  .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; }
  .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; }
  .flex-lg-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; }
  .flex-lg-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; }
  .flex-lg-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; }
  .flex-lg-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; }
  .flex-lg-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; }
  .justify-content-lg-start { -ms-flex-pack: start !important; justify-content: flex-start !important; }
  .justify-content-lg-end { -ms-flex-pack: end !important; justify-content: flex-end !important; }
  .justify-content-lg-center { -ms-flex-pack: center !important; justify-content: center !important; }
  .justify-content-lg-between { -ms-flex-pack: justify !important; justify-content: space-between !important; }
  .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; }
  .align-items-lg-start { -ms-flex-align: start !important; align-items: flex-start !important; }
  .align-items-lg-end { -ms-flex-align: end !important; align-items: flex-end !important; }
  .align-items-lg-center { -ms-flex-align: center !important; align-items: center !important; }
  .align-items-lg-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; }
  .align-items-lg-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; }
  .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; }
  .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; }
  .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important; }
  .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; }
  .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; }
  .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; }
  .align-self-lg-auto { -ms-flex-item-align: auto !important; align-self: auto !important; }
  .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; }
  .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important; }
  .align-self-lg-center { -ms-flex-item-align: center !important; align-self: center !important; }
  .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; }
  .align-self-lg-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; }
}
@media (min-width:1200px) {
  .flex-xl-row { -ms-flex-direction: row !important; flex-direction: row !important; }
  .flex-xl-column { -ms-flex-direction: column !important; flex-direction: column !important; }
  .flex-xl-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; }
  .flex-xl-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; }
  .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
  .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; }
  .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; }
  .flex-xl-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; }
  .flex-xl-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; }
  .flex-xl-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; }
  .flex-xl-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; }
  .flex-xl-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; }
  .justify-content-xl-start { -ms-flex-pack: start !important; justify-content: flex-start !important; }
  .justify-content-xl-end { -ms-flex-pack: end !important; justify-content: flex-end !important; }
  .justify-content-xl-center { -ms-flex-pack: center !important; justify-content: center !important; }
  .justify-content-xl-between { -ms-flex-pack: justify !important; justify-content: space-between !important; }
  .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; }
  .align-items-xl-start { -ms-flex-align: start !important; align-items: flex-start !important; }
  .align-items-xl-end { -ms-flex-align: end !important; align-items: flex-end !important; }
  .align-items-xl-center { -ms-flex-align: center !important; align-items: center !important; }
  .align-items-xl-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; }
  .align-items-xl-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; }
  .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; }
  .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; }
  .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important; }
  .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; }
  .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; }
  .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; }
  .align-self-xl-auto { -ms-flex-item-align: auto !important; align-self: auto !important; }
  .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; }
  .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; }
  .align-self-xl-center { -ms-flex-item-align: center !important; align-self: center !important; }
  .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; }
  .align-self-xl-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; }
}




/* Top Area New css
--------------------------------------------------------------------------------------------------------*/
.main-banner .main-banner-box h1{    color: #fff;}
p{ margin: 0 0 20px 0; padding: 0; line-height: 1.7 }
h1{ font-size:60px; font-weight: 800; padding: 0; margin: 0 0 35px 0; line-height: 1.2;}
h1 span, h2 span{ color: #f47820;     background: linear-gradient(135deg, hsl(266 83% 58%), hsl(245 58% 51%));
    -webkit-text-fill-color: transparent;    background-clip: text; }
h2{font-size:42px; font-weight: 800; padding: 0; margin: 0 0 30px 0; line-height: 1.2;     color: #ffffff;  }
.titletext{ font-size:20px; line-height: 1.6; }
.img-fluid{ max-width: 100%; }
.titletext a strong{ font-weight: 500; }
.titletext a:hover{ text-decoration: underline !important; }
.header{transition:all 0.3s; position: fixed; top: 0; left: 0; right: 0; z-index: 100; width: 100%; }
.small-header .header { background-color: #191951;  }
.logo{transition:all 0.3s;  display: inline-block; }
/* .small-header .logo{ padding-top:22px; } */
.logo img{transition:all 0.3s; height: 56px; }
.small-header .logo img{ height: 46px; }
.main-navigation ul, .main-navigation li{ padding: 0; margin: 0; list-style: none; }
.mm-call{transition:all 0.3s; margin-right: 0 !important; }
.mm-call a{transition:all 0.3s; margin-top: 30px; margin-left: 10px;     border: rgba(136, 59, 237, .3) solid 1px; color: #FFF !important; background:linear-gradient(135deg, rgba(136, 59, 237, .1), rgba(70, 58, 203, .1)), url(../images/ic-call.webp) 22px center no-repeat !important; padding:10px 25px 10px 50px !important; border-radius: 12px;  }
.mm-call a:hover{     transform: scale(1.02); }
.small-header .mm-call a{ margin-top:20px;}
.container{ max-width: 1680px; }
.main-banner{  min-height: 100vh; width: 100%;     background: linear-gradient(-135deg, #191951, #0c101c); }
.main-banner .container{padding-top: 110px; min-height: 100vh; display: flex; align-items: center;}
.main-banner-box{ width: 50%;}
.main-banner p{ font-size:20px; line-height: 1.6; padding: 0; margin: 0 0 25px 0; }
.main-banner .btn{ margin-top: 15px; margin-right: 15px;}
.btn { font-family: 'Poppins', sans-serif; cursor: pointer; background: transparent; font-weight: 500; font-size: 18px; height: 50px; padding: 10px 25px 10px 25px; border-radius:12px; display: inline-block; position: relative; transition-duration: 0.3s; }
.btn:hover{    transform: scale(1.02);}
.btn-fill {    background: linear-gradient(135deg, hsl(266 83% 58%), hsl(245 58% 51%)); color: #ffffff; }
/*.btn-fill:hover { background-color: unset; border-color: #f47820; }*/
.btn-fill:focus, .btn-fill:active { background-color: unset; border-color: #f47820; }
.btn-outline { border-color: #f47820; color: #f47820; }
.btn-outline:hover { color: #FFF; background-color: #f47820; border-color: #f47820; }
.btn-outline:focus, .btn-outline:active { color: #FFF; background-color: #f47820; border-color: #f47820; }
.btn-orange { border: 0; width: 100%;background: linear-gradient(135deg, hsl(266 83% 58%), hsl(245 58% 51%)); display: block;  color: #FFF; border-radius: 12px; }
/* .btn-orange:hover { color: #FFF; background-color: #191951; border-color: #191951; } */
.btn-orange:focus, .btn-orange:active { color: #FFF; background-color: #191951; border-color: #191951; }
.inner-banner{ width: 100%;     background: linear-gradient(-135deg, #191951, #0c101c);}
.inner-banner p a:hover{ text-decoration: underline !important; }
.inner-banner p a{color: #FFF;}
.inner-banner h1{ font-size:52px;  color: #FFF;}
.inner-banner .container{padding-top: 150px; padding-bottom: 35px; }
.inner-banner p{ font-size:20px; line-height: 1.6; padding: 0; margin: 0 0 25px 0; }
.inner-banner .btn{ margin-bottom: 25px; margin-top: 15px; }
.hire-banner1{ background: url(../images/hire-banner1.webp) center no-repeat; background-size: cover; }
.img-center{ text-align: center; padding-bottom:30px; }
.service-banner-bg{ background:linear-gradient(-135deg, #191951, #0c101c), url(../images/inner-bannerbg.webp) top right no-repeat; background-size: cover; }
.top5box .exp-box{display: flex; align-items: center; line-height: 1.42857143; text-align: left;}
.top5box.exp-box-list li{ padding-top: 0; margin-bottom: -20px; position: relative; }
.top5box.exp-box-list li:before{ position: absolute; content: ""; left: 15px; margin-top: -45px; top: 50%; width: 3px; height: 50px; border-radius: 10px;     background: linear-gradient(135deg, rgb(136, 59, 237), rgb(70, 58, 203)); }
.nobg:before{ display: none !important; }
.home-services-card a{color:#2d2e34;}
.home-services-card a:hover{color:#eb690d;}
.mx-auto{margin-left: auto; margin-right: auto;}
.service-block .titletext{margin-bottom: 0;}
.common-b-space{margin-bottom:3rem !important;}
.blue-right-img .titletext a{color: #fff;}
.titletext a{color: #fff;}
.top-padding>h3{padding-top: 1.5rem !important;}
.top5box.exp-box-list li::before{background:linear-gradient(114.74deg, rgba(236, 72, 153, 0.07) 2.2%, rgba(236, 72, 153, 0.30) 100%);}
.top5box.exp-box-list li:nth-child(2) .exp-box{background: linear-gradient(115.1deg, rgba(59, 130, 246, 0.05) 0.39%, rgba(59, 130, 246, 0.15) 100%);}
.top5box.exp-box-list li:nth-child(3) .exp-box{background: linear-gradient(114.93deg, rgba(34, 197, 94, 0.05) 0.35%, rgba(34, 197, 94, 0.15) 98.4%);}
.top5box.exp-box-list li:nth-child(4) .exp-box{background: linear-gradient(115.37deg, rgba(168, 85, 247, 0.05) 0%, rgba(168, 85, 247, 0.15) 100%);}
.top5box.exp-box-list li:nth-child(5) .exp-box{background: linear-gradient(111.48deg, rgba(2, 158, 185, 0.05) 0.42%, rgba(2, 158, 185, 0.15) 100%);}
.quote_form .form-group .form-control{background: linear-gradient(135deg, rgba(136, 59, 237, 0.1), rgba(70, 58, 203, 0.1));
    border: rgba(255, 255, 255, 0.1) solid 1px;     border-radius: 8px;     color: #ffffff;}

.quote_form .form-group .form-control::-webkit-input-placeholder {    color: #ffffffa1;}
.quote_form .form-group .form-control::-moz-placeholder {     color: #ffffffa1;}
.quote_form .form-group .form-control:-ms-input-placeholder {    color: #ffffffa1;}
.quote_form .form-group .form-control:-moz-placeholder {     color: #ffffffa1;}
.quote_form .form-group p{margin-bottom: 20px;}

.top5box.exp-box-list li:nth-child(2)::before{background: linear-gradient(115.1deg, rgba(59, 130, 246, 0.07) 0.39%, rgba(59, 130, 246, 0.30) 100%);}
.top5box.exp-box-list li:nth-child(3)::before{background: linear-gradient(114.93deg, rgba(34, 197, 94, 0.07) 0.35%, rgba(34, 197, 94, 0.30) 98.4%);}
.top5box.exp-box-list li:nth-child(4)::before{background: linear-gradient(115.37deg, rgba(168, 85, 247, 0.07) 0%, rgba(168, 85, 247, 0.30) 100%);}
.top5box.exp-box-list li:nth-child(5)::before{background: linear-gradient(111.48deg, rgba(2, 158, 185, 0.07) 0.42%, rgba(2, 158, 185, 0.30) 100%);}
.inner-about-block.section-space{    background: linear-gradient(115.1deg, rgba(59, 130, 246, 0.05) 0.39%, rgba(59, 130, 246, 0.15) 100%);}


.enquiry-form.hubspot{
  background-color: #fff;
  margin-left: 0;
}
.enquiry-form.hubspot h3{
      color: #0f0d23;
}
.enquiry-form.hubspot h3 span{
      background: linear-gradient(135deg, hsl(266 83% 58%), hsl(245 58% 51%));
    -webkit-text-fill-color: transparent;
    background-clip: text;
}


.widget-wrap .single-sidebar-widget .search-form .screen-reader-text{
  display: none;
}




/* blog css  */

.page-title {
    margin-bottom: 40px;
    /* margin-top: 20px; */
    position: relative;
    padding-bottom:1rem;
}
.blog-post-area {
     padding: 150px 0 70px 0;
        background: linear-gradient(135deg, #090c15, #0c101c);
}
.page-title h1 {
    font-size: 34px;
    margin: 0; color:#fff;
}
.page-titleline {
    height: 2px;
    width: 70px;
       background: linear-gradient(135deg, hsl(266 83% 58%), hsl(245 58% 51%));
    margin-left: auto;
    margin-right: auto;
    left: 0;
    position: absolute;
    bottom: 0;
}
.single-amenities .amenities-thumb {
    position: relative;
    overflow: hidden;
}
.single-amenities .amenities-thumb img {
    border-radius: 6px 6px 0 0;
    object-fit: cover;
    width: 100%;
        height: auto;
        display: block;
}
.single-amenities {
       box-shadow: 0 0 25px 0 rgba(109, 110, 113, .05);
    display: block;
    position: relative;
    transition: all 0.4s;
   background-image: linear-gradient(135deg, rgba(136, 59, 237, .1), rgba(70, 58, 203, .1));
    background-origin: padding-box;
    border: rgba(255, 255, 255, .1) solid 1px;
    border-radius: 15px;
    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    /* margin-bottom: 30px; */
    min-height: 525px;
    height: 100%;

}
.single-amenities .amenities-details {
    padding: 20px;
}
.single-amenities .amenities-details h5 {
    margin-top: 0;
    margin-bottom: 1rem;
}
.single-amenities .amenities-details .amenities-meta {
    margin-top: 15px;
    position: relative;
    margin-bottom: 15px;
}
.single-amenities .amenities-details .text {
      color: #9ea2ae;
    line-height: 25px;
    margin-top: 20px !important;
    font-size: 18px;
    font-weight: 300;
}
.mainEntityOfPageClass {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.single-amenities .amenities-details .label {
    font-size: 12px;
    gap: .8rem;
     flex-wrap: wrap;
    margin-top: 1rem;
}
.single-amenities .amenities-details .label-btn{
  position: relative;
    display: inline-block;
    cursor: pointer;
    color: #13113a;
    padding: 10px 13px;
    font-size: 13px;
    transition: .8s ease;
    font-weight: bold;
    background-color: #9d9d9d30;
    border-radius: 7px;
    cursor: auto;
    margin: 0;
    padding: 7px 12px;
    background: transparent;
    border: #9d9d9d4f solid 1px;
    border-radius: 50px;
}
.single-amenities .amenities-meta a {
    color: #f47821;
    display: inline-block;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 15px;
    border-right: 1px solid;
}
.single-amenities .amenities-details h5 a {
    color: #fff;
    font-size: 24px;
    line-height: normal;
    font-weight: bold;
    margin: 0 0 20px;
}
.single-amenities .amenities-details .post-categories{margin: 0; padding: 0;     gap: 0.6rem;    display: flex;    flex-wrap: wrap;}
.single-amenities .amenities-details .post-categories li{
  position: relative;
    display: inline-block;
    cursor: pointer;
    color: #13113a;
    padding: 10px 13px;
    font-size: 13px;
    transition: .8s ease;
    font-weight: bold;
      background: linear-gradient(135deg, rgba(136, 59, 237, 0.1), rgba(70, 58, 203, 0.1));
    border: rgba(136, 59, 237, 0.3) solid 1px;
    border-radius: 7px;
    cursor: auto;
    pointer-events: none;
    margin: 0;
    padding: 7px 12px;
    border-radius: 50px;
    
}
.single-amenities .amenities-details .blog-meta{
      background: linear-gradient(135deg, hsl(266 83% 58%), hsl(245 58% 51%));
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.column-grid{    row-gap: 30px;}

.widget-wrap .single-sidebar-widget .searchform .screen-reader-text{
  display: none;
}
.widget-wrap .single-sidebar-widget .searchform input{
      height: 40px;
    color: #13113a;
    padding: 11px 22px;
    font-size: 14px;
    border: none;
    float: left;
    width: 80%;
        font-family: 'Poppins', sans-serif;
            border-radius: 8px 0 0 8px;
}
.widget-wrap .single-sidebar-widget .searchform [type="submit"], .widget-wrap .single-sidebar-widget .searchform input[type="submit"]{
      width: 20%;
    height: 40px;
    padding: 10px;
    color: #13113a;
    font-size: 17px;
    border: none;
    cursor: pointer;
    font-size:0;
    outline:0;
     border-radius: 0 8px 8px 0;
  background:hsl(245 58% 51%) url("data:image/svg+xml,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M11.5%2021.75C5.85%2021.75%201.25%2017.15%201.25%2011.5C1.25%205.85%205.85%201.25%2011.5%201.25C17.15%201.25%2021.75%205.85%2021.75%2011.5C21.75%2017.15%2017.15%2021.75%2011.5%2021.75ZM11.5%202.75C6.67%202.75%202.75%206.68%202.75%2011.5C2.75%2016.32%206.67%2020.25%2011.5%2020.25C16.33%2020.25%2020.25%2016.32%2020.25%2011.5C20.25%206.68%2016.33%202.75%2011.5%202.75Z'%20fill='white'/%3E%3Cpath%20d='M22%2022.7499C21.81%2022.7499%2021.62%2022.6799%2021.47%2022.5299L19.47%2020.5299C19.18%2020.2399%2019.18%2019.7599%2019.47%2019.4699C19.76%2019.1799%2020.24%2019.1799%2020.53%2019.4699L22.53%2021.4699C22.82%2021.7599%2022.82%2022.2399%2022.53%2022.5299C22.38%2022.6799%2022.19%2022.7499%2022%2022.7499Z'%20fill='white'/%3E%3C/svg%3E") 
        center center no-repeat;
}

.widget-wrap .single-sidebar-widget {
    padding: 20px;

    margin-bottom: 30px;
    border-radius: 15px;
       background: linear-gradient(135deg, rgba(136, 59, 237, 0.1), rgba(70, 58, 203, 0.1));
    background-origin: padding-box;
    border: rgba(255, 255, 255, 0.1) solid 1px;
        display: inline-block;
    width: 100%;
}
.widget-wrap .single-sidebar-widget .title {
    font-size: 20px;
    color: #13113a;
    font-weight: 700;
    position: relative;
    display: inline-block;
    margin-top: 0;
    margin-bottom: 15px;
}
.widget-wrap .single-sidebar-widget .title {
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    position: relative;
    display: inline-block;
    margin-top: 0;
    margin-bottom: 15px;
}
.widget-wrap .post-category-widget .cat-list li a{
    padding: 13px 20px;
    background: linear-gradient(135deg, rgba(136, 59, 237, 0.1), rgba(70, 58, 203, 0.1));
    border: rgba(136, 59, 237, 0.3) solid 1px;
    margin-bottom: 15px;
    -webkit-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
     display:block;
}
.widget-wrap .post-category-widget .cat-list li a:hover{
     /* background: linear-gradient(-135deg, rgba(136, 59, 237, 0.1), rgba(70, 58, 203, 0.1)); */
         background: linear-gradient(135deg, hsl(266 83% 58%), hsl(245 58% 51%));
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.blog-post-area ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.blog-details-wrapper .single-amenities {
    padding: 30px;
}
.single-amenities .share-post {
    display: flex;
    align-items: center;
    margin-top: 20px;
    /* border-bottom: 1px solid #1c2540; */
    border-top: 1px solid #1c2540;
    padding: 1rem 0;
    /* justify-content: space-between; */
        gap: 1rem;
}
.single-amenities .share-post ul{display: flex; align-items: center; gap: 1rem;}
.single-amenities .share-post p{    color: #fff;
    line-height: 27px;
    margin: 0 !important;
    font-size: 18px;
    font-weight: 300;}

.single-amenities .share-post .icons-list{display: flex; align-items: center; gap: 1rem;}
.single-amenities .share-post .icons-list a svg{fill:#fff; display: block;   width: 24px;    height: 24px;}
.blog-details-wrapper .post-categories a{
      position: relative;
    display: inline-block;
    cursor: pointer;
    padding: 10px 13px;
    font-size: 13px;
    transition: .8s ease;
    font-weight: bold;
    background: linear-gradient(135deg, rgba(136, 59, 237, 0.1), rgba(70, 58, 203, 0.1));
    border: rgba(136, 59, 237, 0.3) solid 1px;
    border-radius: 7px;
    cursor: auto;
    pointer-events: none;
    margin: 0;
    padding: 7px 12px;
    border-radius: 50px;
    color:#fff;
}
.blog-details-wrapper .post-categories{
  display: flex; align-items: center; gap: 0.5rem; margin-bottom: 2rem;
}
.blog-details-wrapper .entry-content h3{color: #fff;}
.blog-details-wrapper .entry-content table *{     font-family: 'Poppins', sans-serif !important;  color: #fff !important;}
.blog-details-wrapper .entry-content h2{    font-size: 1.7rem;    margin: 10px 0;}
.blog-details-wrapper .entry-content p{      line-height: 27px;    margin: 20px 0 !important;    font-size: 18px;    font-weight: 300;}
.blog-details-wrapper .entry-content table tr td{  border-color: #9ea2ae !important;}
.blog-details-wrapper .entry-content table{margin-bottom: 2rem;}
.blog-details-wrapper .entry-content .list ol li::marker{color: #fff;}
.blog-details-wrapper .entry-content h4{color: #fff;}
.blog-details-wrapper .entry-content h5{color: #fff;}
.blog-details-wrapper .entry-content h6{color: #fff;}
.blog-details-wrapper .entry-content strong{color: #fff;}
.blog-details-wrapper .entry-content ol{color: #fff;}
.blog-details-wrapper .entry-content p span{
  color: #9ea2ae !important;
}

.blog-details-wrapper .entry-content .list{    display: block;
    position: relative; list-style: none;
    margin: 15px 0;
    padding: 20px !important;
   border: rgba(255, 255, 255, 0.1) solid 1px;
    border-left: 3px solid #9ea2ae;
    font-style: normal;
    font-weight: normal;
    line-height: 1.5;
      background: linear-gradient(135deg, rgba(136, 59, 237, 0.1), rgba(70, 58, 203, 0.1)); 
    font-size: 18px;
    text-indent: initial !important;
  border-radius: 16px;
  }
.blog-details-wrapper .list li{
      color: #353535;
    line-height: 30px;
    font-size: 16px;
    font-weight: 400;
}
.blog-details-wrapper .list li a{
    color: #fff;
    margin-bottom: 5px; font-weight:600;
    display: inline-block;
}
.blog-details-wrapper h1.entry-title{     margin-bottom: 0.8rem;      font-size: 34px; color:#fff;}
.blog-details-wrapper .amenities-meta{    margin-bottom: 1.5rem; }
.blog-details-wrapper .post-thumbnail img{    object-fit: cover;     border-radius: 10px !important;    height: auto !important;    width: 100%;}
.blog-details-wrapper .entry-content ul{  color:#fff;    padding-left: 30px;    margin-bottom: 30px;    list-style: circle;    line-height: 31px;}
.blog-details-wrapper .entry-content ul *{color:#fff; }
.blog-details-wrapper .entry-content img{max-width: 100%;}
.widget-wrap .post-category-widget .cat-list li.current-cat a{
      background: linear-gradient(135deg, hsl(266 83% 58%), hsl(245 58% 51%));
    -webkit-text-fill-color: transparent;
    background-clip: text; font-weight:600;
}

.main-banner.new-banner .container{    min-height: calc(100vh - 110px);}
.home-slider .swiper-slide{   background-position: center;  display: flex;  height: auto;   align-items: center;   position:relative; background-size:cover;}
.home-slider .swiper-slide.second::before{background: linear-gradient(-135deg, #191951, #0c101c);
    content: "";    height: 100%;    position: absolute;    left: 0; top: 0;   width: 100%;    opacity: 0.8;
}
.home-slider .main-banner-box{margin-left: auto !important;}
.home-slider .main-banner-box .btn{align-items: center;  margin-bottom: 3rem;    height: auto;}
.value-cls{display: flex; align-items: center; gap: 1rem; flex-wrap: wrap;    margin: 2rem 0 1.2rem 0; padding:0; }
.value-cls li{    display: flex;
    line-height: 1;
    flex-direction: column;
    gap: 0.8rem;
    background: linear-gradient(135deg, rgba(136, 59, 237, 0.1), rgba(70, 58, 203, 0.1));
    border: rgba(136, 59, 237, 0.3) solid 1px;
    padding: 1rem;
    border-radius: 12px;}
.value-cls li strong{      font-size: 1.5rem; color: #fff; }
.value-cls li span{ font-size: 1rem; }
.new-banner .swiper-pagination-bullet{    background-color: #9ea2ae;    width: 20px;    border-radius: 50px;    height: 5px;}
.new-banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #fff;}
.main-banner.new-banner .main-banner-box h1{text-transform: uppercase;}
.main-banner.new-banner .main-banner-box .head-bannertls{
      font-size: 60px;     color: #fff; text-transform:uppercase;
    font-weight: 800;
    padding: 0;
    margin: 0 0 35px 0;
    line-height: 1.2;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{
      width: max-content;
    margin: 2rem auto 0;
    border-radius: 12px;
}

.autoplay-progress {
      position: absolute;
      right: 1rem;
      bottom: 1rem;
      z-index: 10;
      width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: bold;
      color:#fff;
      font-size:15px;
    }

    .autoplay-progress svg {
      --progress: 0;
      position: absolute;
      left: 0;
      top: 0px;
      z-index: 10;
      width: 100%;
      height: 100%;
      stroke-width: 3px;
      stroke:#463acb;
      fill: none;
      stroke-dashoffset: calc(125.6px * (1 - var(--progress)));
      stroke-dasharray: 125.6;
      transform: rotate(-90deg);
    }

.wpcf7 form.sent .wpcf7-response-output{
      color: #ffffff;    background-color: #46b45024;
}
.wpcf7 form .wpcf7-response-output{
      width: max-content;    margin: 2rem auto 0;    border-radius: 12px;
}



.pagination-nav {
    margin-top: 3rem;
    text-align: center;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.pagination-nav .page-numbers {
       display: inline-block;
    padding: 7px 15px;
    margin: 0 4px;
    border: rgba(255, 255, 255, 0.1) solid 1px;
    border-radius: 9px;
    text-decoration: none;
    color: #9ea2ae;
}
.pagination-nav .current {
       background: linear-gradient(135deg, hsl(266 83% 58%), hsl(245 58% 51%));
    color: #fff;
    border-color: transparent;
}

.VIpgJd-ZVi9od-aZ2wEe-wOHMyf.VIpgJd-ZVi9od-aZ2wEe-wOHMyf-ti6hGc{
display: none !important;
}
.pagination-nav a{
     display: inline-block;
    padding: 7px 15px;
    margin: 0 4px;
    border: rgba(255, 255, 255, 0.1) solid 1px;
    border-radius: 9px;
    text-decoration: none;
    color: #fff;
    
}
.main-banner.new-banner .container .form-box{
     background: #fff;
    background-origin: padding-box;
    border: rgba(255, 255, 255, .1) solid 1px;
    box-sizing: border-box;
    padding:2rem 3rem;
    border-radius: 20px;
    max-width: 600px;
    margin: auto;
        box-sizing: border-box;
    width: 100%;
}
 
.main-banner.new-banner .container .form-box .head-text{
  font-size: 2rem;
    color: #06080e;
    font-weight: 700;
}
.main-banner.new-banner .container .form-box p{
  font-size: 16px;
}
.main-banner.new-banner .container .form-box .head-text span{
      background: linear-gradient(135deg, hsl(266 83% 58%), hsl(245 58% 51%));
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.section-space.middle-form .wpcf7 form.invalid .wpcf7-response-output, .section-space.middle-form .wpcf7 form.unaccepted .wpcf7-response-output, .section-space.middle-form .wpcf7 form.payment-required .wpcf7-response-output{
width: 100%;
}
.section-space.middle-form .wpcf7 form .wpcf7-response-output{width: 100%;}



  .main-navigation ul li.active > a{     background: linear-gradient(135deg, hsl(266 83% 58%), hsl(245 58% 51%));
    -webkit-text-fill-color: transparent;    background-clip: text;}



@media (min-width: 768px){  
.main-navigation > ul > li.services .big-menu{  flex-direction: column;}
.main-navigation > ul > li.services .big-menu .third-menu{top: -5px;margin: 0 0 0 1.3rem;}
.main-navigation > ul > li.services .big-menu .has-menu:hover>.label{border-left: 2px solid #7a3be6;background: linear-gradient(135deg, hsl(266 83% 58%), hsl(245 58% 51%));-webkit-text-fill-color: transparent;background-clip: text;}
.main-navigation > ul > li.services .big-menu .third-menu::before{position: absolute;content: "";top: 10px;left: -22px;border: 12px solid transparent;border-right-color: #FFF; }
    .main-navigation>ul>li.mm-call:hover a{        -webkit-text-fill-color: white;}
  .menu-overlay, .nav-icon{display:none;}
  .main-navigation{float: right;}
  .main-navigation ul li{float: left; position: relative;}
  .main-navigation > ul > li{margin-right: 20px;}
  .main-navigation > ul > li > a{transition:all 0.3s; display:block; padding:42px 10px 41px 10px; font-size:18px; color:#FFF;}
  .small-header .main-navigation > ul > li > a{ padding:32px 10px 31px 10px;}
  .main-navigation > ul > li:hover > a{  background: linear-gradient(135deg, hsl(266 83% 58%), hsl(245 58% 51%));
    -webkit-text-fill-color: transparent;    background-clip: text;}
  .main-navigation ul li.active:before{ content: ""; background: linear-gradient(135deg, hsl(266 83% 58%), hsl(245 58% 51%)); position: absolute; top: 0;  width: 100%; left: 0; height: 4px; }

  .main-navigation ul li:hover > ul{ opacity: 1; visibility: visible;}
  .main-navigation ul ul{ opacity: 0; transition:all 0.3s; position: absolute; left: -10px; top: 85%; background: #fff; border-radius: 10px; box-shadow:0 0 35px 0 rgba(0,0,0,.15); padding:20px 20px; min-width: 150px; white-space: nowrap; visibility: hidden; display: block;}
  .small-header .main-navigation ul ul{top: 100%;}
  .main-navigation ul ul:before{ position: absolute; content:""; top: -22px; left: 48px; border:12px solid transparent; border-bottom-color: #FFF; }
  .main-navigation ul ul ul{left: 100%; top:8px; margin-left: -8px; z-index: 9;}
  .main-navigation ul ul ul.reverse{left:inherit; right: 100%; margin:0 -8px 0 0;}
  .main-navigation ul ul li{float: none;}
  .main-navigation ul ul li a{ line-height: 1.2; padding:8px 17px; border-left: 2px solid #ccc; font-size:16px; position: relative; transition:all 0.3s; display:block; color:#2d2e34; }
  .main-navigation ul ul li a:hover{ border-left: 2px solid #7a3be6;background: linear-gradient(135deg, hsl(266 83% 58%), hsl(245 58% 51%));-webkit-text-fill-color: transparent;background-clip: text; }
  .main-navigation ul ul li a .arrow-icon{position: absolute; right:0; top: 0; width: 16px; height: 100%; background: url(../images/arrow.webp) center center no-repeat;} 
  .main-navigation ul ul.big-menu{left: -100px;display:flex; padding:25px 20px; }
  .main-navigation ul li:hover > ul.big-menu{}
  .main-navigation ul ul.big-menu:before{ left: 168px;}
  .main-navigation ul ul.big-menu.sr-menu:before{ left: 140px;}
  .main-navigation ul ul.big-menu li a.titlelink{ padding:0 0 10px 0 !important; font-weight: 700; border:none !important; }
}


@media (max-width: 1680px){
  .container{ padding-left: 30px; padding-right: 30px; }
  .inner-banner .container{padding-top: 150px; padding-bottom:40px; }
  .main-banner-box{ width: 70%; background: rgba(10,10,69,0.7);}
}


@media (max-width: 1300px){
  .main-navigation > ul > li { margin-right: 10px;}
  .main-banner-box{ width: 80%;}
  h1{ font-size:52px; margin: 0 0 30px 0;}
  .inner-banner h1 { font-size: 46px; }
  .dribble-col>a{padding: 10px 10px !important;}
  .main-banner.new-banner .container .form-box{  padding: 1.5rem;}
}


@media (max-width: 1199px){


.main-banner.new-banner .container .form-box .head-text{
      font-size: 1.3rem;
}
  .main-banner.new-banner .container .form-box{
    max-width: 500px;
  }
  .main-banner.new-banner .main-banner-box .head-bannertls{
            font-size: 42px;
        margin: 0 0 30px 0;
  }
  .small-header .logo img{    height: 40px;}
  .container{ padding-left: 25px; padding-right: 25px; }
  /* .logo { padding-top: 34px;} */
  .logo img{ height: 40px; }
  .mm-call a{ text-indent: -10000px; margin-left: 0; padding-left: 18px !important; padding-right: 28px !important; background-position: 14px center !important; }
  h1{ font-size:42px; margin: 0 0 30px 0;}
  .inner-banner h1{ font-size:36px; }
  .main-banner p, .inner-banner p{ font-size:18px; line-height: 1.5;}
  h2 { font-size: 36px; margin: 0 0 20px 0;}
  .titletext { font-size: 18px;}
  .inner-banner .container{padding-top: 140px; padding-bottom:30px; }
  body{ font-size: 17px; }
  p{line-height: 1.6;}
  .main-navigation ul ul.big-menu{left: -250px; }
  .main-navigation ul ul.big-menu:before{ left: 315px;}
  .main-navigation ul ul.big-menu.sr-menu:before{ left: 290px;}
  .home-link{ display: none; }
}
.text-white{color: #fff;}

.first-banner{max-width: 580px; margin:auto; width: 100%; }




@media only screen and (max-width: 991px) and (min-width: 768px) {
  .main-navigation > ul > li > a{           padding: 32px 6px 31px 6px;     font-size: 14px;}
  .mm-call a{    margin-top: 21px;}
  .small-header .main-navigation > ul > li > a{ padding: 32px 6px 31px 6px;  }
.small-header .logo img, .logo img{        height: 36px;}
.dribble-col{         margin-left: 10px;   gap: 0.7rem;}
.dribble-col .gt_float_switcher .gt-selected .gt-current-lang{    font-size: 16px;    padding: 11px 10px;}
.dribble-col .gt_float_switcher .gt_options{    right: 0;}
}

@media (max-width: 991px){  

.main-banner.new-banner .container{
  flex-direction: column-reverse;
}
.main-banner.new-banner .container.column-reverse{          flex-direction: column;}


.blog-post-area{    padding: 120px 0 40px 0;}
  .main-navigation > ul > li { margin-right: 0; }
  .main-banner-box{ width: auto;}
  h2 { font-size: 32px; margin: 0 0 20px 0;}
  .inner-banner h1 { font-size: 30px; margin-bottom: 20px;}
  .inner-banner .img-fluid{ max-width: 70%; height:auto; }
  .inner-banner .container{padding-top: 120px; padding-bottom:20px; text-align: center; }
  .main-banner p, .inner-banner p{ margin-bottom: 20px; }
  .img-center{padding-bottom:30px; }
    .blog-post-area .container>.row{ flex-direction: column-reverse;         gap: 1.5rem; }
  .widget-wrap .single-sidebar-widget.post-category-widget{display: none;}
  .widget-wrap .single-sidebar-widget{margin-bottom: 0;}
  .blog-details-wrapper h1.entry-title{    font-size: 28px;}
  .blog-details-wrapper .single-amenities{    padding: 20px;}
  .page-title{    margin-top: 0;}
}


@media (max-width: 767px){
.main-banner.new-banner .container .form-box{
      padding: 2rem 1rem;
}
  .main-banner.new-banner .container .form-box .head-text{
        font-size: 1.3rem;
  }

.main-banner.new-banner .main-banner-box .head-bannertls{
          font-size: 26px;
        margin: 0 0 20px 0;
}
  .main-banner.new-banner .container{    min-height: auto; flex-direction: column-reverse; gap: 2rem;  }
  .wpcf7 form .wpcf7-response-output{width: 100%;}
  .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{width: 100%;}
  .value-cls{    gap: 0.5rem;}
  .value-cls li{    padding: 0.6rem;}
.value-cls li span{      line-height: normal;  font-size: 0.9rem;}
.value-cls li strong{    font-size: 1.2rem;}
  .mobile-for-gap{    margin-top: 1.5rem;    row-gap: 1.5rem;}
  .common-b-space{margin-bottom: 1.5rem !important;}
.service-block .hm-sr-box .hm-sr-title img{width: 60px !important; height: 60px !important;         padding: 10px !important;}
  body { font-size: 15px; overflow-x: hidden; }
  p{line-height: 1.5;}
  .container{ padding-left: 15px; padding-right: 15px; }
  .header, .small-header .header { height: 73px; background-color: #191951; }
  .logo, .small-header .logo{ width: auto;}
  .logo img, .small-header .logo img{ height: 36px; }
  .titletext { font-size: 16px;}
  .mm-call{padding:30px 22px 22px 22px !important; text-align:center;}
  .mm-call a{ margin: 0 !important; display: inline-block !important; text-indent:0 !important; padding: 10px 30px 10px 50px !important; background-position: 22px center !important; }
  .nav-icon{width:36px; height:72px; border:0; border-radius: 0; cursor: pointer; padding: 0 8px;         padding-right: 0; float: right; background:none;}
  .nav-icon:hover{background:none;}
  .nav-icon span{display: block; height: 1px; margin: 7px 0; background: #fff; position:relative; transition: all 0.3s; top: 0;}
  .menu-overlay{display:block; position: fixed; left: 0; top: 73px; width:100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 9; opacity: 0; visibility: hidden;}
  .main-navigation{ position: fixed !important; z-index: 10; left: 0; top: 73px; border-top: 1px solid rgba(255,255,255,.15); bottom: 0; overflow:auto;  overflow-x: hidden; width:100%;           background: linear-gradient(135deg, #06080e, rgba(70, 58, 203, .9)); margin-left: -100%;}
  .menu-open .main-navigation{margin-left: 0;}
  .dribble-col .gt_float_switcher .gt-selected .gt-current-lang img{width: 18px;}
  .dribble-col .gt_float_switcher .gt-selected .gt-current-lang{     font-size: 15px;   padding: 9px 10px;}
  .main-navigation ul li a{transition:all 0.3s; display:block; padding:15px 20px; line-height: 1.2; position: relative; color:#FFF; font-size:18px; font-weight: 500;}
  .main-navigation ul ul li a{transition:all 0.3s; padding:10px 15px 10px 40px;line-height: 1.2; font-weight: 400; font-size:16px;color:rgba(255,255,255,.8);}
  .main-navigation ul li a:hover{background: rgba(0,0,0,0.3);background: linear-gradient(135deg, hsl(266 83% 58%), hsl(245 58% 51%));
        -webkit-text-fill-color: transparent;        background-clip: text;}
  .main-navigation ul li a .arrow-icon{position: absolute; height: 100%; width:70px; right: 0; top: 0;}
  .main-navigation ul li a .arrow-icon:before{content:""; position: absolute; height: 100%; width:100%; right: 0; top: 0; background: url(../images/arrow-mobile.webp) center center no-repeat;}
  .main-navigation ul li.open > a > .arrow-icon:before{transform:rotate(-180deg);}
  .main-navigation ul ul{display:none;}
  .main-navigation ul ul li {border-bottom:none;}
  .menu-overlay, .main-navigation, a .arrow-icon:before{transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;}
  .menu-open .main-navigation{margin-left: 0;}
  .menu-open .nav-icon{background: none;}
  .menu-open .nav-icon span.one{top: -30px; opacity: 0;}
  .menu-open .nav-icon span.two{transform: rotate(45deg);}
  .menu-open .nav-icon span.three{transform: rotate(-45deg); top: -4px;}
  .menu-open .menu-overlay{opacity: 1; visibility: visible;}
  .menu-open .nav-icon span{margin: 3px 0;}
  .main-banner .container{padding-top: 70px; }
  .home-slider .main-banner-box .btn{margin-bottom: 0; text-align: center;}
  h1 { font-size: 26px; margin: 0 0 20px 0; }
  .inner-banner h1{ font-size:22px; }
  .main-banner p, .inner-banner p { font-size: 16px; line-height: 1.5; margin: 0 0 15px 0; }
  .main-banner-box { padding:15px 25px 30px 25px; margin: 0 -15px;}
  .main-banner .btn, .inner-banner .btn { margin-top: 10px; }
  .btn { font-size: 16px; height: auto; padding: 8px 25px 10px 25px;}
  h2 { font-size: 22px;  margin: 0 0 15px 0;  }
  .titletext { line-height: 1.4;}
  .main-navigation ul li.mm-call a:hover{ color: #FFF !important;         -webkit-text-fill-color: white; }
  .main-navigation ul ul.big-menu li a.titlelink{ padding-left:20px !important; font-weight: 500; border:none !important; color: #FFF; }
  .inner-banner .container { padding-top: 100px;}
  .img-center { padding-bottom: 20px;}
}

@media (max-width: 320px){
.logo img, .small-header .logo img{height: 26px;}
.value-cls li span{        font-size: 0.8rem;}
}