html{
    overflow-x: hidden;  
      scroll-behavior: smooth;

}

body{
    margin: 0; 
    overflow-x: hidden;
    background-color: #fff;
    font-family: "Mona Sans", sans-serif !important;
}



p{
  font-weight: 400 !important;
  font-family: 'Neue Montreal' !important;
}


a{
    text-decoration: none;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
-o-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;

}
a:hover {
       text-decoration: none;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
-o-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;

}
button{
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
-o-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;

}

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

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


.stable {
    color: #a72121 !important;
}


.year-plus{
    left: -8px;
}


/* loader */
.ip-loader {
        bottom: 0 !important;
    text-align: center !important;
    position: relative !important;
    margin-left: 0%;
    width: 100%;
    height: 100vh;
    display: flex
;
    align-items: center;
    align-content: center;
    justify-content: center;
}
.loader-intro {
  width: 150px;
  display: inline-block;
  box-sizing: border-box;
  position: relative;
}

.loader-intro{
  /* width: 100%; */
  height: 4.8px;
  display: inline-block;
  position: relative;
  background: #eb333a63;
  overflow: hidden;
}
.loader-intro::after {
  content: '';  
  box-sizing: border-box;
  width: 0;
  height: 4.8px;
  background:#dd1c23;
  position: absolute;
  top: 0;
  left: 0;
  animation: animFw 3s linear infinite;
}

@keyframes animFw {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}


.iti__selected-flag {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 6px 0 8px;
    font-size: 15px !important;
    background: #fff !important;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}


.c-leaf {
  position: relative;
  overflow: hidden;
  width: 100px;
  height: 100px;
  margin: 0 auto;
  background: #ffffff;
  transform: scale(1);
  border-radius: 15px;
}

.c-leaf__icon {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100px;
  height: 107px;
  fill: white;
}

.c-leaf__fill {
  width: 100px;
  height: 100px;
  background: #2060AD;
  -webkit-animation: fillUp 1.5s ease-in-out infinite;
  animation: fillUp 1.5s ease-in-out infinite;
}

@-webkit-keyframes fillUp {
  0% {
    transform: translate(0, 100px);
  }
  100% {
    transform: translate(0, -100px);
  }
}

@keyframes fillUp {
  0% {
    transform: translate(0, 100px);
  }
  100% {
    transform: translate(0, -100px);
  }
}


.enqwth .career-frmcnt{
  background-color: white !important;
  color:black !important;
}

.enqwth .tlt-hlp{
  color:black !important;
}


#joinModal .career-frmcnt{
  background-color: white !important;
  color:black !important;
  border: solid 1px rgb(0 0 0 / 7%) !important;
}

#joinModal .tlt-hlp{
  color:black !important;
}

.splide-newtop{
   margin-top:50px;
   margin-bottom:60px;
}


/* width */
::-webkit-scrollbar {
 width:3px;
}

/* Track */
::-webkit-scrollbar-track {
 box-shadow: inset 0 0 0px #255bcc; 
 border-radius:0px;
}

/* Handle */
::-webkit-scrollbar-thumb {
 background: #255bcc;
 border-radius:0px;
}



a{
    text-decoration: none;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
-o-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;

}
a:hover {
       text-decoration: none;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
-o-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;

}
button{
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
-o-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;

}



.modal-overlay.is-visible {
    visibility: visible;
    opacity: 1;
}
.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.85);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2000;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s 
ease, visibility 0.3s;
    padding: 20px;
    box-sizing: border-box;
}
.modal-content {

   background: #faeaed;
    padding: 40px;
    border-radius: 15px;
    width: 100%;
    max-width: 800px;
    position: relative;
    overflow: hidden;
        background: #FAEAED;
    background: linear-gradient(90deg, rgba(250, 234, 237, 1) 0%, rgba(255, 255, 255, 1) 100%);
}
.close-button {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 2.5rem;
    color: #430709;
    cursor: pointer;
    transition: color 0.2s;
}
.modal-header-form {
   text-align: center;
    margin-bottom: 23px;
    padding-bottom: 18px;
    border-bottom: 1px solid rgb(0 0 0 / 13%);
}
.modal-header-form h2 {
    font-size: 29px;
    font-weight: 600;
    margin-bottom: 6px;
    color: black;
    text-transform: uppercase;
}

.modal-header-form p{
    margin-bottom: 5px;
}

.join-form {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.join-form .form-group {
    flex: 1 1 calc(50% - 10px);
    margin-bottom: 0;
}
.join-form label {
    display: block;
    font-weight: 500;
    color:black;
    margin-bottom: 8px;
    font-size: 0.95rem;
   
}
.join-form input[type="text"], .join-form input[type="email"], .join-form input[type="password"], .join-form input[type="tel"] {
   color:black;
   width: 100%;
    padding: 14px 15px;
    border: none;
    border-radius: 11px;
    font-size: 15px;
    background-color: #00000000;
    transition: border-color 0.3s, box-shadow 0.3s;
    box-sizing: border-box;
    font-weight: 400;
    border: 2px solid #430709;
}
@media (max-width: 600px) {
    .join-form .form-group {
        flex: 1 1 100%;
    }
}




.sd-logo{
    float:left;
    width:100%;
}

.sd-logo img{
    width: 262px;    
}


#top-header{
  float:left;
  width:100%;
  border-bottom:solid 1px rgb(0 0 0 / 7%);
  padding-top:10px;
  padding-bottom:10px;
  position:relative;
  z-index: 111;
}

.topq{
  float:left;
}

.topq p{
  font-family: 'Neue Montreal' !important;
  color:#514e4e;
  font-size:15px;
  font-weight:400 !important;
  margin-bottom: 0px;
}

.topq p a{
  color:#a72121;
}

.topq p a :hover{
  color:black;
}

.top-mt{
  float:right;
}

.mail-tp{
  float:left;
  color:rgb(0 0 0 / 86%);
  font-size:15px;
  font-weight:400 !important;
  font-family: 'Neue Montreal' !important;
  margin-right:27px;
}

.mail-tp:hover{
  color:#dd1b21;
}

.mail-tp img{
    width: 19px;
    float: left;
    margin-right: 8px;
    margin-top: 3px;
}


.call-tp{
  float:left;
  color:rgb(0 0 0 / 86%);
  font-size:15px;
  font-weight:400 !important;
  font-family: 'Neue Montreal' !important;
}

.call-tp:hover{
  color:#dd1b21;
}

.call-tp img{
    width: 16px;
    float: left;
    margin-right: 7px;
    margin-top: 5px;
}


#banner{
  float:left;
  width:100%;
  background-color:black;
  margin-top: 108px;
}

#secone{
  float:left;
  width:100%;
  background-color:#f6f8f8;
  padding-top:80px;
  padding-bottom:80px;
}

.cnte{
  max-width:1185px;
}

.white-bg{
  float:left;
  width:100%;
  background-color:white;
  border-radius:10px;
  padding-left: 22px;
  padding-right: 24px;
  padding-top:30px;
  padding-bottom: 13px;
  height:376px;
}

.uae-flags{
    width: 52px;
    border-radius: 10px;
    margin-top: -9px;
}

.white-bg:hover .lrd{
   background-color: #ed1c24; 
    text-decoration: none;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
-o-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}

.white-bg:hover .lrd img{
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1); 
}

.icnb{
  float:left;
  width:100%;
}

.icnb strong{
  color:#ed1c24;
  font-size:20px;
  font-family: 'Neue Montreal' !important;
  float: right;
  font-weight: 500;
  padding-top: 20px;
}

.lrd{
  float:left;
  width:67px;
  height:74px;
  background-color:#fff5f5;
  border-radius:10px;
  text-align: center;
  padding-top: 11px;
}

.icn-details{
  float:left;
  width:100%;
  padding-top:26px;
}

.icn-details p{
    float: left;
    width: 100%;
    color: #000000;
    font-size: 17px;
    margin-bottom: 0;
    line-height: 27px;
}

.titels{
  float:left;
  width:100%;
  color:#000000;
  font-size:18px;
  font-weight:500;
}

.lrd img{
  width:50px;
}

.cnts{
  float:left;
  width:100%;
}

.mb-0{
  font-size:55px;
  color:black;
  font-family: 'Neue Montreal';
  font-weight:500;
}

.mb-0 b{
    font-weight: 500;
    margin-left: -5px;
    top: 3px;
    position: relative;
}

.mb-0 strong{
   font-family: 'Neue Montreal';
  font-weight:500;
  font-size:55px;
  top: 5px;
    position: relative;
}

.abt-sec{
  float:left;
  width:100%;
  padding-left: 20px;
}

.abt-sec h1{
  /* float:left; */
  width:100%;
  font-size:47px;
  color:black;
  font-weight:500;
  text-transform:uppercase;
}

.abt-sec h1 span{
  color:#dd1b21;
}

.abt-sec p{
  /* float:left; */
  width:100%;
  font-size:19px;
  color:black;
  font-weight:normal;
  padding-top: 11px;
  line-height: 31px;
}

.abt-sec img{
  border-radius:10px;
  float: right;
  margin-left: 37px;
}


.red-bg{
    float: left;
    width: 100%;
    background-image: url(../images/red-bg.WEBP);
    border-radius: 10px;
    padding-left: 26px;
    padding-right: 26px;
    padding-top: 30px;
    padding-bottom: 30px;
    background-repeat: no-repeat;
    background-size: cover;
}

.red-bg h2{
  float:left;
  width:100%;
  color:white;
  line-height: 28px;
  font-size:22px;
  font-weight:600;
}

.red-bg p{
    float: left;
    width: 100%;
    color: white;
    font-size: 17px;
    line-height: 27px;
}

.red-bg img{
  width:102px;
  margin-top:24px;
  margin-bottom: 29px;
}

.ceo-mb-imgs{
    border-radius: 10px;
    float: left;
}

.secbtm{
  float:left;
  width:100%;
  margin-top:25px;
}

.row-marg{
  margin-right:0px;
  margin-left:0px;
}

#sectwo{
  float:left;
  width:100%;
  background-color:#1f1b1b;
  padding-top:55px;
  padding-bottom:55px;
}

#sectwo h2{
  float:left;
  width:100%;
  color:white;
  text-transform:uppercase;
  font-size:44px;
  font-weight:500;
}

#sectwo h2 span{
  color:#ffc8ca;
   background: linear-gradient(90deg, #ffc8ca, #ed1c24, #ffc8ca);
  background-size: 200% auto; /* Twice as wide for smooth movement */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: leftToRightGradient 4s linear infinite;
}

@keyframes leftToRightGradient {
  0% {
    background-position: 0% center;
  }
  100% {
    background-position: 200% center;
  }
}

.b3-bx {
    float: left;
    width: 100%;
}

.b3-bx h3{
    float: left;
    color: #ffffff;
    font-size: 25px;
    font-weight: 500;
    background: #383232;
    margin-bottom: 0px;
    height: 60px;
    width: 60px;
    padding: 14px 16px;
    border-radius: 35px;
    margin-right: 17px;
    margin-top: 0px!important;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}

.b3-bx:hover h3{
    background: #ed1c24;
    color: white;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}


.b3-bx p{
    float: none;
    font-weight: 400;
    font-size: 17px;
    color: #ffffff;
    margin-bottom: 0px;
    margin-top: 7px;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}

.owl-tech{
  float:left;
  width:100%;
  margin-top:50px;
  margin-bottom:60px;
}

.service-list{
  float:left;
  width:100%;
}

.service-list h3{
    float: left;
    width: 100%;
    color: white;
    text-transform: uppercase;
    font-size: 44px;
    font-weight: 500;
    line-height: 60px;
}

.service-list h3 span{
  color: #ffc8ca;
}

.service-list h3 span{
  color:#ffc8ca;
   background: linear-gradient(90deg, #ffc8ca, #ed1c24, #ffc8ca);
  background-size: 200% auto; /* Twice as wide for smooth movement */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: leftToRightGradient 4s linear infinite;
}


#exTab1 .tab-content {
  color : white;
}

#exTab2 h3 {
  color : white;
  background-color: #428bca;
  padding : 5px 15px;
}

/* remove border radius for the tab */

#exTab1 .nav-pills > li > a {
  border-radius: 0;
}

/* change border radius for the tab , apply corners on top*/

#exTab3 .nav-pills > li > a {
  border-radius: 4px 4px 0 0 ;
}

#exTab3 .tab-content {
  color : white;
  background-color: #428bca;
  padding : 5px 15px;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
    color: #fff !important;
    background: #D51F26;
background: linear-gradient(65deg,rgba(213, 31, 38, 1) 0%, rgba(156, 39, 43, 1) 100%);
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
    color: white !important;
    background: #322727;
    background: linear-gradient(65deg,rgba(50, 39, 39, 1) 0%, rgba(46, 43, 41, 1) 100%);
    margin-right: 23px;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 9px !important;
}





/* Progress Bar Wrapper */
.slide-progress:after{
    position: absolute;
    content:'';
    /* background: #F8DBB6; */
    /* width: 100%; */
    /* height: 4px; */
}
.slide-progress {
  width: 0;position:relative;
  max-width: 100%;
  height: 4px;
  background: #514b4b;
  float: left;
}


.titels-hvr{
    float: left;
    font-size: 27px;
    font-weight: normal;
    color: white;
    margin-top: -180px;
    position: absolute;
    line-height: 35px;
    padding-left: 21px;
}

.titels-hvr h4{
  font-size:23px;
  float:left;
  width:100%;
  font-weight:700;
}

.titels-hvr p{
  font-size: 17px;
  color: #ffffff;
  float:left;
  width:100%;
  line-height:27px;
  padding-right:45px;
}

.titels-hvr h3{
    float: left;
    width: 100%;
    color: #ffffff;
    font-size: 14px !important;
    font-weight: 500;
    line-height: 25px;
}

