@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, rgb(49 41 99), rgb(31 27 85));border: rgb(67 33 123) 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);}

.blog-details-wrapper .entry-content ol ul{      margin: 0;}
.blog-details-wrapper .entry-content p b{color: #fff;     font-weight: 600;}
.blog-details-wrapper .entry-content .wp-block-image img{height: auto;}


.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%);}
.w-100{width: 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: nowrap;    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%;}
.footer .barcode{max-width: 130px;margin-top: 1rem;}
.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;}
.service-block.whychoose{padding-bottom: 5rem;}




@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;}
  .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;display: none; }
  .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: 200px; 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{white-space: normal;height: 100%; line-height: 1.2; padding:6px 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 (min-width: 1200px){
 .footer .barcode.mobile{display: none;}
}
@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){
  .footer .barcode.desktop{display: none;}
  .value-cls{flex-wrap: nowrap;}
  .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 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 (max-width: 1400px) {
  /* .main-navigation > ul > li{        margin-right: 10px;} */
  .main-navigation > ul > li > a{        font-size: 16px;}
}
@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;}
  html[lang="pt-br"] .main-navigation > ul > li > a{        font-size: 12px;}
}
@media (max-width: 991px){
  .main-banner.new-banner .container{flex-direction: column-reverse;}
  .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;}
  .main-banner.new-banner .container{gap: 1.5rem; }
}
@media (max-width: 767px){
  .services ul.big-menu.sr-menu, .hire ul.big-menu{width: 100% !important;}
  .main-navigation ul ul.third-menu{padding-left: 1rem;}
  .main-navigation > ul > li.hire.has-menu .big-menu{padding-bottom: 0 !important;}
  .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: 1.5rem;}
  .blog-details-wrapper .entry-content .wp-block-image{margin-left: 0; margin-right: 0;}
  .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{flex-wrap: nowrap;gap: 0.5rem;}
  .value-cls li{gap: 0.5rem;padding: 0.6rem;}
  .value-cls li span{line-height: 18px;font-size: 0.8rem;}
  .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 30px;line-height: 1.2; font-weight: 400; font-size:15px;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;}
}

