@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');





.form-control {
  padding-right: 30px;
  height: 30px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

input:focus {
  outline: 0;
  border: 1px solid #51A8FF;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, .5);
}

.form-control+.loginicon {
  right: 0;
  background-color: #EBEBEB;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  width: 30px;
  text-align: center;
}

.login-icon-box {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  border-radius: 2px;
  background-color: #545454;
  color: #fff;
  margin: 3px;
}

.login-icon {
  font-size: 14px;
}


input[type="button"] {
  padding: 2px 2px;
  /*margin: 1px 8px 20px;*/
  cursor: pointer;
  color: #FFF;
  border-radius: 5px;
  line-height: 2em;
  border: 1px solid #007bff;
  transition: all 0.3s linear;
  text-align: center;
  font-size: 14px;
  background-color: #007bff;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 2px, inset rgba(0, 0, 0, 0.15) 0px -10px 20px;
}

input[type="button"]:hover {
  padding: 2px 2px;
  /*margin: 1px 8px 20px;*/
  cursor: pointer;
  color: #FFF;
  border-radius: 5px;
  line-height: 2em;
  border: 1px solid #007bff;
  transition: all 0.3s linear;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  background-color: #026cdd;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 2px, inset rgba(0, 0, 0, 0.15) 0px -10px 20px;
}

input[type="button"]:focus {
  padding: 2px 2px;
  /*margin: 1px 8px 20px;*/
  cursor: pointer;
  color: #FFF;
  border-radius: 5px;
  line-height: 2em;
  border: 1px solid #007bff;
  transition: all 0.3s linear;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  background-color: #026cdd;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 2px, inset rgba(0, 0, 0, 0.15) 0px -10px 20px;
}

.loader {
  text-align: center;
  border: 2px solid #f3f3f3;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  -webkit-animation: spin 2s linear infinite;
  /* Safari */
  animation: spin 2s linear infinite;
  border-top: 2px solid blue;
  border-bottom: 2px solid red;
  margin-left: 5px;
  margin-top: 7px;
  display: none;
}

.social-icon:hover {
  /*padding: 2px;*/
  -ms-transform: scale(1.3);
  /* IE 9 */
  -webkit-transform: scale(1.3);
  /* Safari 3-8 */
  transform: scale(1.3);
}

.card:hover {
  background-color: #e6e6e6;
  color: #010142;
}


.navbar {

  box-shadow: 0 2px 4px -1px #0003, 0 4px 5px #00000024, 0 1px 10px #0000001f;
  transition: all 0.3s ease;
}

.navbar.fixed-top {
  /* position: fixed; */
  /* top: 0; */
  width: 100%;

}

.bg-scroll {
  background-color: #fff;
  transition: all 0.5s ease;
  box-shadow: 1px 1px 5px 3px #ccc;
}

.navbar ul li .active {

  color: #000 !important;
}

.navbar ul li .active:hover {
  color: #1786fe !important;

}

.navbar ul li a {
  font-size: 13px;
  font-weight: 500;
  color: #000;
}

.navbar ul li a:hover {
  color: #1786fe;
}



.navbar-nav .nav-link {
  position: relative;
  text-decoration: none;
  /* Remove default underline */
  /* padding: 0; */
}

/* .navbar-nav .nav-link::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color:#bd0406; /* Change color as needed 
    transition: width 0.2s ease;
}


.navbar-nav .nav-link:hover::before {
  
    width: 100%;
    transform: scale(1.1);
} */


html {
  scroll-behavior: smooth;
}

.navbar form a {
  /* border: 1px solid #1786fe; */
  color: #000;
  /*padding: 5px 9px;*/
  font-weight: 500;
}

.navbar form .alo {
  color: white;
  background-color: #03b1ba;
  border: 2px solid #03b1ba;
  border-radius: 10px;
  padding: 5px 9px;
  font-weight: 500;
  transition: 0.5s;
  
}
.navbar form .alo:hover {
  color: white;
  
  
}

.navbar form .alos {
  border-radius: 10px;
  transition: 0.5s;
  color: white;
  background-size: 200% auto !important;
  background-image: linear-gradient(to right, #ffbc00 0%, #ff4b00 51%, #ffbc00 100%) !important;
  font-weight: 500;

}

.navbar form .alos:hover {
  color: white;
  background-image: linear-gradient(from right, #ffbc00 0%, #000000 51%, #ffbc00 100%) !important;


}


.navbar form a img {
  /* border: 1px solid #1786fe; */
  filter: hue-rotate(0deg) !important;
  /* padding: 5px 9px;
  font-weight: 500; */
}

.navbar form a {

  color: #1A237E ;

  transition: all ease 0.5s;
}

.navbar form a .fa-envelope {

  color: #0368ba;

  transition: all ease 0.5s;
}

.navbar form a:hover {

  color:#0368ba ;

  transform: scale(1.1);

}

.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-left: 60rem;
}



.dropdown .dropdown-menu {
  display: none;
  /* Hide dropdown menu by default */
  max-height: 0;
  /* Initially set max-height to 0 */
  overflow: hidden;
  /* Hide overflowing content */
  transition: max-height 0.3s ease;
  /* Smooth transition for max-height property */
  border: none;
  box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);
  -webkit-box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);
  -moz-box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);
  border-radius: none;
}

