/* Parul */
@import url('https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@100..900&display=swap');

html { font-family: "Lexend Deca", sans-serif; -webkit-font-smoothing: antialiased; scroll-behavior: smooth; }
body { font-family: "Lexend Deca", sans-serif; -webkit-font-smoothing: antialiased; font-size: 14px; background: #fff }
img { max-width: 100%;}
.fw-medium { font-weight: 500}
.fw-semi { font-weight: 600}
.f-34 { font-size: 28px !important; }
a:hover { text-decoration: none; }

.container-fluid {overflow-x: hidden; }

header.scroll-on {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    /* background: #002E98; */
    background: #fff;
    box-shadow: 0 0.125rem 1.75rem 0 rgb(0,0,0,0.09);
    transition:all .15s ease-in-out 0s;
    z-index: 999;
}

header.scroll-on .white-logo { display: none; }
.blue-logo { display: none; }
header.scroll-on .blue-logo { display: block; height: 40px; }

header.scroll-on ul li a { color: #000; }
header.scroll-on ul li a img { filter: invert(1) brightness(0); }

  .scroll-on .tophead { padding-bottom: 15px !important ;
    padding-top: 15px !important ; }


  header.scroll-on .last-topcontent li a {
    color: #000000 !important;
  }

  header.scroll-on .last-topcontent li a:hover {
    color: #11B6DE !important;
  }

header { position: relative; background: transparent;}
.tophead {  padding-bottom: 1.5rem!important; padding-top: 1.5rem!important; }
.tophead ul { display: flex;  justify-content: center; padding: 0; list-style: none; margin: 0; }
.tophead ul li { font-size: 16px;  font-weight: 300; padding-right: 28px; }
.tophead ul li:last-child { padding-right: 0px; }
.tophead ul li img { margin-right: 3px; }
.tophead ul li a { color: #FFFFFF; text-decoration: none; }
.tophead .tophead-right li { margin-right: 0px;}

.get-touchbtn { border: none; background: #0044FF; border-radius: 25px; color: #FFFFFF; font-weight: normal; font-size: 14px; padding: 9px 25px; }
.get-touchbtn img {  margin-left: 10px; }
 
.hero-section { background: url(../images/hero-bannerimg.png); background-repeat: no-repeat; background-size: cover; background-position: center center; } 
.inner-layer { background-color: #000000b3 !important; background: url(../images/bottom-whitewave.png) no-repeat bottom right; padding-bottom: 140px;  }

.language-switch {
  position: relative;
}

.lang-toggle {
  position: relative;
}

#lang-switch {
  display: none;
}

.get-touchbtn img  { height: 10px; }

.toggle {
  width: 90px;
  height: 37px;
  background-color: #1f3542;
  border: 2px solid white;
  border-radius: 50px;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  margin-bottom: 0px;
}

.option {
  flex: 1;
  text-align: center;
  color: white;
  z-index: 2;
  font-weight: normal;
  font-size: 15px;
}

.ball {
  position: absolute;
  width: 42px;
  height: 29px;
  background-color: white;
  border-radius: 50px;
  top: 2px;
  left: 2px;
  transition: left 0.3s ease;
  z-index: 1;
}

#lang-switch:checked + .toggle .ball {
  left: 42px;
}

#lang-switch:checked + .toggle .ar {
  color: #000;
}

#lang-switch:not(:checked) + .toggle .en {
  color: #000;
}

.banner-contentbox h1 { color: #FFFFFF; margin-bottom: 0px; font-size: 60px; font-weight: bold; cursor: pointer; }

.banner-contentbox h2 span { font-weight: 200; }
.banner-contentbox h3 { color: #FFFFFF; margin-bottom: 0px; font-size: 36px; font-weight: 200; padding-top: 15px; }
.banner-contentbox h3 span { font-weight: bold; }
.banner-contentbox p { color: #FFFFFF; font-weight: 300; font-size: 16px; margin-bottom: 0px; padding-top: 160px; }

.banner-formbox { background: #FFFFFF33; border: 1px solid #FFFFFF99; padding: 24px 30px; border-radius: 20px; }
.banner-formbox h2 { text-align: center; color: #FFFFFF; font-weight: 300; font-size: 20px; margin-bottom: 0px; }
.banner-formbox h2 span { font-weight: bold; }

.banner-input { background: #FFFFFF; border: 1px solid #AEAEAE; border-radius: 4px;  font-weight: normal; font-size: 14px; padding: 21px 50px 21px 16px;  }
.banner-input:focus { color: #000; background: #FFFFFF; border: 1px solid #AEAEAE;  box-shadow: none; outline: none; }
.banner-input::placeholder { color: #B8B8B8;  }
.input-img { position: absolute; right: 20px; top: 14px; z-index: 99; }

.submit-btn { background: #FE5B1E; border-radius: 50px; color: #FFFFFF; font-weight: 500; font-size: 14px; padding: 11px 40px; box-shadow: none !important; outline: none; }
.submit-btn:hover { color: #fff; }
.button-arrowcircle { cursor: pointer; transition: transform 0.3s ease, margin-left 0.3s ease; background: #FE5B1E; text-align: center; line-height: 43px; display: inline-block; width: 45px; height: 45px; border-radius: 50%; }

.input-btn { background: #fff; border: 1px solid #AEAEAE; box-shadow: none !important; color: #B8B8B8; font-size: 14px; font-weight: normal; }


.input-group>.custom-select:not(:last-child), .input-group>.form-control:not(:last-child) {  border-top-right-radius: 4px;
   border-bottom-right-radius: 4px; }

.submit-btn.blue { background: #0044FF; }
.button-arrowcircle.blue { background: #0044FF; }

.logo-contentsection p { color: #000000; font-weight: 300; font-size: 14px; margin-bottom: 0px; }
.logo-contentsection h5 { color: #000000; font-weight: 600; font-size: 22px; margin-bottom: 0px; }


.haed-content h4 { color: #000000; font-weight: bold; font-size: 35px; margin-bottom: 0px; }
.haed-content h4 span { font-weight: 200; }

.global-certificationssec { background: #F9F7F2; }

.global-Certificationsbox { background: #FFFFFF; padding: 10px 10px; border-radius: 12px; min-height: 149px; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; }

.global-Certcarousel .owl-item img { display: unset;  width: auto; }

 .global-Certcarousel .owl-next span {
      width: 50px;
      height: 50px;
      border-radius: 50px;
      text-align: center;
      line-height: 30px;
      border: 1px solid #242424;
      position: relative;
}

 .global-Certcarousel .owl-prev span {
      width: 50px;
      height: 50px;
      border-radius: 50px;
      text-align: center;
      line-height: 30px;
      border: 1px solid #242424;
      position: relative;
}

.global-Certcarousel .owl-prev span::before { content: " "; background: url(../images/arrow-left.svg) no-repeat; background-position: center; 
  z-index: 10; position: absolute; bottom: auto; right: 0px; height: 20px; top: 14px; left: 0px; margin: 0 auto; }

.global-Certcarousel .owl-next span:before { content: " "; background: url(../images/arrow-right.svg) no-repeat; background-position: center; 
  z-index: 10; position: absolute; bottom: auto; right: 0px; height: 20px; top: 14px; left: 0px; margin: 0 auto;  }

.threeCollection .owl-nav {  position: absolute; top: -90px; right: 0; display: flex; gap: 10px; }

.client-retentionboxmain { background-color: #FFFFFF !important; background: url(../images/bottom-leftwave.png) no-repeat bottom left;  padding: 40px 20px;  }

.retention-content h4 { color: #000000; font-weight: 200; font-size: 45px; margin-bottom: 0px; letter-spacing: -2px; }
.retention-content h4 b { font-weight: bold; }
.retention-content h4 span { letter-spacing: 0px; font-size: 14px; font-weight: normal; display: inline-block; }

.results-content h6 { color: #000000; font-weight: normal; font-size: 40px; margin-bottom: 0px; }
.results-content h6 span { font-weight: 200; font-size: 28px; }


.results-content h2 { color: #000000; font-weight: 300; font-size: 16px; margin-bottom: 0px; }

/* .results-imgbox { background: #FE5B1E; width: 70px; height: 70px; border-radius: 50%; text-align: center; line-height: 70px; } */
.results-imgbox {
  background: #FE5B1E;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  text-align: center;
  line-height: 70px;
  transition: border-radius 0.4s ease; 
}

.results-imgbox:hover {
  border-radius: 15px;
}
.results-imgbox img { height: 40px; }

.app-developmentbox { background: #000; }
.retention-content.white h4 { color: #fff; }

.services-boxs { background: transparent; border: 1px solid #FFFFFF66; border-radius: 12px; padding: 10px 20px; margin-bottom: 10px; min-height: 64px; }
.services-boxs p { color: #FFFFFF; font-weight: 200; font-size: 14px; margin-bottom: 0px;  }

.services-boxs.active { background: #FFFFFF33; border: 1px solid #FFFFFF66; border-radius: 12px; }
.services-boxs.active p { font-size: 16px; }

.native-ioscontent h2 { color: #FFFFFF; font-weight: 200; font-size: 32px; margin-bottom: 0px; }
.native-ioscontent h2 span { font-weight: bold; }

.native-ioscontent p { font-size: 12px; font-weight: normal; color: #fff; margin: 0px; padding-top: 8px; }

.native-ioscontent ul { margin: 0; padding: 0; }
.native-ioscontent ul li { margin: 0; padding: 0; color: #FFFFFF; font-weight: 300; font-size: 14px; list-style: none; padding-bottom: 6px; }

.native-ioscontent { position: relative; }
.slide-number { color: #FFFFFF; font-weight: 600; font-size: 16px; margin-bottom: 0px;  position: absolute; right: -10px; }
.slide-number.top { top: -27px; }

.half-orangebg { background: url(../images/half-orangecircle.png) no-repeat; background-position: center center; }
   
.need-somethincontent { background-color: #EFF4FF !important; padding: 70px 0px; background: url(../images/bottom-whitewave.png) no-repeat right bottom; }
.need-somethincontent h2 { color: #000000; }

.retention-content p { padding-top: 50px; color: #000000; font-weight: normal; font-size: 16px; margin-bottom: 0px; }
.retention-content h6 { color: #000000; font-weight: 300; font-size: 16px; margin-bottom: 0px; padding-top: 20px; }
.success-storiescontentbox p { color: #000000; font-weight: normal; font-size: 12px; line-height: 16px; margin-bottom: 0px; padding-top: 15px; text-align: center; }

.success-imgbox {background: #f6dcf1;
    border-radius: 10px;
    min-height: 170px;
    display: flex;
    flex-direction: column;
    justify-content: end; 
  }

  .success-imgbox img { border-radius: 10px; }

.successCollection .owl-nav {  position: absolute; top: -70px; left: 0; display: flex; gap: 10px; }

.success-imgbox.yellow { background: #ffeecc; }
.success-imgbox.blue { background: #7e99d8; }

.onestop-solutionbox { background-color: #003ac1 !important; background: url(../images/portfolio-topright.png) no-repeat right top;
       
  }

.onestop-solutionbox h6 { color: #FFFFFF; font-weight: 300; font-size: 30px; margin-bottom: 0px; padding-top: 15px; letter-spacing: -1px; }
.onestop-solutionbox p { display: -webkit-box; -webkit-line-clamp: 3;
    overflow: hidden; -webkit-box-orient: vertical; color: #FFFFFF; font-weight: 300; font-size: 15px; padding-top: 15px; margin-bottom: 0px; }
.box-innerpadding { padding-top: 60px; padding-left: 60px; padding-right: 60px; padding-bottom: 20px; }

.ui-badge { margin-right: 10px; color: #fff; font-weight: normal; font-size: 12px; background: #FFFFFF00; border: 1px solid #FFFFFF; border-radius: 104px; padding: 5px 20px; }

.proven-mobilesection { background: #FEF9EF; height: 660px; }
.padding-lefttext { padding-left: 98px; }

/* =========== */

.prototyping-box { transition: all 0.4s ease-in-out; min-height: 356px; margin-top: 0px; overflow: hidden;  background: #FFFFFF; z-index: 1; position: relative; border: 1px solid #D4D4D4; border-radius: 20px 20px 0px 0px; padding: 20px 20px 20px 20px; }
.proto-arrowbox { margin-top: 15px; background: #0044FF00; border: 1px solid #FFFFFF; display: block; width: 50px; height: 50px; border-radius: 50%; text-align: center; line-height: 50px; }
.prototyping-box:hover .proto-arrowbox { display: block; }
.proto-arrowbox {  transition: 0.4s forwards infinite; display: none; }
.prototyping-box h6 { color: #0000001a; text-align: right; font-weight: normal; font-size: 20px; margin-bottom: 0px; }
.prototyping-box h2 { padding-top: 35px; color: #000000; font-weight: normal; font-size: 26px; margin-bottom: 0px; }
.prototyping-box p { padding-top: 45px; color: #000000;  font-weight: normal; font-size: 15px; margin-bottom: 0px; }
.prototyping-box:hover { background: #003ac1 !important; margin-top: -40px; min-height: 400px;}

.prototyping-box:hover img { filter: brightness(0) invert(1); }
.prototyping-box:hover h2, .prototyping-box:hover p { color: #fff; }
.prototyping-box:hover h6 {  color: #ffffff1a;}


/* ================== */



/* .prototyping-box { transition: all 0.4s ease; min-height: 356px;  background: #FFFFFF; z-index: 1; position: relative; border: 1px solid #D4D4D4; border-radius: 20px 20px 0px 0px; padding: 20px 20px 40px 20px; }
.proto-arrowbox { margin-top: 15px; background: #0044FF00; border: 1px solid #FFFFFF; display: block; width: 50px; height: 50px; border-radius: 50%; text-align: center; line-height: 50px; }
.prototyping-box:hover .proto-arrowbox { display: block; }

.proto-arrowbox {  transition: all 0.4s ease; display: none; }
.prototyping-box h6 { color: #0000001a; text-align: right; font-weight: normal; font-size: 20px; margin-bottom: 0px; }
.prototyping-box h2 { padding-top: 35px; color: #000000; font-weight: normal; font-size: 26px; margin-bottom: 0px; }
.prototyping-box p { padding-top: 45px; color: #000000;  font-weight: normal; font-size: 15px; margin-bottom: 0px; }
.prototyping-box:hover { background: #003ac1 !important; }

.prototyping-box:hover img { filter: brightness(0) invert(1);}
.prototyping-box:hover h2, .prototyping-box:hover p { color: #fff; }
.prototyping-box:hover h6 {  color: #ffffff1a;} */

.retention-content h3 { color: #000000; font-weight: 200; font-size: 30px; margin-bottom: 0px; }
.retention-content h3 span  { font-weight: bold; }

.development-tab { border-bottom: 1px solid #D1D1D1; justify-content: space-between; }
.development-tab .nav-link { cursor: pointer; padding: .5rem 32px; background: transparent; border: none !important; box-shadow: none; outline: none; color: #000000; font-weight: normal; font-size: 15px;  }
.development-tab .nav-link.active { color: #000000; font-weight: 600; font-size: 18px; border-bottom: 3px solid #000 !important;  }


.tools-box { min-height: 135px; background: #FFFFFF; border: 1px solid #D4D4D4; border-radius: 12px; padding: 16px 15px; text-align: center; }
.tools-box p { font-weight: normal; font-size: 14px; margin-bottom: 0px; color: #000000; padding-top: 5px; }

/* .inner-toolimg img { height: 77px; } */

.tools-box img { height: 75px; }


.tools-section { border-bottom: 1px solid #D1D1D1; }
.across-industriesection { background-color: #000 !important; background: url(../images/industries-wavebottom.png) no-repeat bottom right; padding-bottom: 130px !important; }
.retention-content.white p { color: #fff; }

.across-industriescard { 
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  cursor: pointer;
 }

.layer-bg {  z-index: 1; display: flex; flex-direction: column; justify-content: end; position: absolute; width: 100%; height: 100%; top: 0; background: #00000080; padding: 24px 26px; }
.industries-img { width: 100%; height: 300px; overflow: hidden; border-radius: 16px; }
.industries-img img { width: 100% !important; height: 100% !important; object-fit: cover !important; border-radius: 30px; transition: transform 0.5s ease; }
.across-industriescard:hover .industries-img img { transform: scale(1.1); }

.layer-bg h2 { letter-spacing: -1px; font-weight: 300; font-size: 26px; margin-bottom: 0px; color: #fff; word-wrap: break-word; }

.global-Certcarousel.white .owl-next span {  border: 1px solid #fff; }

.global-Certcarousel.white .owl-prev span { border: 1px solid #fff; }

.industriesCollection .owl-nav {  position: absolute; top: -130px; right: 100px; display: flex; gap: 10px; }

.global-Certcarousel.white .owl-prev span::before {  filter: brightness(0) invert(1); }

.global-Certcarousel.white .owl-next span:before {  filter: brightness(0) invert(1); }

.performance-text p { color: #FFFFFF; font-weight: 300; font-size: 16px;  margin: 0px; padding-top: 24px; line-height: 20px;  }

.clients-box { position: relative; }

.clientslayer-bg {
    display: flex;
    flex-direction: column;
    justify-content: end;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    /* background: #00000080; */
    background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%);
    padding: 24px 26px;
    border-radius: 30px;
}

.clients-userimg { width: 100%; height: 350px; }
.clients-userimg img { width: 100% !important; height: 100% !important; object-fit: cover !important; border-radius: 30px; }
.clientslayer-bg h6 { padding-top: 10px; color: #FFFFFF; font-weight: 300; font-size: 16px; margin-bottom: 0px; }
.clientslayer-bg p { padding-top: 3px; color: #FFFFFF; font-weight: 300; font-size: 12px; margin-bottom: 0px; }

.fillstar-img { width: 100px !important; }

/* .clients-detailsbox{ background: #FFFFFF00; border: 1px solid #B8B8B8; border-radius: 20px; padding: 20px 30px; } */

 .clients-detailsbox{ background: #FFFFFF00; border: 1px solid #B8B8B8; border-radius: 30px; padding: 16px 18px; min-height: 350px; }

.user-contectdetails h6 { color: #000000; font-weight: 300; font-size: 20px; margin-bottom: 0px;  }

.clients-detailsbox p {
 color:       #000;
  font-size:   18px;
  font-weight: 300;
  line-height: 1.6;        /* ensures 3 full lines */
  margin:      0;
  padding-top: 22px;

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp:  3;
  overflow:          hidden;

}


.clientsCollection .item {
  overflow: visible !important;
}

.clients-container {
  position: relative;
  width: 100%;
  /* min-height: 350px;  */
  /* min-height: 390px; */
  min-height: 417px;
}

.clientsCollection .owl-nav { 
    position: absolute;
    top: -100px;
    right: 0px;
    display: flex ;
    gap: 10px;
 }

.clients-box {
  position: relative;
  opacity: 1;
  visibility: visible;
  z-index: 2;
  transition: all 0.5s ease;
}

.clients-detailsbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  /* transform: translateY(20px); */
  transition: all 0.5s ease;
}

.clients-container:hover .clients-box {
  opacity: 0;
  visibility: hidden;
}

.clients-container:hover .clients-detailsbox {
  opacity: 1;
  visibility: visible;

}

.clients-detailsbox h6 { color: #000; font-size: 18px; font-weight: 300; margin: 0px;  }
.clients-detailsbox h4 { color: #000; font-size: 14px; font-weight: 300; margin: 0px;  }

.user-boximg { width: 70px; height: 54px; }
.user-boximg img { width: 100%; height: 100%; border-radius: 10px; object-fit: cover; }

.wondering-sectionbg {  background: url(../images/new-bg.png) no-repeat; background-size: cover; background-position: center center; }

.wondring-leftcard {  background: #FFFFFF; border: 1px solid #FFFFFF66;  padding: 70px 50px; border-radius: 20px; }

.rightwondring-card { padding: 40px 28px;  background: #fff; border-radius: 20px; margin-left: -42px; margin-bottom: -76px; }

.wondering-sectionbg { padding-top: 40px; padding-bottom: 120px; }

.quick-section { background: #000000 0% 0% no-repeat padding-box;
opacity: 1;
backdrop-filter: blur(50px);
-webkit-backdrop-filter: blur(50px);
 }

 .retention-content.white h6 { color: #fff; }

 .app-mainbox { display: flex; align-items: center; }

 .app-mainbox p {  color: #FFFFFF; font-weight: 300; font-size: 18px; margin-bottom: 0px; line-height: 22px; }

 .experts-mainbox  { background-color: #EFF4FF !important; background: url(../images/portfolio-topright.png) no-repeat top right; }

 .inner-boxpadding { padding: 80px 70px; }

.filterbox .card { min-height: 82px; padding: 12px 14px; margin-bottom: 12px; background: #FFFFFF 0% 0% no-repeat padding-box; border: 1px solid #000000; border-radius: 16px; }
.filterbox .btn-link { letter-spacing: -0.22px; color: #000000; font-size: 18px; font-weight: normal; width: 100%; text-align: left !important; text-decoration: none; padding: 0px; }
.filterbox .card-header { background: transparent; border: none; padding: 0px; }
.filterbox .btn-link i { font-size: 16px !important; font-weight: 200; padding-top: 5px; }
.filterbox .card-header .fa-plus { display: none; padding-top: 12px; }
.filterbox .card-header .fa-minus { 
  padding-top: 12px;
 }
.filterbox .card-header .collapsed .fa-minus { display: none; padding-top: 12px; }
.filterbox .card-header .collapsed .fa-plus { display: block; padding-top: 12px; }
.filterbox .card-body { color: #000000; font-weight: 300; font-size: 14px; padding: 0px; padding-top: 10px; }

.contactus-section { background-color: #000000 !important; background: url(../images/address-foot.png) no-repeat bottom left;  border-radius: 12px; padding: 50px 70px; }
.countact-tab { border-bottom: none; }
.countact-tab .nav-link.active { background: #000000; border: 1px solid #FFFFFF !important; border-radius: 6px; }
.countact-tab .nav-link { border: none !important; padding: 6px 6px; margin-right: 5px; }
.countact-tab .nav-link img { height: 26px; opacity: 0.5; }
.countact-tab .nav-link.active img { opacity: 1; }

.country-setails h6 { color: #FFFFFF; font-size: 20px; font-weight: 500; }
.country-setails p { color: #FFFFFF; font-size: 14px; font-weight: normal; margin: 0px; }
.banner-formbox.white { background: #fff; }
.banner-formbox.white h2 { color: #000; }

.banner-formbox.white p { text-align: center; color: #000000; font-weight: normal; font-size: 16px; margin: 0px; padding-top: 4px; }

.banner-input.new:focus { border: 1px solid #003AC1; }

.footer-links ul { display: flex; justify-content: space-between; margin: 0px; padding: 0px; }
.footer-links ul li a { color: #000000;  text-decoration: none; }
.footer-links ul li {  font-size: 18px; font-weight: normal; list-style: none; }
.footer-links ul li img { height: 30px; margin-right: 7px; }

.copy-rightlinks ul { margin: 0px; padding: 0px; display: inline-flex; }
.copy-rightlinks ul li { list-style: none; color: #000; font-size: 13px; font-weight: normal; margin-right: 40px; }
.copy-rightlinks ul li a { color: #000; text-decoration: none; }
.copy-rightlinks p { color: #000; font-size: 13px; font-weight: normal; margin: 0px; }

.industry-giantsbox { background: #FFFFFF; border: 1px solid #D4D4D4; border-radius: 12px; padding: 8px 15px; text-align: center; }

/* .owl-carousel .owl-item img { display: unset;  width: auto; height: 100%; object-fit: contain; } */

/* .industry-giantsbox img {  display: unset !important;  width: auto !important; height: 100% !important; object-fit: contain !important; } */

.clientsCollection .owl-item img { display: unset;  width: auto; }

.owl-item.current.active .success-imgbox { border: 1px solid #000; }



/* .countact-tab .nav-link:hover { border: 1px solid transparent; } */


/* new css */



/* Left Mobile Menu */

#leftmenu.modal.fade .modal-dialog {
    -webkit-transform: translate(-100%) scale(1); 
    transform: translate(-100%) scale(1);
    margin: 0 0 0 auto;
    height: 100%;
}

#leftmenu.modal.fade.show .modal-dialog {
    -webkit-transform: translate(0);
    transform: translate(0);
    display: flex;
    align-items: stretch;
    -webkit-box-align: stretch;
}

#leftmenu .modal-content {
  border-radius: 0px;
	border: none;
	height: 100%;
  background: #fff;
}

/* #leftmenu .modal-body {
    padding:0px 8px 8px;
} */

/* Left Menu ENds */

.user-dotsuser { width: 45px; height: 45px; margin-right: 7px; }
.user-dotsuser img  { width: 100%; height: 100%; border-radius: 100%; opacity: 0.6; object-fit: cover; }
.user-dotsuser.active img { opacity: 1; background: #FFFFFF00; border: 2px solid #FE691E; opacity: 1;  }
/* .global-Certcarousel.clientsCollection .owl-prev span { position: absolute; right: 340px; } */


.app-developmentab .nav-link.active { font-size: 16px; background: #FFFFFF33; border: 1px solid #FFFFFF66; border-radius: 12px; }
.app-developmentab .nav-link {  background: transparent; border: 1px solid #FFFFFF66; border-radius: 12px; padding: 10px 20px; margin-bottom: 10px; 
  color: #FFFFFF; font-weight: 200; font-size: 14px;  margin-bottom: 0px; margin-bottom: 15px;  }



/* .native-ioscontent { height: 400px; overflow-x: hidden; overflow-y: scroll; }
.native-ioscontent::-webkit-scrollbar { width: 2px; display: block;  }
.native-ioscontent::-webkit-scrollbar-track { box-shadow: none; background: rgb(255 255 255 / 50%); border-radius: 10px; }
.native-ioscontent::-webkit-scrollbar-thumb { background-color: #fff; outline: none; border-radius: 10px; } */

/* .native-ioscontent  { pos } */

.page-uparrow { 
    background: #FFFFFF; border: 1px solid #000000; width: 50px; height: 50px; border-radius: 50%; display: block; text-align: center; line-height: 47px; }
    .page-chatbox { background: #003bc1;  width: 50px; height: 50px; border-radius: 50%; display: block; text-align: center; line-height: 50px; }
    .page-chatbox img { height: 22px; }
.fixed-chatarrow { position: fixed; bottom: 80px; right: 12px; z-index: 999; }


/*===========================*/

.ladder-image {
      position: relative;
      width: 100%;
      height: 500px;
      overflow: hidden;
      clip-path: polygon(0 0,100% 0, 100% 80%, 95% 80%, 95% 90%, 90% 90%, 90% 100%, 0 100% );
      /* clip-path: inset(0 round 20px) !important; */
      /* border-radius: 10px; */
}

.ladder-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.contact-locimg { width: 28px;  }


/*===================*/

/* #sync1 .item {
  background: #0c83e7;
  padding: 80px 0px;
  margin: 5px;
  color: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
} */

#sync2 .item {
  /* background: #C9C9C9;
  padding: 10px 0px; */
  margin: 5px;
  /* color: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  cursor: pointer; */
}

/* #sync2 .item h1 {
  font-size: 18px;
}
#sync2 .current .item {
  background: #0c83e7;
} */

.owl-theme .owl-nav {
  /*default owl-theme theme reset .disabled:hover links */
}
.owl-theme .owl-nav [class*='owl-'] {
  transition: all .3s ease;
}
.owl-theme .owl-nav [class*='owl-'].disabled:hover {
  background-color: #D6D6D6;
}

#sync1.owl-theme {
  position: relative;
}
#sync1.owl-theme .owl-next, #sync1.owl-theme .owl-prev {

  display: none;


  /* width: 22px;
  dis
  height: 40px;
  margin-top: -20px;
  position: absolute;
  top: 50%; */
}
#sync1.owl-theme .owl-prev {
  left: 10px;
}
#sync1.owl-theme .owl-next {
  right: 10px;
}
.ifrm{border:none; width:100%;margin-top:50px;}

.owl-theme .owl-nav [class*=owl-] {
     font-size: 14px; 
     margin: 5px; 
     padding: 4px 7px; 
     background: transparent; 
    display: inline-block;
    cursor: pointer;
     border-radius: 3px; 
    position: unset;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent;
    color: #FFF;
    text-decoration: none;
}

.owl-theme .owl-nav [class*='owl-'].disabled:hover {
    background-color: transparent;
}

.owl-theme .owl-nav {  position: absolute; top: -85px; left: 0; display: flex; }

.thank-logo img { height: 56px; }

.thank-leftcontent { background: #f2f2f2; padding: 106px 100px; min-height: 100vh; }
.thank-leftcontent h2 { color: #000; letter-spacing: 0; font-size: 48px; line-height: 58px; font-weight: 900; padding-top: 18px;  }
.thank-leftcontent p { color: #000; font-weight: 300; font-size: 15px; margin-bottom: 0px; padding-top: 14px; }


.thank-right-wrapper {
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: -100px;
}

.thanku-rightimg img {
  height: 100%;
  width: 100%;
  transition: transform 0.65s cubic-bezier(.05, .2, .1, 1);
  transform: scale(1); 
}

.thanku-rightimg { overflow: hidden; height: 558px; width: 100%; }
.thanku-rightimg img:hover { transform: scale(1.1); }

.country-codeselect { 
    background: #fff;
    border: 1px solid #eee;
    box-shadow: none !important;
    color: #B8B8B8;
    font-size: 14px;
    font-weight: normal;
   color: #B8B8B8; height: 43.9px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; box-shadow: none !important; outline: none !important;

   }


   .country-codeselect:focus { border-color: #AEAEAE; }

   .new-inputbox { width: 61%; }
   .FourCollection .owl-nav {
    position: absolute;
    top: -90px;
    right: 0px;
    display: flex;
    gap: 10px;
}

.new-input {  border-top-left-radius: 0px; border-bottom-left-radius: 0px; }

.orange-background {
  margin: 0px -10px;
  height: 28px;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  opacity: 1;
  visibility: visible;
}

.button-mainbox:hover .orange-background { opacity: 0; visibility: hidden;}

.button-mainbox:hover .button-arrowcircle { margin-left: 5px; transform: rotate(45deg); }
.right-portimgbox img { min-height: 550px; }
.rightclient-logo { margin-bottom: 5px; width: 150px; height: 80px; text-align: right; margin-left: auto; }
.rightclient-logo img { width: 100%; height: 100%; object-fit: contain; }

.form-modal .modal-content { background: #FFFFFF; border-radius: 20px; }

.our-clientsmodalleft { background: #F6F0E3; border-radius: 20px 20px 0px 0px; padding: 20px 24px 64px 24px; }

.our-modalhead h4 { color: #000000; font-size: 18px; font-weight: normal; margin: 0px;  }

.our-clientsmainbox { background: #FFFFFF; border-radius: 8px; padding: 20px 30px 50px 30px; margin-top: 20px; min-height: 383px; }
.modaluserimgbox { width: 80px; height: 95px; border-radius: 8px; }
.modaluserimgbox img { width: 100%; height: 100%; border-radius: 8px; object-fit: cover; }

.our-clientsmainbox h2 { color: #000000; font-weight: normal; font-size: 18px; margin: 0px; }
.our-clientsmainbox h6 { padding-top: 5px; color: #000000; font-weight: 300; font-size: 13px; margin: 0px; }
.our-logomianbox .star-img { height: 13px; }

.our-clientsmainbox p { 
    text-align: center;
    padding-top: 20px;
    color: #000000;
    font-size: 15px;
    font-weight: 300;
    margin: 0px;
     display: -webkit-box; -webkit-line-clamp: 5;
    overflow: hidden; -webkit-box-orient: vertical;
 }
 .modal-quoetsimg { text-align: center; }
 .modal-quoetsimg img {  height: 35px; }
.our-clientmodalbottom { padding: 13px 18px; }
 .our-clientmodalbottom h2 { color: #000000; font-weight: normal; font-size: 26px; margin: 0px; }
  .our-clientmodalbottom h2 span { font-weight: 200; }
 .our-clientmodalbottom h6 { color: #000000; font-weight: normal; font-size: 13px; margin: 0px; }
 .our-clientmodalbottom p { line-height: 22px; color: #000000; font-weight: normal; font-size: 16px; margin: 0px; }
 .modalCollection .owl-nav { position: absolute;  right: 0px; left: 34%; margin: 0 auto; display: flex; gap: 10px; bottom: -30px; }

.modal-flagimg { height: 18px; margin-right: 10px; }
.modal-closebtn { position: absolute; top: 7px; right: 16px; z-index: 999; }
.modal-closebtn button { border: none !important; outline: none !important; box-shadow: none !important; opacity: 1; }
.modal-closebtn button:hover { opacity: 1; }
.modal-closebtn img { height: 15px; }


.secoundoneCollection .owl-item img {
    display: unset;
    width: auto;
}

.newoneCollection .owl-item img {
    display: unset;
    width: auto;
}


.fixed-whatsapparrow { position: fixed; bottom: 20px; left: 15px; z-index: 999; }
.whatsapp-arrow { box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .06), 0 2px 32px 0 rgba(0, 0, 0, .16); background: #25d366; display: block;  width: 60px; height: 60px; border-radius: 50%;  text-align: center; line-height: 70px;  }

.fixed-whatsapparrow a i { color: #fff; font-size: 30px; }












   















/* new one */