@charset "utf-8";
* {
  outline: none;
  margin: 0px;
  padding: 0px;
  border: none;
  text-decoration: none;
  font-family: "OpenSans";
  box-sizing: border-box;
}
body {
  text-decoration: none;
  background: #fff;
  font-family: "OpenSans";
  font-size: 16px;
  color: #000;
}
html {
  scroll-behavior: smooth;
}
.smooth-scroll-wrapper {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  bottom:0;
  will-change: transform;
  height: 100%;
  background-color: #fff;
}

a {
  text-decoration: none;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}


.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(90deg);
}


@font-face {
  font-family: "OpenSans";
  src: url("../fonts/OpenSans-Regular.eot");
  src: url("../fonts/OpenSans-Regular.eot?#iefix") format("embedded-opentype"),
    url("../fonts/OpenSans-Regular.woff2") format("woff2"),
    url("../fonts/OpenSans-Regular.woff") format("woff"),
    url("../fonts/OpenSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
    font-family: 'Rogbold';
    src: url('../fonts/Rogbold.eot');
    src: url('../fonts/Rogbold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Rogbold.woff2') format('woff2'),
        url('../fonts/Rogbold.woff') format('woff'),
        url('../fonts/Rogbold.ttf') format('truetype');
        
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

 @font-face {
    font-family: 'Rogbold Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Rogbold Regular'), url('../fonts/Rogbold-3llGM.woff') format('woff');
    }

@font-face {
  font-family: "OpenSans";
  src: url("../fonts/OpenSans-Medium.eot");
  src: url("../fonts/OpenSans-Medium.eot?#iefix") format("embedded-opentype"),
    url("../fonts/OpenSans-Medium.woff2") format("woff2"),
    url("../fonts/OpenSans-Medium.woff") format("woff"),
    url("../fonts/OpenSans-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
    font-family: 'ES Klarheit Plakat TRIAL';
    src: url('../fonts/ESKlarheitPlakat-Blk-TRIAL.eot');
    src: url('../fonts/ESKlarheitPlakat-Blk-TRIAL.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ESKlarheitPlakat-Blk-TRIAL.woff2') format('woff2'),
        url('../fonts/ESKlarheitPlakat-Blk-TRIAL.woff') format('woff'),
        url('../fonts/ESKlarheitPlakat-Blk-TRIAL.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ES Klarheit Plakat TRIAL Exbold';
    src: url('../fonts/ESKlarheitPlakat-Xbd-TRIAL.eot');
    src: url('../fonts/ESKlarheitPlakat-Xbd-TRIAL.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ESKlarheitPlakat-Xbd-TRIAL.woff2') format('woff2'),
        url('../fonts/ESKlarheitPlakat-Xbd-TRIAL.woff') format('woff'),
        url('../fonts/ESKlarheitPlakat-Xbd-TRIAL.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ES Klarheit Plakat TRIAL Exblack';
    src: url('../fonts/ESKlarheitPlakat-Xblk-TRIAL.eot');
    src: url('../fonts/ESKlarheitPlakat-Xblk-TRIAL.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ESKlarheitPlakat-Xblk-TRIAL.woff2') format('woff2'),
        url('../fonts/ESKlarheitPlakat-Xblk-TRIAL.woff') format('woff'),
        url('../fonts/ESKlarheitPlakat-Xblk-TRIAL.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

.sexy-menu.detached .header-contact {
  display: none;
}
video {
  width: 100%;
}
.sexy-menu.detached .tophead {
  display: none;
}

.sexy-menu.detached .nav-brand img {
  margin-top: 8px;
  width: 65%;
}
.sexy-menu.detached .large {
  display: none;
}
.sexy-menu.detached .small {
  display: block;
}

.wh-top {
  margin-right: 15px;
  display: flex;
  align-items: center;
  position: relative;
}
.nav-menu > li > a {
  margin: 35px 20px;
  display: inline-block;
  position: relative;
  color: #000000;
  font-size: 1em;
  line-height: 20px;
  font-family: inherit;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 0.5px;
  font-display: swap;
  text-transform: uppercase;
}
.header-phone {
  border-radius: 20px;
  color: #fff !important;
  padding: 10px 30px;
  display: flex !important;
  letter-spacing: 1px;
  align-items: center;
  margin: 24px 20px !important;
  margin-right: 0px !important;


  border-radius: 30px;
  background: linear-gradient(90deg, #143a6d, #00e6c3);

}
.header-phone i {
  margin-right: 10px;
}







.nav-menu > li > a:hover {
  color: #fe633b;
}

.sexy-menu.detached .nav-menu > li > a {
  margin: 30px 18px;
  color: #393939;
}
.sexy-menu.detached .nav-menu {
  border-top: 0;
}
.sexy-menu.detached .header-phone {
  margin: 18px 18px !important;
}
.top-quickwraper {
  width: 100%;
  height: auto;
}
.nav-brand img {
  width: 95%;
  margin-top: 8px;
}
.sexy-menu.detached .header-call {
  margin-top: 13px;
}
#button {
  display: inline-block;
  background-color: #333;
  line-height: 50px;
  width: 50px;
  color: #fff;
  height: 50px;
  text-align: center;
  border-radius: 100%;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#button i {
  color: #fff;
}
#button:hover {
  cursor: pointer;
  background-color: #333;
}
#button:active {
  background-color: #555;
}
#button.show {
  opacity: 1;
  visibility: visible;
}
/*popup*/


#popUp {
  position: fixed;
  width: 400px;
  height: auto;
   background: linear-gradient(90deg, #143a6d, #00e6c3);
  bottom: 8%;
  margin-left: 0;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  z-index: 9999;
  padding: 2% 2% 2%;
  right: 0;
  opacity: 0;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}

#popUp .close {
  position: absolute;
  top: -40px;
  opacity: 1;
  left: -4%;
  color: #666;
  font-family: inherit;
  font-weight: normal;
  font-size: 1.5em;
  cursor: pointer;
  background-color: #f7f7f7;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
a.button {
  margin: 0 auto;
  text-align: center;
  right: 0;
  left: 0;
  position: absolute;
  width: 120px;
  font-size: 15px;
  color: #fff;
  border-bottom: 2px solid #18729f;
  background: #1c8dc4;
  border-radius: 4px;
  padding: 8px 0;
}
#plus {
  position: fixed;
  color: #fff;
  bottom: 56%;
  font-size: 1em;
  margin-right: -425px;
  -webkit-transition: all 1.25s ease;
  -moz-transition: all 1.25s ease;
  -o-transition: all 1.25s ease;
  transition: all 1.25s ease;
  cursor: pointer;
  text-align: left;
  letter-spacing: 1px;
  z-index: 999;
  width: 100%;
  right: 0;
}
.side-btn {
  position: absolute;
  color: #fff;
  font-family:inherit;
  font-weight: normal;
  font-size: 1em;
  line-height: 27px;
  display: inline-block;
  padding: 6px 25px;
  letter-spacing: 1px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
  transition: all 1.25s ease;
  right: -65px;
  border-radius: 20px;
  background: linear-gradient(90deg, #143a6d, #00e6c3);
}
#plus::after {
  display: block;
  display: relative;
}
.mob-txt {
  display: block;
  text-transform: capitalize;
  font-style: normal;
  font-family: inherit;
  font-weight: 500;
}

.side-form .form-group {
  margin-bottom: 12px;
}

.side-form input[type="text"],
.side-form textarea {
  background: #fff;
  color: #3f3f3f;
  width: 100%;
  padding: 15px 20px;
}

.side-form-title {
  font-size: 1.333em;
  color: #fff;
  text-transform: uppercase;
  line-height: 30px;
  font-family: inherit;
  letter-spacing: 1px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 20px;
}

/**/

/**/
.clear {
  clear: both;
}
audio,
::selection {
  background: #daa289 !important;
  color: #fff !important;
}
span::selection {
  -webkit-background-clip: unset !important;
  -webkit-text-fill-color: #fff !important;
  background: #daa289 !important;
}
::-moz-selection {
  color: #fff !important;
}

.grecaptcha-badge {
  display: none !important;
}
.img-full {
  width: 100%;
  height: auto;
  display: block;
}
.img-responsive {
  max-width: 100%;
  height: auto;
}

.logo1 {
  display: none;
}
.banner-wraper {
  width: 100%;
  height: auto;
  position: relative;
}
.banner-caption{
  width: 50%;
  height: auto;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.banner-caption-outer{
  width: auto;
  height: auto;
  text-align: right;
  padding-bottom: 7em;
  padding-right: 7em;
}
.banner-caption-top{
    font-family: 'Rogbold Regular';
     font-style: normal;
    font-weight: normal;
    font-size: 3.25em;
    background: linear-gradient(to right, #1c466c, #0587b6);
    background-clip: border-box;
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  text-transform: uppercase;
  line-height: 1;
}

.banner-leading{
    font-family: 'Rogbold Regular';
     font-style: normal;
    font-weight: normal;
    font-size: 1.55em;
   
  color:#165581;
  text-transform: uppercase;
}
.banner-leading span{
    font-family: 'Rogbold Regular';
     font-style: normal;
    font-weight: normal;
    font-size: 1em;
    background: linear-gradient(to right, #2aacd4, #00d8ae);
    background-clip: border-box;
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  text-transform: uppercase;
}

.banner-company{
    font-family: 'Rogbold Regular';
     font-style: normal;
    font-weight: normal;
    font-size:2.68em;
   
  color:#165581;
  text-transform: uppercase;
}

.banner-technology{
    font-family: 'Rogbold Regular';
     font-style: normal;
    font-weight: normal;
    font-size: 1.55em;
    background: linear-gradient(to right, #2aacd4, #20b8cb);
    background-clip: border-box;
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  text-transform: uppercase;
}
.banner-technology span{
    font-family: 'Rogbold Regular';
     font-style: normal;
    font-weight: normal;
    font-size: 1em;
    background: linear-gradient(to right, #19c1c5, #00d8ae);
    background-clip: border-box;
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  text-transform: uppercase;
}
.carousel-inner {
  border-radius: 15px;
}
.sexy-menu.detached .navigation {
  top: 0;
}

.footer-container {
  width: 100%;
  height: auto;
  padding-top: 2em;
  padding-bottom: 2em;
}
.footer-top-for {
  display: flex;
  align-items: center;
}
.footer-top-for img {
  max-width: 35px;
  margin-left: 10px;
}
.top-wraper {
  width: 100%;
  height: auto;
}
.top-container {
  width: 100%;
  padding-left: 2%;
  padding-right: 2%;
}
.header-social-links {
  float: left;
}
.tophead {
  width: 100%;
  position: relative;
  padding: 0em;
  background: #6a446e;
  display: flex;
  justify-content: space-between;
}

.img-design {
  position: absolute;
  bottom: 0;
  right: 0;
}

/**/

/**/
.form-group {
  margin-bottom: 18px;
}

.enq-container {
  position: relative;
  padding: 60px 0;
  margin-top: -250px;
  z-index: 9;
}

.en-head2 {
  color: #fff;
  font-weight: normal;
  font-family: inherit;
  font-size: 2.29em;
  line-height: 42px;
}
.enq-txt {
  margin-bottom: 30px;
}

/*
*/

/**/


.desk-view {
  display: block;
}
.mob-view {
  display: none !important;
}

/* Dropdown styles */

.footer-bottom-container {
  position: relative;
}

.footer-wraper {
  width: 100%;
  height: auto;
}
.footer-bottom-wraper {
  width: 100%;
  height: auto;
  background-color: #fff;
}


.copy-right {
  width: auto;
  height: auto;
  float: left;
  font-family: inherit;
  font-weight: normal;
  font-size: 1em;
  color: #131313;
  line-height: 60px;
}
.copy-right span {
  font-family: inherit;
  font-weight: normal;
}
.designed {
  width: auto;
  height: auto;
  float: right;
}
.designed-ido {
  float: right;
  height: auto;
  padding-left: 8px;
  padding-top: 15px;
  width: auto;
}
.designed p {
  width: auto;
  height: auto;
  float: right;
  font-family: inherit;
  font-weight: normal;
  font-size: 1em;
  line-height: 60px;
  margin: 0;
  color: #131313;
}
.designed p a {
  text-decoration: none;
  font-family: inherit;
  font-size: 1em;
  color: #131313;
  font-weight: normal;
}
.designed p a:hover {
  text-decoration: none;
}
.whats-app {
  position: fixed;
  bottom: 40vh;
  right: 0;
  background: #00d8ae;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  font-size: 2em;
  color: #fff;
  padding: 0.05em 0.25em;
}
.whats-app i{ color: #fff;}

.footer-address-container {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding-top: 70px;
  padding-bottom: 25px;
  justify-content: space-between;
  align-items: flex-start;
  border-bottom: 1px solid #ced2d5;
}
.footer-address {
  width: auto;
  margin-right: auto;
  height: auto;
  float: left;
}
.footer-address:nth-child(5) {
  padding-right: 0;
  margin-right: 0;
}
.icon-f {
  display: flex;
  align-items: center;
}

.btm-link p {
  font-size: 1em;
  margin-bottom: 0;
  color: rgb(51 51 51 / 91%);
  letter-spacing: 0.4px;
  font-family: inherit;
  font-weight: normal;
  line-height: 1.7;
}

.footer-social-links li a {
  margin-left: 20px;
  display: block;
  text-align: center;
}

.footer-social-links li a:hover {
  color: #000 !important;
}
.footer-social-links ul li {
  float: left;
  margin: 0;
}
.footer-menu-brdr {
  padding-bottom: 20px;
  display: flex;
  justify-content: center;
  padding-top: 20px;
  align-items: center;
  background-color: rgb(236 167 48 / 16%);
  border-radius: 15px;
}
.footer-menu-item {
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer-social-links {
  display: flex;
  align-items: center;
  float: right;
  width: auto;
}
.footer-content-title {
  color: #f5821f;
  text-transform: uppercase;
  margin-right: 70px;
  font-size: 1.18em;
  line-height: 25px;
  letter-spacing: 1px;
  font-family: inherit;
  position: relative;
  font-weight: 500;
  position: relative;
}

.footer-menu li {
  float: left;
  margin-right: 30px;
}
.footer-social-links ul li:last-child {
  margin-left: 0;
  padding-right: 0;
}
.footer-social-links ul li:first-child a {
  margin-left: 0;
}
.footer-social-links ul li:last-child a {
  margin-right: 0;
  padding-right: 0;
}
.footer-social-links ul li a {
  font-size: 1.333em;
}
.footer-social-links ul li a {
  color: #1f486e;
}

.footer-menu li a {
  font-family: inherit;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 1em;
  line-height: 30px;
  color: #6e363c;
  letter-spacing: 1px;
}
.icon-bg {
  margin-right: 15px;
  width: auto;
  height: auto;
  font-size: 1.25em;
  color: #1c466c;
}

.footer-menu li a:hover {
  color: #00d8ae;
}
.footer-social-links {
  justify-content: flex-start;
  display: flex;
  align-items: center;
}
.footer-social-links ul{ margin: 0px; padding: 0px; list-style-type: none;}

/**/

.banner-pic{
  width: 100%;
  height: auto;
}

/************************************************** START LOCATION **************************************************/


/************************************************** START CONTACT **************************************************/
.bottom-wrap{
  width: 100%;
  height: auto;
  padding-top: 120px;
}
.location{
  width: 49%;
  height: auto;
  float: left;
  position: relative;
}
 .map-wrap{
    width: 100%;
    max-width: 1000px;      /* optional max width */
    margin: 0 auto;
    aspect-ratio: 16 / 9;   /* modern browsers */
    position: relative;
    overflow: hidden;
    border-radius: 8px;     /* optional styling */
    box-shadow: 0 6px 18px rgba(0,0,0,0.08);
  }

  .map-wrap iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
  }

  /* make the embedded map appear gray */
  .gray-map {
    filter: grayscale(100%) contrast(0.95) brightness(0.95);
    -webkit-filter: grayscale(100%) contrast(0.95) brightness(0.95);
  }

  /* If you need a fallback for very old browsers, use a ::before overlay (optional) */
  .map-wrap::before{
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
  }
.bottom-form{
  width: 46%;
  height: auto;
  float: right;
}
.form-title{
  width: 100%;
  height: auto;
  text-align: left;
  color:#081c2c;
  font-size: 2em;
  font-family: 'ES Klarheit Plakat TRIAL';
  font-weight: 900;
    font-style: normal;
    font-display: swap;
}


.enquiry-form-outer{
  width: 100%;
  height: auto;
  float: right;
  position: relative;
  z-index: 2;
  padding-top: 30px;

}

.enquiry-form-outer .user-box {
  position: relative;
  margin-right: 2%;
  width: 49%;
  float: left;
  margin-bottom:15px;
}
.enquiry-form-outer .user-box:nth-child(2n+2){ margin-right: 0%;}


.enquiry-form-outer .user-box input {
  width: 100%;
  padding: 0px 1em;
  font-size:1em;
  color: #333;
  border: none;
  border: 1px solid #d1d1d1;
  outline: none;
  background: #f6f6f6;
  border-radius: 15px;
  line-height: 45px;
}
.enquiry-form-outer .user-box input:focus ~ label,
.enquiry-form-outer .user-box input:valid ~ label {
  top: -7px;
  left: 0px;
  color: #666;
  font-size: 10px;
  background-color: #f6f6f6;
  padding: 0px 10px;
  line-height: 20px;
  border-radius: 15px;
  bottom: inherit;
}

.enquiry-form-outer .user-box label {
  position: absolute;
  top:0;
  left: 0;
  padding: 0px 1em;
  font-size: 16px;
  color: #333;
  pointer-events: none;
  transition: .5s;
  bottom: 0;
  line-height: 45px;
  background-color: transparent;
}

.full-field{
  width: 100% !important;
  margin-right: 0% !important;
}

textarea:focus~.floating-label,
textarea:not(:placeholder-shown)~.floating-label,
input:not(:focus):valid~.floating-label {
  top: -7px;
  left: 0px;
  color: #666;
  font-size: 10px;
    background-color: #f6f6f6;
  padding: 0px 10px;
  line-height: 20px;
  border-radius: 15px;
  bottom: inherit;
}

.scheme-des textarea {
  width: 100%;
  height: 125px;
  resize: none;
  padding: 10px 20px 0 20px;
  font-size: 1em;
  color: #333;
  font-family: inherit;
  font-weight: normal;
  border-radius: 15px;
  border: 1px solid #d1d1d1;
    background-color: #f6f6f6;
}

.floating-label {
  position: absolute;
  pointer-events: none;
  left: 20px;
  top: 10px;
  transition: 0.2s ease all;
  color: #999999;
  font-size: 1em;
}





/* active state */
.floating-input:focus ~ .bar:before, .floating-input:focus ~ .bar:after, .floating-select:focus ~ .bar:before, .floating-select:focus ~ .bar:after {
  width:50%;
}


/* highlighter */
.highlight {
  position:absolute;
  height:50%; 
  width:100%; 
  top:15%; 
  left:0;
  pointer-events:none;
  opacity:0.5;
}
.submit-button{
  line-height: 40px;
  padding: 0px 25px;
  border-radius: 15px;
  background: linear-gradient(90deg, #00e6c3, #143a6d);
  cursor: pointer;
  color: #fff;
  font-family: inherit;
  text-transform: uppercase;
  font-size: 1em;

}

/* Wobble Horizontal */
@-webkit-keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.hvr-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
  -webkit-animation-name: hvr-wobble-horizontal;
  animation-name: hvr-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.expert-wrap{
  width: 100%;
  height: auto;
  padding-top: 58px;
}
 .tags-container {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 10px 10px; /* row-gap and column-gap */
      max-width: 75%;
      margin: 0 auto;
    }

    .tag {
      padding: 8px 20px;
      border: 1px solid #ccc;
      border-radius: 20px;
      background: #fff;
      font-size: 1em;
      white-space: nowrap;
      cursor: default;
      font-family: inherit;

      /* Bouncing animation */
      animation: bounce 2s infinite ease-in-out;
    }

    /* Keyframes for bounce */
    @keyframes bounce {
      0%, 100% {
        transform: translateY(0);
      }
      50% {
        transform: translateY(-2px);
      }
    }

    /* Delay each tag for staggered effect */
    .tag:nth-child(1) { animation-delay: 0s; }
    .tag:nth-child(2) { animation-delay: 0.2s; }
    .tag:nth-child(3) { animation-delay: 0.4s; }
    .tag:nth-child(4) { animation-delay: 0.6s; }
    .tag:nth-child(5) { animation-delay: 0.8s; }
    .tag:nth-child(6) { animation-delay: 1s; }
    .tag:nth-child(7) { animation-delay: 1.2s; }
    .tag:nth-child(8) { animation-delay: 1.4s; }
    .tag:nth-child(9) { animation-delay: 1.6s; }
    .tag:nth-child(10) { animation-delay: 1.8s; }
    .tag:nth-child(11) { animation-delay: 2s; }
    .tag:nth-child(12) { animation-delay: 2.2s; }









    .services-wrap{
      width: 100%;
      height: auto;
      padding: 50px 0px;
      background: linear-gradient(to bottom, #d7f4fd, #e7f7ff, #fafcff, #ffffff);
      padding-bottom: 0px;
    }
        .servic-title {
    
      width: 100%;
  height: auto;
  text-align:center;
  color: #081c2c;
  font-size: 2em;
  font-family: 'ES Klarheit Plakat TRIAL';
  font-weight: 900;
  font-style: normal;
  font-display: swap;
  margin-bottom: 1em;
  z-index: -1;
    }

  .servic-container {
  width: 100%;
  height: auto;
  position: relative;
  padding-bottom: 50px;
  border-bottom: 1px solid #ccc;
}
.lSAction > .lSPrev{ right: 30px !important; top: 4% !important;}
.service-name{
  width: 100%;
  text-align: center;
  font-size: 1em;
  font-family: inherit;
  color: #333;
  margin-top: 20px;
}
.home-course-pic{
  width: 100%;
  height: auto;
  border-radius: 15px;
  overflow: hidden;
}
.service-border{
  width: 100px;
  height:16px;
  border-radius: 30px;
  background: linear-gradient(90deg, #143a6d, #00e6c3);
  position: relative;
  margin: -8px auto;
}
.mision-wrap{
  width: 100%;
  height: auto;
  padding: 70px 0px;
}
.mision-container{
  width: 100%;
  height: auto;
  padding: 0px 8%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mission-content{
  width: 44%;
  height: auto;
}
.mission-content-for{
  width: 100%;
  height: auto;
  padding: 1em 0em;
}
.mission-content-for p {
  font-size: 1em;
  color: rgb(51 51 51 / 91%);
  font-family: inherit;
  font-weight: normal;
  line-height: 1.7;
}
.mision-pic{
  width: 48%;
  height: auto;
  border-radius: 15px;
  overflow: hidden;
}
.welcome-wrap{
  width: 100%;
  height: auto;
  background-color: #081c2c;
  position: relative;
  padding-bottom: 245px;
}
.banner-bottom{
  width: 100%;
  height: 42px;
  background: url(../images/banner-bg.png) repeat-x;
  position: absolute;
  left: 0;
  bottom: 0;
}
.service-top-bg{
  width: 100%;
  height: 42px;
  background: url(../images/service-top.png) repeat-x;
}
.welcome-top{
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 0.9em;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-family: inherit;
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.welcome-main{
  width: 100%;
  height: auto;
  text-align: center;
  font-size: 2em;
  color: #4deac6;
   font-family: 'ES Klarheit Plakat TRIAL';
  font-weight: 900;
    font-style: normal;
    font-display: swap;
}
.welcome-main span{
  background: linear-gradient(to right, #ffffff, #a0f4e0);
  -webkit-background-clip: text; /* for Chrome, Safari */
  -webkit-text-fill-color: transparent; /* for Chrome, Safari */
  background-clip: text; /* standard */
  color: transparent;
  font-size: 1em;
}
.welcome-content{
  height: auto;
  margin-left:-100px ;
  margin-right: -100px;
  display: flex;
  justify-content: space-between;
}
.welcom-left-pic{
  width: 28%;
  height: auto;
  float: left;
}
.welcom-left-pic img{ max-width: 100%;}
.welcome-main-content{
  width: 50%;
  height: auto;
}
.welcome-right-pic{
  width: 26%;
  height: auto;
  position: relative;
}
.welcome-right-pic img{ max-width: 100%;}
.welcome-main-content p {
  font-size: 1em;
  color:#fff;
  font-family: inherit;
  font-weight: normal;
  line-height: 1.7;
  text-align: center;
}
.specialised-wrap{
  width: auto;
  height: auto;
}
.specialised-for{
  width: 84%;
  height: auto;
  position: relative;
  margin: 0 auto;
  margin-top: -325px;
}
.specialised-pic{
  width: 100%;
  height: auto;
  border-radius: 15px;
  overflow: hidden;
}
.specialised-contetn-wrap{
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  padding: 40px 35px 35px 35px;
}
.specialised-title{
  width: 100%;
  height: auto;
  text-align: center;
  color: #fff;
  font-size: 2em;
  font-family: 'ES Klarheit Plakat TRIAL';
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
.specialised-top {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: stretch;
  padding: 1em 50px;
}
.specialised-top-content{
  width: 32%;
  height: auto;
  background: url(../images/spec-bg1.jpg) no-repeat;
  background-size: 100% 100%;
  border-radius: 15px;
  overflow: hidden;
  padding: 25px 25px;
  margin-bottom: 2%;
}
.specilised-subtitle{
  width: auto;
  height: auto;
  font-family: inherit;
  color: #fff;
  font-size: 1.25em;
  min-height: 80px;
}
.specilised-subtitle-border{
  width: 120px;
  height: 8px;
  border-radius: 25px;
  background-color:#febf4a ;
  margin: 12px 0px;
}
.specialised-top-content p{
  font-size: 1em;
  color:#fff;
  font-family: inherit;
  font-weight: normal;
  line-height: 1.7;
  text-align:left;
}
.specialised-bottom{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0px 35px;
}
.specialised-bottom-left{
  width: 32%;
  height: auto;
  padding-bottom: 30px;
  font-size: 1.5em;
  font-family: 'ES Klarheit Plakat TRIAL';
  font-weight: 900;
  font-style: normal;
  font-display: swap;
  background: linear-gradient(to right, #ffffff, #a0f4e0);
    background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
.specialised-bottom-mid{
  width: 32%;
  height: auto;
  text-align: center;
}
.specialised-bottom-right{
  width: 32%;
  height: auto;
  padding-bottom: 30px;
}
.specialised-bottom-right p{
  font-size: 1em;
  color:#fff;
  font-family: inherit;
  font-weight: normal;
  line-height: 1.7;
  text-align:left;
}
.specialised-bottom-mid img{ display: block; max-width: 100%;}


@media (min-width: 1023px) and (max-width: 1279px) {
  body {
    font-size: 13px !important;
  }
  .d-container {
    width: 100%;
    padding-left: 4%;
    padding-right: 4%;
  }

  .nav-brand img {
    width: 56%;
    margin-top: 12px;
  }
  .nav-menu > li > a {
    margin: 25px 10px;
  }
  .sexy-menu.detached .nav-brand img {
    margin-top: 11px;
    width: 45%;
  }
  .header-phone {
    padding: 8px 20px;
    border-radius: 10px;
    margin: 16px 7px !important;
  }
  .banner-caption-outer {
  width: auto;
  height: auto;
  text-align: right;
  padding-bottom: 8em;
  padding-right: 4.5em;
}
  .sexy-menu.detached .nav-menu > li > a {
    margin: 18px 10px;
  }
  .sexy-menu.detached .header-phone {
    margin: 10px 10px !important;
  }
  #button {
    height: 40px;
    width: 40px;
    line-height: 40px;
    right: 15px;
  }
  #plus {
    bottom: 57%;
  }

  .whats-app,
  .side-btn {
    width: 40px;
  }
  .whats-app img,
  img.mob-icon {
    width: 35px;
  }

  .footer-menu-brdr {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .footer-menu li {
    margin-right: 15px;
  }
  .footer-address-container {
    padding-bottom: 15px;
    padding-top: 50px;
  }

}

@media (min-width: 1280px) and (max-width: 1359px) {
  body {
    font-size: 14px !important;
  }
  .d-container {
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
  }

  .nav-brand img {
    width: 70%;
    margin-top: 12px;
  }
  .nav-menu > li > a {
    margin: 28px 12px;
  }
  .sexy-menu.detached .nav-brand img {
    margin-top: 11px;
    width: 55%;
  }
  .header-phone {
    padding: 6px 20px;
    border-radius: 10px;
    margin: 16px 7px !important;
  }
  .sexy-menu.detached .nav-menu > li > a {
    margin: 18px 10px;
  }
  .sexy-menu.detached .header-phone {
    margin: 13px 10px !important;
  }
  #button {
    height: 40px;
    width: 40px;
    line-height: 40px;
    right: 15px;
  }
  #plus {
    bottom: 57%;
  }
  .pjj-img {
    width: 50%;
  }
  .whats-app,
  .side-btn {
    width: 40px;
  }
  .whats-app img,
  img.mob-icon {
    width: 35px;
  }

  .footer-menu-brdr {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .footer-menu li {
    margin-right: 15px;
  }
  .footer-address-container {
    padding-bottom: 15px;
    padding-top: 50px;
  }
  .banner-caption-outer{ padding-right: 6em;}

}

@media (min-width: 1360px) and (max-width: 1399px) {
  body{
    font-size: 14px !important;
  }
  .d-container {
    width: 100%;
    padding-left: 6%;
    padding-right: 6%;
  }
  .nav-brand img {
    width: 70%;
    margin-top: 12px;
  }
  .nav-menu > li > a {
    margin: 28px 12px;
  }
  .sexy-menu.detached .nav-brand img {
    margin-top: 11px;
    width: 55%;
  }
  .header-phone {
    border-radius: 15px;
    margin: 20px 7px !important;
  }
  .sexy-menu.detached .nav-menu > li > a {
    margin: 18px 10px;
  }
  .sexy-menu.detached .header-phone {
    margin: 13px 10px !important;
  }
  #button {
    height: 40px;
    width: 40px;
    line-height: 40px;
    right: 15px;
  }
  #plus {
    bottom: 57%;
  }
  .pjj-img {
    width: 50%;
  }
  .whats-app,
  .side-btn {
    width: 45px;
  }
  .whats-app img,
  img.mob-icon {
    width: 40px;
  }

  .footer-menu-brdr {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .footer-menu li {
    margin-right: 15px;
  }
  .footer-address-container {
    padding-bottom: 25px;
    padding-top: 50px;
  }
  .banner-caption-outer{ padding-right: 6em;}

}

@media (min-width: 1400px) and (max-width: 1441px) {
  body {
    font-size: 15px !important;
  }
 
  .d-container {
    width: 100%;
    padding-left: 6%;
    padding-right: 6%;
  }

  .nav-brand img {
    width: 70%;
    margin-top: 12px;
  }
  .nav-menu > li > a {
    margin: 28px 12px;
  }
  .sexy-menu.detached .nav-brand img {
    margin-top: 11px;
    width: 55%;
  }
  .header-phone {
    border-radius: 15px;
    margin: 20px 7px !important;
  }
  .banner-caption-outer{ padding-right: 6em;}
  .sexy-menu.detached .nav-menu > li > a {
    margin: 18px 10px;
  }
  .sexy-menu.detached .header-phone {
    margin: 13px 10px !important;
  }
  #button {
    height: 40px;
    width: 40px;
    line-height: 40px;
    right: 15px;
  }
  #plus {
    bottom: 57%;
  }
  .pjj-img {
    width: 50%;
  }
  .whats-app,
  .side-btn {
    width: 45px;
  }
  .whats-app img,
  img.mob-icon {
    width: 40px;
  }

  .footer-menu-brdr {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .footer-menu li {
    margin-right: 15px;
  }
  .footer-address-container {
    padding-bottom: 25px;
    padding-top: 50px;
  }

}
@media (min-width: 1441px) and (max-width: 1599px) {
  li,
  body {
    font-size: 15px !important;
  }
  .d-container {
    width: 100%;
    padding-left: 6%;
    padding-right: 6%;
  }

  .nav-brand img {
    width: 70%;
    margin-top: 12px;
  }
  .nav-menu > li > a {
    margin: 28px 12px;
  }
  .sexy-menu.detached .nav-brand img {
    margin-top: 11px;
    width: 55%;
  }
  .header-phone {
    padding: 6px 10px;
    border-radius: 15px;
    margin: 20px 7px !important;
  }
  .sexy-menu.detached .nav-menu > li > a {
    margin: 18px 10px;
  }
  .sexy-menu.detached .header-phone {
    margin: 13px 10px !important;
  }
  #button {
    height: 40px;
    width: 40px;
    line-height: 40px;
    right: 15px;
  }
  #plus {
    bottom: 57%;
  }
  .pjj-img {
    width: 50%;
  }
  .whats-app,
  .side-btn {
    width: 45px;
  }
  .whats-app img,
  img.mob-icon {
    width: 40px;
  }

  .footer-menu-brdr {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .footer-menu li {
    margin-right: 15px;
  }
  .footer-address-container {
    padding-bottom: 25px;
    padding-top: 50px;
  }

}
@media (min-width: 1600px) and (max-width: 1680px) {
  body {
    font-size: 15px !important;
  }


  .nav-brand img {
    width: 88%;
  }
  .d-container {
    width: 100%;
    padding-left: 8%;
    padding-right: 8%;
  }

  #button {
    height: 40px;
    width: 40px;
    line-height: 40px;
  }
}
@media (min-width: 1681px) {
  body {
    font-size: 16px !important;
  }
  .d-container {
    width: 100%;
    padding-left: 15%;
    padding-right: 15%;
  }
}

@media (max-width: 992px) {
  #button {
    display: none;
  }
  .location{ width: 100%;}
  .bottom-form{ width: 100%; margin-top: 1.5em;}
  .footer-address-container{ display: block;}
  .specialised-for{ margin-top: 1.5em;}
  .specialised-contetn-wrap{ position: inherit; padding: 0px; padding-top: 1.5em;}
  .welcome-wrap{ padding-bottom: 5em;}
  .mision-container{ display: inherit;}
  .mission-content{ width: 100%;}
  .mision-pic{ display: none;}
  .banner-caption { width: 100%;align-items: flex-end;justify-content: center;font-size: 0.7em;}
  .banner-caption-outer{ text-align: center; padding: 0px; padding-bottom: 5em;}
  .banner-caption-top, .banner-leading span, .banner-leading, .banner-company, .banner-technology, .banner-technology span{ background: linear-gradient(to right, #ffffff, #a0f4e0);    background-clip: border-box;  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;
  background-clip: text;  color: transparent;}
  .specialised-title{ color:#081c2c ;}
  .specialised-bottom{ position: inherit; display: inherit; padding: 0px;}
  .specialised-bottom-mid{ display: none;}
  .specialised-bottom-left{ width: 100%; background: linear-gradient(to right, #333333, #a0f4e0); background-clip: border-box;
  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;  background-clip: text;  color: transparent; text-align: center;}
  .specialised-bottom-right{ width: 100%;}
  .specialised-bottom-right p{ text-align: center; color: #333;}
  .form-title{ text-align: center;}
  .mission-content-for p{ text-align: center;}
  .footer-logo{ display: none;}
    .side-btn {
   display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  font-size: 1.5em;
  color: #fff;
    position: fixed;
    bottom: 29vh;
    right: 0px;
   background: linear-gradient(90deg, #00e6c3, #143a6d);
    color: #fffcff;
    transform: unset;
    padding: 0.05em 0.25em;
    width: auto !important;
    line-height: 40px;
    width: 40px !important;
    text-align: center;
  }
  .side-form .specialised-title{ color: #fff;}
  .footer-address:nth-child(3){ width: 50%;}
  .footer-address:nth-child(4){ width: 50%;}
  .btm-link p br{ display: none;}
  .footer-address:nth-child(1){ display: none;}
  .lets-talk{width: 100%;
  display: flex;
  justify-content: center;}
  .logo{ top: 0.5em !important;}
  .welcom-left-pic{ display: none;}
  .welcome-right-pic{ display: none;}
  .welcome-main-content{ width: 100%;}
  .welcome-content{ margin: 0px;}
  .specialised-bottom-left br{ display: none;}
  .sexy-menu.detached{ position: inherit !important;}
  

.smooth-scroll-wrapper {
  position: inherit;
  width: 100%;
 /* left: 0;
  top: 0;
  bottom:0;
  will-change: transform;*/
  height:auto;
  background-color: #fff;
  transform: none !important;
}
.btm-link p{ text-align:center; padding: 0px 5%;}
.icon-bg{ display:none}
.top-wraper{ position:absolute}
}

@media (max-width: 420px) {
  body,
  li {
    font-size: 14px !important;
  }
  p {
    font-size: 1em;
    line-height: 1.7;
  }
  .d-container {
    padding-left: 3%;
    padding-right: 3%;
  }
  .nav-brand img {
    width: 95%;
    margin: 0px auto;
  }
  .sexy-menu {
    height: 75px;
  }
  .whats-app {
    width: 40px;
    right: 0px;
  }
  /*.footer-address-container {
    display: none;
  }*/
  .hero-text-area {
    font-size: 8px;
    bottom: 20px;
    top: unset;
  }
  .featured-text {
    line-height: 30px;
  }
  .mob-icon {
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    margin-left: 4px;
    line-height: 18px;
  }

  .side-btn span {
    display: none;
  }
  .side-form .form-group {
    margin-bottom: 8px;
  }

  #popUp {
    width: 350px;
    padding: 4% 5% 4%;
    bottom: 13%;
  }
  .b-content {
    text-align: center;
  }



.specialised-top{ display: inherit; padding: 1em 1em;}
.specialised-top-content{ width: 100%; margin: 0.5em 0em;}
.copy-right{ width: 100%; text-align: center; line-height: 40px;}
.designed{ width: 100%; display: flex; justify-content: center;}
.designed p{ line-height: 40px;}
.tags-container{ max-width: 90%;}
.footer-address{ width: 100%; display: flex; justify-content: center; margin: 1em 0em;}
.footer-social-links{ width: 100%; text-align: center; justify-content: center;}
.footer-address:nth-child(2){ width:100%}
.footer-address:nth-child(3){ width:100%}
.footer-address:nth-child(4){ width:100%}

}
@media (min-width: 421px) and (max-width: 460px) {
  body,
  li {
    font-size: 14px !important;
  }
  p {
    line-height: 1.8;
    font-size: 1em;
  }
  .d-container {
    padding-left: 3%;
    padding-right: 3%;
  }
  .nav-brand img {
    width: 83%;
    margin: 0px auto;
  }
  .sexy-menu {
    height: 73px;
  }
  .whats-app {
    width: 40px;
    right: 0px;
  }
  .footer-address-container {
    display: block;
  }

  #popUp {
    width: 300px;
    padding: 4% 5% 4%;
    bottom: 13%;
  }

  .specialised-top{ display: inherit; padding: 1em 1em;}
.specialised-top-content{ width: 100%; margin: 0.5em 0em;}
.copy-right{ width: 100%; text-align: center; line-height: 40px;}
.designed{ width: 100%; display: flex; justify-content: center;}
.designed p{ line-height: 40px;}
.tags-container{ max-width: 90%;}
.footer-address{ width: 100%; display: flex; justify-content: center; margin: 1em 0em;}
.footer-social-links{ width: 100%; text-align: center; justify-content: center;}
.footer-address:nth-child(2){ width:100%}
.footer-address:nth-child(3){ width:100%}
.footer-address:nth-child(4){ width:100%}
}
@media (min-width: 461px) and (max-width: 560px) {
  body,
  li {
    font-size: 14px !important;
  }
  .d-container {
    padding-left: 3%;
    padding-right: 3%;
  }
  p {
    line-height: 1.8;
    font-size: 1em;
  }
  .nav-brand img {
    width: 75%;
    margin: 0px auto;
  }
  .sexy-menu {
    height: 73px;
  }
  .whats-app {
    width: 40px;
    right: 10px;
  }

  #popUp {
    width: 300px;
    padding: 4% 5% 4%;
    bottom: 13%;
  }
  .specialised-top{ display: inherit; padding: 1em 1em;}
.specialised-top-content{ width: 100%; margin: 0.5em 0em;}
.copy-right{ width: 100%; text-align: center; line-height: 40px;}
.designed{ width: 100%; display: flex; justify-content: center;}
.designed p{ line-height: 40px;}
.tags-container{ max-width: 90%;}
.footer-address{ width: 100%; display: flex; justify-content: center; margin: 1em 0em;}
.footer-social-links{ width: 100%; text-align: center; justify-content: center;}
}
@media (min-width: 561px) and (max-width: 680px) {
  body,
  li {
    font-size: 14px !important;
  }

  .mob-view.home-img {
    display: none !important;
  }
  p {
    line-height: 1.8;
    font-size: 1em;
  }
  .d-container {
    padding-left: 3%;
    padding-right: 3%;
  }
  .nav-brand img {
    width: 65%;
    margin: 0px auto;
  }
  .sexy-menu {
    height: 73px;
  }
  .whats-app {
    width: 40px;
    right: 10px;
  }
  .footer-address-container {
    display: block;
  }

  #popUp {
    width: 300px;
    padding: 4% 3% 4%;
    bottom: 13%;
  }
  .specialised-top{ display: inherit; padding: 1em 1em;}
.specialised-top-content{ width: 100%; margin: 0.5em 0em;}
.copy-right{ width: 100%; text-align: center; line-height: 40px;}
.designed{ width: 100%; display: flex; justify-content: center;}
.designed p{ line-height: 40px;}
.tags-container{ max-width: 90%;}
.footer-address{ width: 100%; display: flex; justify-content: center; margin: 1em 0em;}
.footer-social-links{ width: 100%; text-align: center; justify-content: center;}
}
@media (min-width: 681px) and (max-width: 768px) {
  body,
  li {
    font-size: 14px !important;
  }
  .d-container {
    padding-left: 3%;
    padding-right: 3%;
  }

  .specialised-top{ display: inherit; padding: 1em 1em;}
.specialised-top-content{ width: 100%; margin: 0.5em 0em;}
.copy-right{ width: 100%; text-align: center; line-height: 40px;}
.designed{ width: 100%; display: flex; justify-content: center;}
.designed p{ line-height: 40px;}
.tags-container{ max-width: 90%;}
.footer-address{ width: 100%; display: flex; justify-content: center; margin: 1em 0em;}
.footer-social-links{ width: 100%; text-align: center; justify-content: center;}
}

@media (max-width: 768px) {
  .side-form-title {
    margin-bottom: 7px;
  }


  .sexy-menu.detached .header-phone {
    margin: 0 !important;
  }


  .header-contact {
    display: none;
  }
  
  .nav-brand img {
    display: flex;
    align-items: center;
  }
  body.home .logo {
    transform: translate(-50%, 0%);
    left: 50%;
  }
  body.home .logo {
    right: unset;
  }


  .desk-view {
    display: none !important;
  }
  .mob-view {
    display: block !important;
    width: 100%;
  }

  .nav-menu > li > a {
    color: #fff !important;
  }

  .nav-toggle,
  .navigation-hidden .nav-header {
    display: block !important;
  }


  .sexy-menu.detached .header-phone a {
    margin: 12px 20px !important;
  }
}

@media (min-width: 769px) and (max-width: 991px) {
  body {
    font-size: 14px !important;
  }
  .d-container {
    width: 100%;
    padding-left: 3%;
    padding-right: 3%;
  }

  .nav-brand img {
    width: 46%;
    margin-top: 5px;
  }
  .nav-menu > li > a {
    margin: 20px 11px;
    font-size: 0.67em;
  }
  .header-phone {
    margin: 18px 5px !important;
  }
  .sexy-menu.detached .nav-menu > li > a {
    margin: 17px 10px;
  }
  .sexy-menu.detached .nav-brand img {
    margin-top: 6px;
    width: 40%;
  }
  .sexy-menu.detached .header-phone {
    margin: 15px 0px !important;
  }
  .hero-text-area {
    font-size: 8px;
    left: 7%;
  }
  .featured-text {
    line-height: 30px;
  }
  .side-btn {
    letter-spacing: 2px;
    line-height: 11px;
    padding: 6px 13px;
    right: -28px;
    font-size: 0.7em;
    border-radius: 5px;
  }
  .side-form .form-group {
    margin-bottom: 8px;
  }
}
@media (min-width: 992px) and (max-width: 1022px) {
  body{
    font-size: 14px !important;
  }
  .d-container {
    width: 100%;
    padding-left: 4%;
    padding-right: 4%;
  }
  .nav-brand img {
    width: 56%;
    margin-top: 4px;
  }
  .nav-menu > li > a {
    margin: 25px 10px;
    font-size: 0.9em;
  }
  .sexy-menu.detached .nav-brand img {
    margin-top: 2px;
    width: 45%;
  }
  .header-phone {
    margin-top: 22px !important;
  }
  .sexy-menu.detached .nav-menu > li > a {
    margin: 18px 10px;
  }
  .sexy-menu.detached .header-phone {
    margin: 16px 10px !important;
  }
  #button {
    height: 40px;
    width: 40px;
    line-height: 40px;
    right: 15px;
  }
  .whats-app {
    right: 0;
  }
  .whats-app img {
    width: 45px;
  }
  .hero-text-area {
    font-size: 10px;
  }
  .featured-text {
    line-height: 33px;
  }
  .side-btn {
    line-height: 15px;
    padding: 7px 15px;
    right: -35px;
    font-size: 0.8em;
    border-radius: 5px;
  }
  .side-form .form-group {
    margin-bottom: 8px;
  }
  #popUp {
    width: 350px;
  }
}