.red-strip{
  float:left;
  width:50px;
  height:3px;
  background-color:#ed1c24;
  margin-bottom: 14px;
}

.wh-bg{
  float:left;
  width:52px;
  height:51px;
  border-radius:8px;
  background-color:#fff5f5;
  text-align:center;
}

.wh-bg img{
    width: 27px !important;
    height:auto !important;
    display: inline !important;
    margin-top: 11px;
}

#owl-demo{
  float:left;
  width:100%;
  margin-top:40px;
}

.crv{
    position: absolute;
    z-index: 11;
    float: right;
    right: 0px;
    width: 260px !important;
    height: auto !important;
}

#owl-demo .owl-nav{
  display:none;
}

#owl-demo2{
  float:left;
  width:100%;
  margin-top:40px;
}

#owl-demo2 .owl-nav{
  display:none;
}

#secthree{
  float:left;
  width:100%;
  padding-top: 85px;
  padding-bottom: 80px;
}

#secfour{
  float:left;
  width:100%;
  border-bottom: solid 1px #e5e5e5;
  padding-bottom: 40px;
}

#secfour h2{
  float:left;
  width:100%;
  color:#000000;
  font-size: 44px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 60px;
  padding-bottom: 60px;
}

#secfour h2 span{
  color:#ca252b;
}

#secfive{
  float:left;
  width:100%;
  background-image: url(../images/ceo-bg.WEBP);
  padding-top:57px;
  padding-bottom:57px;
  background-size: cover;
}

.black-bg{
    float: right;
    max-width: 57%;
    background-color: #181010;
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 35px;
    padding-bottom: 30px;
    border-radius: 10px;
    width: 57%;
}

.black-bg h2{
  float:left;
  width:100%;
  color:#ffffff;
  font-size:44px;
  text-transform:uppercase;
  line-height: 60px;
}

.black-bg h2 span{
  color:#ffc8ca;
}

.black-bg h2 span{
  color:#ffc8ca;
   background: linear-gradient(90deg, #ffc8ca, #ed1c24, #ffc8ca);
  background-size: 200% auto; /* Twice as wide for smooth movement */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: leftToRightGradient 4s linear infinite;
}


.black-bg p{
  float:left;
  width:100%;
  color:#ffffff;
  padding-top: 5px;
  font-size:17px;
  line-height: 27px;
}

.black-bg h3{
  float:left;
  width:100%;
  font-size:27px;
  color:#ffffff;
  font-weight:600;
  padding-top: 25px;
  text-transform:uppercase;
}

.black-bg h3 span{
    float: left;
    width: 100%;
    color: #ffffff;
    font-size: 16px;
    font-family: "Mona Sans", sans-serif !important;
    text-transform: none;
    font-weight: 400;
    padding-top: 8px;
}

#secsix{
  float:left;
  width:100%;
  padding-top:28px;
  background-image: url(../images/sec-six.WEBP);
  background-size: cover;
  
}

.sec-st{
  float:left;
  width:100%;
}

.sec-st img{
  width:364px;
}

.tagone{
  float:left;
  width:100%;
  padding-top:33px;
  width: 70%;
}

.tagone h2{
  float:left;
  width:100%;
  color:#000000;
  font-size: 44px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 58px;
}

.tagone h2 span{
  color:#ca252b;
}

.tagone p{
    float: left;
    width: 70%;
    padding-top: 27px;
    line-height: 26px;
}

.tagtwo{
  float:left;
  width:30%;
   padding-top:82px;
}

.client-experience{
  max-width: 228px;
  width: 100%;
  background-color:white;
  padding-left:15px;
  padding-right:15px;
  padding-top:30px;
  padding-bottom:30px;
  border-radius:15px;
  /* height:176px; */
  float: right;
  left: 45px;
  position: relative;
  top: 45px;
}

.client-experience p{
    float: left;
    width: 100%;
    line-height: 24px;
    font-size: 18px;
    color: black;
    padding-top:17px;
    margin-bottom: 0px;
    padding-left: 8px;
}

.up-down{
  animation: up-down linear 4s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: up-down linear 4s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: up-down linear 4s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: up-down linear 4s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: up-down linear 4s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}

@keyframes up-down{
  0% {
    transform:  translate(1px,20px)  ;
  }
  24% {
    transform:  translate(1px,30px)  ;
  }
  50% {
    transform:  translate(1px,12px)  ;
  }
  74% {
    transform:  translate(1px,22px)  ;
  }
  100% {
    transform:  translate(1px,22px)  ;
  }
}

@-moz-keyframes up-down{
  0% {
    -moz-transform:  translate(1px,20px)  ;
  }
  24% {
    -moz-transform:  translate(1px,30px)  ;
  }
  50% {
    -moz-transform:  translate(1px,12px)  ;
  }
  74% {
    -moz-transform:  translate(1px,22px)  ;
  }
  100% {
    -moz-transform:  translate(1px,22px)  ;
  }
}

@-webkit-keyframes up-down {
  0% {
    -webkit-transform:  translate(1px,20px)  ;
  }
  24% {
    -webkit-transform:  translate(1px,30px)  ;
  }
  50% {
    -webkit-transform:  translate(1px,12px)  ;
  }
  74% {
    -webkit-transform:  translate(1px,22px)  ;
  }
  100% {
    -webkit-transform:  translate(1px,22px)  ;
  }
}

@-o-keyframes up-down {
  0% {
    -o-transform:  translate(1px,20px)  ;
  }
  24% {
    -o-transform:  translate(1px,30px)  ;
  }
  50% {
    -o-transform:  translate(1px,12px)  ;
  }
  74% {
    -o-transform:  translate(1px,22px)  ;
  }
  100% {
    -o-transform:  translate(1px,22px)  ;
  }
}

@-ms-keyframes up-down {
  0% {
    -ms-transform:  translate(1px,20px)  ;
  }
  24% {
    -ms-transform:  translate(1px,30px)  ;
  }
  50% {
    -ms-transform:  translate(1px,12px)  ;
  }
  74% {
    -ms-transform:  translate(1px,22px)  ;
  }
  100% {
    -ms-transform:  translate(1px,22px)  ;
  }
}

.tagthree{
  float:left;
  width:100%;
  padding-top:25px;
}

.tpn{
  float:left;
  width:auto;
  background-color:white;
  color:black;
  font-size:17px;
  font-family: 'Neue Montreal' !important;
  padding:15px;
  border-radius: 25px;
  cursor:pointer;
  margin-right: 25px;
}

.tpn span{
   background-color:#ed1c24;
   float:left;
   width:11px;
   height:11px;
   border-radius:50%;
   margin-top: 8px;
   margin-right:10px;
}

.tpn:hover{
  color:white;
  background-color:#ed1c24;
}

.tpn:hover.tpn span{
  background-color:white;
}


#secthree{
    
}
#secthree h2{
    font-size: 45px;
    color: #000;
    width: 100%;
    text-transform: uppercase;
}
#secthree h2 span{
    color: #ca252b;
}
#secthree p{
    font-size: 17px;
    color: #000;
    line-height: 154%;
    margin-bottom: 0;
    margin-top: 15px;
}
.three-carousel{
    float: left;
    width: 100%;
    padding-left: 50px;
}
.three-box{
    width: 100%;
    float: left;
    border: 1px solid rgb(206 206 206 / 28%);
    padding: 40px 26px;
     color: #000;
    border-radius: 20px;
    background: #FFFFFF;
    background: linear-gradient(6deg,rgba(255, 255, 255, 1) 0%, rgba(255, 245, 245, 1) 100%);
    padding-bottom: 21px;
      text-decoration: none;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
-o-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}

.three-box h5{
    font-size: 21px;
   
    width: 100%;
    float: left;
    font-weight: 600;
    margin-top: 26px;
    margin-bottom: 17px;
}


.thb-desc{
  font-weight: 400 !important;
    font-family: 'Neue Montreal' !important;
    font-size: 17px;
    line-height: 150%;
    margin-top: 10px;
    margin-bottom: 0;
    color:black !important;
    width: 100%;
    float: left;
    margin-top: 2px !important;
}

.three-box:hover{
  cursor:pointer; 
  color:white;
  background: #383232;
  background: linear-gradient(3deg,rgba(56, 50, 50, 1) 0%, rgba(237, 28, 36, 1) 100%);
    text-decoration: none;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
-o-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}

.three-box:hover .thb-desc{
  color:white !important;
}

.three-box:hover .thb-icon img{
    width: 55px;
    float: right;
    filter: grayscale(0);
    opacity: 1;
      text-decoration: none;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
-o-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}




.i1-img{
    height: 70px;
    float: left;
    width: 70px;
    background: #000;
    border-radius: 10px;
    margin-bottom: 20px;
}
.three-carousel .owl-dots{
   float: left;
    z-index: 99;
    width: 100%;
    margin-top: 10px;
    position: relative;
    left: -440px;
    top: -32px;
}
.slider-counter{
      float: left;
      width: 100px;
      border: 1px solid #cecece;
      padding: 2px;
      text-align: center;
      border-radius: 30px;
      position: absolute;
      left: -117px;
      z-index: 1;
      bottom: 27px;
}

#current-slide{
    color: #3f3c3c;
    font-size: 22px;
    font-weight: 500;
    font-family: 'Neue Montreal';
    padding-right: 2px;
}

#total-slides{
  color: #7d7171;
    font-size: 19px;
    font-family: 'Neue Montreal';
    padding-left: 2px;
}

.three-carousel .owl-dots button{
}
.three-carousel .owl-dots span{
    background: #efd0d0;
    width: 16px;
    height: 6px;
    float: left;
    margin-right: 5px;
    border-radius: 10px;
}.three-carousel .owl-dot.active span{
    background: #ed1c24;
    width: 26px;
}.owl-pro3 {
    position: relative;
}

.owl-pro3 .owl-nav {
    position: absolute;
    top: -60px;      /* adjust height */
    right: 0;
    display: flex;
    gap: 10px;
}

.owl-pro3 .owl-nav button {
    background: #000 !important;
    color: #fff !important;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.owl-pro3 .owl-nav button :hover{
  background: red !important;
  border-radius: 50%;
}

.owl-pro3 .owl-prev img {
    width: 40px;
}

.owl-pro3 .owl-next img {
    width: 40px;
}


.owl-pro3 .owl-nav button:hover {
    background: #333 !important;
}
.owl-pro3 .owl-nav{
    float: right;
    top: -75px;
    position: absolute;
    right: 8%;
}


#secseven{
  float:left;
  width:100%;
  background-color:#f6f8f8;
  padding-top:63px;
  padding-bottom:63px;
}

#secseven h2{
  float:left;
  width:100%;
  color:#000000;
  font-size: 44px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 60px;
}

#secseven h2 span{
  color:#ca252b;
}

.blm{
  float:left;
  width:100%;
  color:black;
  text-decoration: none;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
-o-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}


.owl-blog{
  float:left;
  width:100%;
  padding-top:60px;
}

.blm img{
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
  width:100%;
}

.blg-white{
  float:left;
  width:100%;
  background-color:white;
   border-bottom-left-radius: 22px;
  border-bottom-right-radius: 22px;
  padding-right:24px;
  padding-left:24px;
  padding-top:22px;
  padding-bottom:22px;
}

.blg-white h3{
  float:left;
  width:100%;
  font-size:18px;
  font-weight:600;
  line-height: 25px;
}

.blg-white p{
  float:left;
  width:100%;
  color:black;
  font-size:17px;
  line-height:28px;
}

.pub{
    float: left;
    width: auto;
    background-color: #fff5f5;
    border-radius: 50px;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 11px;
    padding-bottom: 11px;
    font-family: 'Neue Montreal' !important;
    font-size: 15px;
    font-weight: 500;
}


.wh-bg-bl{
  float: right;
  width: 50px;
  height: 50px;
  border-radius:8px;
  background-color:#18181a;
  text-align:center;
}

.wh-bg-bl img{
    width: 26px !important;
    height:auto !important;
    display: inline !important;
    margin-top: 11px;
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.blg-crv{
  width: 272px !important;
    position: absolute;
    float: right;
    right: -1px;
    top: -4px;
}

.blm:hover{
  color:#a9070d;
     text-decoration: none;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
-o-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}

.blm:hover .pub{
  background-color:#18181a;
  color:#ffff !important;
     text-decoration: none;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
-o-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}

.blm:hover .wh-bg-bl{
  background-color:#ed1c24;
     text-decoration: none;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
-o-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}

#seceight{
  float:left;
  width:100%;
  padding-top: 60px;
  padding-bottom: 60px;
}

#seceight h2{
    float: left;
    width: 100%;
    color: #000000;
    margin-bottom: 36px;
    font-size: 44px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 60px;
}

#seceight h2 span{
  color: #ca252b;
}

.faq-sec{
  float:left;
  width:100%;
  margin-bottom:25px;
}


.question {
    padding: 20px 80px 20px 20px;
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    border: solid 1px rgb(0 0 0 / 15%);
    border-radius: 18px;
    color: #1f1b1b;
    font-size: 17px;
    font-weight: 500;
    font-family: "Mona Sans", sans-serif !important;
}

.question::after {
   content: "\002B";
    font-size: 2.2rem;
    position: absolute;
    right: 20px;
    transition: 0.2s;
    background: #fff5f5;
    width: 50px;
    text-align: center;
    border-radius: 12px;
    height: 53px;
    float: right;
}

.question:hover.question::after{
   background: red;
   color:white;
}

.question.active::after {
  transform: rotate(45deg);
  background: white;
}

.answercont {
  max-height: 0;
  overflow: hidden;
  transition: 0.3s;
}

.answer {
  padding: 0 20px 20px;
  line-height: 1.5rem;
  float:left;
  width:100%;
}

.answer p{
  float: left;
    width: 100%;
    font-size: 17px;
    color: black;
    padding-top: 16px;
    line-height: 28px;
}