.dropdown .dropdown-menu .dropdown-item {
  background-color: transparent;
  color: #000;
  transition: 0.2s ease, transform 0.2s ease;
}

.dropdown .dropdown-menu .dropdown-item:hover {
  background-color: transparent;
  color: #1786fe;
  transform: scale(1.04);

}

.dropdown:hover .dropdown-menu {

  display: block;
  /* Display dropdown menu on hover */
  max-height: 500px;
}

/* https://www.google.com/search?q=cloud+computing+erp&sca_esv=5776479ede210184&sca_upv=1&hl=en&udm=2&biw=1280&bih=585&sxsrf=ACQVn08Q_Pv5mWPu4iH_wyNjFo_aHZbwXg%3A1712057438200&ei=XuwLZt_cC-eO9u8PmKyqwAU&ved=0ahUKEwjfg8H7tqOFAxVnh_0HHRiWClgQ4dUDCBA&uact=5&oq=cloud+computing+erp&gs_lp=Egxnd3Mtd2l6LXNlcnAiE2Nsb3VkIGNvbXB1dGluZyBlcnAyBRAAGIAEMgUQABiABDIFEAAYgAQyBhAAGAgYHjIEEAAYHjIGEAAYCBgeMgcQABiABBgYMgcQABiABBgYSKURUL0FWL8PcAF4AJABAJgBtgKgAeAGqgEFMi0yLjG4AQPIAQD4AQGYAgSgAv0GwgIIEAAYgAQYsQOYAwCIBgGSBwcxLjAuMi4xoAfMDw&sclient=gws-wiz-serp#vhid=rZKy21XLUwMYgM&vssid=mosaic */

.bg-banner {
  background-image: url('https://ranksol.com/wp-content/uploads/2020/10/Main-bg.png');
  background-repeat: no-repeat;
  padding: 0px 0 0px 0;
  min-height: 93vh;
  /* position: relative; */
  /* top: 30px; */
  background-size: cover;
  /* background-position: bottom; */
  background-repeat: no-repeat;

}

/* .bg-banner .home:before {
  content: "";
  /* background-color: rgba(29,41,136,255); *
  position: absolute;
  inset: 0;
  
} */

/* CSS */
@keyframes up-down {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-20px);
    /* Adjust the value to move the image up or down */
  }
}


.home .breadcrumb .row .animated {

  animation: up-down 2s ease-in-out infinite alternate-reverse both;
}

