/* Dropdown Button */
.explore-more-about a:not(:last-child){
  border-bottom: 1px solid rgb(216, 215, 215);
}

.explore-more-about-content a:hover{
  cursor: pointer;
  color: #953df8!important;
}

p.card-text.w-100.p2_text1 {
  color: #fff;

}

#background-video{ 
  width: 100vw;
  height: 700px;
  position: relative;
  object-fit: cover; 
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}

.col-sm{
padding-right: 5px!important;
  padding-left: 5px!important;}

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
  transform: translate3d(0, -155%, 0)!important;
}

.card-body.text-center.py-5.d-flex.flex-column.align-items-center {
HEIGHT: 350PX;
}

.header-div{
position: relative;
top: -200px;
}

@media only screen and (max-width: 600px) {
input.popup-submit1 {
  margin-left: 0px !important;
}

#ac-wrapper {
  overflow-y: scroll !important;
}
}

.dropbtn {
background-color: white;
padding: 0px 16px;
padding-bottom: 16px;
font-size: 16px;
border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown-1 {
position: relative;
display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
display: none;
position: absolute;
top: 40px;
background-color: white;
z-index: 2;
width: 100%;
padding: 0px 16px;
list-style-type: none;
}

/* Links inside the dropdown */
.dropdown-content a {
color: #953df8de;
padding: 8px 0px;
text-decoration: none;
text-align: left;
font-weight: 600;
display: flex;
justify-content: space-between;
z-index: 2;
}

/* Change color of dropdown links on hover */

/* Show the dropdown menu on hover */
.dropdown-1:hover .dropdown-content {
display: block;
z-index: 2;
}

.dropdown-1:hover .dropbtn{
visibility: hidden;
}

.dropdown-content li:not(:last-child){
border-bottom: 1px solid rgb(216, 215, 215);
}

input.popup-submit1 {
height: 50px !important;
background-color: #953df8 !important;
color: white !important;
margin: 10px 10px;
border: none !important;
font-weight: bold !important;
font-size: 14px !important;
width: 255px !important;
margin-left: 195px;
}

#ac-wrapper {
position: fixed;
top: -10%;
left: 0%;
width: 100%;
height: 100%;
background: rgba(240, 240, 240, 0.286);
z-index: 1001;
transition: top 0ms ease-in-out 300ms,
  transform 300ms ease-in-out 0ms,
  opacity 300ms ease-in-out 0ms;
overflow-y: scroll !important;

}

#popup {
width: 635px;
height: auto;
background: #FFFFFF;
border: 5px solid white;
border-radius: 25px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
position: relative;
top: 320px;
margin: 0 auto;
}

.popup-submit {
height: 50px;
background-color: #953df8;
color: white;
margin: 10px 10px;
border: none;
font-weight: bold;
font-size: 14px;
width: 255px;
}

.popup-remove {
font-size: 30px;
margin-right: 20px;
float: right;
margin-top: 20px;
right: 20px;
background: none;
border: none;
}

.popup-input {
height: 50px;
padding: 20px 40px;
margin: 10px 10px;
}

.privacy-popup {
margin-top: 20px;
font-weight: 500;
text-align: center;
font-size: 20;
font-size: 14px;
}

::placeholder {
line-height: 3.5em !important;
opacity: 1;
/* Firefox */
}

:-ms-input-placeholder {
/* Internet Explorer 10-11 */
line-height: 3.5em !important;
}

::-ms-input-placeholder {
/* Microsoft Edge */
line-height: 3.5em !important;
}

.fadeInUp {
animation: fadeInUp 1s ease backwards;
}

img.img {
  -webkit-filter: grayscale(1);
}

img.img:hover {
  filter: none;
}

.banner-drop-shadow{
filter:drop-shadow(20px 30px 30px rgba(0, 0, 0, 0.7))
}

.banner-bg-image{
background-image: url('../images/banner_text_background.webp');
}

.explore-more-about-height{
height: 350px; 
margin-bottom: 20px;
}

.explore-more-about{
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px !important; 
border-radius: 6px!important; 
background-color: #fff; 
outline: none; 
border: none;
}