.question.active + .answercont {
}

.pshf{
  float:left;
}

#secnine{
  float:left;
  width:100%;
  padding-bottom:60px;
}

#secnine h2{
    float: left;
    width: 100%;
    color: #000000;
    margin-bottom: 36px;
    font-size: 44px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 60px;
}

#secnine h2 span{
  color: #ca252b;
}

#secnine h3{
    float: right;
    width: 100%;
    text-align: right;
    color: #1f1b1b;
    font-size: 19px;
    font-weight: 500;
    padding-top: 20px;
}

.str{
    width: 85px;
    float: right;
    margin-top: 2px;
}

.owl-review{
  float:left;
  width:100%;
}

.rev-bg{
  float:left;
  width:100%;
  border:solid 1px #ededed;
  border-radius:15px;
  padding-top:33px;
  padding-bottom: 35px;
  background: #FFFFFF;
  background: linear-gradient(6deg,rgba(255, 255, 255, 1) 0%, rgba(255, 245, 245, 1) 100%);
}

.rev-bg h4{
    float: left;
    width: 100%;
    color: black;
    font-size: 24px;
    font-weight: 500;
    padding-left: 33px;
    padding-right: 40px;
    line-height: 36px;
}

.rev-bg p{
  float: left;
  width: 100%;
  padding-left: 33px;
  padding-right: 40px;
  color:#000000;
  font-size:17px;
  line-height: 27px;
  padding-top: 5px;
  padding-bottom: 35px;
}

.qt-imgs{
    width: 40px;
    margin-left: 33px;
    margin-bottom: 21px;
}

.rv-names{
  float:left;
  width:100%;
  padding-left: 33px;
  padding-right: 40px;
  background-image: url(../images/br-strp.WEBP);
  /* background-size: cover; */
  padding-top: 40px;
  background-repeat: no-repeat;
}

.rv-nameimg{
    border-radius: 15px;
    float: left;
    margin-right: 20px;
}

.rv-names h5{
    color: #1f1b1b;
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 3px;
}

.rv-names span{
  color:#ca252b;
  font-size:14px;
  font-weight:500;
}

.st-rv span{
  background-color:#fff5f5;
  width:117px;
  height:27px;
  border-radius:50%;
}

.rvimgs{
      margin-bottom: 15px;
}

#ctc{
  float:left;
  width:100%;
  background-image: url(../images/scroll.WEBP);
  background-size: cover;
  padding-top:55px;
  padding-bottom:55px;
  background-attachment: fixed;
  margin-top:0px;
}

#ctc h2{
  float:left;
  color:#ffffff;
  font-size:45px;
  font-weight:500;
  text-transform:uppercase;
  line-height: 59px;
  padding-left:60px;
}

.bkm{
  float:left;
  width:175px;
  height:56px;
  background-color:white;
  border-radius:50px;
  text-align:center;
  font-size:16px;
  color:black;
  font-weight:500;
  font-family: 'Neue Montreal' !important;
  padding-top: 15px;
}

.bkm:hover{
  background-color: black;
  color:white;
}

.bwp{
    float: left;
    width: 211px;
    margin-left:23px;
    height: 56px;
    /* background-color: white; */
    border: solid 2px #fff;
    border-radius: 50px;
    text-align: center;
    font-size: 16px;
    color: white;
    font-weight: 500;
    font-family: 'Neue Montreal' !important;
    padding-top: 12px;
}

.bwp:hover{
  background-color: black;
  color:white;
  border: solid 2px #000;
}

.bwp img{
  width: 31px;
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
  margin-right: 9px;
  margin-top: -2px;
}

.ctc-nav{
  float: left;
    margin-left: 140px;
    margin-top: 35px;
}

#footer{
  float:left;
  width:100%;
  background-color:#1f1b1b;
  padding-top:64px;
}

.navigation {
  float:left;
  width:100%;
}

.navigation h2{
  float:left;
  width:100%;
  font-size:23px;
  color:#ffffff;
  font-weight: 700;
  font-family: "Mona Sans", sans-serif !important;
  padding-top:15px;
  padding-bottom: 15px;
}

.ftr-nav{
  float:left;
  width:100%;
  color:#ffffff;
  /* position: relative; */
  /* z-index: 111; */
  font-size: 15px;
  font-weight:normal;
  padding-bottom: 15px;
  font-family: 'Neue Montreal' !important;
}

.ftr-nav:hover{
  color: #d7d5d5;
  text-decoration:none;
}

.va50{
  float:left;
  width:50%;
}

.ftr-social{
  float:left;
  width:100%;
  margin-top:23px;
}

.snav{
  float:left;
  width:45px;
  height:49px;
  background-color:#1f1b1b;
  border-radius:10px;
  border:solid 1px #403d3d;
  text-align:center;
  margin-right:21px;
  position: relative;
    z-index: 11;
}

.snav:hover{
  background-color:#000; 
  border:solid 1px #000;
}

.snav img{
  width: 25px;
  margin-top: 11px;
}

.adr p{
  float:left;
  color:#ffffff;
  font-size:15px;
  line-height: 27px;
}

.adr p strong{
  font-weight:500 !important;
  color:#fdc1c1;
}

.adr {
  float:left;
}


.adtel p{
  float:left;
  width:100%;
  color:#ffffff;
  font-size:15px;
  line-height: 27px;
      margin-bottom: 0px;
}

.adtel p strong{
  font-weight:500 !important;
  color:#fdc1c1;
}

.adtel {
  float:left;
  margin-left: 32px;
}

.mt175{
     margin-top: -350px;
    width: 83%;
}

.Copyright{
  float:left;
  width:100%;
  padding-top:18px;
  padding-bottom:18px;
  border-top:solid 1px #363232;
  margin-top: 40px;
}

.Copyright p{
  float:left;
  width:100%;
  text-align:center;
      padding-top: 10px;
  color:#fafafa;
  font-size: 15px;
}

.tnm{
  color:#fafafa;
}

.tnm:hover{
  color:#d2cece;
  text-decoration:none !important;
}


.thb-icon{
  float:left;
  width:100%;
  text-align: right;
}

.thb-icon img{
    width: 55px;
    float: right;
    filter: grayscale(100%);
    opacity: 0.7;
}

.bx-bg{
    float: left;
    width: 67px;
    height: 70px;
    border-radius: 8px;
    background-color: #1f1b1b;
    text-align:center;
}

.bx-bg img{
    width: 40px;
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    display: inline !important;
    margin-top: 13px;
    margin-left: -2px;
}

.three-box:hover .bx-bg{
   background-color: white;
     text-decoration: none;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
-o-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}

.three-box:hover .bx-bg img{
  -webkit-filter: initial;
    filter: initial;
      text-decoration: none;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
-o-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}

.radius-pro{
  border-radius:25px;
  width:100%;
}

.project-block_one-overlay{
    position: absolute;
    left: 50px;
    top: 252px;
    right: 130px;
}

.project-block_one-overlay_inner{
    position: relative;
    width: 100%;
    max-width: 399px;
    min-height: 332px;
    padding: 35px 27px 42px;
    /* background-size: cover; */
    background-image: url(../images/project-1.png);
    background-repeat: no-repeat;
}

.project-block_one-overlay_inner h3{
  float:left;
  width:100%;
  color:#1f1b1b;
  font-weight:bold;
  font-size:23px;

}

.project-block_one-overlay_inner p{
    float:left;
  width:100%;
  font-size: 17px;
    line-height: 27px;
    color:black;
    padding-top: 5px;
}

.cs-nav{
    float: left;
    width: 52px;
    height: 51px;
    border-radius: 8px;
    background-color: #ed1c24;
    text-align: center;
    margin-top: 4px;
}

.cs-nav:hover{
  background-color: #000;
}

.cs-nav img{
    width: 26px !important;
    height: auto !important;
    display: inline !important;
    margin-top: 12px;
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    margin-left: -2px;
}

#zone-logo{
  float:left;
  width:100%;
  padding-top:36px;
  padding-bottom:36px;
}

.owl-clients{
  float:left;
  width:100%;
}

.owl-clients img{
  width:100%;
}

#page-bnrs{
      float: left;
    width: 100%;
    background-color: black;
    height: 290px;
    background: url(../images/demo-it-business-banner-bg.WEBP);
}


#secone-page{
  float:left;
  width:100%;
  background-color:#fff;
  padding-top:29px;
  padding-bottom:40px;
}

#secone-page h1{
 float: left;
    width: 100%;
    line-height: 50px;
    font-size: 37px;
}

.found{
    float: left;
    width: 100%;
    font-size: 17px;
    padding-bottom: 20px;
    color: #dd1b21;
    font-weight: 500;
    text-transform: uppercase;
}

.ubd{
  float:left;
  width:100%;
  color:black;
  margin-top:45px;
}

.ubd h2{
   /* float: left;
     width: 100%; */
    color: black;
    text-transform: uppercase;
    font-size: 44px;
    font-weight: 500;
    line-height: 63px;
    margin-bottom: 15px;
}

.ubd h2 span{
     color: #dd1b21; 
}

.ubd p{
    /* float: left; */
    /* width: 100%; */
    font-size: 17px;
    color: #000;
    line-height: 30px;
    margin-bottom: 0;
    margin-top: 15px;
}

.ubd img{
  float: right;
  margin-top: 25px;
}

#pg-sec{
  float:left;
  width:100%;
  padding-top:25px;
  padding-bottom:60px;
}

.cnt-brd{
  float:left;
  width:100%;
  padding-left:30px;
  padding-right:30px;
  padding-top:25px;
  padding-bottom:25px;
  border-left:solid 1px #e4e4e4;
  border-right:solid 1px #e4e4e4;
}

.cnt-brd p{
    float: left;
    width: 100%;
    color: #000;
    font-size: 17px;
    line-height: 28px;
    font-weight: 500 !important;
}

.cnt-brd h2{
    float: left;
    width: 100%;
    margin-top: 25%!important;
    color: #000;
    font-size: 45px;
    font-weight: 600;
}

.cnt-brd h2 img{
    width: 16px;
    float: left;
    margin-right: 3px;
}


#cta-abp{
    float: left;
    width: 100%;
    height: 100%;
    background: url(../images/mission-new.WEBP);
    padding-top: 65px;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    padding-bottom: 50px;
}


.bg-quotes{
  float:left;
  width:100%;
  background-color:white;
  padding:35px;
  border-radius:15px;
}

.bg-quotes h2{
  float:left;
  width:100%;
  font-size:35px;
  color:black;
  text-transform:uppercase;
  font-weight:600;
}

.bg-quotes h2 span{
  color:#dd1b21;
}

.bg-quotes p{
    float: left;
    width: 100%;
    color: #000;
    font-size: 17px;
    line-height: 30px;
    padding-top: 5px;
}

.rdg{
    float: right;
    width: 70%;
    background-color: #dd1b21;
    
        background: linear-gradient(90deg,rgb(237 28 36) 0%, rgb(225 24 32) 100%);
    
    padding: 25px;
    border-radius: 15px;
    margin-top: 125px;
}

.owl-rvm{
  float:left;
  width:100%;
}

.owl-rvm h3{
    float: left;
    width: 100%;
    font-size: 21px;
    text-transform: uppercase;
    color: white;
    font-weight: 700;
    border-bottom: solid 1px rgb(255 255 255 / 35%);
    padding-bottom: 16px;
}

.owl-rvm p{
    float: left;
    width: 100%;
    font-size: 17px;
    color: white;
    line-height: 28px;
    margin-bottom: 0px;
    padding-top: 10px;
}

.owl-rvm h3 img{
    width: 60px;
    float: left;
    margin-right: 15px;
    margin-top: -1px;
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

#cv-sec{
  float:left;
  width:100%;
  padding-top: 50px;
  padding-bottom:0px;
  background: #FFFFFF;
  background: linear-gradient(6deg,rgba(255, 255, 255, 1) 0%, rgba(255, 245, 245, 1) 100%);
}


#cv-sec h2{
  float: left;
    width: 100%;
    color: black;
    text-transform: uppercase;
    font-size: 44px;
    font-weight: 500;
    line-height: 63px;
    margin-bottom: 45px;
}

#cv-sec h2 span{
  color: #dd1b21;
}

.white-bgvs {
    float: left;
    width: 100%;
    background-color: white;
    border-radius: 10px;
    padding-left: 26px;
    padding-right: 26px;
    padding-top: 30px;
    padding-bottom: 30px;
    border: solid 1px rgb(0 0 0 / 4%);
}

.white-bgvs h3{
    font-size: 23px;
    color: black;
    font-weight: 600;
    float: left;
    width: 100%;
    margin-top: 25px;
}

.white-bgvs p{
    float: left;
    width: 100%;
    color: #000;
    font-size: 17px;
    line-height: 30px;
    padding-top: 5px;
}

.white-bgvs:hover .lrdab{
   background-color: #2d2a2a;
}

.white-bgvs:hover .lrdab img{
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.rdg {
   background-size: 200% 100%; /* Stretch it so there is room to slide */
   animation: gradientMove 3s linear infinite;
}

@keyframes gradientMove {
    0% {
        background-position: 100% 0%;
    }
    100% {
        background-position: -100% 0%;
    }
}


.lrdab{
  float:left;
  width:67px;
  height:74px;
  background-color: #f2f2f2;
  border-radius:10px;
  text-align: center;
  padding-top: 11px;
}

.lrdab img {
    width: 50px;
}


.icnb-ab{
  float:left;
  width:100%;
}

.icnb-ab strong{
  color:#ed1c24;
  font-size:20px;
  font-family: 'Neue Montreal' !important;
  float: right;
  font-weight: 500;
  padding-top: 20px;
}


#cv-sec h4{
    float: left;
    width: 100%;
    color: black;
    text-transform: uppercase;
    font-size: 40px;
    font-weight: 500;
    line-height: 54px;
    margin-top: 65px;
}

