/* Parul */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

html { font-family: 'Poppins', sans-serif; -webkit-font-smoothing: antialiased; scroll-behavior: smooth; }
body { font-family: 'Poppins', sans-serif; -webkit-font-smoothing: antialiased; font-size: 14px; background: #fff }
img { max-width: 100%;}
.fw-regular { font-weight: 400 !important }
.fw-medium { font-weight: 500}
.fw-semi { font-weight: 600}
.fw-bolder { font-weight: 700 !important}

a:hover { color: #ed1396; }

.mobile-link {
    position: relative;
    color: rgba(82, 77, 77, 1);
    font-size: 13px;
    font-weight: 600;
    margin: 0 20px;
    padding: 0;
}


a {
    display: inline-block;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: inherit;
    text-decoration: none !important;
}

/* 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%;
}

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

/* Left Menu ENds */



/*===========top nav bar========*/

.top-navbar {
  z-index: 9999;
  display: none;
}

/* --------------- top navbar style-4 --------------- */
.top-navbar.style-4 {
  background-image: none;
  background-size: cover;
  background-position: top;
  padding: 8px 15px 48px;
  text-align: center;
	background-color: #481a8d
}



.product-dropdownmenu { position: static;}
.product-dropdownmenu .dropdown-menu { top:100%; width: 65%; left: 0; padding: 0 15px;
    /* height: 82vh; */
    height: 85vh;  /* update changes */
  }
.dropdowntabsdesign h2 { font-size: 15px; text-transform: none; margin-top: 20px; border-bottom: #eee thin solid; padding-bottom: 10px; }
.dropdowntabsdesign { box-shadow: rgba(29, 140, 242, 0.16) 32px 0px 40px -32px;}
.navbar.style-4 .navbar-nav .nav-item { padding:16px 0 12px;}
.navbar.style-4 .navbar-nav .nav-item .dropdowntabsdesign .nav-link { border: none !important; outline: none !important; margin:9px 0 0; padding: 10px; font-size: 14px; background: none; color: #000; text-align: left; display: flex; align-items: center;}
.navbar.style-4 .navbar-nav .nav-item .dropdowntabsdesign .nav-link:hover { color: #ed1396;}

.navbar.style-4 .navbar-nav .nav-item .dropdowntabsdesign .nav-link.active { background: #e9e9ff; color: #000;}
.navbar.style-4 .navbar-nav .nav-item .dropdowntabsdesign .nav-link i { font-size: 13px; margin-left: auto; }
.navbar.style-4 .navbar-nav .nav-item .dropdowntabsdesign .nav-link img { width: 25px; margin-right: 3px;}


.dropprodutabcontent h2 { font-size: 18px; text-transform: none; margin-top: 20px; }
.dropprodutabcontent h3 { 
  /* font-size: 15px;        */
  font-size: 14px;  /* update changes */
  text-transform: none;
  /* margin-top: 20px; */
  margin-top: 13px;  /* update changes */
  font-weight: 500;
  margin-bottom: 0px;
}

.dropprodutabcontent p { margin-bottom: 0px; font-size: 14px; text-transform: none; font-weight: normal;  border-bottom: #eee thin solid; padding-bottom: 10px; }
.dropprodutabcontent h4 { font-size: 13px; margin-bottom: 22px; text-transform: none; font-weight: normal; }

.btn-contacthead img { height: 14px; }
.btn-contacthead:hover img { filter: brightness(0) invert(1); }
.btn-contacthead { font-weight: 500; border-radius: 50rem; padding: 6px 25px; background: #fff; color: #0F38BE; border: #0F38BE 1px solid; margin-left: 15px;}
.btn-contacthead:hover { background: #0F38BE; color: #fff; }
.btn-saleshead { font-weight: 500; border-radius: 50rem; padding: 6px 25px; background: #0F38BE; color: #fff; border: #0F38BE 1px solid; margin-left: 15px; }
.btn-saleshead:hover { background: #fff; color: #0F38BE; border-color: #0F38BE !important; }
.btn-saleshead:hover img { filter: brightness(0) saturate(100%) invert(17%) sepia(89%) saturate(4896%) hue-rotate(219deg) brightness(88%) contrast(95%); }
.btn-saleshead:hover span { color: #0F38BE; }
.btn-saleshead img { height: 14px; }


/* ===============================================================
			[ * navbar Section ] 
================================================================*/
/* --------------- navbar styles --------------- */

.nav-container { z-index: 999; }

.navbar { z-index: 999; }  
.navbar .nav-link {  cursor: pointer; }

.navbar.nav-scroll {
  background: #fff !important;
  -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
  padding: 0;
  position: fixed !important;
  top: -100px !important;
  left: 0;
  width: 100%;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  -webkit-transform: translateY(100px);
  -ms-transform: translateY(100px);
      transform: translateY(100px);
  border-radius: 0 !important;
  margin: 0 !important;
}
.navbar.style-4 {
  position: fixed;
  z-index: 99;
  padding: 0px 15px;
  background-color: #EDEDED;
  /* border-top-left-radius: 20px;
  border-top-right-radius: 20px; */
  /* margin-top: -38px; */
  left: 0;
  right: 0;
  top: 0;

}

.navbar-nav {
  margin: 0 auto; /* centers inside collapse */
  text-align: center;
  justify-content: center;
  align-items: center;
}

.navbar.style-4 .navbar-brand {
  width: 150px;
  -o-object-fit: contain;
     object-fit: contain;
}
.navbar.style-4 .navbar-nav .nav-item .nav-link {
  position: relative;
  color: rgba(82, 77, 77, 1);
  font-size: 13px;
  font-weight: 600;
  margin: 0 20px;
  padding: 0;
}

/* .navbar.style-4 .navbar-nav .nav-item .nav-link::before {
  display: none;
  position: absolute;
  content: "";
  top: -37px;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-3px);
      -ms-transform: translateX(-50%) translateY(-3px);
          transform: translateX(-50%) translateY(-3px);
  width: 55px;
  height: 30px;
  background-image: url("../images/active_s4.png");
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
} */

.navbar.style-4 .navbar-nav .nav-item:last-child .nav-link::before { top: -25px }
.navbar.style-4 .navbar-nav .nav-item .nav-link:hover, .navbar.style-4 .navbar-nav .nav-item .nav-link.active {
  color: #ed1396;
}
.navbar.style-4 .navbar-nav .nav-item .nav-link:hover::before, .navbar.style-4 .navbar-nav .nav-item .nav-link.active::before {
  opacity: 1;
  -webkit-transform: translateX(-50%) translateY(3px);
      -ms-transform: translateX(-50%) translateY(3px);
          transform: translateX(-50%) translateY(3px);
}
.navbar.style-4 .navbar-nav .nav-item .nav-link .hot {
  position: absolute;
  font-size: 8px;
  padding: 2px 3px;
  border-radius: 3px;
  top: -10px;
  right: 0;
  text-transform: uppercase;
}
.navbar.style-4 .nav-side .search-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.1333333333);
  color: #000;
  font-size: 16px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* --------------- dropdown --------------- */

.dropdown-toggle::after {
  position: relative;
  top: 1px;
  opacity: 0.8;
  content: "\f107";
  font-family: "FontAwesome"; 
  font-weight: normal; 
  border: 0;
  font-size: 80%;
}

.dropdown-menu {
  min-width: 170px;
  padding: 15px 0;
  border-radius: 15px;
  border: 0;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.0666666667);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.0666666667);
  top: 100%;
}
.dropdown-menu .dropdown-item {
  padding: 8px 20px;
  font-size: 12px;
}

.dropprodutabcontent h2 { font-size: 18px; text-transform: none; margin-top: 20px; }
.dropprodutabcontent h3 { 
  /* font-size: 15px;        */
  font-size: 14px;  /* update changes */
  text-transform: none;
  /* margin-top: 20px; */
  margin-top: 13px;  /* update changes */
  font-weight: 500;
}

.dropprodutabcontent p { font-size: 14px; text-transform: none; font-weight: normal;  border-bottom: #eee thin solid; padding-bottom: 10px; }
.dropprodutabcontent h4 { font-size: 13px; margin-bottom: 22px; text-transform: none; font-weight: normal; }


/* page css */
.hero-section { background: url(../images/hero-banner.png) no-repeat; background-size: cover; background-position: center; }
.banner-headcontent h1 { color: rgba(255, 255, 255, 1); font-weight: 400; font-size: 44px; margin: 0px; }
.banner-headcontent h1 b { font-weight: 700; }
.banner-headcontent h1 span  { color: rgba(193, 91, 255, 1); font-weight: 700; position: relative; }
.banner-headcontent h1 span img {  position: absolute; left: 0px; bottom: -13px; }
.banner-headcontent p { padding-top: 14px; color: rgba(255, 255, 255, 1); font-weight: 400; font-size: 15px; margin: 0px;  }
.hero-formbox { background: rgba(255, 255, 255, 1); border-radius: 30px; padding: 32px 34px; }

.hero-formbox h2 { color: rgba(74, 74, 74, 1); font-weight: 600; font-size: 24px; margin: 0px; }
.hero-formbox h2 span { color: rgba(193, 91, 255, 1); }
.hero-formbox p { padding-top: 12px; color: rgba(74, 74, 74, 1); font-weight: 400; font-size: 14px; margin: 0px; }

.hero-input { border: 0.92px solid rgba(77, 74, 74, 1); border-radius: 5px; padding: 19px 20px; font-weight: 400; font-size: 13px;  }
.hero-input:focus { color: #000; border: 0.92px solid rgba(77, 74, 74, 1); box-shadow: none; outline: none; }
.hero-input::placeholder { color: rgba(77, 74, 74, 1); }

.submit-btn { background: rgba(154, 84, 196, 0.19); border-radius: 34px; padding: 8px 10px; color: rgba(154, 84, 196, 1); font-weight: 400; font-size: 15px; box-shadow: none !important; outline: none !important;  }
.submit-btn:hover { color: #fff; background: #9b59b6; }
.project-label { color: #b3b3b3 !important; font-weight: 400 !important; font-size: 13px !important;  }

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

.toggle-btn { display: flex; border-radius: 50px; overflow: hidden; background: #fff; padding: 4px 5px; }

.toggle-btn input[type="radio"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  display: none !important;
}

.toggle-btn label { flex: 1; padding: 10px 20px; text-align: center; cursor: pointer; font-size: 14px !important; font-weight: 400; transition: all 0.3s ease;
    background: #fff; color: rgba(154, 84, 196, 1); }

#opt1:checked + label {
  background: #9b59b6;
  color: #fff;
   height: unset;
    border-radius: 160px;
}

#opt2:checked + label {
  background: #9b59b6;
  color: #fff;
  height: unset;
  border-radius: 160px;

}

/* new code */

.toggle-btn [type="radio"]:disabled+label {
    color: rgba(154, 84, 196, 1);
}

.toggle-btn [type="radio"]:not(:checked)+label:before, .toggle-btn [type="radio"]:not(:checked)+label:after { display: none; }
.toggle-btn [type="radio"]:checked+label:before, .toggle-btn [type="radio"]:checked+label::after { display: none; }
.toggle-btn [type="radio"]:not(:checked)+label, .toggle-btn [type="radio"]:checked+label { margin: 0px; }

.head-text h2 { color: rgba(51, 51, 64, 1); font-weight: 600; font-size: 44px; margin: 0px; }
.head-text h2 span { color: rgba(193, 91, 255, 1); }

.head-text h4 { color: rgba(193, 91, 255, 1); font-weight: 500; font-size: 50px; margin: 0px; }

.brands-box { border: 1.32px solid rgba(229, 229, 229, 1) }
.brands-box{ border: 1.32px solid rgba(229, 229, 229, 1); box-shadow: 0px 0px 50.77px 0px rgba(0, 0, 0, 0.05); padding: 24px 20px; border-radius: 22px; }

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

.brands-imgbox { width: 100%; height: 70px; }
.brands-imgbox img { width: 100%; height: 100%; object-fit: contain; }

.brand-section { background: url(../images/brand-topleftimg.png) no-repeat top left; }

.modular-section { background: url(../images/modular-sectionbg.png) no-repeat; border-radius: 30px; background-size: cover;  }
.head-text.white h2 { color: #fff; } 

.built-sectioncontent h2 { color: rgba(255, 255, 255, 1); font-weight: 600; font-size: 22px; margin: 0px; }
.built-sectioncontent p { margin-bottom: 40px; color: rgba(255, 255, 255, 1); font-weight: 400; padding-top: 8px; font-size: 16px; line-height: 22px; }

.head-text p { color: rgba(53, 49, 49, 1); font-weight: 500; font-size: 20px; margin: 0px; line-height: 24px; padding-top: 15px; }

.costly-box { display: flex; align-items: center; justify-content: center; padding: 10px 10px; text-align: center; width: 70px; height: 70px; border-radius: 20px; background: rgba(193, 91, 255, 0.62); }

.barrier-righttext h6 { color: rgba(53, 49, 49, 1); font-weight: 700; font-size: 20px; margin: 0px; }
.barrier-righttext p { color: rgba(82, 77, 77, 1); font-weight: 400; font-size: 15px; margin: 0px; padding-top: 10px; }
.unifies-boxcontent { padding: 35px 35px; background: rgba(58, 10, 85, 1); border-radius: 30px; box-shadow: 4px 7px 19.9px 0px rgba(0, 0, 0, 0.25); }

.unifies-boxcontent h5 { color: rgba(255, 255, 255, 1); font-weight: 700; font-size: 30px; margin: 0px; }
.unifies-boxcontent p { padding-top: 12px; color: rgba(255, 255, 255, 1); font-weight: 400; font-size: 17px; margin: 0px; }

.features-btn { box-shadow: none !important; outline: none !important; background: #fff; border-radius: 160px; padding: 10px 34px; color: rgba(116, 21, 174, 1); font-weight: 600; font-size: 16px;  }
.features-btn img { height: 16px; }
.features-btn:hover { background: rgb(201 113 255); color: #fff; }
.features-btn:hover img { filter: brightness(0) invert(1); }


.core-moduleleft {
  position: relative;
  z-index: 1;
  background: 
    url("../images/core-moduleleftbg.png") no-repeat left top,
    url("../images/right-bgimg.png") no-repeat right top,
    linear-gradient(to bottom right, #ffffff 70%, #f8edff 100%);
}

 .barriers-section  {
    position: relative;
    background: linear-gradient(
      to bottom right,
      #ffffff 70%,    /* white takes most of the space */
      #f8edff 100%    /* light purple at bottom-right */
    );

   }



/* .core-moduleleft { background-image: url(../images/core-moduleleftbg.png) no-repeat left top; background: url(../images/right-bgimg.png) no-repeat top right; } */
/* .right-bgimg { background: url(../images/right-bgimg.png) no-repeat top right; } */

.core-modulecard { display: flex; flex-direction: column; justify-content: center; min-height: 345px; border: 0.91px solid rgba(160, 160, 160, 1); border-radius: 24px; padding: 25px 20px; }
.core-modulecard h4 { padding-top: 16px; text-align: center; color: rgba(109, 101, 101, 1); font-weight: 700; font-size: 22px; margin: 0px; }
.core-modulecard p { text-align: center; padding-top: 10px; color: rgba(109, 101, 101, 1); font-weight: 400; font-size: 16px; margin: 0px; }



.core-modulebox { box-shadow: 1.15px 3.46px 3.69px 0px rgba(0, 0, 0, 0.08);
 margin-top: 10px !important; display: flex; justify-content: center; align-items: center; text-align: center; margin: 0 auto; background: rgba(116, 21, 174, 1); width: 63px; height: 63px; border-radius: 18px; padding: 10px 10px; }

.core-modulecard:hover { background: rgba(116, 21, 174, 1); border: 1px solid red; }
.core-modulecard:hover h4 { color: #fff; }
.core-modulecard:hover p { color: #fff; }
.core-modulecard:hover h4 img { filter: brightness(0) invert(1);  }
.core-modulecard:hover .core-modulebox { background: white; }

.core-modulecard:hover .core-modulebox img { filter: invert(14%) sepia(97%) saturate(6571%) hue-rotate(270deg) brightness(85%) contrast(105%); }

.head-text h6 { padding-top: 10px; color: rgba(154, 84, 196, 1); font-weight: 500; font-size: 22px; margin: 0px; }
.manu-facturemaintext h6 { color: rgba(53, 49, 49, 1); font-weight: 700;font-size: 30px; margin: 0px; }
.manu-facturemaintext p { padding-top: 5px; color: rgba(0, 166, 62, 1); font-weight: 400;font-size: 16px; margin: 0px; }

.manufacturing-imgbox { box-shadow: 1.27px 3.81px 4.06px 0px rgba(0, 0, 0, 0.08);
 display: flex; align-items: center; justify-content: center; background: rgba(60, 12, 87, 1); width: 80px; height: 80px; border-radius: 20px; padding: 10px 10px;  }

.manu-facturemaintext { display: flex; align-items: center; }
.manufacturing-contentbox p { padding-top: 15px; color: rgba(53, 49, 49, 1); font-weight: 400; font-size: 14px; margin: 0px; }
.case-studybtn { box-shadow: none !important; outline: none !important; border-radius: 10px; padding: 8px 22px; background: rgba(60, 12, 87, 1); box-shadow: 1.27px 3.81px 4.06px 0px rgba(0, 0, 0, 0.08); color: rgba(255, 255, 255, 1); font-weight: 500; font-size: 14px; } 
.case-studybtn:hover { color: #fff; }

.success-storiesbtn { font-size: 14px; padding: 7px 22px; border: 2px solid transparent; border-radius: 8px; 
  background: 
    linear-gradient(#fff, #fff) padding-box, /* inner background */
    linear-gradient(90deg, #6B2B94, #B448FA) border-box; /* gradient border */
  box-shadow: 1.27px 3.81px 4.06px rgba(0,0,0,0.08); box-shadow: none !important; outline: none !important; }

.success-storiesbtn img { height: 20px; }

.menufature-mainimgbox { position: relative; }

.menufature-img-wrapper { position: relative; display: inline-block; }

.menufature-mainimgbox::before {
     content: "";
    position: absolute;
    top: 18px;
    left: 14px;
    right: 28px;
    bottom: 16px;
    background: #fff;
    border-radius: 30px;
    transform: rotate(10deg);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    z-index: 0;
}

.menufature-mainimgbox img {
  position: relative;
  z-index: 1;
  /* border-radius: 20px; */
  display: block;
  max-width: 100%;
   transition: transform 0.5s ease-in-out;
}

.menufature-mainimgbox:hover img {
  transform: scale(1.05);
}

.outer-criclebox {
     width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #fff;
    box-shadow: -3.37px -2.25px 4.56px rgba(0, 0, 0, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: -7px;
    top: -30px;
    z-index: 10;
}

.circle-rightimg {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: rgba(60, 12, 87, 1);
  display: flex;              /* center image inside */
  align-items: center;
  justify-content: center;
}

.circle-rightimg img { height: 35px; }

.covered-box {
    background: linear-gradient(90deg, rgba(195, 19, 89, 1) 0%,  #f770af 50%,  rgba(195, 19, 89, 1) 100%);
   /* background: rgba(195, 19, 89, 1); */
     border-radius: 24px; padding: 15px 15px; box-shadow: 1.54px 4.61px 4.92px 0px rgba(0, 0, 0, 0.08); padding: 0px 30px;  }

.covered-box h4 { color: rgba(255, 255, 255, 1); font-weight: 700; font-size: 30px; margin: 0px; }
.covered-box p { padding-top: 15px; color: rgba(255, 255, 255, 1); font-weight: 400; font-size: 20px; margin: 0px; }

.right-imgman img { margin-top: -100px; margin-bottom: -26px; margin-left: -70px; }
.features-btn.pink { color: rgba(195, 19, 89, 1); }
.features-btn.pink:hover { background: #f770af; color: #fff; }
.customer-section { background: url(../images/customers-leftbg.png) no-repeat left top; background-size: 11%; }



.customers-card { padding: 18px 25px; background: rgba(243, 232, 255, 1); border-radius: 10px; }
.customers-card h4 { color: rgba(53, 49, 49, 1); font-weight: 400; font-size: 13px; margin: 0px; }
.customers-card h5 { color: rgba(53, 49, 49, 1); font-weight: 300; font-size: 12px; margin: 0px; }
.customer-userimg { width: 43px; height: 43px; border-radius: 50%; }
.customer-userimg img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.customers-card p { color: rgba(53, 49, 49, 1); font-weight: 400; font-size: 14px; margin: 0px; padding-top: 18px;  }

 .star-imgbox img { height: 10px; }

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

    .owl-dots{ width: 100%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden;  text-align: center; }
    .owl-dot { height: 9px; width: 9px; display: inline-block; background: none; border: 2px solid rgba(208, 208, 208, 1); margin-left: 5px; margin-right: 5px; background: rgba(208, 208, 208, 1); border-radius: 20px; margin-top: 20px;}
    .owl-dot.active { background: rgba(255, 116, 0, 1); border: 2px solid rgba(255, 116, 0, 1); }
   .testimonialsCollection  .owl-prev span::before {
    content: " ";
    background: url(../images/prev.png) no-repeat;
    background-position: center;
    z-index: 10;
    position: absolute;
    bottom: 0px;
    height: 20px;
    /* left: -106px; */
    left: 0px;
    right: 210px; 
    margin: 0 auto;

 }

   .testimonialsCollection .owl-next span:before {
    content: " ";
    background: url(../images/next.png) no-repeat;
    background-position: center;
    z-index: 10;
    position: absolute;
    bottom: 0px;
    right: 0px;
    height: 20px;
    left: 200px;
    margin: 0 auto;
  }

  .testimonialsCollection .owl-item.center .customers-card h4  { font-size: 26px; }
  .testimonialsCollection .owl-item.center .customers-card h5  { font-size: 25px; }
  .testimonialsCollection .owl-item.center .customers-card p  { font-size: 17px; }
  .testimonialsCollection .owl-item.center .star-imgbox img { height: 16px;  }
.testimonialsCollection .owl-item.center .star-imgbox { margin-top: 8px; }

.testimonialsCollection .owl-item.center  .customer-userimg { width: 53px; height: 53px; border-radius: 50%; }
.testimonialsCollection .owl-stage {
  display: flex;
  align-items: center;   /* vertically center all items */
}

.testimonialsCollection .owl-item {
  display: flex;
  justify-content: center; /* optional: horizontal center inside */
}

.faq-section  { box-shadow: 0px 0px 14.1px 0px rgba(0, 0, 0, 0.15); background: #fff; }



.customer-rightbg { 
  background: 
    url(../images/right-topbg.png) no-repeat right top,
    url(../images/bottom-whatbg.png) no-repeat right bottom;
  background-size: 10%, 15%; 
}



.faq-accordion .card { border-radius: 11px !important; padding: 14px 16px; border: 1px solid rgba(226, 226, 226, 1) !important; margin-bottom: 10px; }
.faq-accordion .card-header .fa-plus { display: none; height: 18px; }
.faq-accordion .card-header .collapsed .fa-minus { display: none; height: 18px; }
.faq-accordion .card-header .collapsed .fa-plus { display: block; height: 18px; }
.faq-accordion .card-body { margin-top: 8px; border-top: 0.98px solid rgba(227, 227, 227, 1); padding: 0px; font-size: 14px; color: rgba(101, 95, 95, 1); font-weight: 400;  }

.faq-accordion .card-header button {  padding: 0px; line-height: 25px; color: rgba(101, 95, 95, 1); font-weight: 600; font-size: 16px; margin: 0px; text-decoration: none;  }
.faq-accordion .card-header { background: transparent; padding: 0px; border: none; }

.faq-accordion .card:has(.collapse.show),
.faq-accordion .card:has(.collapse.collapsing) {
  border: 2px solid rgba(116, 21, 174, 1) !important;
}

.question-boxbg { background: url(../images/question-bg.png) no-repeat; background-size: 100% 100%; padding: 25px 30px; border-radius: 24px; }
.question-boxbg h6 { padding-top: 10px; color: rgba(255, 255, 255, 1); font-weight: 600; font-size: 18px; margin: 0px; }
.question-boxbg p { padding-top: 10px; color: rgba(255, 255, 255, 1); font-weight: 400; font-size: 12px; margin: 0px; }

.call-box  { border: 1.18px solid rgba(116, 21, 174, 1); padding: 18px 20px; border-radius: 22px; }

.call-box p { color: rgba(116, 21, 174, 1); font-weight: 400; font-size: 14px; letter-spacing: 3.29px; margin: 0px; }
.call-box h4 { color: rgba(116, 21, 174, 1); font-weight: 600; font-size: 19px; padding-top: 5px; margin: 0px;  letter-spacing: 3.29px; }
.call-box h6 { color: rgba(116, 21, 174, 1); font-weight: 400; font-size: 18px; padding-top: 5px; margin: 0px; letter-spacing: 3.29px; }

.phone-callbox img { height: 75px; }

.asked-questionsbox { height: 427px; overflow-x: hidden; overflow-y: scroll; padding-right: 12px; }
.asked-questionsbox::-webkit-scrollbar { width: 8px; display: block;  }
.asked-questionsbox::-webkit-scrollbar-track { box-shadow: none; background: rgba(239, 239, 239, 1); border-radius: 34px; }
.asked-questionsbox::-webkit-scrollbar-thumb { background-color: rgba(204, 204, 204, 1); outline: none; border-radius: 34px; }


.footer-section { background: url(../images/footer-bg.png) no-repeat; background-size: 100% 100%; }
.footer-lefttext h6 { font-weight: 700; font-size: 40px; color: rgba(255, 255, 255, 1); margin: 0px; }
.footer-lefttext p { padding-top: 15px; font-weight: 400; font-size: 18px; color: rgba(255, 255, 255, 1); margin: 0px; } 

.footer-form { border: 1px solid rgba(255, 255, 255, 1); border-radius: 30px; padding: 40px 30px; }
.footer-form h6 { color: rgba(255, 255, 255, 1); font-weight: 600; font-size: 28px; margin: 0px; }
.footer-form p { padding-top: 8px; color: rgba(255, 255, 255, 1); font-weight: 400; font-size: 14px; margin: 0px; }

.footer-input { padding: 20px 18px; color: rgba(255, 255, 255, 1); font-weight: 400; font-size: 14px; border: 0.96px solid rgba(255, 255, 255, 1); border-radius: 5px; background: rgba(255, 255, 255, 0.07); }
.footer-input:focus { color: rgba(255, 255, 255, 1); box-shadow: none; outline: none; border: 0.96px solid rgba(255, 255, 255, 1);  background: rgba(255, 255, 255, 0.07); }
.footer-input::placeholder { color: rgba(255, 255, 255, 1); }

.footer-submitbtn { box-shadow: none !important; outline: none !important; padding: 9px 20px; background: rgba(193, 91, 255, 1); border-radius: 5px; font-weight: 500; font-size: 14px; color: rgba(255, 255, 255, 1); }
.footer-submitbtn:hover { color: rgba(255, 255, 255, 1); background: #9b59b6; }

.contact-iconbox { background: #fff; width: 35px; height: 35px; border-radius: 10px; padding: 5px 5px; text-align: center; }

.footer-lefttext h3 { color: rgba(255, 255, 255, 1); font-weight: 600; font-size: 20px; margin: 0px; letter-spacing: 9%; }
.footer-lefttext h4 { letter-spacing: 1.60px; color: rgba(255, 255, 255, 1); font-weight: 400; font-size: 16px; margin: 0px; padding-top: 8px; }


.footer-border { border: 0.5px dashed rgb(219 168 249); }
.copy-righttext h6 { font-weight: 700; font-size: 26px; color: rgba(255, 255, 255, 1); margin: 0px; }
.copy-righttext p { font-weight: 400; padding-top: 10px;  color: rgba(255, 255, 255, 1); font-size: 12px; margin: 0px; }

.footer-menu { margin: 0px; padding: 0px; display: flex; justify-content: center; }
.footer-menu li { list-style: none; color: rgba(255, 255, 255, 1); font-weight: 700; font-size: 10px; padding-right: 25px;  }
.footer-menu li a { color: #fff; }

.copy-rightborder { border-top: 0.79px solid rgba(153, 153, 153, 0.6) }
.copy-rightborder p { color: rgba(255, 255, 255, 1); font-size: 10px; font-weight: 700; margin: 0px; padding-top: 25px; }

.trusted-section { background: url(../images/trusted-bgsection.png) no-repeat; background-size: cover; overflow: hidden; }

.subscribers-box { position: relative; z-index: 1; box-shadow: 0px 2px 15.3px 0px rgba(0, 0, 0, 0.13); border-radius: 21px; background: rgba(248, 219, 255, 1); padding: 14px 20px; min-width: 200px; display: inline-block; }
.subscribers-box h6 { color: rgba(193, 91, 255, 1); font-weight: 700; font-size: 32px; margin: 0px; }
.subscribers-box p { color: rgba(82, 77, 77, 1); font-weight: 700; font-size: 13px; margin: 0px; }
.subscribers-contentbox p { position: relative; z-index: 88; color: rgba(255, 255, 255, 1); font-weight: 500; font-size: 16px; margin: 0px; padding-top: 10px; z-index: 666; }
.margin-top { margin-top: 100px; }
.zig-zagline { position: relative; }

/* .line-box::before { 
    content: "";
    position: absolute;
    background: #955dbb;
    width: 10px;
    height: 100px;
    right: -48px;
    transform: rotate(-65deg);
    bottom: -60px;
    z-index: 0;
 } */

 .line-box::before {
    content: "";
    position: absolute;
    background: #955dbb;
    width: 10px;
    height: 116px;
    right: -54px;
    transform: rotate(-65deg);
    bottom: -71px;
    z-index: 0;
}

 .line-box1::after { 
    content: "";
    position: absolute;
    background: #955dbb;
    width: 10px;
    height: 58px;
    transform: rotate(47deg);
    bottom: -42px;
    z-index: 0;
    left: -20px;
  }

 /* .line-box2::before { 
     content: "";
      position: absolute;
      background: #955dbb;
      width: 10px;
      height: 58px;
      right: -27px;
      transform: rotate(-61deg);
      bottom: -33px;
      z-index: 0;
  } */

  .line-box2::before {
    content: "";
    position: absolute;
    background: #955dbb;
    width: 10px;
    height: 95px;
    right: -42px;
    transform: rotate(-61deg);
    bottom: -59px;
    z-index: 0;
}

 /* .line-boxtop::before { 
    content: "";
    position: absolute;
    background: #955dbb;
    width: 10px;
    height: 100px;
    right: -44px;
    transform: rotate(-121deg);
    z-index: 0;
    top: -66px;
 } */

.line-boxtop::before {
    content: "";
    position: absolute;
    background: #955dbb;
    width: 10px;
    height: 117px;
    right: -52px;
    transform: rotate(-118deg);
    /* bottom: -60px; */
    z-index: 0;
    top: -75px;
}

 /*===============*/
 .dropdown-menu {
    min-width: 170px;
    padding: 15px 15px;
    border-radius: 15px;
    border: 0;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.0666666667);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.0666666667);
    top: 100%;
}

.dropdown-ss .dropdown-menu {
    width: 300px;
    right: 0px;
}

.case-studybtn img { height: 18px; }

.language-drop .dropdown-menu a {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    padding: 5px 15px;
    width: 100%;
}

.dropdown-ss a img {
    height: 20px;
    width: 20px;
    object-fit: contain;
    filter: brightness(0) saturate(100%) invert(14%) sepia(99%) saturate(3183%) hue-rotate(229deg) brightness(91%) contrast(106%);
}

.dropdown-ss {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 600;
    padding: 0;
    border-radius: 50px;
}


.confidence-section { 
  background: url(../images/lead-leftimg.png) no-repeat left top,
  url(../images/lead-bttom.png) no-repeat right bottom
 }


 .fixed-chatbox {
    position: fixed;
    bottom: 20px;
    right: 15px;
    z-index: 999;
}

.fixed-chatbox img  { height: 170px; }

.bran-logomainbox p { padding-top: 8px; text-align: center; color: rgba(82, 77, 77, 1); font-weight: 400; font-size: 22px; margin: 0px; }




.viewall-content {
    text-transform: capitalize;
    text-decoration: underline !important;
    position: absolute;
    top: 20px;
    right: 20px;
    color: rgba(15, 56, 190, 1);
    font-weight: 400;
    font-size: 13px;
    margin: 0px;
}

.dropdowntabsdesign h2 {
    font-size: 15px;
    text-transform: none;
    margin-top: 20px;
    border-bottom: #eee thin solid;
    padding-bottom: 10px;
    font-weight: 700;
}

.dropprodutabcontent h2 {
    font-size: 18px;
    text-transform: none;
    margin-top: 20px;
    font-weight: 600;
}

.dropprodutabcontent p {
    font-size: 14px;
    text-transform: none;
    font-weight: normal;
    border-bottom: #eee thin solid;
    padding-bottom: 10px;
}

.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;
}


#contact-support .modal-content {
    background: url(../images/popup-bg.png) no-repeat;
    padding: 30px;
    border-radius: 15px;
    border: none;
}

#contact-support h2 {
    font-size: 23px;
    color: #3F3E3E;
    font-weight: 700;
    margin-bottom: 25px;
    position: relative;
    padding-bottom: 10px;
    display: inline-block;
}

#contact-support h2 {
    font-size: 23px;
    color: #3F3E3E;
    font-weight: 700;
    margin-bottom: 25px;
    position: relative;
    padding-bottom: 10px;
    display: inline-block;
}

#contact-support p {
    font-size: 15px;
    color: #3F3E3E;
    font-weight: 500;
    margin-bottom: 15px;
}

#contact-support h2::after {
    background: linear-gradient(90deg, #501E9C 0%, #8169F1 30%, #8169F1 30%, #A44CEE 73%, #FF847F 100%);
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    bottom: 0;
}

#contact-support .modal-body {
    background: #fff;
    padding: 20px 15px;
    border-radius: 15px;
    border: none;
    text-align: center;
    position: static;
}

#contact-support .btn-close {
    background-color: #ffffff7a;
    position: absolute;
    right: -11px;
    top: -10px;
    width: 32px;              
    height: 32px; 
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    padding: 10px;
    opacity: 1;
    font-size: 16px;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    cursor: pointer;
}

.thank-leftcontent {
    background: #f2f2f2;
    padding: 106px 100px;
    min-height: 100vh;
}

.thank-leftcontent h2 {
    color: #000;
    letter-spacing: 0;
    font-size: 42px;
    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 {
    overflow: hidden;
    height: 558px;
    width: 100%;
}

.thanku-rightimg img:hover {
    transform: scale(1.1);
}

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

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

a.card-link {
  display: block;
  width: 100%;
  text-decoration: none;  /* optional: remove underline */
  color: inherit;         /* keep text color consistent */
}


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

/* .businesses-box  { justify-content: space-between; padding: 4px 4px; display: flex; align-items: center; background: rgba(255, 255, 255, 1); border-radius: 180px; }
.businesses-box span { color: rgba(154, 84, 196, 1); font-weight: 400; font-size: 16px; padding: 10px 42px; }
.businesses-box span.active { background: #9b59b6; color: #fff; border-radius: 160px; } */

.businesses-box {
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 180px;
  padding: 4px;
  overflow: hidden; /* keeps the rounded look clean */
}

.businesses-box a {
  flex: 1; /* ✅ equal width for all links */
  text-align: center;
  text-decoration: none;
  color: rgba(154, 84, 196, 1);
  font-weight: 400;
  font-size: 16px;
  padding: 10px 0;
  border-radius: 160px;
  transition: background 0.3s ease, color 0.3s ease;
}

.businesses-box a.active {
  background: #9b59b6;
  color: #fff;
}

.manufacturing-imgbox.lightblue  { background: rgba(33, 135, 255, 1); }
.circle-rightimg.lightblue { background: rgba(33, 135, 255, 1);  }
.case-studybtn.lightblue {  background: rgba(33, 135, 255, 1);  }

.padding-topbox { padding-top: 80px; padding-bottom: 100px; }

.leadscroll-card  { height: 400px; overflow-x: hidden; overflow-y: scroll; position: relative; }
.leadscroll-card::-webkit-scrollbar { display: none; }


/* ======== new modal ======== */

.form-modal .modal-content { background: #FFFFFF; border-radius: 20px; border: none; }
.our-clientsmodalleft { background: rgba(70, 11, 134, 1); min-height: 100%; border-top-left-radius: 20px; }
.banner-formbox.white { background: #fff; }
.banner-formbox { background: #FFFFFF33; border: 1px solid #FFFFFF99;  padding: 20px 40px 30px 0px; border-radius: 20px; }

.our-clientmodalbottom { padding: 13px 18px; }
/* .modal-closebtn img { height: 15px; } */
.modal-closebtn button { border: none !important; outline: none !important; box-shadow: none !important; opacity: 1; }
.modal-lg, .modal-xl { max-width: 850px; }
.experience-modalimg img {
    border-top-left-radius: 20px;
}

.our-clientmodalbottom h6 { color: rgba(154, 84, 196, 1); font-weight: 600; font-size: 13px; margin: 0px; }
.our-clientmodalbottom p { padding-top: 5px; color: rgba(51, 48, 48, 1); font-weight: 400; font-size: 11px; margin: 0px; }

.hero-formbox.new h2 { font-size: 20px; }
.submit-btn.new { border-radius: 6px; }


.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;
}

.help-block { font-size: 12px; }


/* .modal-closebtn img {
    height: 15px;
} */