.about-banner .about {
  background-image: url('https://image.lexica.art/full_webp/cce5b66f-5f94-4703-9142-6b3d22a874b4');
  background-repeat: no-repeat;
  padding: 0px 0 40px 0;
  min-height: 63vh;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.about-banner .about:before {
  content: "";
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  inset: 0;
}

.blog-banner .blog {
  background-image: url('https://media.istockphoto.com/id/1133586715/photo/laptop-on-wooden-table-showing-charts-and-graph-against-blur-cityscape-with-tower-background.jpg?s=612x612&w=0&k=20&c=f2zo2EhK2ThjpVXwSqKMMPFsCn9efjk6OfyfBlrVShQ=');
  background-repeat: no-repeat;
  padding: 0px 0 40px 0;
  min-height: 63vh;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.blog-banner .blog:before {
  content: "";
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  inset: 0;
}



.bg-banner .home .text-head {
  color: #3ecedb;
}

.bg-banner .home .home-hea {
  color: #90acfe;
  font-weight: 800;
}

.bg-banner .home h6 {
  font-family: "Nunito", sans-serif;
  color: #1A237E;
  ;
  font-weight: 800;
  font-size: 32px;
}

.bg-banner .home .btn-demo {
  color: white;
  background-color: #03b1ba;
  border: 2px solid #03b1ba;
  transition: 0.5s ease, transform 0.5s ease;


}


.bg-banner .home .btn-demo:hover {


  transform: scale(1.04);
  /* Corrected scale property */
}


.bg-banner .home .text-head {
  font-weight: 600;
  font-size: 19px;
}


.bg-banner .home .breadcrumb .para {
  font-weight: 400;
  font-size: 19px;
  color: #9b9c9f;
}

.section-pro .pro-div {
  box-shadow: 0 .1875rem .4375rem 0 rgba(0, 0, 0, .13), 0 .0625rem .125rem 0 rgba(0, 0, 0, .11);
  position: relative;
  padding: 0px;
}

.section-pro .pro-div p {
  text-align: justify;

}

.section-pro .pro-div img {
  width: 100%;
  height: 220px;
  /* Ensures the image covers the entire container */
  object-fit: cover;
  /* Maintains aspect ratio and covers entire container */
}

.section-pro .pro-div a {
  color: black;

  border: 2px solid #1786fe;
  transition: 0.5s ease, transform 0.5s ease;
}

.section-pro .pro-div :hover a {
  transform: scale(1.02);
  /* Corrected scale property */
  background-color: #007bff;
  color: #fff;
}




/* .experty .container .row .progessess h6{
 color:#bd0406;
 font-weight: bold;
}

.garph{
  background-image: url('img/professional\ graphic.png'
  height: 70vh;
  background-repeat: no-repeat;
  background-position: center;
} */


.site-footer {
  background-color: #222225;
  color: #fff;
  font-family: Calibri;
  font-size: 14px;
}

.site-footer .container {
  /* background: #14141f; */
  color: #fff;
}

.site-footer .footer-content .footer-row .footer-links h4 {
  color: rgb(114, 114, 114);
  font-weight: 700;
  font-family: Calibri;
}

.site-footer .footer-content .footer-row .footer-links a {
  color: #fff;

}



.site-footer .footer-content .footer-row .footer-links ul li a {
  color: rgb(177, 177, 177);
  transition: 0.2s ease, transform 0.2s ease;
  /* Added transition property */
}

.site-footer .footer-content .footer-row .footer-links ul li a:hover {
  color: #1786fe;

  transform: scale(1.8);
  /* Corrected scale property */
}


main .overlay {
  background: rgb(142, 11, 13);
  background: linear-gradient(305deg, rgba(142, 11, 13, 1) 26%, rgba(225, 227, 234, 1) 100%);
}

.trusted-clients .owl-carousel .owl-nav {
  display: none;
}

/* .bg-eve-background{
    background-image: url('img/Software-Development-Life.png');
    background-repeat: no-repeat;
background-position: center;
} */


/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs {

  padding: 140px 0 60px 0;
  min-height: 63vh;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* .breadcrumb:before {
    content: "";
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    inset: 0;
  } */

.about-in {
  padding: 30px;
  box-shadow: 1px 4px 20px -2px rgba(0, 0, 0, 0.1);
}

.about-in h2 {
  font-weight: 600;
  font-size: 26;
  /* color: var(--color-secondary); */
}

.about-in .btn-get-started {
  /* font-family: var(--font-primary); */
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 12px 40px;
  border-radius: 50px;
  transition: 0.5s;
  margin: 10px;
  /* color:; */
  /* border: 2px solid  */
}

.about-in .btn-get-started:hover {
  /* background:  */
  /* color: #fff; */
}

.card-mem {
  padding: 30px;
  box-shadow: 1px 4px 20px -2px rgba(0, 0, 0, 0.1);
}

/*--------------------------------------------------------------
# Our features Section
--------------------------------------------------------------*/
.featurec .sec .heading .d-flex img {
  width: 80px;
  height: auto;
}


.features .feature-item .in-feature {
  text-align: center;

  /* box-shadow: 1px 4px 20px -2px rgba(0, 0, 0, 0.1); */

}

.features .feature-content {
  padding: 18px;

}


.features .feature-content img {

  height: 7vh;

  transition: 0.3s;
}



.features .feature-content .feature-info h3 {

  font-size: 15px;
  padding: 5px 10px;
  font-weight: 700;
  color: black;
  display: inline-block;

}



.features .feature-content .feature-info p {

  font-size: 13px;
  /* padding: 5px 10px; */
  /* font-weight: 700; */
  /* color:black; */
  /* display: inline-block; */
  text-align: justify;
  /* transition: 0.3s; */

}


.features .feature-content .btn-feature {
  color: black;
  /* background-color: #007bff; */
  border: 2px solid #1786fe;
  transition: 0.5s ease, transform 0.5s ease;
}


.features .feature-content .feature-info .preview-link,
.features .feature-content .feature-info .details-link {
  position: absolute;
  left: calc(50% - 40px);
  font-size: 26px;
  top: calc(50% - 14px);
  color: #fff;
  transition: 0.3s;
  line-height: 1.2;
}



.features .feature-content .feature-info .details-link {
  left: 50%;
  font-size: 34px;
  line-height: 0;
}


.features .feature-content:hover img {
  transform: scale(1.1);
}



/* project */

.projects .portfolio-filters {
  padding: 0;
  margin: 0 auto 20px auto;
  list-style: none;
  text-align: center;
  /* background: #000; */

}

.projects .portfolio-filters li {
  cursor: pointer;
  display: inline-block;
  padding: 0;
  font-size: 18px;
  font-weight: 500;
  margin: 0 10px;
  line-height: 1;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
}

.projects .portfolio-filters li:hover,
.projects .portfolio-filters li.filter-active {
  color: var(--color-primary);
}

.projects .portfolio-filters li:first-child {
  margin-left: 0;
}

.projects .portfolio-filters li:last-child {
  margin-right: 0;
}

@media (max-width: 575px) {
  .projects .portfolio-filters li {
    font-size: 14px;
    margin: 0 5px;
  }
}

.projects .portfolio-content {
  position: relative;
  overflow: hidden;
}

.projects .portfolio-content img {
  transition: 0.3s;
}

.projects .portfolio-content .portfolio-info {
  opacity: 0;
  position: absolute;
  inset: 0;
  z-index: 3;
  transition: all ease-in-out 0.3s;
  background: rgb(0, 123, 255);
  background: linear-gradient(305deg, rgba(0, 123, 255, 0.5160189075630253) 59%, rgba(142, 11, 13, 1) 100%);
  padding: 15px;
}

.projects .portfolio-content .portfolio-info h4 {
  font-size: 14px;
  padding: 5px 10px;
  font-weight: 400;
  color: #fff;
  display: inline-block;
  background-color: var(--color-primary);
}

.projects .portfolio-content .portfolio-info p {
  position: absolute;
  bottom: 10px;
  text-align: center;
  display: inline-block;
  left: 0;
  right: 0;
  font-size: 16px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.8);
}

.projects .portfolio-content .portfolio-info .preview-link,
.projects .portfolio-content .portfolio-info .details-link {
  position: absolute;
  left: calc(50% - 40px);
  font-size: 26px;
  top: calc(50% - 14px);
  color: #fff;
  transition: 0.3s;
  line-height: 1.2;
}

.projects .portfolio-content .portfolio-info .preview-link:hover,
.projects .portfolio-content .portfolio-info .details-link:hover {
  color: var(--color-primary);
}

.projects .portfolio-content .portfolio-info .details-link {
  left: 50%;
  font-size: 34px;
  line-height: 0;
}

.projects .portfolio-content:hover .portfolio-info {
  opacity: 1;
}

.projects .portfolio-content:hover img {
  transform: scale(1.1);
}

.card-info {
  transition: all ease-in-out 0.4s;
  background: var(--color-white);
}

.card-info:hover {
  transform: translateY(-10px);
  box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);
  -webkit-box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);
  -moz-box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);
}

