body {
  font-family: 'Inter', sans-serif;

background: #000 url(../img/common-bg.jpg) no-repeat top;
  overflow-x: hidden;

}
html{
  scroll-behavior: smooth;
}
.all-body {
  padding-top: 0px !important;
}
/*----preloader -----*/
#preloader {
  position: absolute;
  width: 30%;
  height: 30%;
  z-index: 2399;
  left: 0;
  right: 0;
  margin: auto;
  top: 30%;
  overflow: visible;
  background: url('../img/preloader.gif') no-repeat center center;
background-size: contain;
}

#content {
  display: none;
}



/*----preloader end-----*/


.banner-img {
  width: 67%;
  ---padding-top: 88px;
  z-index: 9999;
  position: relative;
}
.split-parent {
  overflow: hidden;
}
.split-child {
  display: inline-block;
}

/*----nav-bar-----*/
.navbar {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0rem 0rem;
}
.nav-item {
  padding-right: 5px;
}
.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1 !important;
  background: linear-gradient(90deg, rgb(78, 77, 78) 0%, rgb(0, 0, 0) 50%, rgb(0, 0, 0) 100%);
}

.logo-img {
  width: 120px;
  height: auto;
  padding-top: 7px;
  padding-bottom: 7px;
}

.header-img {
  /* background: url(../img/header.png); */
  height: 95vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
video.banner-vdo {
  position: absolute;
 width: 100%;
  max-height: 100%;
  object-fit: cover;
}

.nav-section{position: absolute; left: 0; right: 0; z-index: 100; }

.nav-section.fixed-top {
  padding-top: 0;
  transition: 1s;
  position: fixed;
}
.nav-link.size-link {
  font-size: 1rem;
}

.bg-light {
  background-color: #1e1e1e !important;
}

.bg-light {
  background-color: #1e1e1e00 !important;
  border-radius: 10px;
  transition: 1s;
  
}

.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show>.nav-link {
  background-image: linear-gradient(90.46deg, #FF9960 5%, rgba(104, 101, 238, 0.9) 40.91%, rgba(149, 0, 0, 0.93) 100.42%);
    background-size: 200%;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    animation: animated-gradient 5s ease-in-out infinite;
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
  background-image: linear-gradient(90.46deg, #FF9960 5%, rgba(104, 101, 238, 0.9) 40.91%, rgba(149, 0, 0, 0.93) 100.42%);
    background-size: 200%;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    animation: animated-gradient 5s ease-in-out infinite;
}

.navbar-light .navbar-nav .nav-link {
  color: #ffffff;
}

.banner-main-text {
  font-style: normal;
  font-weight: 700;
  font-size: 5rem;
  /*line-height: 100%;*/
  color: aliceblue;
  position: relative;
}

.header-img::after{
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 400px;
  background: linear-gradient(to top, #000000,transparent);
  
}

/*---top---text-anemation-gradent----*/

.gr-colour {
  font-weight: 700;
  font-size: 5rem;
  line-height: 100%;
  letter-spacing: -0.02em;

  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-shadow: 7px 9px 17px rgba(155, 109, 250, 0.15);
  position: relative;
}

.animate-gradient-text {
  background-image: linear-gradient(90.46deg, #FF9960 5%, rgba(104, 101, 238, 0.9) 40.91%, rgba(149, 0, 0, 0.93) 100.42%);
  background-size: 200%;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  animation: animated-gradient 5s ease-in-out infinite;
}

@keyframes animated-gradient {

  0%,
  100% {
    background-position: 0 50%;
  }

  50% {
    background-position: 100% 50%;
  }
}

/*----text-anemation-gradent----*/


.banner-text {
  padding-top: 9%;
  padding: 145px 70px;
}

/*----.btn.btn-light.banner-button {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 29px 46px;
        gap: 10px;
        width: 340px;
        height: 64px;
        background: #FFFFFF;
        border-radius: 40px;
      }---*/
.btn-light-custam {
  color: #fff;
  background-color: #1A1A1A;
  border-color: #1A1A1A;

}

.btn-light-custam:hover {
  color: #1A1A1A;
  background-color: #ffffff;
  border-color: #ffffff;
}

.btn-light:hover {
  color: #ffffff;
  background-color: #1A1A1A;
  border-color: #1A1A1A;

}

/*-----bot----hover---anemation----*/

.btn {

  position: relative;
  display: inline-block;
  width: 277px;
  height: 50px;
  font-size: 1em;
  font-weight: bold;
  line-height: 47px;
  text-align: center;

  background-color: transparent;
  cursor: pointer;
  text-decoration: none;

  font-weight: 900;
  font-size: 17px;
  letter-spacing: 0.045em;
}
.accordion-apply-btn {
  position: relative;
  display: inline-block;
  width: 190px;
  height: 41px;
  font-size: 1em;
  font-weight: bold;
  text-align: center;
  background-color: #f8f9fa00 !important;
  cursor: pointer;
  text-decoration: none;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 0.045em;
  border-radius: 40px;
  color: white !important;
}
/* .accordion-apply-btn {
  position: relative;
  display: inline-block;
  width: 200px;
  height: 41px;
  font-size: 1em;
  font-weight: bold;
 
  text-align: center;
  background-color: #f8f9fa;
  cursor: pointer;
  text-decoration: none;
  font-weight: 900;
  font-size: 17px;
  letter-spacing: 0.045em;
  border-radius: 40px;
} */ 
.accordion-apply-btn:hover {
  background: rgb(55, 55, 55) !important;
  border-color: #f8f9fa !important;
}
.btn svg {
  position: absolute;
  top: 0;
  left: 0;
}

.btn svg rect {

  stroke-width: 2px;
  stroke-dasharray: 353, 0;
  stroke-dashoffset: 0;
  -webkit-transition: all 600ms ease;
  transition: all 600ms ease;
}

.btn span {
 color: #fff;
}

.btn:hover svg rect {
  stroke-width: 4;
  stroke-dasharray: 196, 543;
  stroke-dashoffset: 437;
}


.bot-rect-size {
  width: 266px;
  height: 50px;
}

.svg-size {
  width: 277px;
  height: 62px;
}

/*-----bot----hover---anemation----*/

.second-section-space {
  padding-top: 0px;
  padding-bottom: 0px;
}



.second-bg {
 /* background: url(../img/line.png);*/
  height: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding-top: 80px;
  

}

.mobleapp {
  background: url(../img/bg-image-a.jpg);
  height: 100%;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: flex;
  justify-content: center;
  margin-top: 20px;
  align-items: center;
  min-height: 860px;
}

.img.mob-img {
  width: 70%;
}

.tab-bg {
  background: url(../img/bg-image.png);
  height: 100%;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: flex;
  justify-content: center;
  padding: 126px 0;
  align-items: center;
  min-height: 830px;
}

.awesome {
  background: url(../img/bg-imagw-b.jpg);
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: flex;
  justify-content: center;

  padding: 126px 0;
  min-height: 1431px;
}

.second-bg-text {
  padding-bottom: 10px;
  font-weight: 700;
  font-size: 8rem;
  line-height: 100%;
  text-align: center;
  letter-spacing: -0.013em;

  background-clip: border-box, border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;

}

.paragraph {
  font-style: normal;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 150%;
  text-align: center;
  color: #DADAE5;
}

.paragraph-sub {
  font-style: normal;
  font-weight: 500;
  font-size: 1.625rem;
  line-height: 120%;
  color: #DADAE5;
}

.why-us-bg {
  background: url(../img/Rectangle.jpg);

  height: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding-top: 110px;
  background-color: black;
  padding-bottom: 110px;
  border-radius: 30px;
  margin-top: 90px;
}




.Our-Vision {
  background: url(../img/Rectanglesub.png);

  height: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding-top: 110px;
  padding-bottom: 110px;
  background-color: black;
  border-radius: 30px;
  margin-top: 100px;
}

.sub-head {
  font-weight: 700;
  font-size: 4rem;
  line-height: 120%;
  text-align: center;
  color: #FFFFFF;
}

.sub-header {
  font-weight: 700;
  font-size: 3.375rem;
  line-height: 120%;
  color: #FFFFFF;
}

.sub-header-text {
  font-weight: 700;
  font-size: 3.313rem;
  text-align: left;
  color: #FFFFFF;
}

.sub-text {

  font-size: 44px;
  line-height: 120%;
  text-align: center;
  color: #F2F2F2;
}

.premier {
  width: 262px;
  height: 55px;
  border-radius: 40px;
  margin-top: 12px;
  font-size: 1.5rem;
}






.innovation {
  background: url(../img/line2.png);
  height: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding-top: 30px;

}

/*-----innovation--section--text--anemationn---*/
.text-gt {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 6.5rem;
  line-height: 100%;
  text-align: center;

  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;

}

/*-----innovation--section--text--anemationn---*/
.innovation-head {
  font-weight: 700;
  font-size: 6.5rem;
  line-height: 100%;
  text-align: center;
  color: #FFFFFF;
  padding-top: 135px;
  padding-bottom: 10px;


}

.innovation-head-div {
  font-weight: 700;
  font-size: 6.5rem;
  line-height: 100%;
  text-align: center;
  color: #FFFFFF;
  padding-bottom: 10px;
}

.text-white {
  background: #fff0;
}

.div-card-img {
  border-radius: 20px;
}

.nav-link.exlnce-link {
  background: none;
  color: #86868B;
  border-bottom: 1px solid #86868B;
  padding: 20px;
  border-radius: 0;
  font-size: 2.5rem;
  text-align: left;

}

.nav-link.exlnce-link.text-link {
  padding-top: 70px;

}



.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  color: #fff;
  background-color: #000;
}

.tab-section {
  padding: 100px 0px;
}

.tab-img {
  width: 85%;
  border-radius: 30px;
}

.text-link {
  padding-top: 100px;
}


/*-------service-anemationtext----*/
strong.service {
  font-weight: 700;
  font-size: 6.5rem;
  line-height: 100%;
  text-align: center;

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
 
}

.services-text-anemation {
  background: linear-gradient(90.46deg, rgba(104, 101, 238, 0.9) 55.91%, rgba(67, 239, 250, 0.932381) 111.42%);
  background-size: 200%;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  animation: animated-gradient-services 3s ease-in-out infinite;
}

@keyframes animated-gradient-services {

  0%,
  100% {
    background-position: 0 50%;
  }

  50% {
    background-position: 100% 100%;
  }
}

/*-------service-anemationtext----*/


.project {
  font-weight: 700;
  font-size: 6rem;
  line-height: 100%;
  text-align: center;

  background-clip: border-box;
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;

}


.ready {
  font-weight: bold;
  font-size: 6rem;
  line-height: 100%;
  text-align: center;
  color: #FFFFFF;

}

.img {
  width: 100%;
}



.our-services-index{
  padding-top: 95px;
}

.web-app .moble-app{padding-top: 50px;}







@media (min-width: 576px){
.modal-dialog {
  max-width: 650px;
  margin: 1.75rem auto;
}}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #000;
  background-clip: padding-box;
  border: 1px solid rgba(0,0,0,.2);
  border-radius: .3rem;
  outline: 0;
  padding: 15px;
}


.modal .modal-body .form-label{
  font-size: 1rem;
}

.modal .modal-body .form-section{
padding-top: 10px;
padding-bottom: 10px;
}

.modal .modal-footer{
border-top: 1px solid #242527;
}

.modal .modal-body .form-section .cus{
padding: 5px 0px 5px 7px;}







footer {
  background: url(../img/footer-bg.png);
  height: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative; 
  padding-top: 70px;
  background-color: black;

  border-radius: 30px;

}


/*-----new--footer----*/
footer ul{
  text-decoration: none;
  list-style: none;
  color: #D2D2D2;
  padding-left: 0px;
  
  font-weight: 400;
}
footer ul li a{
   color: #D2D2D2;
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 14px;
}
.industries{
  font-size: 1rem;
  font-weight: 400;
  line-height: 14px;}



footer p{
  color: #D2D2D2;
  font-size: 0.9rem;
 font-weight: 400;
 
}
.footer-list li{
  line-height: 35px;
}
.footer-list li a{
  color: #D2D2D2;
}
.footer-list li a:hover{
  color: #0B30E0;
}
footer h6 {
  font-weight: 500;
  font-size:1.3rem;
  line-height: 120%;
  color: #FFFFFF;
  padding-bottom: 10px;
}
.location {
  font-weight: 700;
  font-size: 0.9rem;
}
footer ul li a i{
  font-size: 30px;
  margin-right: 35px;
}
/*----end---new---footter----*/


.footer-img {
  width: 150px;
}



.footer-text {
  font-weight: 400;
  line-height: 30px;
  font-size: 1.5rem;

  color: #D2D2D2;
  padding: 0px;


}

.text-align {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.footer-text li {

  list-style: none;

}

.footer-link {
  font-weight: 700;
  font-size: 1.5rem;

}

.dis-link {
  margin-bottom: 0;
  font-weight: 500;
  font-size: 1.5rem;

}

.dis-link-colr {
  color: aliceblue;
  text-decoration: none;
}

.icon-phone {
  width: 11px;
  font-size: 17px;
}

.footer-social {
  justify-content: center;
  display: flex;
  list-style: none;
  padding: 0;
  
}

ul.footer-social  li a i{padding: 0px;  margin: 0px 14px 0px 0px; font-size: 1.3rem !important;}
.social-icon {
  color: aliceblue;
  margin-right: 35px;
}


/*--------auto-play-----*/

.card-img-overlay.dis-card-text {
  top: auto;
  text-align: center;
}

.card-h {
  font-size: 4rem;
}

.card-p {
  font-size: 1.5rem;
}

.d-class {
  justify-content: end;
  display: flex;
}
a {
  color: #0d6efd;
  text-decoration: none;
}
a:hover {
  color: #0056b3;
  text-decoration: none !important;
}

.img.img-mob {
  width: 70%;
}


/*--------owl--nav-----*/
.owl-nav {
  display: none;
}

.owl-dots {
  display: none;
}

/*--------owl--nav-----*/
.navbar-light .navbar-toggler {
  color: rgb(255, 255, 255);
  border-color: rgba(255, 255, 255, 0);
}


.navbar-light .navbar-toggler-icon {
  background-image: url(../img/menu_icon.svg) !important;
  width: 25px;
  height: 30px;
}

.header-img-over{
  height: 100vh;
  width: 100%;
  background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,0) 50%, rgba(0,0,0,1) 100%); 
}




/*---who-we-are-page-----*/

.who-we-are-bg {
  background-image: url(../img/who-we-wre/who-we-are-banner.jpg);
  width: 100%;
  background-repeat: no-repeat;
  z-index: -1;
  position: absolute;
  padding-top: 200px;
}
.we-are {
  height: 65vh;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 140px;
}
.inner-pages {
  font-weight: 700;
  font-size: 6.5rem;
  line-height: 100%;
  text-align: center;
  letter-spacing: -0.013em;
  -webkit-text-fill-color: transparent;
  padding-bottom: 20px;
}

.team-img-section {
  display: flex;
  flex-wrap: wrap;
  padding: 70px 0px 40px 0px;
  justify-content: center;
  
}

/*.img-section {
  width: 340px;
  padding: 0px 20px;
}*/
.team-img {
  border-radius: 30px;
  max-width: 100%;
  margin: 0px 10px;
}
.img-section {
  text-align: center;
  padding-bottom: 30px;
}
.name {
  font-size: 2rem;
  color: #fff;
  padding-top: 20px;
}
.post {
  font-size: 1.375rem;
  color: #797979;
}
.white{color: #fff;}
.data-hed {
  font-size: 2rem;
  color: aliceblue;
  padding-bottom: 10px;
  font-weight: 700;
}
.data-paragraph {
  font-size: 1.25rem;
  color: #DADAE5;
  line-height: 150%;
}
.group-img {
  border-radius: 30px;
  height: 90%;
  width: 100%;
}
.group-img-events {
  border-radius: 0px 30px 30px 0px;
  width: 100%;
}
.event{
  align-items: center !important;
border: 1px solid #dee2e6 !important;
border-radius: 30px;
margin: 100px 0px;
}
.core {
  padding-top: 80px;
display: flex;
justify-content: center;
}





/*--start---services--page----*/
.careers {
  padding: 250px 0px;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
  height: 89vh;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.inner-page-hed {
  font-size: 6.15rem;
  text-align: center;
}
.inner-pages-card {
  font-weight: 700;
  font-size: 4rem;
  line-height: 100%;
  text-align: center;
  letter-spacing: -0.013em;
  -webkit-text-fill-color: transparent;
  padding-bottom: 20px;
}
.group-img-life {
  border-radius: 30px;
  width: 100%;
}
.life-ic {
  background-color: #1e1e1e;
  border-radius: 30px;
  padding: 80px 40px;
}
.space-sub {
  padding: 90px 0px;
}
.accordion-item {
  background-color: #1A1A1A;
  border: 1px solid rgba(0,0,0,.125);
  color: #ffffff;
  margin-bottom: 16px;
}
/*----------*/
.accordion-button:not(.collapsed) {
  color: #ffffff;
  background-color: #1a1a1a;
  box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);}
  .accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    font-size: 1.5rem;
    color: #f8f9fa;
    text-align: left;
    background-color: #1a1a1a;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;
}
.accordion-button::after {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: auto;
  content: "";
  background-image: url(../img/a.png);
  background-repeat: no-repeat;
  background-size: 1.25rem;
  transition: transform .2s ease-in-out;
}


.accordion-button:focus {
  z-index: 3;
  border-color: #000000;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgb(0 0 0 / 25%);
}
h6.accordion-title {
  font-size: 1.5rem;
}
.accordion-body ul li {
  list-style: none;
  padding-bottom: 5px;
}
.accordion-body  ul {
  padding-left: 0rem;
}
.accordion-sub-head {
  font-size: 0.875rem;
  margin-bottom: 0px;
}
.data-space {
  padding-top: 95px;
}
.accordion-flush .accordion-item .accordion-button {

  border-radius: 10px !important;
}
.accordion-flush .accordion-item {
  border-radius: 10px !important;
}
.group-img-b {
  border-radius: 30px;
  width: 90%;
}
/*--end---services--page----*/

/*----careers-page----*/
.our-projects {
  padding: 0px 0px;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
  height: 80vh;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.loader-img {
  width: 10%;
  padding-bottom: 17px;
}
.project-img {
  overflow: hidden;
  position: relative;
 
}

.hover-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  transition: all 0.4s;
}

.hover img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s;
}

.hover-content {
  position: relative;
  z-index: 99;
}

.hover-1 img {
  width: 100%;
  border-radius: 30px;
  transition: all 0.3s;
}

.hover-1-content {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  transition: all 0.4s;
  text-align: center;
  width: 100%;
  
}
.hover-1-title{
  font-size: 1.5rem !important;
}
.hover-1 .hover-overlay {
  /*background: rgba(0, 0, 0, 0.5);*/
}

.hover-1-description {
  transform: translateY(0.5rem);
  transition: all 0.4s;
  opacity: 0;
}


.hover-1:hover .hover-1-description {
  opacity: 1;
  transform: none;
}

.hover-1:hover img {
  left: 0;
}

.hover-1:hover .hover-overlay {
  background: rgba(0, 0, 0, 0.5);
}
/*----careers-page----*/



.project-bg {
  background: none;
  overflow-x: hidden;
  background-color: #040404;
}



.projects-list {
  padding: 0px 0px;
background-image: url(../img/our-projects/project-bg.jpg);
  height: 80vh;
  background-position: 10px -400px;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.projects-list h5{
  color: #fff;
  font-weight: 100;
    font-size: 1.3rem;
}
.img-cover {
  position: relative;
  overflow: hidden;
  border-radius: 30px;
}
.img-cover .content{
  position: absolute;
  background-color: #86858578;
width: 100%;
bottom: 0;
height: 120px;
display: flex;
align-items: center;
padding: 0px 70px;
justify-content: space-between;
}

.img-cover .content h4, i{
  color: white;
  font-size: 60px;
  font-weight: 700;
}


.project-footer-text {
  margin-top: 80px;
}

.projects-list h3{
  font-size: 3rem;
}











/*-start--our-services---*/
.our-services-banner {
  padding: 250px 0px;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
  height: 80vh;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.inner-pages-sub {
  font-weight: 700;
  font-size: 6.5rem;
  line-height: 100%;
  text-align: center;
  letter-spacing: -0.013em;
  -webkit-text-fill-color: transparent;
  padding-bottom: 20px;
  font-size: 3rem;
}


.background-web {
  background-color: #1A1A1A;
  width: 100%;
  padding-top: 40px;
  border-radius: 24px;
}
.web-app {
  padding-top: 50px;
padding-left: 20px;
padding-right: 20px;
  text-align: center;
}
.web-app-img {
  width: 82%;
  border-radius: 10px;
}
.web-app-div {
  padding-top: 90px;
  
  margin-left: -20px;
  
}
.app-img {
  width: 100%;
}
.digital {
  padding-top: 30px;
  padding-bottom: 0px;
}
.social-media-img {
  width: 100%;
}


/*---------*/

.btn-check:active + .btn-light:focus, .btn-check:checked + .btn-light:focus, .btn-light.active:focus, .btn-light:active:focus, .show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 .25rem rgba(211, 212, 213, 0) !important;
}
.btn-check:focus + .btn-light, .btn-light:focus {
  color: #000;
  background-color: #f9fafb;
  border-color: #f9fafb;
  box-shadow: 0 0 0 .25rem rgba(211, 212, 213, 0) !important;
}
.navbar-light .navbar-toggler {
  color: rgb(0, 0, 0);
  border-color: rgba(255, 255, 255, 0);
}

/*---------*/



.social-media-data {
  padding-top: 40px;
}

.support {
  padding-bottom: 10px;
  font-weight: 700;
  font-size: 6rem;
  line-height: 100%;
  text-align: center;
  letter-spacing: -0.013em;
  background-clip: border-box, border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;

}

.services-icon {
  width: 15%;
  padding-bottom: 20px;
  padding-top: 20px;
}
.line {
  border-left: 1px solid #333E49;
  height: 440px;
  left: 50%;
  margin-left: -30px;
  top: 0;
  padding-left: 60px;
}
.inner-page-hed-sub {
  font-size: 5rem;
}
.mob-cent {
  padding-bottom: 60px;
}

/*----contact--page----*/
.contact{
  padding: 160px 0px;
  background-position-x: 0%, 0%;
  background-position-y: 0%, 0%;
  background-repeat: repeat, repeat;
  background-size: auto, auto;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto;
height: 40vh;
background-position: top;
background-repeat: no-repeat;
background-size: cover;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.form-label {
  margin-bottom: .5rem;
  color: aliceblue;
  font-size: 2.75rem;
}
.form-control {
  display: block;
  width: 100%;
  padding: 0rem 0rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #ffffff;
  background-color: #000;
  background-clip: padding-box;
  border: 0px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.form-control:focus {
  color: #ffffff;
  background-color: #000 !important;
  border-color: #000000;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(0, 0, 0, 0.25);
}
hr {
  height: 1px;
  color: aliceblue;
}
.contact-btn {
  text-align: center;
  padding-bottom: 50px;
}
.form-section {
  padding-top: 50px;
  padding-bottom: 30px;
  display: flex;
  justify-content: center;
  background: #000;
border-radius: 20px;
}
.location-section {
  padding: 50px 0px;
}

.location-map {
  width: 100%;
}
.address-section {
  height: 220px;
}
.contact-line {
  border-left: 1px solid #333E49;
  height: 325px;
}
.fot-spa {
  padding-bottom: 30px;
}
.loaction {
  justify-content: center;
  display: flex;
}

/*----blog-------*/
.blog{
  padding:0px 0px;
  background-position-x: 0%, 0%;
  background-position-y: 0%, 0%;
  background-repeat: repeat, repeat;
  background-size: auto, auto;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto;
height: 50vh;
background-position: top;
background-repeat: no-repeat;
background-size: cover;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.blog-img-width {
  width: 100%;
  border-radius: 30px;
}
.blog-img-width {
  width: 40%;
}
.bolg-img {
  text-align: center;
  border-radius: 20px;
}
.blog-hed {
  color: aliceblue;
  font-weight: 700;
  padding-top: 25px;
  font-style: 101px;
  font-size: 2.5rem;
}
.blog-news {
  border-radius: 30px;
  width: 100%;
}
.blog-space {
  padding-top: 50px;
}
.blog-news {
  margin-top: 35px;
  margin-bottom: 35px;
}
.blog-img-width {
  width: 100%;
  border-radius: 30px;
}
/*---details page-------*/
.details-banner{
  padding: 120px 0px 90px 0px;
  background-position-x: 0%, 0%;
  background-position-y: 0%, 0%;
  background-repeat: repeat, repeat;
  background-size: auto, auto;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto;

background-position: top;
background-repeat: no-repeat;
background-size: cover;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}

.dettails-banner {
  text-align: justify;
}
.details-bottom {
  color: aliceblue;
  text-align: center;
}
.details-bottom:before,
.details-bottom:after {
  background-color: rgb(54, 54, 54);
content: "";
display: inline-block;
height: 1px;
position: relative;
vertical-align: middle;
width: 25%;
}

.details-bottom:before {
  right: 0.5em;
  margin-left: -50%;
}

.details-bottom:after {
  left: 0.5em;
  margin-right: -50%;
}
.blog-in-details {
  background-color: #131415;
  padding: 59px 0px;
  margin: 40px 0px;
}
.details-page-paragraph {
 font-size: 1.25rem;
  padding: -1px 10px !important;
  color: aliceblue;
}
.details-hed{
padding: 0px 0px;
font-size: 2rem;
color: aliceblue;
font-weight: 700;
}
.projects-title {
  font-weight: 600;
  font-size: 1.5remm !important;
  color: black;
}
/* Style the scrollbar background */
::-webkit-scrollbar {
  background: black;
}

/* Style the scrollbar handle */
::-webkit-scrollbar-thumb {
  background: black;
}

/*-------sticky header-----*/

#topheader {
  position: fixed;
  width: 100%;
  font-size: 40px;
  height: 70px;
  color: #ffffff;
  font-family: "Roboto", sans-serif;
  z-index: 40;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.awesome {padding: 70px 0;}





@media only screen and (max-width: 766px) {
  .main_h {
    padding: 25px 0 0 25px;
  }
}



#topheader.sticky {
  background: #000;
  z-index: 220;
  height: 92px;
  background: rgb(78,77,78);
background: linear-gradient(90deg, rgba(78,77,78,1) 0%, rgba(0,0,0,1) 25%, rgba(0,0,0,1) 100%);
}

header.sticky h1{font-size: 20px;}

/*-------sticky end-----*/

.nav-img{
  position: fixed;
  z-index: 6;
}
body h1 > span {
  text-transform: none;
  opacity: 0.5;
  font-weight: 300;
  font-size: 12px;
}
body input + label {
  position: fixed;
  top: 37px;
  right: 319px;
  height: 20px;
  width: 25px;
  z-index: 5;
}
body input + label span {
  position: absolute;
  width: 100%;
  height: 2px;
  top: 50%;
  margin-top: -1px;
  left: 0;
  display: block;
  background: #f9f9f9;
  transition: 0.5s;
}

body label:hover {
  cursor: pointer;
}
body input:checked + label span {
  opacity: 0;
  top: 50%;
}
body input:checked + label span:first-child {
  opacity: 1;
  transform: rotate(405deg);
}
body input:checked + label span:last-child {
  opacity: 1;
  transform: rotate(-405deg);
}
body input ~ nav {
  /*background: #00000075;*/
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px;
  z-index: 3;
  transition: 0.5s;
  transition-delay: 0.5s;
  overflow: hidden;
}
body input ~ nav > ul {
  text-align: center;
  position: absolute;
  top: 37%;
  left: 30%;
  right: 0%;
  list-style: none;
display: flex;
justify-content: center;
}
body input ~ nav > ul > li {
  opacity: 0;
  transition: 0.3s;
  transition-delay: 0s;
}
body input ~ nav > ul > li > a {
  text-decoration: none;
  
  color: #fff;
  text-transform: uppercase;
    font-weight: 300;
  font-family: sans-serif;
  display: block;
  font-size: .9rem;
  padding-right: 30px;
}
body input:checked ~ nav {
 /* height: 17%;*/
  transition-delay: 0s;
}
body input:checked ~ nav > ul > li {
  opacity: 1;
  transition-delay: 0.5s;
}

#burger{
  display: none;
}
.animate-gradient-text.details-head {
  font-size: 2.5rem !important;
  font-weight: 700;
  opacity: 100;
}

.owl-item h5{font-size: 1.3rem !important;}
.owl-item p.card-text {font-size: .9rem !important;}
.card-img-overlay {bottom: 35px;}



.space {

  padding-bottom: 50px;
  padding-top: 70px;

}
.awesome {
  padding: 70px 0;
}

.life {
  padding-top: 120px;
}

.life  p {
  font-size: 14px;
}


/*-----landing-page-------*/
.landing-page{
  background-image: url(../img/landing-page/landing-page-bg.jpg);
  height: 100vh;
  width: 100%;
  background-repeat: no-repeat;
  z-index: -1;
  background-size: cover;
}
.landing-page .content {
  height: 60vh;
  display: flex;
  align-items: center;
}
.landing-page h1 span {
  font-size: 4.5rem !important;
  font-weight: 700 !important;
 opacity: inherit !important;
}

.landing-page h1{
  font-size: 4.5rem !important;
}
.landing-page p{
  color: white;
text-align: center;
}

/*-----landing-page-------*/
.project-head-text{
  font-size: 60px;
  font-weight: 700;
  opacity: 100;
}

.project-details-banner {
  padding: 150px 0px 90px 0px;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}


.project-btn {
  background-color: white;
  border-radius: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  margin-bottom: 100px;
margin-top: 90px;
width: 270px;
height: 45px;
}

.project-btn:hover {
  background-color: rgb(129, 129, 129);
 color: #ffffff;
}

.loader-banner {
  width: 10%;
}





















@media (max-width: 1536px){
  body input + label {right: 120px;}

body input ~ nav > ul { left: 8%;}
.projects-list {
  height: 100vh;}
}






@media(min-width:1400px) {
  /*.container {
    max-width: 1500px;
  }

  .header-img {
    height: 1140px;
  }*/

  .banner-text {padding: 120px 70px;}
  .text-lg-start {padding: 0px 30px;}
  .tab-section {padding: 120px 0px;}
.awesome {padding: 10px 0;}
.awesome { min-height: 850px;}
.mobleapp {min-height: 660px;}
  .retreat {margin: 30px;}
  .group-img-b { border-radius: 30px;width: 100%;}
  .inner-page-hed {font-size: 5rem;}
  .inner-pages { font-size: 5rem;}
  .line {margin-left: 0px;}
.inner-page-hed-sub { font-size: 4rem;}

 
 
}






@media(max-width:1440px){
  footer row{padding-left: 30px;padding-right: 30px;}
  body input + label {right: 80px;}
  body input ~ nav > ul {top: 37%; left: 35%;}
  body input:checked ~ nav {height: 12%; }

}







@media(max-width:1399px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: calc(100% - 66px);
  }
  body input ~ nav > ul {top: 37%;left: 40%;}
  .banner-main-text { font-size: 4.2rem;}
.gr-colour {font-weight: 700;font-size: 4.2rem;}
  .banner-text {padding: 113px 70px;}
.second-bg-text {font-size: 5.5rem;}
.paragraph {font-size: 1.5rem;}
.sub-text {font-size: 1.5rem;}
.sub-head {font-size: 3rem;}
.premier {width: 240px;height: 44px;font-size: 1rem;}
.innovation-head {font-size: 5.5rem; padding-top: 80px;}
.text-gt {font-size: 5.5rem;}
.innovation-head-div {font-size: 5.5rem;}
strong.service {font-size: 5.5rem;}

.ready {font-size: 4rem;}
.project {font-size: 4rem;}
.footer-text {font-size: 1rem;}
.icon-phone {font-size: 10px;}
.footer-hed { font-size: 1.5rem;}
.dis-link {font-size: 1rem;}
.card-h {font-size: 2rem;}
.card-p {font-size: 1rem;}
.footer-link {font-size: 1rem;}
.nav-link.exlnce-link {font-size: 1.5rem;}
.awesome { min-height: 800px;}
.tab-bg {min-height: 800px;}
.mobleapp { min-height: 500px;}
.banner-img {width: 67%;padding-top: 40px;}
.retreat {margin: 30px;}
.ready {font-size: 4rem;}
.project {font-size: 4rem;}
.inner-pages {font-size: 4.2rem;}
.inner-page-hed-sub {font-size: 3rem;}
.line { margin-left: 0px;}
.address-section {height: 245px;} 
.banner-text {padding: 113px 30px;}
}





@media(max-width:1300px) {.header-img {height: 88vh;}
}



@media(max-width:1200px) {
.header-img {height: 81vh;}
body input ~ nav > ul {top: 38%;left: 0%;}
}
@media(max-width:1111px){
.web-app .moble-app {
  padding-top: 0px;
}
}
@media(max-width:1000px) {
.header-img {height: 68vh;}
body input ~ nav > ul { top: 37%;left: 20%;}
.banner-main-text {
  font-size: 3rem;
}
.inner-pages {
  font-size: 3rem;
}
.img-cover .content h4, i {
  font-size: 40px;}
  .img-cover .content {
    height: 100px;}

}




@media(max-width:991px) {
  .nav-section{position: relative !important; z-index: 222;}
  .navbar-light{background: #000 !important;}
  .bg-light{background: #000 !important;}
  .who-we-are-bg{background-size: contain; padding-top: 100px;}
  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: calc(100% - 66px);
  }
body input:checked ~ nav { height: 50%;transition-delay: 0s;}
body input ~ nav > ul {top: 30%;left: 0%;right: 0%;display: block;line-height: 40px;}
.header-img {height: 52vh;}
.banner-main-text { font-size: 2.5rem;}
.gr-colour {font-size: 2.5rem;}
.banner-text {padding: 70px 70px;}
.premier {width: 172px;font-size: 0.938rem;height: 40px;margin-top: 0px;}
.second-bg-text {font-size: 3.5rem;}
.paragraph {font-size: 1rem;line-height: 160%;}
.why-us-bg {margin-top: 115px;}
.sub-head {font-size: 1.5rem;}
.sub-text {font-size: 1rem;}
.why-us-bg {padding-top: 50px;padding-bottom: 50px;}
.Our-Vision {padding-top: 50px;padding-bottom: 50px;}
.innovation-head { font-size: 3.5rem;}
.text-gt {font-size: 3.5rem;}
.nav-link.exlnce-link.text-link {padding-top: 25px;}
.nav-link.exlnce-link {font-size: 1.375rem;}
strong.service {font-size: 3.5rem;}
.innovation-head-div {font-size: 3.5rem;}
.mobleapp {padding-top: 100px;}
.moble-app {padding-left: 20px;}
.sub-header { font-size: 2.375rem;}
.paragraph-sub { font-size: 1rem; }
.sub-header-text {font-size: 2.375rem;}
.project {font-size: 2.5rem;}
.ready { font-size: 2.5rem;}
.mobleapp {min-height: 0;width: 100%;}
.tab-bg {min-height: 0px;}
.awesome { min-height: 550px;}
.tab-bg {min-height: 580px;}
.mobleapp {min-height: 500px;}
.btn {width: 245px}
.bot-rect-size {width: 225px;height: 50px;}
.banner-img { width: 67%;padding-top: 50px;}
.bg-light {margin-top: 10px; }
.inner-pages {font-size: 2.5rem;}
.data-paragraph {font-size: 0.938rem;padding: 0pc 10px;}
 .name {font-size: 1.25rem;}
.post {font-size: 1rem;}.digital {padding-bottom: 100px;}
.form-label {margin-bottom: .5rem;color: aliceblue;font-size: 2rem;}   
.inner-pages-sub {font-size: 2rem;}   
 body input ~ nav {background: #000000; }
 .details-banner {padding: 110px 0px 20px 0px;}
 .contact {padding: 150px 0px 150px 0px;height: 0vh;}
 
 .data-space {padding-top: 15px;}
footer {padding-top: 30px;}
.we-are {  height: 50vh;}
.team-img-section {padding: 70px 0px 40px 0px;}
.careers { padding: 280px 0px 170px 0px;height: 0vh;}
.navbar-collapse {
  flex-basis: 86%;
  flex-grow: 1;
  align-items: center;
  background: #000;
  z-index: 333;
  position: initial;
  width: 100%;
  padding-left: 20px;
  border-radius: 10px;

  text-align: center;
}
.navbar-nav {padding: 10px 0px;}
.projects-list {
  height: 65vh;
}
.projects-list .loader-img{
  width: 30% !important;
  padding-top: 100%;
  padding-bottom: 30px;
}
.projects-list h3 {
  font-size: 1.3rem;
  padding-bottom: 0px !important;
}
.projects-list h5{
  font-size: 1rem;
}

.status-active-link{ width: inherit !important;}
.status-link-expired{ width: inherit !important;}
.status-invalid{ width: inherit !important;}
.lottie-player{width: inherit !important;}
.status-link-expired h5{position: inherit !important;}
.projects-list{ height: inherit !important;}
.projects-list {
  padding: 40px 0px;}
  .project-details-banner {
    padding: 75px 0px 90px 0px;
}


@media(max-width:900px) {
  .header-img {height: 52vh; }
.awesome {padding: 70px 0;}
.owl-carousel .owl-item img{padding: 7px !important; border-radius: 33px !important;}
.img-cover .content h4, i {
  font-size: 40px;}
  .img-cover .content {
    height: 90px;}


}




@media (max-width: 800px){
  .header-img { height: 83vh;}
  .awesome {padding: 70px 0;}
}






@media(max-width:768px) {

  .container,
  .container-md,
  .container-sm {
    max-width: 100%;
  }

  .contact {height: 30vh;;padding: 0px 0px;}
.banner-main-text {font-size: 2.5rem;}
.banner-text {padding: 50px 15px;}
.nav-link.exlnce-link { text-align: center;}
.moble-app {text-align: center; }
.awesome { padding: 70px 0;}.sub-img {padding-top: 30px;text-align: center;}
.tab-bg {padding: 20px 0;}
.moble-app { padding-left: 0px; }

  .moble-app.mob-text {
    padding-top: 130px;
  }
  .projects-list {
    height: 45vh;
  }
  .sub-header-text {
    text-align: center;
  }

  .moble-app.mob-img {
    margin-bottom: 100px;
  }

  .innovation-head {
    padding-top: 80px;
  }

  .text-center {
    padding-bottom: 0px;
  }
  .contact-line {
    border-left: 1px solid #333e4900;
    height: 325px;
}
.address-section {
  height: 150px;
}
.inner-pages-card {
  font-size: 3rem;}
  .data-space {
    padding-top: 40px;
}

  .footer {
    margin-top: -47px;
  }

  

  .d-class {
    justify-content: center;
  }

  .premier {
    margin-top: 10px;
  }

  .Our-Vision {
    padding-top: 70px;
    padding-bottom: 50px;}
.why-us-bg {padding-top: 70px;padding-bottom: 50px;}
.awesome {background-position: right;}
.mobleapp {background-position: right;}
.tab-bg {background-position: left;}
 .core {padding: 7%;display: flex;justify-content: center;text-align: center;}
  .space-sub {padding: 90px 0px;text-align: center;}
body input + label {right: 30px;}
.we-are {height: 0vh;padding: 180px 0px 120px 0px;}

}


@media(max-width:768px) {

  .container,
  .container-md,
  .container-sm {
    max-width: 100%;
  }
  .header-img {height: 38vh;}
  .tab-mol { padding: 0px 70px;}
  .hover-1-title {font-size: 1.2rem !important;}
  .banner-img {width: 85%;padding-top: 50px; }
  .gr-colour {font-size: 2rem;}
.banner-main-text { font-size: 2rem;}
.bot-rect-size { width: 195px;height: 41px;}
.svg-size { width: 207px;height: 52px;}
.btn {width: 210px;line-height: 41px;}
.banner-text {padding: 50px 15px;text-align: center;}
.banner-main-text {font-size: 2rem;}
.inner-pages {font-size: 2rem;}
.gr-colour {font-size: 3rem;}
.banner-img-p {text-align: center;}
.banner-img {width: 50%;padding-top: 50px;}
.sub-text-h { padding-top: 40px;}
.web-app-div {margin-left: 0px;}
.mob-img {padding-top: 40px !important;}
.footer-social {justify-content: center;}
.footer {margin-top: 0px;}
.d-flex {justify-content: center;}
.footer-social {padding-top: 20px;}
.div-mob {display: none;}
.fot-spa {padding-bottom: 0px;}
.nav-ftr-link {padding-bottom: 10px;}
.mob-hed {padding-bottom: 20px;}
.footer-text { line-height: 23px;}
.inner-pages-sub {font-size: 2rem !important;}
.project-btn {
  margin-bottom: 60px;
  margin-top: 40px;}
  .project-btn {
    font-size: 14px;
    font-weight: 400;}
}








@media(max-width: 767px) {

  .container,
  .container-md,
  .container-sm {
    max-width: 100%;
  }

.footer-social { padding-top: 20px;}
.footer {margin-top: 0;}
.moble-footer {text-align: center; justify-content: center;}
.moble-footer {justify-content: center; }
.blog-banner-text {text-align: center;}
.social-media-data {padding-top: 60px;}
.text-service-center {text-align: center;}
.line {border-left: 1px solid #333e4900; padding-left: 0px;}

}






@media(max-width: 700px){
  .header-img {height: 36vh;}
  .second-section-space {padding-top: 0px; padding-bottom: 0px;}
  .card-img-overlay {bottom: 15px;}

}






@media(max-width: 600px) {
  .header-img {height: 40vh;}
.navbar-brand{padding-top: 0px;}
.logo-img{width: 100px !important;padding-top: 20px;}
.bg-light{margin-top: 0px;}

 .our-projects {padding: 0px 0px 0px 0px;
  height: 30vh;}
  .img-cover .content h4, i {
    font-size: 30px;
  }
  .img-cover .content {
    height: 78px;
    padding: 0px 50px;
  }
}




@media(max-width: 575px) {

  .container,
  .container-md,
  .container-sm {
    max-width: 100%;
  }
  .header-img {height: 38vh;}
.moble-footer { text-align: center!important;}
  .why-us-bg {margin-top: 20px !important;}
  .nav-link.exlnce-link {font-size: 1rem;}
.banner-main-text {font-size: 3rem;}
.gr-colour {font-size: 3rem;}
.banner-text {padding: 120px 15px;text-align: center;}
.banner-img {width: 61%;padding-top: 15px;}
.tab-section {padding: 60px 0px;}
.awesome {background-position: right;}
.mobleapp {background-position: right;}
.tab-bg {background-position: left;}
.bot-rect-size {width: 190px;height: 40px;}
.btn {line-height: 36px;}
.btn {width: 205px;}
.svg-size {width: 200px;height: 62px;}
.data-hed {padding: 0px 10px;font-size: 1.3rem;}
.event {margin: 65px 0px;}
.retreat {padding: 50px 0px;text-align: center;}
.group-img-events {border-radius: 30px 30px 30px 30px;}
.footer-bg {text-align: center;}
.banner-main-text {font-size: 2rem;}
.inner-pages {font-size: 2rem;}
.inner-pages-sub {font-size: 2rem;}
.background-web {margin-top: 0px;}
.social-media-data {text-align: center;}
.social-media-data {padding-top: 90px;}
.mob-cent {text-align: center;}
.line {padding-left: 0px;}
.form-label {margin-bottom: .5rem; color: aliceblue;font-size: 1.5rem;}
.address-section {height: 160px;}
.contact-line {border-left: 1px solid #687c8f00;height: 310px;}
.mob-img {padding-top: 30px !important;}
.paragraph { font-size: 0.75rem !important;}

.details-page-paragraph {font-size: 0.938rem;padding: -1px 10px !important;color: aliceblue; }
.blog {height: 20vh;}
.blog-hed {font-size: 2rem;}

.why-us-bg {margin-top: 5px;}
.blog { padding: 159px 0px 50px 0px; height: 0vh;}
.blog-center {text-align: center;}
.contact {padding: 60px 0px 90px 0px;height: 0vh;}
.core {padding: 0%; padding-top: 15px;}
.our-services-banner {padding: 160px 0px 170px 0px; height: 0vh;}
.contact-btn {text-align: center; padding-bottom: 50px;}
.tab-mol {padding: 0px 50px;}
.moble-app.mob-text {padding-top: 90px;}
.second-section-space {padding-top: 0px;padding-bottom: 0px;}
.blog-space {text-align: center;}
.life {
  padding-top: 40px;
}
.life-ic {padding: 45px 15px;}

}


@media (max-width: 500px){
.header-img {
  height: 32vh;
}
.img-cover .content {
  height: 70px;
  padding: 0px 30px;
}
.img-cover .content h4, i {
  font-size: 20px;
}
}


@media(max-width: 400px) {

  .container,
  .container-md,
  .container-sm {
    max-width: 100%;
  }
.header-img {height: 27vh;}

.banner-text {padding: 150px 15px;text-align: center;}
.banner-main-text {font-size: 3rem;}
.gr-colour {font-size: 3rem;}
.inner-pages {font-size: 1.5rem;}
.team-img-section {padding: 70px 0px 30px 0px;}
.ready {font-size: 1.5rem;}
.project{font-size: 1.5rem;}
 .services {height: 70vh;}
.banner-main-text { font-size: 1.5rem;}
.form-label {margin-bottom: .5rem;color: aliceblue;font-size: 1.25rem; }
.second-bg-text {font-size: 1.5rem;}
.address-section { height: 160px;}
.location-section {padding: 45px 0px;}
.footer-bg { text-align: center;padding-top: 45px;}
.we-are {height: 0vh;padding: 115px 0px 100px 0px;}

  .header-img::after {
 content: '';position: absolute;bottom: 0;left: 0;width: 100%;
  height: 100px;background: linear-gradient(to top, #000000,transparent);}
.background-web {border-radius: 5px;}
.web-app-div {padding-top: 50px;}
.digital {padding-top: 50px;
  padding-bottom: 40px;}
.space {padding-top: 0px;
  padding-bottom: 0px;}
.tab-mol {padding: 0px 34px;}
.second-bg {padding-top: 0px;}
.sub-img {padding-top: 0px;}
.tab-bg {min-height: 780px;}
.moble-app.mob-text {padding-top: 90px;}
.awesome {padding: 0px 0;}
.card-space {padding: 60px 0px;}
.mobleapp {padding-top: 60px;}
.card-img-overlay {bottom: 0px;}
.dis-carousel {padding-bottom: 40px;padding-top: 50px;}
.second-section-space {padding-bottom: 70px;}
.chat_box {width: 345px;}
div.conv-form-wrapper div.options div.option { font-size: 0.7rem !important;}
.Our-Vision {margin-top: 40px;}
.tab-section {padding: 0px 0px;}
.moble-app.mob-img {margin-bottom: 60px;}
.owl-item p.card-text {font-size: 1rem !important;}
.background-web {padding-top: 0px;}
.retreat { padding: 0px 0px;}
.event {margin: 40px 0px;}
.loader-banner {
  width: 16%;
  padding-bottom: 10px;
}
.project-details-banner {
  padding: 50px 0px 40px 0px;
}
}


@media (max-width: 350px){
.chat_box {width: 327px !important; right: 12px;}
.our-projects {padding: 10px 0px 68px 0px; height: 43vh;}
.header-img {  height: 20vh;}

}




@media(max-width: 320px) {

  .container,
  .container-md,
  .container-sm {
    max-width: 100%;
  }
  .header-img {height: 20vh !important;}
.tab-section {padding: 60px 0px;}
  
  .tab-mol {padding: 0px 30px;}
  .mobleapp {margin-top: 40px;}
  
  .tab-bg {min-height: 670px;}
  .moble-app.mob-text {padding-top: 90px;}
  .awesome {padding: 0px 0;}
  footer {padding-top: 30px;}
  .innovation-head-div {font-size: 1.3rem; padding-top: 20px;}
   strong.service {font-size: 1.3rem;}
  .sub-header { font-size: 1.3rem;}
  .sub-header-text {font-size: 1.3rem;}
  .innovation-head {font-size: 1.3rem;}
  .inner-pages-card {font-size: 1.3rem;}



  .mobleapp { padding-top: 60px;}
  .banner-text {padding: 30px 15px;text-align: center;}
  .banner-main-text {font-size: 2rem;}
  .gr-colour {font-size: 2rem;}
  .banner-img { width: 75%;padding-top: 15px;}
  .team-img { margin: 0px 0px;}
  .group-img {border-radius: 5px;}
  .banner-main-text {font-size: 1.2rem;}
  .form-control {font-size: 0.80rem;}
.inner-pages {font-size: 1.3rem;}
.form-label {font-size: 0.95rem;}
.ready {font-size: 1.3rem;}
.project {font-size: 1.3rem;}
.paragraph {font-size: 0.563rem !important;line-height: 160%;}

.second-section-space {padding-top: 0px;padding-bottom: 70px;}
 body input ~ nav { height: 80px;}
.inner-pages {font-size: 1.3rem;}
.our-services-banner { padding: 170px 0px 160px 0px;height: 0vh;}

.social-media-data {padding-top: 25px;}
.mob-cent {padding-bottom: 0px;}
.careers {padding: 140px 0px 55px 0px; height: 33vh;}
.life-ic {  padding: 50px 10px;}
.blog {height: 0px;padding: 140px 0px 40px 0px;}
.blog-news {margin-top: 0px;}
.tab-section {padding: 10px 0px;}
.innovation-head {padding-top: 30px;}
.chat_box {width: 296px !important; right: 12px;}
div.conv-form-wrapper div.options div.option {font-size: 0.6rem !important; }
.projects-list {
  height: 30vh;
}
.img-cover .content {
  height: 40px;
  padding: 0px 20px;
}
.img-cover {
  border-radius: 20px;}
  .img-cover .content h4, i {
    font-size: 15px;
  }
  .project-footer-text {
    margin-top: 40px;
  }
  .projects-list {
    padding: 20px 0px;
  }
}




    @media(max-width: 991px) {
      .second-bg{padding-top: 0px !important;}

      footer h6{text-align: center;}
      footer ul li a {
        color: #D2D2D2;
        font-size: 1rem;
        text-align: center;
        font-weight: 400;
        line-height: 23px;
        display: block;
    }
    footer p{text-align: center;}
    footer .location{text-align: center;}
    }

    .animate-in {
      -webkit-animation: fadeIn .55s ease-in;
      animation: fadeIn .55s ease-in;
  }
  
  .animate-out {
      -webkit-transition: opacity .25s;
      transition: opacity .25s;
      opacity: 0;
      transition-duration: 2s;
      transition-timing-function: ease;
      transition-property: width ;
      transition-delay: 0s, 3s;
      background: rgb(11, 11, 11);
  }
  
  @-webkit-keyframes fadeIn {
      from { opacity: 0; }
      to { opacity: 10; }
  }
  
  @keyframes fadeIn {
      from { opacity: 0; }
      to { opacity: 10; }
  }
  .video-bg {
    width: 100%;
    z-index: -1;
    position: absolute;
}

.video-bg::-webkit-media-controls {
    display: none !important;
}

.video-overlay {
    grid-area: var(--fullGrid);
    display: grid;
    justify-content: center;
    align-content: center;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.55);
}

.status-active-link{
  display: block;
  width: 500px;
  border: 1px solid #1c1c1c;
  background: #000;
  border-radius: 22px;
  padding: 20px 20px 40px;
  margin: auto;
  margin-top: 30px;
}
.status-invalid{
  display: block;
  width: 500px;
  border: 1px solid #1c1c1c;
  background: #000;
  border-radius: 22px;
  padding: 20px 20px 40px;
  margin: auto;
  margin-top: 30px;
}
.status-link-expired{
  display: block;
  width: 500px;
  border: 1px solid #1c1c1c;
  background: #000;
  border-radius: 22px;
  padding: 20px 20px 40px;
  margin: auto;
  margin-top: 50px;
}
.status-link-expired h5{
  position: absolute;
  left: 0;
  right: 0;
  top: 620px;
}
.projects-list .loader-img{
  padding-top: 30px;}