.lst-rw{
    float: left;
    width: 100%;
    border-bottom: solid 1px #e4e4e4;
    padding-bottom: 15px;
    margin-bottom: 30px;
    padding-top: 0px;
}

.lst-rw h5{
    float: left;
    width: 100%;
    color: #000;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
}

.lst-rw p{
    float: left;
    width: 100%;
    color: #000;
    font-size: 17px;
    line-height: 30px;
    padding-top: 0px;
}


.mt70{
  margin-top:70px;
}

.lst-edit{
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: none;
}

.mt40{
  margin-top:40px;
}



.wds {
  position: relative;
  width: 100%;
  height: 380px;
  overflow: hidden;
  background: url(../images/page-ib.WEBP);
      margin-top: 62px;
    float: left;
    background-size: cover !important;
    
}

.wds:before {
   position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: radial-gradient(95.51% 264.21% at 92.63% 41.85%, rgba(0, 7, 31, 0) 0%, rgb(105 13 13 / 98%) 99.98%, rgba(4, 44, 42, 0.98) 99.99%);
    content: "";
    mix-blend-mode: normal;
}

.wds:after {
    background: url(../images/page-title-pattern.png);
    content: "";
    height: 100%;
    mix-blend-mode: normal;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
}

.bl-bnr {
  background: url(../images/bls-bg.WEBP);
}

.vds-bg{
  background: url(../images/vlabg.WEBP); 
  background-position: bottom;
}

.cs-bnr{
 background: url(../images/bg-comp-setup.WEBP); 
}

.nev-bg{
 background: url(../images/news-event-bg.WEBP); 
 background-position: bottom;
}

.cont-bg{
 background: url(../images/contact-us-bg.WEBP); 
 background-position: bottom;
}


.wave {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20vh;
  background: url(https://i.imgur.com/DLD3N2t.png);
  background-size: 100vw 20vh;
}
.wave1 {
  animation: animate 20s linear infinite;
  z-index: 15;

  animation-delay: 0s;
  bottom: 0;
}

@keyframes animate {
  0% {
    background-position-x: 0;
  }
  100% {
    background-position-x: 100vw;
  }
}
@keyframes animate2 {
  0% {
    background-position-x: 0;
  }
  100% {
    background-position-x: -100vw;
  }
}

.td-pg{
    float: left;
    width: 100%;
    font-size: 50px;
    font-weight: 700;
    color: white;
    margin-top: -130px;
}

.td-pg span{
    float: left;
    border-radius: 50px;
    background-color:rgb(0 0 0 / 13%);
    color: white;
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
}

.bps{
  float:left;
  width:100%;
}






#header{
  float:left;
  width:100%;
  padding-top:20px;
  padding-bottom:20px;
  background-color:white;
}

.logo{
  float:left;
}

.logo img{
  width:239px;
}

.menu-sec{
    float: left;
    width: 100%;
}



.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 100;
  margin: 0 auto;
  background-color: #fff;
  border-bottom: 1px solid #eee;
}

.ubl-logo{
  float:left;
  margin-top: 12px;
  margin-bottom: 7px;
}


.ubl-logo img{
  width:207px;
}

.v-center{
  align-items: center;
  float:right;
  margin-top: 24px;
}

ul{
  list-style: none;
  margin:0;
  padding:0;
}
a{
  text-decoration: none;
}
/* header */

.schd-call{
  width:175px;
  border-radius:50px;
  height:56px;
  background-color:#ed1c24;
  color:white !important;
  text-align:center;
  font-size:16px;
  margin-right: 20px;
  font-family: 'Neue Montreal' !important;
  font-weight:500;
  float:right;
  line-height:53px;
}

.schd-call:hover{
  background-color:#000 !important;
}


.header{
 /* display: block; */
  /* width: 100%; */
  /* position: relative; */
  /* z-index: 99; */
  /* padding:15px; */
}
.header .item-left{
  flex:0 0 17%;
}
.header .logo a{
  font-size: 30px;
  color:#000000;
  font-weight: 700;
  text-decoration: none;
}
.header .item-center{
  flex:0 0 66%;
}
.header .item-right{
  flex:0 0 17%;
  display: flex;
  justify-content: flex-end;
}
.header .item-right a{ 
     text-decoration: none;
     font-size: 16px;
     color:#555555;
     display: inline-block;
     margin-left: 10px;
     transition: color 0.3s ease;
}
.header .menu > ul > li{
  display: inline-block;
  line-height: 55px;
  margin-right: 40px;
}
.header .menu > ul > li > a{
  font-size: 16px;
  font-weight: 400;
  color:#000000;
  position: relative;
  text-transform: capitalize;
  transition: color 0.3s ease;
  font-family: 'Neue Montreal' !important;
  padding-bottom: 50px;
}
.header .menu > ul > li .sub-menu{
  position: absolute;
  z-index: 500;
  background-color:#ffffff;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  padding: 20px 9px;
  transition: all 0.5s ease;
  margin-top:25px;
  opacity:0;
  visibility: hidden;
  top: 147px;
}
@media(min-width: 992px){
.header .menu > ul > li.menu-item-has-children:hover .sub-menu{
  margin-top: 0;
  visibility: visible;
  opacity: 1;
}
}
.header .menu > ul > li .sub-menu > ul > li{
  line-height: 1;
}
.header .menu > ul > li .sub-menu > ul > li > a{
  display: inline-block;
  padding: 10px 0;
  font-size: 15px;
  color: #000000;
  transition: color 0.3s ease;
  text-decoration: none;
  text-transform: capitalize;
  font-family: 'Neue Montreal' !important;
  padding: 12px 15px;
}
.header .menu > ul > li .single-column-menu{
  min-width: 280px;
  max-width: 350px;
}
.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li{
   line-height: 1;
   display: block; 
}
.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a {
    padding: 10px 0;
    display: inline-block;
    font-size: 15px;
    color: #000000;
    transition: color 0.3s ease;
    font-family: 'Neue Montreal' !important;
    padding: 12px 15px;
    width: 100%;

     text-decoration: none;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
-o-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;

}
.header .menu > ul > li .sub-menu.mega-menu{
    left: 50%;
    transform: translateX(-50%);
}

.header .menu > ul > li .sub-menu.mega-menu-column-4{
  max-width: 1100px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding:20px 15px;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item{
  flex: 0 0 30%;
  padding:0 15px;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item .title{
    font-size: 16px;
    color: #000;
    font-weight: 600;
    padding-left: 15px !important;
    line-height: 1;
    padding: 10px 0;
    text-transform: uppercase;
    font-family: "Mona Sans", sans-serif !important;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center .title{
  text-align: center;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item img{
  max-width: 100%;
  width: 100%;
  vertical-align: middle;
  margin-top: 10px;
  height: 300px;
  object-fit: cover;
}
.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a:hover,
.header .menu > ul > li .sub-menu > ul > li > a:hover,
.header .item-right a:hover,
.header .menu > ul > li:hover > a{
  color:#ea4636;
}
/* banner section */
.banner-section{
  background-image: url('../img/banner.jpg');
  background-size: cover;
  background-position: center;
  height: 700px;
  width: 100%;
  display: block;
}
.mobile-menu-head,
.mobile-menu-trigger{
  display: none;
}

/*responsive*/
@media(max-width: 991px){

  .header .item-center{
    order:3;
    flex:0 0 100%;
  }
  .header .item-left,
  .header .item-right{
    flex:0 0 auto;
  }
  .v-center{
    justify-content: space-between;
  }
  .header .mobile-menu-trigger{
    display: flex;
    height: 30px;
    width: 30px;
    margin-left: 15px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
  }
  .header .mobile-menu-trigger span{
    display: block;
    height: 2px;
    background-color: #333333;
    width: 24px;
    position: relative;
  }
  .header .mobile-menu-trigger span:before,
  .header .mobile-menu-trigger span:after{
    content: '';
    position: absolute;
    left:0;
    width: 100%;
    height: 100%;
    background-color: #333333;
  }
  .header .mobile-menu-trigger span:before{
    top:-6px;
  }
  .header .mobile-menu-trigger span:after{
    top:6px;
  }
  .header .item-right{
    align-items: center;
  }

  .header .menu{
    position: fixed;
    width: 320px;
    background-color:#ffffff;
    left:0;
    top:0;
    height: 100%;
    overflow: hidden;
    transform: translate(-100%);
    transition: all 0.5s ease;
    z-index: 1099;
  }
  .header .menu.active{
     transform: translate(0%);  
  }
  .header .menu > ul > li{
    line-height: 1;
    margin:0;
    display: block;
  }
  .header .menu > ul > li > a{
    line-height: 50px;
    height: 50px;
    padding:0 50px 0 15px;
    display: block;
    border-bottom: 1px solid rgba(0,0,0,0.1);
  }
  .header .menu > ul > li > a i{
    position: absolute;
    height: 50px;
    width: 50px;
    top:0;
    right: 0;
    text-align: center;
    line-height: 50px;
    transform: rotate(-90deg);
  }
  .header .menu .mobile-menu-head{
    display: flex;
    height: 50px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 501;
    position: sticky;
    background-color: #ffffff;
    top:0;
  }
  .header .menu .mobile-menu-head .go-back{
    height: 50px;
    width: 50px;
    border-right: 1px solid rgba(0,0,0,0.1);
    cursor: pointer;
    line-height: 50px;
    text-align: center;
    color:#000000;
    font-size: 16px;
    display: none;
  }
  .header .menu .mobile-menu-head.active .go-back{
    display: block;
  }
  .header .menu .mobile-menu-head .current-menu-title{
    font-size: 15px;
    font-weight: 500;
    color:#000000;
  }
  .header .menu .mobile-menu-head .mobile-menu-close{
      height: 50px;
    width: 50px;
    border-left: 1px solid rgba(0,0,0,0.1);
    cursor: pointer;
    line-height: 50px;
    text-align: center;
    color:#000000;  
    font-size: 25px;
  }
  .header .menu .menu-main{
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .header .menu > ul > li .sub-menu.mega-menu,
  .header .menu > ul > li .sub-menu{
    visibility: visible;
    opacity: 1;
    position: absolute;
    box-shadow: none;
    margin:0;
    padding:15px;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    padding-top: 65px;
    max-width: none;
    min-width: auto;
    display: none;
    transform: translateX(0%);
    overflow-y: auto;
  }
.header .menu > ul > li .sub-menu.active{
  display: block;
}
@keyframes slideLeft{
  0%{
    opacity:0;
    transform: translateX(100%);
  }
  100%{
      opacity:1;
    transform: translateX(0%);  
  }
}
@keyframes slideRight{
  0%{
    opacity:1;
    transform: translateX(0%);
  }
  100%{
      opacity:0;
    transform: translateX(100%);  
  }
}
  .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item img{
    margin-top:0;
  }
  .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center .title{
    margin-bottom: 20px;
  }
  .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center:last-child .title{
    margin-bottom:0px;
  }
  .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item{
    flex: 0 0 100%;
        padding: 0px;
  }
  .header .menu > ul > li .sub-menu > ul > li > a,
  .header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a{
    display: block;
  }
  .header .menu > ul > li .sub-menu.mega-menu > .list-item > ul {
    margin-bottom: 15px;
  }
  .menu-overlay{
    position: fixed;
    background-color: rgba(0,0,0,0.5);
    left:0;
    top:0;
    width: 100%;
    height: 100%;
    z-index: 1098;
    visibility: hidden;
    opacity:0;
    transition: all 0.5s ease;
  }
  .menu-overlay.active{
    visibility: visible;
    opacity:1;  
  }
}

.cmr-sub{
  float:left;
  width:100%;
}

.cmr-sub h1{
    float: left !important;
    width: 100% !important;
    color: black !important;
    text-transform: uppercase !important;
    font-size: 44px !important;
    font-weight: 500 !important;
    line-height: 63px !important;
    margin-bottom: 45px !important;
}

.cmr-sub h1 span {
    color: #dd1b21;
}

.cmrsubp{
  float:left;
  width:100%;
}

.cmrsubp p {
    float: left;
    width: 100%;
    color: #000;
    font-size: 17px;
    line-height: 30px;
    padding-top: 5px;
}

.cmrstd{
    color: black;
    text-decoration: underline;
}

.busidtls{
  float:left;
  width:100%;
}

.busidtls img{
    border-radius: 20px;
    float: left;
    margin-right: 30px;
    margin-bottom: 10px;
}

.busidtls h2{
   /*float: left; */
    text-transform: uppercase;
    /* width: 100%; */
    color: black;
    font-weight: 600;
    font-size: 32px;
    line-height: 45px;
}

.busidtls p {
    /* float: left; */
    /* width: 100%; */
    font-size: 17px;
    color: #000;
    line-height: 30px;
    margin-bottom: 0;
    margin-top: 15px;
}

#role-business{
  float:left;
  width:100%;
  padding-top:40px;
  margin-top:20px;
  padding-bottom:0px;
  background-color:rgba(255, 245, 245, 1);
}

#role-business h2{
    float: left;
    width: 100%;
    color: black;
    text-transform: uppercase;
    font-size: 40px;
    font-weight: 500;
    line-height: 58px;
    margin-bottom: 45px;
}

#role-business h2 span{
  color: #dd1b21;
}

.role-bg{
  float:left;
  width:100%;
  background-color:white;
  padding: 25px;
  text-align:center;
  cursor:pointer;
  color: #000;
  border-radius:15px;
  padding-top: 40px;
  padding-bottom: 37px;
}

.role-bg h3{
    float: left;
    width: 100%;
    font-size: 19px;
    font-weight: 600;
    text-align: center;
}

.role-bg p{
    float: left;
    width: 100%;
    font-size:17px;
    line-height: 26px;
    text-align: center;
    margin-bottom: 3px;
    margin-top: 3px;
}

.role-bg img{
    width: 48px;
    margin-bottom: 19px;
    margin-top: 2px;
}

.role-bg:hover{
  background-color:#dd1b21;
  color:white;
     text-decoration: none;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
-o-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}

.role-bg:hover.role-bg img{
  -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}


.srv-rting{
  float:left;
  width:100%;
  margin-top: 55px;
  /* margin-bottom: 55px; */
  /* padding-left: 70px; */
  /* padding-right: 70px; */
  background: #f4f2f2;
  padding: 20px;
  border-radius: 15px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.flex-shrink-0 {
    flex-shrink: 0!important;
    float:left;
    font-weight:600;
    color: black;
    text-transform: uppercase;
    font-size:45px;
    letter-spacing: -1px;
    margin-right: 25px!important;
}

.flex-rate{
   float:left;
   padding-top: 8px;
}

.flex-rate p{
   font-size: 17px;
   font-weight:500 !important;
   color:black;
   letter-spacing: 1px;
}

.flex-rate img{
    width: 75px;
    float: left;
    margin-top: 2px;
    margin-bottom: 5px;
}

.push-left{
  float:left;
}

.sr-border{
  float:left;
  width:100%;
  border-right:solid 1px rgba(35,35,35,.1)!important;
}

.pl9{
  padding-left: 15px;
}

#adv-srv{
  float:left;
  width:100%;
  padding-top:45px;
  padding-bottom:45px;
}

#adv-srv h2 {
    float: left;
    width: 100%;
    color: black;
    text-transform: uppercase;
    font-size: 37px;
    font-weight: 500;
    line-height: 54px;
    margin-bottom: 15px;
}

#adv-srv h2 span {
    color: #dd1b21;
}