/* Mega Menu CSS */
@media (min-width: 767px){
  /* Service Section CSS */
  .services li.has-menu {position: unset;background: transparent;}
  .services ul.big-menu.sr-menu {width: 1000px;left: -250px;}
  .services ul.third-menu {box-shadow: none;top: 0 !important;left: 30%;width: calc(100% - 30%);height: 100%;}
  .services li.has-menu > a{width: 29.5%;}
  .main-navigation > ul > li.services:hover ul.big-menu>li:first-child ul{opacity: 1;visibility: visible;}
  .big-menu .service-img {position: absolute !important;right: 1.5rem;background: rgba(45, 46, 86, 0.1);padding: 30px 10px;border-radius: 7px;top: 30px;height: max-content;}
  .big-menu .service-img img{width: 100%;max-width: 240px;max-height: 160px;object-fit: contain;width: 240px;}
  .main-navigation ul .services ul.big-menu.sr-menu:before{left: 285px;}
  .hire .main-cta h3, .services .main-cta h3{text-wrap: auto;font-size: 24px;padding: 0 0 10px 0 !important;} 
  .hire .main-cta p, .services .main-cta p{text-wrap: auto;font-size: 14px;}
  .hire .main-cta a, .services .main-cta a{text-wrap: auto;border: 0 !important;text-transform: uppercase;font-size: 15px;}
  .hire .main-cta a:hover, .services .main-cta a:hover{background: linear-gradient(135deg, hsl(266 83% 58%), hsl(245 58% 51%));border: 0 !important;background-clip: unset;-webkit-text-fill-color: unset;color: #fff;}
  .hire .main-cta, .services .main-cta {margin-top: 25px;border-radius: 10px;background: #0E0D22 !important;position: relative;z-index: 99;padding: 15px 20px;}
  .cta-custom.main-cta h3{padding: 0 !important;}

  /* Hire Section CSS */
  .main-navigation ul .hire ul.big-menu:before{left: 400px;}
  .hire .big-menu{width: 1000px;left: -350px !important;padding-right: 310px !important;flex-wrap: wrap;padding-bottom: 150px !important;}
  .hire ul li {width: 50%;position: unset;}
  .hire ul li > span{position: absolute !important;right: 1.5rem;background: rgb(234 234 238);padding: 30px 10px;border-radius: 7px;height: max-content;top: 30px;}
  .hire ul li span img{max-width: 240px;max-height: 160px;object-fit: contain;width: 240px;}
  .hire .big-menu li > span {opacity: 0;visibility: hidden;}
  .main-navigation > ul > li.hire:hover ul.big-menu>li:first-child span{opacity: 1;visibility: visible;}
  .main-navigation > ul > li.hire ul.big-menu>li:hover span{opacity: 1;visibility: visible;}
  .hire ul li.cta {width: calc(100% - 40px) !important;padding-right: 0 !important;position: absolute !important;max-width: 955px;bottom: 25px;margin-top: 25px;}
}
@media (max-width: 1300px){
  .services ul.big-menu.sr-menu, .hire ul.big-menu {width: 950px;}
}
@media (max-width: 1200px){
  .services ul.big-menu.sr-menu, .hire ul.big-menu {width: 850px;}
  .hire .big-menu{padding-bottom: 200px !important;}
}
@media (max-width: 991px) and (min-width : 767px){
  .services ul.big-menu.sr-menu, .hire ul.big-menu {width: 700px;}
  .big-menu .service-img, .hire ul li span img, .main-navigation > ul > li.hire:hover ul.big-menu>li:first-child span{display: none;}
  .hire .big-menu{padding-right: unset !important;}
  .services li.has-menu > a{width: 40%;}
  .services ul.third-menu{left: 40%;width: calc(100% - 40%);}
}
@media (max-width: 767px){
  .hire .main-cta, .services .main-cta,.big-menu .service-img, .hire ul li span img{display: none;}
  header .wpml-ls-legacy-dropdown-click .wpml-ls-item>.js-wpml-ls-item-toggle{    padding-top: 11.5px; padding-bottom: 11.5px;}
  .footer ul.menu{margin-top: 6px !important;}
  .service-block.whychoose{padding-bottom: 3rem;}
}

.footer ul.menu{margin: 0; padding: 0; list-style: none;}
.footer-bottom ul.menu{    display: flex;  flex-wrap: wrap; justify-content: center;   align-items: center;    gap: 0.5rem;}
.footer-bottom ul.menu li:not(:last-child)::after{    background-color: #ffffff85;    height: 15px;    width: 2px;    content: "";}
.footer-bottom ul.menu li{  display: flex;  gap:0.5rem;   align-items: center;}

/* Pre-Code CSS */
pre.wp-block-code {
    border: 1px solid white;
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
}


/* language dropdown css  */

header .wpml-ls-legacy-dropdown-click {
    width: 3.6em;
}
header .wpml-ls-legacy-dropdown-click .wpml-ls-item>.js-wpml-ls-item-toggle {
    border-radius: 12px;
 color: #fff;
    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;
}
header .wpml-ls-legacy-dropdown-click .wpml-ls-item>.js-wpml-ls-sub-menu {
     border-radius: 12px;
    background: linear-gradient(to right, rgb(49 41 99), rgb(31 27 85));
    border: rgb(67 33 123) solid 1px;
    margin-top: 5px;
    overflow: hidden;

}
header .wpml-ls-legacy-dropdown-click .wpml-ls-item>.js-wpml-ls-sub-menu .wpml-ls-link{ padding:8px 12px;}
header #wpml-ls-submenu-click-default {    background-color: transparent;}
header .wpml-ls-legacy-dropdown-click a {
    border: 0;
    background: transparent;
    text-align: center;
    padding:14px 12px;
}
header .wpml-ls-legacy-dropdown-click .wpml-ls-item>.js-wpml-ls-sub-menu li:not(:last-child) a {
        border-bottom: #ffffff12 solid 1px;
}
header .wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover>a, header .wpml-ls-legacy-dropdown-click a:focus, header .wpml-ls-legacy-dropdown-click a:hover {
   background: linear-gradient(to right, rgba(136, 59, 237, .1), rgba(70, 58, 203, .1));
}
.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after {
    font-size: 14px;
}
.footer ul.menu .footer-menu-heading a{    font-size: 22px;    font-weight: 500; pointer-events: none; cursor: default;   margin: 0 0 20px 0;    color: #FFF;}



@media only screen and (max-width: 1280px) {
.dribble-col>a{          font-size: 0;        padding: 10px 10px !important;        gap: 0;}
header .wpml-ls-legacy-dropdown-click a{padding-top: 11px; padding-bottom: 11px;}
.dribble-col{    gap: 0.5rem;}
.big-menu .service-img img{             width: 200px;   max-width: 200px;        max-height: 120px;}
.hire ul li span img{        max-width: 200px;        max-height: 120px;        object-fit: contain;        width: 200px;}
}

@media only screen and (max-width: 1320px) and (min-width:1280px) {
  /* .services ul.big-menu.sr-menu, .hire ul.big-menu{        width: 840px;} */
}