.card-info p {
  font-family: "Manrope", sans-serif;
  font-weight: 500;
}

.card-info .btn-pro-info {
  transition: all ease-in-out 0.4s;
  border: 3px solid #1786fe;
  font-family: "Manrope", sans-serif;
}

.card-info:hover .btn-pro-info {

  font-family: "Manrope", sans-serif;
  font-weight: 500;
}

.card-info:hover .btn-pro-info {
  background-color: #1786fe;
  color: white;
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  transition: all ease-in-out 0.4s;
}


.heading h1 {
  font-family: Calibri;
  font-size: 32px;
  font-weight: 800;
  position: relative;
  color: #37393d;
}

/* .heading h1::before{
  content: "";
  width: 50px;
  height: 2px;
  background:#bd0406;
  display: inline-block;
  margin: 0 10px 10px 0;
}

.heading h1::after{
  content: "";
  width: 50px;
  height: 2px;
  background:#bd0406;
  display: inline-block;
  margin: 0 0 10px 10px;
} */




.experty.icon {
  position: relative;

}

.experty .icon h6 {
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  font-size: small;
}

/* Add hover effect for scaling */
.experty .icon:hover {
  transform: scale(1.1);
  /* Increase the size by 10% on hover */
}

/* Add hover effect for changing SVG color */
.experty .icon svg path {
  fill: #1786fe;
  /* Change the fill color on hover */
}