#adv-srv p{
    float: left;
    width: 100%;
    color: black;
    font-size: 17px;
    line-height: 30px;
}

.advlst{
    float: left;
    width: 100%;
    border-top: solid 1px rgb(84 144 217 / 19%);
    padding-top: 20px;
    margin-top: 10px;
    background: aliceblue;
    padding: 18px;
    border-radius: 13px;
}

.advlst p{
    float: left !important;
    width: 100% !important;
    font-size: 17px !important;
    color: #000 !important;
    padding-left: 50px;
    font-weight: 500 !important;
}

.titels-adv{
  float:left;
  width:100%;
}

.advlst p::before {
    content: '';
    position: absolute;
    width: 45px;
    height: 45px;
    background: url(../images/tck.png) no-repeat center center;
    background-size: 45px 45px;
    left: 28px;
    /* margin-top: 0px; */
    /* top: 13px; */
}


.section-advantages{
  float:left;
  width:100%;
  margin-top: 25px;
}

.advsbg{
    float: left;
    width: 100%;
    background-color: rgba(255, 245, 245, 1);
    border-radius: 15px;
    padding: 21px;
    margin-bottom:25px;
    margin-top:8px;
      transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
-o-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}

.advsbg p{
    float: left !important;
    width: 100% !important;
    color: black !important;
    font-size: 17px !important;
    line-height: 26px !important;
    margin-bottom: 0px !important;
    font-weight: 500 !important;
}

.advsbg h3{
    float: left;
    background: #322e2e;
    padding: 12px;
    font-size: 20px;
    font-weight: 600;
    color: white;
    border-radius: 10px;
    margin-bottom: 12px;
}

.advsbg:hover.advsbg h3{
   background:#dd1b21;
   color:white;
     transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
-o-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}

.steps-lists{
  float:left;
  width:100%;
}


.enqwth{
  float:left;
  width:100%;
  background-color: #f6f8f8;
  padding:25px;
  border-radius:15px;
  margin-top: 25px;
}

.enqwth h4{
    float: left;
    width: 100%;
    color: #131313;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    line-height: 54px;
    margin-bottom: 15px;
    text-align: center;
    background: #fff;
    border-radius: 10px;
}

.enqwth form{
  float:left;
  width:100%;
}


.tlt-hlp {
    float: left;
    width: 100%;
    color: white;
    font-size: 15px;
    padding-bottom: 6px;
    font-weight: 500;
    margin-top: 9px;
    font-family: 'Neue Montreal' !important;
}

.career-frmcnt {
    border: 1px solid rgb(255 255 255 / 30%) !important;
    color: white;
    display: block;
    padding-left: 15px !important;
    font-weight: 400;
    font-size: 15px;
    height: 52px;
    margin-bottom: 5px !important;
    padding: 0 20px;
    outline: none;
    background-color: #1c1919 !important;
    width: 100%;
    padding-left: 0px;
    border: none;
    transition: all 500ms ease;
    /* border: solid 1px rgb(255 255 255 / 32%); */
    margin-top: 3px;
    width: 100%;
    border-radius: 8px !important;
    float: left;
    padding: 7px 10px;
    margin-top: 3px;
    border-radius: 2px;
}


.hvr-enquir {
   float: left;
    width: 100%;
    height: 56px;
     background-color: #dd1b21;
    border-radius: 50px;
    text-align: center;
    font-size: 16px;
    color: black;
    font-weight: 500;
    color: white;
    cursor: pointer;
    font-family: 'Neue Montreal' !important;
    /* padding-top: 15px; */
    border: none;
    margin-top: 10px;
}

.hvr-enquir:hover{
 
  background-color: black;
  color:white;
}

.pl40{
  padding-left:40px;
}

.btmp{
  float:left;
  width:100%;
}

.btmp{
  float:left;
  width:100%;
}

.btmp p{
    float: left; 
    width: 100%;
    font-size: 17px;
    color: #000;
    line-height: 30px;
    margin-bottom: 0;
    margin-top: 15px;
}


.enqcntc {
    float: left;
    width: 100%;
    background-color: #fdf6ec;
    padding: 25px;
    border-radius: 15px;
    margin-top: 25px;
}

.enqcntc h4 {
    float: left;
    width: 100%;
    color: #131313;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    line-height: 54px;
    margin-bottom: 15px;
    text-align: center;
    background: #fff;
    border-radius: 10px;
    margin-bottom: 35px;
}

.cwd{
  float:left;
  width:100%;
}

.cwd p{
   float: left !important; 
    width: 100% !important;
    font-size: 17px !important;
    color: #000 !important;
    line-height: 28px !important;
}

.enqcntc h5{
    float: left;
    width: 100%;
    font-weight: 600;
    color: #dd1b21;
    font-size: 18px;
    margin-bottom: 4px;
}

.call-nav{
    float: left !important; 
    width: 100% !important;
    font-size: 17px !important;
    margin-bottom: 1rem;
    color: #000 !important;
    line-height: 28px !important;
    font-family: 'Neue Montreal' !important;
}

.call-nav:hover{
   color: #dd1b21;
}

#related-services{
  float:left;
  width:100%;
  background: #FFFFFF;
  padding-top: 40px;
  padding-bottom:50px;
  background: linear-gradient(6deg,rgba(255, 255, 255, 1) 0%, rgba(255, 245, 245, 1) 100%);
}


#related-services h2 {
    float: left !important;
    width: 100% !important;
    color: black !important;
    text-transform: uppercase !important;
    font-size: 37px !important;
    font-weight: 500 !important;
    line-height: 55px !important;
    margin-bottom: 45px !important;
}

#related-services h2 span {
    color: #dd1b21;
}

.rela-nav{
    float: left;
    background-color: #000;
    border-radius: 50px;
    padding: 14px;
    font-size: 17px;
    color: #fff;
    padding-left: 23px;
    padding-right: 25px;
    border: solid 1px rgb(0 0 0 / 15%);
    margin-right: 25px;
}

.rela-nav span{
  float: left;
  background: white;
  color: black;
  font-size: 16px;
  font-weight: 600;
  border-radius: 50px;
  width: 40px;
  height: 32px;
  text-align: center;
  line-height: 31px;
  margin-right: 14px;
  margin-top: -2px;
}

.rela-nav:hover{
  background-color: #c82f40;
}

.rela-nav img{
  -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    display: inline !important;
    width: 30px;
    margin-left: 40px;
    float: right;
}

.disablesrv {
    pointer-events: none;
    opacity: 0.4;
    background: #d4363d;
}





/* TEXT animations */
.fadeInUp {
    animation: fadeInUp 1s ease forwards;
}
.fadeOutDown {
    animation: fadeOutDown 0.8s ease forwards;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(40px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(-40px);
    }
}