.explore-more-about-btn{
padding-left: 20px; 
padding-top: 20px; 
padding-bottom: 12px; 
border-radius: 10px!important; 
color: #727272; 
font-size: 18px; 
font-weight: 500; 
letter-spacing: 0.1px; 
text-align: left; 
outline: none; 
border: none;
}

.explore-more-about-content{
border-radius: 12px!important; 
padding: 0px 30px; 
border: none;
}

.explore-more-about-content-1{
padding-top: 15px; 
padding-bottom: 15px; 
gap: 20px; 
font-size: 15px; 
font-weight: 400; 
text-decoration: none;
}

.explore-more-about-content-img{
width: 40px;
}

.owl-carousel-height-1{
height: 398px;
}

.carousel-card{
border-radius: 6px!important; 
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px !important;
}

.carousel-card-img{
width: 75px!important; 
height: 75px!important;
}

.carousel-card-img-line{
width: 154px!important; 
height: 26px!important;
}

.carousel-card-img-arrow{
width: 27px!important;
}

.img-round{
border-radius: 6px!important;
}

.partner-img{
max-width: 140px;
}

.partner-img-1{
max-width: 100px;
}

.partner-img-2{
max-width: 200px;
}

.img-partners{
  width: 40px;
  height: 40px;
  position: relative;
  left: -10px;
}

.partners-div{
  width: 100%;
  background-color: #953df8;
  color: #fff;
  display: flex;
  align-items: center;
  padding: 0px 20px;
  font-size: 30px;
  font-weight: 600;
  gap: 20px;
  height: 45px;
}

.partners-div span{
  font-size: 40px;
  font-weight: 700;
}

.shape-height{
height: 123px;
}

.mar-top{
margin-top: 100px!important;
}

.power-platform-box{
top: 20px; 
background: #323543;
}

.color-white{
color: #fff!important;
}

.power-platform-box-round{
border-radius: 6px 6px 0px 0px;
}

.power-platform-box-text{
text-align: left; 
padding: 16px;
padding-bottom: 6px;
}

.mar-bottom-3{
  margin-bottom: 60px;
}

.all-services{
z-index: 0; 
margin: 28px 0px 60px 0px;
}

.our-isv-product-bg{
background-color: #fff!important;
}

.benefits-width{
width: 40%;
}

.color-gray{
color: #727272!important;
}

.flex-1{
display: flex; 
justify-content: center;
}

.teams-border-round{
border-radius: 12px!important;
}

#success-alert-contact , #danger-alert-contact , #marketing-form{
display: none;
}

.flex-2{
display: flex; 
flex-direction: column; 
align-items: center;
}

.mar-bottom{
margin-bottom: 30px;
}

#mauticform_wrapper_contactusform{
width: 80%;
}

.color-black{
color: #000!important;
}

.input-fields{
width: 100%!important; 
backdrop-filter: blur(2px)!important; 
background-color: rgba(248, 243, 243, 0.03)!important;
}

.input-field-icon{
width: 30px!important; 
position: absolute!important; 
padding-top: 16px!important; 
padding-left: 15px!important;
}

.input-field-bar{
height: 50px!important; 
background-color: inherit!important;
border-color: transparent!important; 
border-radius: 12px!important; 
border-color: white!important; 
color: white!important; 
padding-left: 45px!important;
}

.input-field-bar-1{
background-color: inherit!important;
border-color: transparent!important; 
border-radius: 12px!important; 
border-color: white!important; 
color: white!important; 
padding-left: 45px!important;
}

.input-field-icon-1{
width: 32px!important; 
position: absolute!important; 
padding-top: 18px!important; 
padding-left: 15px!important;
}

.input-field-icon-2{
width: 32px!important; 
position: absolute!important; 
padding-top: 22px!important; 
padding-left: 15px!important;
}

.mar-bottom-1{
margin-bottom: 10px!important;
}

#mauticform-errormsg-captcha{
display: none; 
color: #FFF; 
font-weight: 400;
}

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

#submitBtn{
height: 50px; 
border: #fff; 
background-color: #fff; 
color: #000; 
border-radius: 6px!important; 
margin: auto;
}

.carousel-border-round{
border-radius: 12px!important;
}

.testimonial-img-width{
width: 40px!important;
}

.imagradiu{
width: 80px!important;    
border-radius: 40px!important;
}