.industry .ind-info {
  display: flex;
  /* Use flexbox */
  flex-direction: column;
  /* Arrange children in a column */
  justify-content: center;
  /* Center vertically */
  align-items: center;
  box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);
  -webkit-box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);
  -moz-box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);
  transition: all ease-in-out 0.4s;
}

.industry .ind-info:hover {
  transform: scale(1.1);

}

.industry .ind-info h6 {
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  color: #37393d;
}



.industry .ind-info .img {
  display: flex;
  border-radius: 50%;
  /* Make the border radius 50% to create a circle */
  width: 70px;
  /* Adjust the width and height as needed */
  height: 70px;
  /* border: 5px solid #1786fe; */
  text-align: center;
  line-height: 50px;
  align-items: center;
  justify-content: center;

  transition: all ease-in-out 0.4s;
}



.industry .ind-info:hover .img {
  background-color: #c8c8c8;

}

.industry .ind-info:hover .img img {
  transform: scale(1.3);

  filter: brightness(0) invert(1);
}


/*--------------------------------------------------------------
# Alt Services Section
--------------------------------------------------------------*/
.alt-services .alt-container {
  box-shadow: 10px 30px 30px 20px rgba(33, 34, 37, 0.079);
}


.alt-services .img-bg {
  background-image: url('https://images.pexels.com/photos/1098515/pexels-photo-1098515.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2');

  background-size: cover;
  background-position: center;
  min-height: 280px;
}

.alt-services h2 {
  /* font-size: 28px; */
  /* font-weight: 700; */

  font-weight: 700;
  color: #666a71;
  /* color:#454952; */

}

.alt-services p {
  /* font-family: 'Roboto', sans-serif; */
  /* line-height: 30px; */
  /* font-size: 17px; */
  /* font-weight: 300; */
}


.faq .accordion .accordion-item .accordion-header .accordion-button {
  font-weight: 700;
  background-color: transparent;
  outline: none;
  box-shadow: none;
  color: #666a71;
}



.faq .accordion .accordion-item {
  border: none
}

.faq .accordion .accordion-item .accordion-header .accordion-button::after {
  /* display :none; */
  /* background-color: #bd0406; */
}


.faq .accordion .accordion-item .accordion-header .accordion-button:hover {

  color: #1786fe;
}

.trusted-clients .owl-carousel .owl-item {
  width: 200px !important;
  /* Set the desired width for the carousel items */
}

.trusted-clients .owl-carousel .item img {
  width: 100px;
  /* Set the initial width of the images */
  height: auto;
  /* Maintain aspect ratio */
  transition: transform 0.3s ease;
  /* Add transition for smooth scaling */
}

.trusted-clients .owl-carousel .item img:hover {
  transform: scale(1.6);
  /* Scale up the image on hover */
}



.sec-pros .pros-left-div .content {
  box-shadow: 0 .1875rem .4375rem 0 rgba(0, 0, 0, .13), 0 .0625rem .125rem 0 rgba(0, 0, 0, .11);
}

.sec-pros .pros-left-div .content p {
  text-align: justify;
}


.sec-pros img {
  box-shadow: 10px 30px 30px 20px rgba(33, 34, 37, 0.079);
}

.featuress .accordion-header .accordion-button {
  color: #1d1d1d;
  font-weight: 700;
  background-color: #6db0f7;
}

.featuress .accordion-body {
  color: #585858;
  font-weight: 600;
}

.left-text .more .more-ic img {
  /* filter: brightness(0) invert(1); */
  width: 20px;
  height: 20px;
}

.left-text .more .more-ic {
  /* font-size: 30px; */
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  background: #e5e5e5;
  padding: 6%;
  height: 20px;
  width: 20px;
  border-radius: 50%;
}