/* IMAGE animations */
.zoomIn {
    animation: zoomIn 1s ease forwards;
}
.zoomOut {
    animation: zoomOut 0.8s ease forwards;
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale(1.1);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes zoomOut {
    from {
        opacity: 1;
        transform: scale(1);
    }
    to {
        opacity: 0;
        transform: scale(0.9);
    }
}
[data-aos="fire"] {
  opacity: 0;
  transform: scale(0.3) translateY(100px);
  filter: brightness(2) blur(10px);
  transition-property: transform, opacity, filter;
}

[data-aos="fire"].aos-animate {
  opacity: 1;
  transform: scale(1) translateY(0);
  filter: brightness(1) blur(0);
}


[data-aos="flash"] {
  opacity: 0;
  filter: brightness(5);
  transform: skewX(-20deg);
  transition-property: transform, opacity, filter;
}

[data-aos="flash"].aos-animate {
  opacity: 1;
  filter: brightness(1);
  transform: skewX(0);
}


.mega-m50 {
    float: left;
    width: 33%;
    list-style-type: none;
}

.blsub{
  float:left;
  width:100%;
  color:black;
  font-weight:600;
  font-size:18px;
  padding-left: 25px !important;
  font-family: "Mona Sans", sans-serif !important;
}

.hvr-mr{
  float:left;
  width:100%;
}

.hvr-mr:hover{
    color: #000000 !important;
    background: #fff5f5;
    border-radius: 5px;
    padding-left: 20px !important;
     text-decoration: none;
    transition: all ease-in-out .5s !important;
    -webkit-transition: all ease-in-out .5s;
-o-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}




/* Hamburger */

.about-widget {
    position: relative;
    cursor: pointer;
    float: right;
    margin-top: 5px;
}

.hamburger {
  width: 46px;
    height: 46px;
  display: flex;
  border-radius:15px;
  padding: 16px 12px;
  align-self: center;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  background-color: #f2f2f2;
}

.hamburger:hover{
  background-color: black;
}
  
  .hamburger span {
  height: 2px;
  width: 83.33333333%;
  background: #1c2539;
  transition: all 400ms ease-in-out;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  }

  .hamburger:hover span{
  background-color: white;
  }

  .hamburger .meat {
  width: 100%;
  transition: all 200ms ease-in-out;
  }
  
  .hamburger .bottom-bun {
  width: 58.33333333%;
  transition: all 100ms ease-in-out;
  }
  
  .hamburger:hover span {
  width: 100%;
  }
  
  html:not(.body-menu-opened) .hamburger .top-bun {
  -webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards 200ms;
      animation: burger-hover 1s infinite ease-in-out alternate forwards 200ms;
  }
  
  html:not(.body-menu-opened) .hamburger .meat {
  -webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards 400ms;
      animation: burger-hover 1s infinite ease-in-out alternate forwards 400ms;
  }
  
  html:not(.body-menu-opened) .hamburger .bottom-bun {
  -webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards 600ms;
      animation: burger-hover 1s infinite ease-in-out alternate forwards 600ms;
  }
  
  @-webkit-keyframes burger-hover {
  0% {
    width: 100%;
  }
  50% {
    width: 50%;
  }
  100% {
    width: 100%;
  }
  }
  
  @keyframes burger-hover {
  0% {
    width: 100%;
  }
  50% {
    width: 50%;
  }
  100% {
    width: 100%;
  }
  }



  .rela-nav2{
    background-color: #191818;
    border-radius: 13px;
    padding: 14px;
    font-size: 17px;
    color: #fff;
    padding-left: 23px;
    padding-right: 25px;
    border: solid 1px rgb(0 0 0 / 15%);
    margin-right: 25px;
    width: 100%;
    float: left;
    padding-top: 20px;
    margin-bottom:25px;
}

.rela-nav2 span{
  float: left;
  background: white;
  color: black;
  font-size: 16px;
  font-weight: 600;
  border-radius: 50px;
  width: 40px;
  height: 32px;
  text-align: center;
  line-height: 31px;
  margin-right: 14px;
  margin-top: -2px;
}

.rela-nav2 strong{
    float: left;
    width: 100%;
    font-weight: 500;
    padding-top: 17px;
    font-size: 17px;
}

.rela-nav2:hover{
  background-color: #c82f40;
}

.rela-nav2 img{
 -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    display: inline !important;
    width: 30px;
    margin-left: 0px;
    float: left;
    margin-top: 6px;
    margin-bottom: 5px;
}

.rela-nav2 p{
    float: left;
    width: 100%;
    font-size: 16px;
    padding-top: 12px;
}


.disablesrv2 {
    pointer-events: none;
    opacity: 0.4;
    background: #3e3939;
}

.compsdtls-zone{
  float:left;
  width:100%;
}

.compsdtls-zone p {
    float: left;
    width: 100%;
    font-size: 17px;
    color: #000;
    line-height: 30px;
    margin-bottom: 0;
    margin-top: 15px;
}

.compsdtls{
  float:left;
  width:100%;
}

.compsdtls img{
    border-radius: 20px;
    float: left;
    margin-right: 0px;
    margin-bottom:20px;
    width: 100% !important;
}

.compsdtls h2{
   float: left;
    text-transform: uppercase;
    width: 100%;
    color: black;
    font-weight: 600;
    font-size: 32px;
    line-height: 45px;
}

.compsdtls p {
    float: left; 
    width: 100%; 
    font-size: 17px;
    color: #000;
    line-height: 30px;
    margin-bottom: 0;
    margin-top: 15px;
}

.mb-28{
  margin-bottom: 28px !important;
}



.cmr-subs{
  float:left;
  width:100%;
}

.cmr-subs h1{
    float: left !important;
    width: 100% !important;
    color: black !important;
    text-transform: uppercase !important;
    font-size: 44px !important;
    font-weight: 500 !important;
    line-height: 63px !important;
    margin-bottom: 28px !important;
}

.cmr-subs h1 span{
  color: #dd1b21;
}

.cm-bnf{
  float:left;
  width:100%;
}

.cm-bnf h2{
    float: left;
    width: 100%;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    color: #000000;
    /* padding-top: 24px; */
    background: #FFF5F5;
    background: linear-gradient(90deg,rgba(255, 245, 245, 1) 0%, rgba(255, 255, 255, 1) 100%);
    padding: 17px;
    border-radius: 9px;
    margin-top: 27px;
    margin-bottom: 20px;
}



.micro-srv{
   float: left;
    width: 100%;
    padding: 25px;
    background-color: white;
    margin-bottom: 20px;
    border-radius: 10px;
}


.micro-srv h4{
    float: left;
    width: 100%;
    text-align: center;
    color: white;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    padding-bottom: 0px;
    margin-bottom: 0px;
    background: #1767a8;
    padding: 10px;
    /* letter-spacing: 1px; */
    margin-bottom: 10px;
    border-radius: 5px;
    margin-top: 5px;
}

.micro-srv h3{
    float: left;
    width: 100%;
    color: black;
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
}

.micro-srv p{
    float: left;
    width: 100%;
    font-size: 15px;
    color: #000000;
    line-height: 24px;
    margin-top: 4px;
    margin-bottom: 2px;
}

.micro-srv img{
    width: 27px;
    float: left;
    margin-top: 5px;
}



.role-bg-cm{
  float:left;
  width:100%;
  background-color:white;
  padding: 25px;
  margin-bottom:20px;
  margin-top: 15px;
  text-align: left;
  cursor:pointer;
  color: #000;
  border-radius:15px;
  padding-top: 40px;
  padding-bottom: 37px;
  border: solid 1px rgb(0 0 0 / 10%);
}

.role-bg-cm h3{
    float: left;
    width: 100%;
    font-size: 19px;
    font-weight: 600;
    text-align: left;
}

.role-bg-cm p{
    float: left;
    width: 100%;
    font-size:17px;
    line-height: 29px;
    text-align: left;
    margin-bottom: 3px;
    margin-top: 3px;
}

.role-bg-cm img{
    width: 48px;
    margin-bottom: 19px;
    margin-top: 2px;
}

.role-bg-cm:hover{
  background-color:#dd1b21;
  color:white;
     text-decoration: none;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
-o-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}

.role-bg-cm:hover.role-bg-cm img{
  -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}


.disablecs {
    pointer-events: none;
    opacity: 0.4;
}

.field-cmst{
    border: none !important;
    background: #eaecec !important;
    color: white !important;
}

.land-dtls{
  float:left;
  width:100%;
}

.land-dtls p{
    float: left;
    width: 100%;
    font-size: 17px;
    color: #000;
    line-height: 30px;
    margin-bottom: 0;
    margin-top: 15px;
}

.str-light{
      font-weight: 500 !important;
      color: #ffc8ca;
}

.shore-dubai{
    background-color: #191818;
    border-radius: 13px;
    padding: 14px;
    font-size: 17px;
    color: #fff;
    padding-left: 23px;
    padding-right: 25px;
    border: solid 1px rgb(0 0 0 / 15%);
    margin-right: 25px;
    width: 100%;
    float: left;
    padding-top: 20px;
    margin-bottom: 25px;
}

.shore-dubai span {
    float: left;
    background: white;
    color: black;
    font-size: 16px;
    font-weight: 600;
    border-radius: 50px;
    width: 40px;
    position: absolute;
    border-bottom-left-radius: 0px;
    height: 32px;
    text-align: center;
    line-height: 31px;
    margin-right: 14px;
    margin-top: -2px;
}

.shore-dubai:hover.shore-dubai span{
  background-color: #ed1c24;
  color:white !important;
  text-decoration: none;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
-o-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}

.shore-dubai strong {
    float: left;
    width: 100%;
    font-weight: 500;
    font-size: 26px;
    padding-top: 50px;
}

.shore-dubai p {
    float: left;
    width: 100%;
    font-size: 16px;
    padding-top: 12px;
    line-height: 28px;
}

.shore-dubai  img{
  border-radius:15px;
}

.thb-icon-sh{
  float: right;
    /* width: 100%; */
    text-align: right;
    margin-top: -87px;
}

.thb-icon-sh img{
    width: 55px;
    float: right;
    filter: grayscale(100%);
    opacity: 0.7;
  }

  .shore-dubai:hover .thb-icon-sh img {
    width: 55px;
    float: right;
    filter: grayscale(0);
    opacity: 1;
    text-decoration: none;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s;
}

.rlg{
  background: #fef9f9;
}

.nv-margin{
  margin-top:15px;
  margin-bottom:15px;
}

.blog-crv{
    width: 272px !important;
    position: absolute;
    float: right;
    right: 15px;
    top: -4px;
}

.news-public{
  float:left;
  width:100%;
}

.news-public h1{
    float: left !important;
    width: 100% !important;
    font-size: 30px !important;
    color: black;
    font-weight: 600;
    line-height: 41px !important;
    padding-bottom: 26px !important;
}

.related-news-list{
    float: left;
    width: 100%;
    height: 610px;
    overflow: scroll;
    padding-right: 15px;
}

.rn-hvr{
    float: left;
    width: 100%;
    color: #000;
    font-weight: 500;
    border-bottom: solid 1px rgb(0 0 0 / 9%);
    margin-bottom: 20px;
    padding-bottom: 9px;
}

.rn-hvr h3{
    font-size: 17px;
    float: left;
    width: 100%;
    margin-top: 15px;
    line-height: 24px;
    font-weight: 600;
}

.rn-hvr:hover{
  color:#ed1c24;
}

.rn-hvr span{
    float: left;
    background-color: #574d4d;
    color: white;
    font-size: 13px;
    border-radius: 50px;
    padding: 5px;
    padding-left: 12px;
    padding-right: 15px;
}

.rhs{
  float:left;
  width:100%;
  padding:25px;
  background-color: #fff4f4;
  border-radius:10px;
  padding-top: 30px;
  margin-top: 20px;
}

.rhs h2{
  float:left;
  width:100%;
  color:black;
  font-size:30px;
  font-weight:600;
}

.rhs p {
    float: left;
    width: 100%;
    color: black;
    font-size: 18px;
    line-height: 26px;
    padding-top: 5px;
}

.loacte{
  float:left;
  width:100%;
}

.loacte h3{
     float: left;
    width: 100%;
    color: #dd1b21;
    font-size: 20px;
    font-weight: bold;
    /* text-transform: uppercase; */
    padding-top: 8px;
    background: #FFF5F5;
    background: linear-gradient(322deg,rgba(255, 245, 245, 1) 0%, rgb(255 255 255) 100%);
    padding: 16px;
    border-radius: 9px;
    margin-bottom: 15px;
}

.loacte p{
    float: left;
    width: 100%;
    font-size: 17px;
    line-height: 28px;
    color: black;
    padding-top: 0px;
}

.cnt-frm{
  float:left;
  width:100%;
  padding-left:25px;
  margin-top: 20px;
}

.cnt-frm form{
  float:left;
  width:100%;
  background: black;
    padding: 25px;
    border-radius: 20px;
}

.cnt-frm h3{
    float: left;
    width: 100%;
    color: black;
    font-size: 30px;
    font-weight: 600;
}

.cnt-frm p{
    float: left;
    width: 100%;
    color: black;
    font-size: 17px;
    line-height: 30px;
    padding-top: 5px;
}

.map-list{
  float:left;
  width:100%;
  margin-top:35px;
}

.map-list-frame{
  border-radius:15px;
}

.modals-bgs {
    padding-bottom: 0px !important;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    background: #B90723;
    background: linear-gradient(90deg,rgb(101 0 0) 10%, rgb(50 39 39) 100%);
}

.modals-enqb{margin-top:0px;}

.mod-new {
    width: 100%;
    float: left;
    padding: 30px;
    padding-top: 0px;
}

.d-flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.mod-right {
    width: 100%;
    float: left;
    /* padding: 30px 30px; */
    margin-top: 10px;
}

.mod-right img {
    width: 100%;
    max-width: 140px;
    float: left;
    margin: auto;
    display: block;
    text-align: center;
    margin-bottom: 20px;
}

.mod-right h6 {
    font-size: 35px;
    color: #ffffff;
    font-weight: 600;
    margin-top: 20px;
    float: left;
    margin-bottom: 10px;
    width: 100%;
    /* letter-spacing: -1px; */
}

.mod-right a {
    width: 100%;
    float: left;
    padding-bottom: 6px;
    font-size: 22px;
    color: #fff;
    font-weight: 400;
    text-decoration: none;
    /* letter-spacing: -.5px; */
    font-size: 20px;
}

.log-sec {
    width: 100%;
    float: left;
    background:#1c1919;
    border-radius: 30px;
    padding: 20px 20px;
}


.close_form {
    border-radius: 30px;
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    right: 5px;
    z-index: 999;
    top: 15px;
    background: #00000000 url(../images/close.svg) no-repeat center center;
    background-size: 20px 20px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: none;
    cursor: pointer;
    filter: brightness(100);
}


.reveal-text .word {
  opacity: 0;
  display: inline-block;
  transform: translateY(10px);
  transition: opacity 0.4s ease, transform 0.4s ease;
}

.reveal-text .word.visible {
  opacity: 1;
  transform: translateY(0);
}




.hero-slider{
    position:relative;
    width:100%;
    
    /* height:100vh; */
    overflow:hidden;
}

.slide{
    position:absolute;
    width:100%;
    height:100%;
    opacity:0;
    transition:opacity 1s ease;
}

.slide.active{
    opacity:1;
    z-index:1;
}

.slide img{
    width:100%;
    height:100%;
    object-fit:cover;
   /* filter:brightness(60%); */
}

.content{
    position:absolute;
    top:50%;
    left:8%;
    transform:translateY(-50%);
    color:#fff;
    max-width:700px;
}

.content h1{
    font-size:65px;
    letter-spacing:2px;
}

.content p{
    font-size:22px;
    margin-top:20px;
}



/* Progress Indicator */

.progress-wrapper{
    position:absolute;
    bottom:40px;
    left:8%;
    display:flex;
    align-items:center;
    gap:15px;
    color:#fff;
    font-size:16px;
    z-index:5;
}

.progress-bar{
    width:250px;
    height:3px;
    background:rgba(255,255,255,0.3);
    position:relative;
    overflow:hidden;
}

.progress{
    width:0%;
    height:100%;
    background:red;
}



/* Arrow Navigation */

.arrow-nav{
    position:absolute;
    bottom:35px;
    right:8%;
    display:flex;
    gap:15px;
    z-index:10;
}

.arrow{
    width:45px;
    height:45px;
    border:1px solid rgba(255,255,255,0.5);
    background:transparent;
    color:#fff;
    font-size:22px;
    cursor:pointer;
    transition:0.3s;
}

.arrow:hover{
   background: rgb(255 0 0 / 33%);
    /* border-color: red; */
    border-radius: 5px;
}



.hero-slider{
    position:relative;
    width:100%;
 /* height:100vh; */
    overflow:hidden;
    background:#000;
}

/* Slides container */
.slides{
    display:flex;
    height:100%;
    transition:transform 1s ease;
}

/* Individual slide */
.slide{
    min-width:100%;
    height:100%;
    position:relative;
    overflow:hidden;
}

.slide img{
    width:100%;
    height:100%;
    object-fit:cover;
    /* filter:brightness(60%); */
    
    transform:scale(1);
    transition:transform 6s ease;
}

/* Ken Burns zoom */
.slide.active img{
    transform:scale(1.1);
}

/* Content */
.content{
    position:absolute;
    top:50%;
    left:8%;
    transform:translateY(-50%);
    color:#fff;
    max-width:650px;
}

.content h2{
    font-size:60px;
    letter-spacing:0px;
    margin-bottom:20px;
    font-weight:500;
    font-family: "Mona Sans", sans-serif !important;
    opacity:0;
    transform:translateY(40px);
    text-transform:uppercase;
    transition:0.8s ease;
}

.content p{
    font-size:22px;
    opacity:0;
    transform:translateY(40px);
    transition:1s ease;
}

.slide.active .content h2,
.slide.active .content p{
    opacity:1;
    transform:translateY(0);
}

/* Bottom Navigation */
.bottom-nav{
    position: absolute;
    bottom: 100px;
    left: 20%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff;
    bottom: 65px;
}

/* Arrows */
.arrow{
    background:none;
    border:none;
    color:#fff;
    font-size:28px;
    cursor:pointer;
    transition:0.3s;
}

.bnr-nav {
  width:20px;
  margin-top: -6px;
}

.arrow:hover{
    color:red;
}

/* Counter */
.counter{
    display:flex;
    align-items:center;
    gap:15px;
    font-size:16px;
}

.line{
    width:160px;
    height:2px;
    background:rgba(255,255,255,0.3);
    overflow:hidden;
    position:relative;
}

.progress{
    width:0%;
    height:100%;
    background:red;
    transition:width linear;
}



@media only screen and (max-width:600px) {
.cmr-subs h1{font-size:35px !important; line-height:49px !important;}
.cmr-sub h1 {font-size:35px !important; line-height:49px !important;}
#role-business h2{font-size:35px !important; line-height:49px !important;}
#adv-srv h2{font-size:35px !important; line-height:49px !important;}

#sectwo h2{font-size:35px !important; line-height:49px !important;}
.service-list h3{font-size:35px; line-height:49px;}
#secthree h2{font-size:35px !important; line-height:49px !important;}
#secfour h2{font-size:35px !important; line-height:49px !important;}
#secseven h2{font-size:35px !important; line-height:49px !important;}
#seceight h2{font-size:35px !important; line-height:49px !important;}
#secnine h2{font-size:35px !important; line-height:49px !important;}
#secthree h2{font-size:35px !important; line-height:49px !important;}
.tagone h2{font-size:35px !important; line-height:49px !important;}

.ubd h2{font-size:35px !important; line-height:49px !important;}
#cv-sec h2{font-size:35px !important; line-height:49px !important;}
#cv-sec h4{font-size:35px !important; line-height:49px !important;}
}


@media only screen and (max-width:461px) {
.abt-sec img{display:none;}
.abt-sec{padding-left:0px;}
}


@media only screen and (max-width:570px) {
.busidtls img{width:100%;}
.busidtls h2{float:left; width:100%; font-size:26px; line-height:30px; margin-top:10px; margin-bottom:10px;}
}


@media only screen and (max-width:1164px) {
.rela-nav{margin-bottom: 20px;}
}


@media only screen and (max-width:601px) {
.rela-nav{float:left; width:100%;}
}

@media only screen and (max-width:890px) {
.wave{background: none;}
.wds{height:280px;}  
.td-pg{margin-top: -50px;}
}

@media only screen and (max-width:734px) {
.td-pg{margin-top: -65px;}
}

@media only screen and (max-width:456px) {
.td-pg{margin-top: -60px; font-size:30px; line-height: 32px;}
}

@media only screen and (max-width:734px) {
#banner{margin-top:65px !important;}
.content h2{width:100% !important; text-align:center; padding-left:100px; padding-right:100px;}
.slide img{filter: brightness(60%);}
}

@media only screen and (max-width:760px) {
.ubd img{float: left; margin-top: 0px;}
.ubd h2{float: left; width:100%;} 
.ubd p{float: left; width:100%;}
}

@media only screen and (max-width:490px) {
.ubd img{width:100%;}
}

@media only screen and (max-width:1008px) {
.white-bg{height:auto;}
}

@media only screen and (max-width:700px) {
.hero-slider{height: 450px;}
.content h2{text-align:left; padding-left:0px; padding-right:0px; width:70% !important;}
}

@media only screen and (max-width:400px) {
.content h2{text-align:left; padding-left:0px; padding-right:0px; width:100% !important;}
}

@media only screen and (max-width:890px) {
.cont-bg{background-position-y: 2%;}
.nev-bg{background-position-y: 39%;}
.wds{background-position-y: 39%;}
.bl-bnr{background-position-y: -37%;}
}

@media only screen and (max-width:735px) {
.cont-bg{background-position-y: 43%;}
.nev-bg{background-position-y: 43%;}
.cs-bnr{background-position-y: 43%;}
.vds-bg{background-position-y: 43%;}
.bl-bnr{background-position-y: 0%;}
}

@media only screen and (max-width:556px) {
.bl-bnr{background-position-y:18%; background-position-x: 21%;}
    
}



@media only screen and (max-width:767px) {
.cnt-frm{ margin-top: 45px; padding-left:0px;}
.role-bg{margin-bottom: 15px;}
.flex-shrink-0{float:left; width:100%; text-align:center; margin-right: 0px!important;}
.flex-rate{float:left; width:100%; text-align:center;}
.flex-rate img{float:none;}
.sr-border{border-right:none !important;}
.pl9{padding-left:0px;}

.white-bg{margin-bottom:30px;}
.red-bg{margin-bottom:30px;}
.hcnt{  flex: 50%; min-width: 50%; width: 50%; float: left; max-width: 50%;}
#secone{padding-bottom:25px; padding-top:25px;}
}

@media only screen and (max-width:1199px) {
#ctc h2{padding-left:0px; float:left; width:100%; font-size:35px; line-height:50px;}
.ctc-nav{margin-left:0px; margin-top:17px;}
}

@media only screen and (max-width:438px) {
.bkm{float:left; width:100%;}
.bwp{float:left; width:100%; margin-top:25px; margin-left:0px;}
.ctc-nav{float:left; width:100%;}
.news-public h1{font-size: 25px !important; line-height: 32px !important;}
}


@media only screen and (max-width:500px) {
.blog-crv{width: 215px !important;}
}

@media only screen and (max-width:375px) {
.pub{float:left; width:100%;}
.wh-bg-bl{float:left; margin-top: 15px;}
}

@media only screen and (max-width:1223px) {
.b3-bx p{float:left; width:100%; padding-top:10px;}
}


@media only screen and (max-width:991px) {
.header .mobile-menu-trigger{margin-right:15px; margin-top:70px;}
}

@media only screen and (max-width:735px) {
.header .mobile-menu-trigger{margin-right:0px; margin-top: 36px;;}
}

@media only screen and (max-width:767px) {
.pl40{padding-left:15px;}
.cmr-sub h1{margin-bottom:3px !important;}
.sec-st{text-align:center;}
.sec-st img{margin-top:50px;}
.tpn{margin-bottom: 0px; margin-top: 20px;}
.tagone p{width:100%;}
.question{margin-bottom:25px;}
.faq-sec{margin-bottom:0px;}
#secnine h3{float:left; text-align:left;}
.str{float:left; margin-bottom:25px;}
#secnine h2{margin-bottom:0px;}
.rev-bg h4{font-size:18px; line-height:26px; padding-left:20px; padding-right:20px;}
.rev-bg p{padding-left:23px; padding-right:23px;}
.qt-imgs{margin-left:20px; margin-bottom:10px;}
.rv-nameimg{margin-bottom: 20px;}
#secone-page h1{font-size:25px; line-height:37px;}
.rdg{margin-top:30px; float:left; width:100%;}
.abtms{float:left; min-width:50%; flex:50%; margin-bottom: 15px;}
.cnt-brd h2{margin-top:25px !important;}
}

@media only screen and (max-width:420px) {
.abtms{float:left; min-width:100%; flex:100%; margin-bottom: 15px;}
}


@media only screen and (max-width:930px) {
.mb-cmp{float:left; flex:100%; min-width:100%; max-width:100%; padding-left: 15px;}
.enqcntc{margin-top:30px;}
}


@media only screen and (max-width:1199px) {
.adtel{margin-left:0px;}
}

@media only screen and (max-width:991px) {
.mt175{margin-top: -435px;}
}

@media only screen and (max-width:767px) {
.mt175{margin-top:20px;}
}

@media only screen and (max-width:570px) {
.ifza-imgs img{width:100% !important;}
}


@media only screen and (max-width:980px) {
.abt-sec h1{font-size:35px;}
}

@media only screen and (max-width:509px) {
.hcnt{float:left; width:100%; flex:100%; min-width:100%; max-width:100%;}
}


@media only screen and (max-width:1199px) {
.mbw{float:left; width:100%; flex:100%; min-width:100%; max-width:100%;}
.three-carousel{padding-left:0px; margin-top:30px;}
.three-carousel .owl-dots{text-align:center; left:0px; top:32px;}
.slider-counter{display:none;}
.tagone h2{font-size:38px; line-height:54px;}
.tagone{    padding-top: 35px;}
.blg-crv{width: 170px !important;}
#secfive{background-repeat: no-repeat; background-size: cover;}
.black-bg h2{font-size:40px; line-height:54px;}
}


@media only screen and (max-width:1300px) {
.project-block_one-overlay{top:190px;}
}

@media only screen and (max-width:1160px) {
.project-block_one-overlay{top:120px;}
}

@media only screen and (max-width:1040px) {
.project-block_one-overlay{top:60px;}
}


@media only screen and (max-width:999px) {
.project-block_one-overlay{position:relative;}
.project-block_one-overlay_inner{padding:0px;}
.project-block_one-overlay{left:0px;}
.project-block_one-overlay{top:35px;}
.content h2{font-size:45px;}
.bottom-nav{left:50%;}
}


@media only screen and (max-width:599px) {
.project-block_one-overlay_inner{width:100%; float:left; max-width:100%; padding-left: 20px;
    padding-right: 20px; min-height:206px;}

}

@media only screen and (max-width:442px) {
.project-block_one-overlay_inner{min-height:245px;}
#secfour{padding-bottom:0px;}
}


@media only screen and (max-width:991px) {
.tagone{width:100%; float:left;}
.tagone p{padding-top:5px;}
.tagtwo{float:left; width:100%;}
.client-experience{top:0px; left:0px; float:left;}
.tagtwo{padding-top:0px;}
.sec-st img{margin-top: 118px;}
}


@media only screen and (max-width:735px) {
.wds{height: 100%; padding-top: 90px; padding-bottom: 50px;}
.wave{position: relative; height: 100%;}
}

@media only screen and (max-width:1000px) {
.pub{width:100%; float:left;}
.wh-bg-bl{float:left; margin-top: 15px; }
}

@media only screen and (max-width:991px) {
.black-bg{width:100%; float:left; max-width:100%; padding: 0px;}
#secfive{background: #181010; }
.ubl-logo img { width: 207px !important;}
.v-center{margin-top:35px !important;}
.content h2{font-size:37px; width:50%;}
.bottom-nav{bottom:30px;}
.about-widget{display:none;}
.schd-call{display:none;}
.header .menu > ul > li{margin-right:0px !important;}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item .title{float:left; width:100%;}
}


@media only screen and (max-width:991px) {
.content h2{font-size:31px;}
}

@media only screen and (max-width:735px) {
#top-header{display:none !important;}
#banner{margin-top:66px;}
}



@media only screen and (max-width:999px) {
.project-block_one-overlay_inner{min-height:226px;}
}

@media only screen and (max-width:999px) {
.b3-bx p{float:left; width:100%; padding-top:8px;}
    
}

@media (min-width:992px) and (max-width:3500px) {
.ceo-mb-imgs{display:none;}
}


@media (min-width:1700px) and (max-width:2000px) {
.vds-bg{background-position-y: 30%;}
.cs-bnr{background-position-y: 65%;}
.nev-bg{background-position-y: 55%;}
.cont-bg{background-position-y: 55%;}
.wave1{bottom: -30px;}
}

@media (min-width:2001px) and (max-width:2500px) {
.vds-bg{background-position-y: 30%;}
.cs-bnr{background-position-y: 65%;}
.nev-bg{background-position-y: 35%;}
.cont-bg{background-position-y: 33%;}
.wave1{bottom: -66px;}
}



@media only screen and (max-width:475px) {
.titels-hvr{margin-top:-215px;}
}

@media only screen and (max-width:479px) {
.titels-hvr{margin-top:-215px;}
}

@media only screen and (max-width:558px) {
.content h2{font-size:35px;} 
}

@media only screen and (max-width:1266px) {
.header .menu > ul > li{margin-right: 24px;}
}

@media only screen and (max-width:1153px) {
.ubl-logo img{width:170px;}
.schd-call{margin-right:8px;}
.header .menu > ul > li > a{font-size:14px;}
#banner{margin-top:94px;}
.plr33{padding-left:15px !important; padding-right:15px !important;}
.v-center{margin-top:15px;}
}

@media only screen and (max-width:1013px) {
.schd-call{width:140px;}
}




.plr33{
  padding-right:33px;
  padding-left:33px;
}


.owl-pro3 .item:before {
    content: '';
    position: absolute;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
     background: linear-gradient(to bottom, rgb(237 28 36 / 42%), rgba(227, 130, 29, 0.15), rgba(227, 130, 29, 0));
    opacity: 0;
    z-index: 2;
}
.pr-bx-img{
    float:left;width:100%;position:relative;overflow:hidden;
}
.owl-pro3 .item:hover::before {
    animation: bulbOn 0.8s ease-out forwards;
}

@keyframes bulbOn {
  0% {
    top: -100%;
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  100% {
    top: 100%;
    opacity: 0;
  }
}



.fa, .fa-brands, .fa-classic, .fa-regular, .fa-sharp, .fa-solid, .fab, .far, .fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display,inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    font-size: 13px;
    padding-left: 5px;
}


@keyframes pulsing {

  to {

    box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);

  }

}