.text-align-left{
text-align: left!important;
}

.operational-efficiency{
background-color:#953df8!important; 
padding: 15px!important; 
border-radius: 20px!important;
}

.operational-efficiency-1{
margin-left:-20px!important; 
margin-top: 15px!important;
color: white!important;
padding-bottom: 0px!important;
}

.r-and-r{
height: auto!important;
}

.r-and-r-1{
height: auto!important; 
max-width: 60%!important;
}

.blogs-border-radius{
width: 100%; 
border-radius: 6px 6px 0px 0px;
}

.footer-z-index{
z-index: 10!important;
padding-top: 60px!important;
}

.flex-3{
display: flex!important; 
align-items: center!important; 
justify-content: space-between!important;
}

.linked{
width: 45px!important;;
}

.contact-border-radius{
border-radius: 6px!important; 
margin-left: 5px!important;
}

.banner-home-page{
  position: absolute; 
  top: 0; 
  padding: 60px!important; 
  padding-bottom: 200px!important;
}

.partners-box{
  border-radius: 10px;
  background-color: #F7F1FF;
  height: 161px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.partners-num{
  padding: 20px 25px 23px 25px;
  background-color: #222529;
  border-radius: 10px;
  font-size: 40px;
  font-weight: 600;
  color: #fff;
  position: relative;
  top: -30px;
}

.partners-num-1{
  padding: 20px 20px 23px 20px;
  background-color: #222529;
  border-radius: 10px;
  font-size: 40px;
  font-weight: 600;
  color: #fff;
  position: relative;
  top: -30px;
}

.partners-para{
  font-size: 22px;
  font-weight: 600;
  line-height: 25px;
  letter-spacing: 0.1px;
  color: #686868;
  position: relative;
  top: -15px;
}

@media only screen and (max-width: 1200px){
  .header-div{
    top: -230px;
  }

  .partners-div{
    font-size: 28px;
  }

  .partners-para{
    font-size: 18px;
  }
}

@media only screen and (max-width: 992px){
  .header-div{
    top: -200px;
  }

  .partners-para{
    font-size: 22px;
  }

  #background-video{ 
    height: 700px;
  }
}

@media only screen and (max-width: 768px){
#background-video{ 
  height: 650px;
}
.header-div{
  top: -200px;
}
}

@media only screen and (max-width: 577px){
  .banner-home-page{
    padding: 30px!important; 
    padding-bottom: 200px!important;
  }
}

@media only screen and (max-width: 455px){
  .partners-div{
    font-size: 22px;
    gap: 10px;
    padding: 0px 10px;
  }

  .partners-div span{
    font-size: 30px;
    font-weight: 700;
  }

  .img-partners{
    left: -5px;
  }

  #background-video{ 
    height: 720px;
  }
}

@keyframes fadeInUp {
0% {
  transform: translate(0px, 100px);
  opacity: 0;
}

100% {
  transform: translate(0px, 0);
  opacity: 1;
}
}

/*div#first-detail {
display: contents!important;
}
*/
/*div#first-detail {
display: contents!important;
}*/
/*	*/
@media only screen and (max-width: 600px) {
#popup {
  width: auto;
}

p.pp {
  width: auto !important;
}

}

#ac-wrapper {
overflow-y: scroll;
}

/**/

@media (max-width: 768px){
h1.custom-text-background.custom-big-font-size-2.text-14.font-weight-bold.float-xl-right.clearfix.line-height-1.custom-ws-mobile-wrap.ws-nowrap.pb-2.mb-3.mb-xl-5.appear-animation.w-100.flex-wrap.lazyloaded.animated.fadeInUpShorter.appear-animation-visible {
  font-size: 30px!important;
  padding-top: 50px;
}
.col-lg-4.d-flex.align-items-center {display: block!important; align-content: center!important;  margin-left:80px;  margin-right:80px;

}

h2.font-weight-semibold.text-color-light.text-10.ls-0.mb-0 {
font-size: 22px!important;
}

img.bussi {
width: 160px!important;
}

img.buss {
width: 180px!important;
}

img.linked {
width: 60px!important;
padding-top: 20px;
}
}