.left-text .more .more-para h5 {
  font-weight: 700;
  font-size: 20px;
  color: #37393d;


}

.sales .right-img {
  box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);
  -webkit-box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);
  -moz-box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);

  background-image: url('https://media.istockphoto.com/id/1126659510/photo/business-people-meeting-growth-success-target-economic-concept.jpg?s=612x612&w=0&k=20&c=uZDdvYw4wBHpuGGk27Dqbt-uB7qvqG-k7WbYDidE54o=');
  background-size: cover;

}



.left-text .more .more-para p {
  /* font-weight: 700; */
  font-size: 15px;
  text-align: justify;
}

.procurments .right-img {
  box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);
  -webkit-box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);
  -moz-box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);

  background-image: url('https://img.ccjdigital.com/files/base/randallreilly/all/image/2021/03/shutterstock_1726963801.605e147b67a4e.png?auto=format%2Ccompress&fit=max&q=70&w=1200');
  background-size: cover;
  background-position: center;
}

.purchase .right-img {
  box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);
  -webkit-box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);
  -moz-box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);

  background-image: url('https://cdn.corporatefinanceinstitute.com/assets/purchase-price-allocation1.jpeg');
  background-size: cover;
  background-position: center;
}

.gsts .right-img {
  box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);
  -webkit-box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);
  -moz-box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);

  background-image: url('https://images.pexels.com/photos/6802049/pexels-photo-6802049.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2');
  background-size: cover;
  background-position: center;
}




.gsts .right-img {
  box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);
  -webkit-box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);
  -moz-box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);

  background-image: url('https://d23xypyp2dkdqm.cloudfront.net/wp-content/uploads/2022/04/06085212/line-assembly-tvs-selective-focus-center-1.jpg');
  background-size: cover;
  background-position: center;
}



.smartpro .right-img {
  box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);
  -webkit-box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);
  -moz-box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);

  background-image: url('https://virtualcommissioning.com/wp-content/uploads/2020/07/shutterstock_599147537.png');
  background-size: cover;
  background-position: center;

}

.smartser .right-img {
  box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);
  -webkit-box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);
  -moz-box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);

  background-image: url('https://img.freepik.com/premium-vector/smart-search-logo-icon-playful-logo-featuring-magnifying-glass-which-is-also-smart_755682-959.jpg');
  background-size: cover;
  background-position: center;
}

.partys .right-img {
  box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);
  -webkit-box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);
  -moz-box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);

  background-image: url('https://bremerwhyte.com/wp-content/uploads/2018/01/rawpixel-703120-unsplash-1024x685.jpg');
  background-size: cover;
  background-position: center;
}



.salesmans .right-img {
  box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);
  -webkit-box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);
  -moz-box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);

  background-image: url('https://cdn.under30ceo.com/wp-content/uploads/2022/10/What-Is-Commission-Sales-Everything-You-Should-Know.jpg.webp');
  background-size: cover;
  background-position: top;
}



.summerizes .right-img {
  box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);
  -webkit-box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);
  -moz-box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);

  background-image: url('https://www.freshbooks.com/wp-content/uploads/2022/03/general-ledger-report.jpg');
  background-size: cover;
  background-position: center;
}


.combbills .right-img {
  box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);
  -webkit-box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);
  -moz-box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);

  background-image: url('https://www.sydle.com/blog/assets/post/billing-system-61b0f8b85448461cf99138a6/sistema-de-cobran%C3%A7a.jpg');
  background-size: cover;
  background-position: center;
  /* background-repeat: no-repeat; */
}

.cheques .right-img {
  box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);
  -webkit-box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);
  -moz-box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);

  background-image: url('https://lh6.googleusercontent.com/proxy/iqlr0JI8jcf01D8tQwW_lnnd6Fix00HH-fvkEmkM_3sCHYafFpdzTMheey026raKu3o2x5_gkPfJ1PSleqwdwFrANHZn_eDZnpvx2AJ4IAxVKdJsFt_lHatVFdxLEe-rRw');
  background-size: cover;
  background-position: center;
  /* background-repeat: no-repeat; */
}

.multiwares .right-img {
  box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);
  -webkit-box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);
  -moz-box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);

  background-image: url('https://wellpack.org/wp-content/uploads/2021/10/Warehousing-and-Fulfillment-06.jpg');
  background-size: cover;
  background-position: center;

}