.contact_icon {
    background-color:#312d2d;
    color: #fff;
    width: 60px;
    height: 60px;
    font-size: 30px;
    border-radius: 50px;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    position: fixed;
    bottom: 15px;
    right: 25px;
    z-index: 1111;
    transform: translatey(0px);
    animation: pulse 1.5s infinite;
    box-shadow: 0 0 0 0 #312d2d;
    -webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    font-weight: normal;
    font-family: sans-serif;
    text-decoration: none !important;
    transition: all 300ms ease-in-out;
}


.contact_icon img{
    width: 28px;
     -webkit-filter: brightness(0) invert(1); 
     filter: brightness(0) invert(1); 
    top: 4px;
    position: relative;
}

.say-hi{
    float: left;
    position: fixed;
    bottom: 23px;
    right: 102px;
    z-index: 1111;
    background: white;
    border-radius: 8px;
    font-size: 15px;
    color: black;
    font-weight: 500;
    padding: 15px;
    padding-top: 6px;
    padding-bottom: 7px;
}


.ftr-hand {
    width: 21px;
    margin-left: -1px;
    position: relative;
    top: -1px;
    margin-right:0px;
}


.sd-address{
  float:left;
  width:100%;
}

.sd-address p{
    float: left;
    width: 100%;
    font-size: 19px;
    color: white;
    line-height: 30px;
    margin-bottom: 0px;
}



/*top side*/
/* Sidebar Container */
#sidebar {
    position: fixed;
    top: 0;
    right: 0;
    width: 35%; /* 50% width as requested */
    height: 100%; /* Full screen height */
    z-index: 1000;
    color: #d9d9d9;
    border-top-left-radius: 20px;
    transform: translateX(100%) translateZ(-500px);