nav > .nav.nav-tabs {
border: none;
color: #fff;
background: #272e38;
border-radius: 0;
}
nav > div a.nav-item.nav-link {
border: none;
padding: 18px 25px;
color: #000;
background: #fff;
border-radius: 0;
}


nav > div a.nav-item.nav-link:hover,
nav > div a.nav-item.nav-link:focus,
nav > div a.nav-item.nav-link.active {
border: none;
background: #953df8;
color: #fff;
border-radius: 0;
transition: background 0.2s linear;
}

.tab-content {
background: #fdfdfd;
line-height: 25px;
border: 1px solid #ddd;
border-top: 5px solid #953df8;
border-bottom: 5px solid #953df8;
padding: 30px 25px;
}

.tab-content {
padding: 80px 20px 20px;
width: 100%;
min-height: 340px;
}

.tab-content section {
width: 100%;
display: none;
}

.tab-content section h1 {
margin-top: 15px;
font-size: 100px;
font-weight: 100;
text-align: center;
}

#tab-1:checked ~ .tab-content #tab-item-1 {
display: block;
}

#tab-2:checked ~ .tab-content #tab-item-2 {
display: block;
}

#tab-3:checked ~ .tab-content #tab-item-3 {
display: block;
}

#tab-4:checked ~ .tab-content #tab-item-4 {
display: block;
}

#tab-5:checked ~ .tab-content #tab-item-5 {
display: block;
}

.membre {
box-shadow: 0px 2px 6px 0px #ccc;
position: relative;
overflow: hidden;
transition: all 0.5s ease-in;
}
.membre .info {
/* background-color: rgba(0, 0, 0, 0.5); */
background-color: #953df894;
padding: 20px 10px;
position: absolute;
bottom: 0;
width: 100%;
transition: all 0.5s ease-in;
}
.membre .name {
color: #fff;
font-size: 18px;
font-weight: 600;
margin-bottom: 5px;
line-height: 22px;
font-family: "Poppins";
text-transform: none;
}
.membre .job {
color: #fff;
font-size: 14px;
font-weight: 500;
margin-bottom: 5px;
}
.membre .text {
color: #fff;
margin: 10px 10px 15px 0px;
font-size: 14px;
}
.membre .overly {
height: 0;
/* background-color: rgba(0, 0, 0, 0.5); */
background-color: #953df894;
padding: 0;
position: absolute;
width: 100%;
overflow-y: auto;
height: 100%;
display: block;
transition: all 0.5s ease-in;
}
.membre .top {
top: -100%;
left: 0;
}
.membre .bottom {
bottom: -100%;
left: 0;
height: 100%;
}
.membre .left {
top: 0;
right: -100%;
height: 100%;
}
.membre .social-icones {
display: inline-flex;
position: relative;
}
.membre .social-icones .icon {
width: 40px;
height: 40px;
line-height: 40px;
display: block;
text-align: center;
margin-right: 5px;
color: #000;
}
.membre .to-top {
bottom: 0;
transition: all 0.5s ease-in;
}
.membre:hover .overly {
height: 100%;
padding: 20px 10px;
}
.membre:hover .info {
position: absolute;
bottom: -80px;
padding: 0;
transition: all 0.5s ease-in;
}
.membre:hover .top {
top: 0;
bottom: 0px;
}
.membre:hover .bottom {
bottom: 0;
}
.membre:hover .left {
right: 0;
}
.membre:hover .to-top {
bottom: 100% !important;
transition: all 0.5s ease-in;
}
.middle {

position: absolute;
}

.awards-align{
display: flex;
gap: 20px;
}

.contact-us{
background-image: url("../img/about-us/form-1-bg.jpg")!important;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding: 70px 0px;
}

.input-styling{
display: flex; 
gap: 50px; 
}

.recaptcha-btn-style{
display: flex;
justify-content: flex-end; 
gap: 20px;
} 

.card-img-top{
position: relative;
overflow: hidden;
}

.card-img-top .img-fluid{
transform: scale(1);
transition: all 0.3s;
}

.card-img-top:hover .img-fluid{
transform: scale(1.2);
}

@media only screen and (max-width: 768px){
.awards-align{
  flex-direction: column;
}
.input-styling{
  flex-direction: column; 
  gap: 20px;
}
.recaptcha-btn-style{
  flex-direction: column;
  gap: 0px;
}
}