.searchins .right-img {
  box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);
  -webkit-box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);
  -moz-box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);

  background-image: url('https://fts-eu.com/wp-content/uploads/2021/08/iStock-1262689174-scaled.jpg');
  background-size: cover;
  background-position: center;

}

.billwises .right-img {
  box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);
  -webkit-box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);
  -moz-box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);

  background-image: url('https://wise.com/imaginary/fd9f3a173f77e13f0bd45e2da9271079.jpg');
  background-size: cover;
  background-position: center;

}

.applicationstats .right-img {
  box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);
  -webkit-box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);
  -moz-box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);

  background-image: url('https://www.bosstechy.com/wp-content/uploads/2016/02/check-application-status.png');
  background-size: cover;
  background-position: center right;

}


.stocks .right-img {
  box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);
  -webkit-box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);
  -moz-box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);

  background-image: url('https://www.netsuite.com/portal/assets/img/business-articles/inventory-management/bnr-inventory.jpg');
  background-size: cover;
  background-position: center;

}


.notes .right-img {
  box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);
  -webkit-box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);
  -moz-box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);

  background-image: url('https://xtrium.com/wp-content/uploads/2021/10/text-message-att-bill.jpg');
  background-size: cover;
  background-position: center;

}

.codetrans .right-img {
  box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);
  -webkit-box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);
  -moz-box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);

  background-image: url('https://www.r4epi.com/img/01_part_getting_started/02_what_is_r/competencies_transfer.png');
  background-size: cover;
  background-position: center;

}


.regionals .right-img {
  box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);
  -webkit-box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);
  -moz-box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);

  background-image: url('https://lh3.googleusercontent.com/proxy/Az4d5-Bk4vLsQcnPMIzaAkOCJi5lT-XsXmyHnhW1blae-ICsiQPGUHNZj0LtN5vC7GGnFy6RuZRxzoLf6e9xT8AwJ2FASi-B9ryl-Pi9CutMpZWcdTolbwDT-FWcnmlOplQ');
  background-size: cover;
  background-position: center;

}

.billinlos .right-img {
  box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);
  -webkit-box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);
  -moz-box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);

  background-image: url('https://media.licdn.com/dms/image/C4E12AQHiGHQpqveCpw/article-cover_image-shrink_720_1280/0/1618905213697?e=2147483647&v=beta&t=ho971gycCuDmYkhDysfhzm8WKO0QOBN-xyCe-J4Q73M');
  background-size: cover;
  background-position: center;

}

.autosets .right-img {
  box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);
  -webkit-box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);
  -moz-box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);

  background-image: url('https://dynamic.placementindia.com/blog_images/20200813131002_image1.jpg');
  background-size: cover;
  background-position: bottom;

}

.advances .right-img {
  box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);
  -webkit-box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);
  -moz-box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);

  background-image: url('https://www.loginradius.com/blog/static/3d1a7f9993b6334444b52ae84a06f852/d3746/user-mngmnt.jpg');
  background-size: cover;
  background-position: bottom;

}




.users .right-img {
  box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);
  -webkit-box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);
  -moz-box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);

  background-image: url('https://www.nojitter.com/sites/default/files/networks-3017395_1920.jpg');
  background-size: cover;
  background-position: top;

}


.userhistorys .right-img {
  box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);
  -webkit-box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);
  -moz-box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);

  background-image: url('https://assets-160c6.kxcdn.com/wp-content/uploads/2020/01/2020-01-30-en-de-1024x538.png');
  background-size: cover;
  background-position: top;

}


.propics .right-img {
  box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);
  -webkit-box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);
  -moz-box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);

  background-image: url('https://lp2m.uma.ac.id/wp-content/uploads/2021/04/modulelearning.png');
  background-size: cover;
  background-position: top;

}

.dashboards .right-img {
  box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);
  -webkit-box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);
  -moz-box-shadow: 0px 2px 41px -12px rgba(82, 79, 79, 0.48);

  background-image: url('https://www.datapine.com/blog/wp-content/uploads/2020/04/fmcg-sql-dashboard.png');
  background-size: cover;
  background-position: top;

}


.bring-to-front .bg-contrast .form-contact .gap-2 input {

  color: black;
  border: 2px solid #1786fe;
  transition: 0.5s ease, transform 0.5s ease;
}


.bring-to-front .bg-contrast .form-contact .gap-2 :hover {

  transform: scale(1.02);
  background-color: #007bff;
  color: #fff;
}