background-color: rgba(0,0,0,0.18);
    backdrop-filter: blur(60px);
    /* BOOK CLOSED STATE */
    transform-origin: right center;
    transform: perspective(1400px) rotateY(-90deg);
    opacity: 0;
   

    transition:
        transform 1.2s cubic-bezier(0.23, 1, 0.32, 1),
        opacity 0.6s ease,
        visibility 0s 1.2s;
         visibility: hidden;
    
    padding: 0px 20px 0px 40px;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;

background: #B90723;
    background: linear-gradient(1deg,rgba(185, 7, 35, 1) 0%, rgba(120, 11, 14, 1) 100%);

    overflow-y: auto;

    /* smooth scrolling */
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;

}




.subscribe-form input::placeholder {
  color: #ffffff;
  opacity: 1; /* important for Firefox */
}

/* For older browser support */
.subscribe-form input::-webkit-input-placeholder {
  color: #ffffff;
}
.subscribe-form input:-ms-input-placeholder {
  color: #ffffff;
}
.subscribe-form input::-ms-input-placeholder {
  color: #ffffff;
}
/* BOOK OPEN STATE */
.sidebar-open #sidebar {
    transform: perspective(1400px) rotateY(0deg);
    opacity: 1;
    visibility: visible;
    transition:
        transform 1.2s cubic-bezier(0.23, 1, 0.32, 1),
        opacity 0.6s ease;
}


body.sidebar-open {
    overflow: hidden;
    height: 100vh;
}



.close-btn {
    color: #ffffff;
    font-size: 60px;
    text-decoration: none;
    line-height: 0.5;
    transition: color 0.3s;
    margin-top: 0px;
    float: left;
    text-align: left;
    position: absolute;
    top: -42px;
    /* font-weight: 200; */
}


.sidebar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    padding-bottom: 10px;
    position: relative;
}

.sidebar-content {
    display: flex;
    flex-direction: column;
    gap: 17px;
}

.quick-enquiry {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.sidebar-title {
    font-size: 19px;
    font-weight: 400;
    font-family: 'Neue Montreal' !important;
    color: #fff;
}
.sidebar-title:hover{
        color: #969595;

}


.social-links-side{
  float:left;
  width:100%;
  margin-top: 50px;
}

.social-links-side h4{
  float: left;
    width: 100%;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 23px;
    font-family: "Mona Sans", sans-serif !important;
    color: white;
}

.side-scl{
    border-right: solid 1px rgb(255 255 255 / 45%);
    padding-right: 15px;
    padding-left: 15px; 
    float: left;
    color: white;
    font-size: 14px;
    font-family: "Mona Sans", sans-serif !important;
    text-transform: uppercase;
    font-weight: 600;
}

.side-scl:hover{
    color: #f7d6d6;
     text-decoration: none;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
-o-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}

.visa-listing{
  float:left;
  width:100%;
}

.vs-titels{
    float: left;
    width: 100%;
    font-size: 26px;
    color: black;
    font-weight: 600;
    margin-top: 0px;
}


.visa-listing p{
    float: left;
    width: 100%;
    font-size: 17px;
    line-height: 28px;
    color: black;
    padding-top: 6px;
}

.vsa-nav{
    float: left;
    width: 52px;
    height: 51px;
    border-radius: 8px;
    background-color:#ed1c24 ; 
    text-align: center;
    margin-top: 4px;
     text-decoration: none;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
-o-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}

.vsa-nav:hover{
  background-color: #000;
    text-decoration: none;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
-o-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}

.vsa-nav img{
    width: 26px !important;
    height: auto !important;
    display: inline !important;
    margin-top: 12px;
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    margin-left: -2px;
}

.vsa-nmbr{
  /* float: left; */
    /* width: 100%; */
    color: #ffffff;
    /* background-image: linear-gradient(45deg, #ed1c24 , #8b717a 50%, #c5878a 100%); */
    background-clip: text;
    -webkit-background-clip: text;
    /* -webkit-text-fill-color: transparent; */
    display: inline-block;
    font-size: 35px;
    font-weight: 500;
    line-height: 115.8%;
    position: absolute;
    padding-top: 15px;
    display:none;
    padding-left: 20px;
    background: red;
    padding-right: 20px;
    padding-bottom: 15px;
    border-bottom-right-radius: 15px;
    margin-top: 22px;
    margin-left: 15px;
    border-bottom-left-radius: 15px;
}

.vsa-imgs{
  float:left;
  width:100%;
}

.vsa-imgs img{
    border-radius: 15px;
    margin-top: 22px;
    margin-bottom: 22px;
}

.visa-bxh{
  float:left;
  width:100%;
  margin-bottom:25px;
}

.prerequisites{
  float:left;
  width:100%;
}

.prerequisites h3{
    float: left;
    width: 100%;
    color: black;
    font-size: 19px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 11px;
}

.pre-req{
    float: left;
    width: 100%;
    background: #fff8f8;
    border-radius: 10px;
    padding: 20px;
    margin-top: 10px;
}

.pre-req p{
    float: left !important;
    width: 100% !important;
    font-size: 16px !important;
    line-height: 28px !important;
    color: #c30000 !important;
    font-weight: 500 !important;
}



.demo {max-width: 100%;margin-top: 20px;}
.demo h3 { margin-bottom: 16px; font-size: 14px; text-transform: uppercase; letter-spacing: 0.05em; color: #999; }
.panel-content { padding: 24px;
    /* background: #fff; */
    border-radius: 10px;
    float: left;
    width: 100%;
    background: aliceblue; }
.panel-content h3 { float: left;
    width: 100%;
    color: black;
    font-size: 19px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 11px;}


/* ========================================= */
/* [Widget] Tabs — Core                      */
/* ========================================= */

/* Scrollbar hidden */
[data-widget="tabs"] .tabs-controls::-webkit-scrollbar { height: 0; }
[data-widget="tabs"] .tabs-controls::-webkit-scrollbar-track,
[data-widget="tabs"] .tabs-controls::-webkit-scrollbar-thumb { display: none; }

/* Controls wrapper */
[data-widget="tabs"] .tabs-controls {
  margin-bottom: var(--gap-500, 24px);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-500, 24px);
  overflow-x: auto;
  scrollbar-width: none; /* Firefox */
}

/* Individual control button */
[data-widget="tabs"] .tabs-control {
  width: auto;
  position: relative;
  padding-block: var(--gap-200, 8px);
  font-family: var(--ff-heading, sans-serif);
  font-size: var(--fs-300, 13px);
  color: var(--color-text, #4D6B8C);
  /* text-transform: uppercase; */
  cursor: pointer;
  flex-shrink: 0;
  background: none;
  border: none;
  outline: none;
}

/* Underline indicator (default) */
[data-widget="tabs"] .tabs-control[aria-selected]::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: var(--color-accent, #014A99);
  transition: var(--trans, all 250ms ease-in-out);
}

/* Active state */
[data-widget="tabs"] .tabs-control[aria-selected="true"] {
  color: var(--color-heading, #014A99);
}
[data-widget="tabs"] .tabs-control[aria-selected="true"]::before {
  height: 2px;
}

/* Panel visibility */
[data-widget="tabs"] .tabs-panel[aria-selected="false"] { display: none; }
[data-widget="tabs"] .tabs-panel[aria-selected="true"]  { display: flex; }

/* Description text */
[data-widget="tabs"] .tabs-panel .item__description {
  color: var(--color-text, #4D6B8C);
}

/* Desktop: allow buttons to shrink */
@media (min-width: 1025px) {
  [data-widget="tabs"] .tabs-control { flex-shrink: 1; }
}

/* ========================================= */
/* [Widget] Tabs — Fancy Indicator           */
/* ========================================= */

/* Controls wrapper with pill background */
[data-widget="tabs"] [data-type="fancy"].tabs-controls {
  width: auto;
  position: relative;
  display: inline-flex;
  gap: 0;
  background-color: white;
  border-radius: var(--br-elements, 32px);
  isolation: isolate;
}

/* Sliding indicator (pseudo-element driven by JS vars) */
[data-widget="tabs"] [data-type="fancy"].tabs-controls::before {
  content: "";
  position: absolute;
  top: 0;
  left: var(--active-button-offset, 0px);
  width: var(--active-button-width, 0px);
  height: 100%;
  background-color: #000000;
  border-radius: var(--br-elements, 32px);
  transition: var(--trans, all 250ms ease-in-out);
  transition-duration: var(--trans-duration-500, 375ms);
  z-index: -1;
}

/* Fancy control buttons */
[data-widget="tabs"] [data-type="fancy"].tabs-controls .tabs-control {
  padding-inline: var(--gap-700, 48px);
  height: var(--height-form-items, 56px);
  /* font-family: var(--ff-heading-500, sans-serif); */
  font-size: 18px;
  color: #a40d13;
  transition-delay: calc(var(--trans-duration-500, 375ms) / 2);
  /* font-weight: 600; */
}
[data-widget="tabs"] [data-type="fancy"].tabs-controls .tabs-control[aria-selected="true"] {
  color: var(--color-heading-white, #FFFFFF);
}

/* Remove default underline on fancy controls */
[data-widget="tabs"] [data-type="fancy"].tabs-controls .tabs-control::before {
  content: unset;
}




.tabslst{
    float: left;
    width: 100%;
    /* border-top: solid 1px rgb(84 144 217 / 19%); */
    /* padding-top: 20px; */
    margin-top: 10px;
    background: aliceblue;
    /* padding: 18px; */
    border-radius: 13px;
}

.tabslst p{
    float: left !important;
    width: 100% !important;
    font-size: 17px !important;
    color: #000 !important;
    padding-left: 48px;
    line-height: 28px !important;
    /* font-weight: 500 !important; */
}



.tabslst p::before {
    content: '';
    position: absolute;
    width: 45px;
    height: 45px;
    background: url(../images/tck.png) no-repeat center center;
    background-size: 45px 45px;
    left: 10px;
    /* margin-top: 0px; */
    /* top: 13px; */
}

.panel-content strong{
  float:left;
  width:100%;
  margin-bottom:10px;
}


.tabslst strong{
    margin-bottom: 0px;
    font-weight: 500 !important;
    color:#000000;
}


.tabslst-doc{
  float: left;
    width: 100%;
    /* border-top: solid 1px rgb(84 144 217 / 19%); */
    /* padding-top: 20px; */
    margin-top: 10px;
    background: aliceblue;
    /* padding: 18px; */
    border-radius: 13px;
}


.tabslst-doc p {
    float: left !important;
    width: 100% !important;
    font-size: 17px !important;
    color: #000 !important;
    padding-left: 48px;
    line-height: 28px !important;
    /* font-weight: 500 !important; */
}

.tabslst-doc p::before {
    content: '';
    position: absolute;
    width: 40px;
    height: 40px;
    background: url(../images/tck.png) no-repeat center center;
    background-size: 40px 40px;
    left: 10px;
    margin-top: -5px;
    /* top: 13px; */
    /* top: 2px; */
}

.mb20{
  margin-bottom:20px !important;
}

.faq-visa{
  padding-bottom:0px !important;
}

.mld-sbp{
  float:left;
  width:100%;
  margin-top: 40px;
}

.mld-sbp h2{
    float: left;
    width: 100%;
    color: black;
    text-transform: uppercase;
    font-size: 40px;
    font-weight: 500;
    line-height: 58px;
    margin-bottom: 45px;
}

.mld-sbp h2 span{
  color: #dd1b21;
}

.sub-lsto{
  float:left;
  width:100%;
  margin-bottom: 35px;
}

.sub-lsto img{
  float:left;
  width:100%;
  border-radius: 20px;
}

.sub-lsto h3{
    float: left;
    width: 100%;
    font-size: 23px;
    font-weight: 600;
    text-align: left;
    padding-top: 25px;
    padding-bottom: 8px;
}

.sub-lsto p{
    float: left;
    width: 100%;
    font-size: 17px;
    color: #000;
    line-height: 30px;
    margin-bottom: 0;
    margin-top: 1px;
}

.psh-lft{
  float:left;
}

.freezone-maniland{
  float:left;
  width:100%;
  padding-top:20px;
  padding-bottom:20px;
}

.zone-logo-new{
    float: left;
    width: 100%;
    background-color: white;
    padding: 25px;
    border-radius: 15px;
    text-align:center;
    padding-bottom: 30px;
    margin-bottom:25px;
}

.zone-logo-new p{
    float: left;
    width: 100%;
    font-size: 17px;
    line-height: 29px;
    text-align: left;
    margin-bottom: 3px;
    margin-top: 3px;
    text-align:center;
}

.zone-logo-new img{
    width: 195px;
}

.expm{
    float: left;
    width: 100%;
    color: #a72121 !important;
    font-size: 15px;
    font-weight: 500;
    text-decoration: underline;
    margin-top: 10px;
}

.expm:hover{
  color:black !important;
  text-decoration: underline;
  padding-left:10px;
}

.ifza-imgs{
   float: left;
    width: 100%;
     float: left;
    width: 100%;
}

.ifza-imgs img{
      width: auto;
      float: none;
}

.ft-zones{
  float:left;
  width:100%;
}

.ft-zones span{
    float: left;
    width: 100%;
    font-size: 16px;
    color: black;
    font-weight: 500;
    padding: 19px;
    border: solid rgb(0 0 0 / 14%) 1px;
    margin-bottom: 20px;
    border-radius: 5px;
}

.mrb30{
  margin-bottom:10px;
}

.check-ftr{
    width: 25px;
    float: right;
    position: relative;
    top: 12px;
}


.loader {
  border: 2px solid #fff;
  border-top: 2px solid transparent;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  display: inline-block;
  animation: spin 0.6s linear infinite;
}

@keyframes spin {
  100% { transform: rotate(360deg); }
}



.grecaptcha-badge { 
    visibility: hidden;
}
.hidden-input-field {
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        height: 0;
        width: 0;
        z-index: -1;
    }