.splash img { height: 200px !important; width: auto !important; 
  min-height: 200px !important; min-width: auto !important; 
max-height: 200px !important; max-width: auto !important; }
/*Site*/
body {
color: #000;
}


p {
color: #000;
font-size: 18px;
}

h1 {
font-size: 50px;
line-height: 60px;
color: #000;
}

h2 {
font-size: 45px;
line-height: 55px;
color: #000;
}

h3 {
font-size: 40px;
line-height: 50px;
color: #000;
}

h4 {
font-size: 35px;
line-height: 45px;
color: #000;
}

h5 {
font-size: 30px;
line-height: 40px;
color: #000;
}

h6 {
font-size: 25px;
line-height: 35px;
color: #000;
}

.inner-banner {
padding: 80px 20px;
position: relative;
}

.section-padding {
padding: 50px 20px;
}

.inner-banner h6 {
font-size: 20px;
line-height: 30px;
}

.inner-banner .container {
position: relative;
z-index: 1;
}

.background-color1 {
background: #f4fafd;
}

.yellow {
color: #fd9504;
}

.cta .btn.white-btn {
background: #fff ;
background-color: #fff !important;
color: #000 ;
border-color: #fff ;
transition: 0.5s ease-in-out ;
}

.cta .btn.white-btn:hover { background: #000 !important; border-color: #000 !important; color: #fff !important; }

.swal-modal .swal-button { background-color: #2566c0;
padding: 10px 50px; }
.swal-modal .swal-button:hover { background-color: #000; transition: 0.5s ease-in-out; }

/*Header*/
/*header footer*/

/*Common*/


.white {
  color: #fff;
  }

.mdl-dialog { height: fit-content !important; display: none !important; }

.web-footer {
display: none;
}

body ul.list {
list-style-type: none;
padding: 0;
margin: 0;
}

body ul.list li {
margin-bottom: 8px;
position: relative;
padding-left: 20px;
}

body ul.list li:before {
font-family: "Font Awesome 5 Free";
content: "\f00c";
font-weight: 900;
position: absolute;
font-size: 14px;
line-height: 28px;
left: 0;
top: -1px;
}

/* body { font-family: "Raleway", sans-serif !important; font-weight: normal; } */
/* body { font-family: "Josefin Sans", sans-serif !important; font-weight: normal; } */

p {
margin-bottom: 12px;
}

.container.gap-20 {
gap: 20px;
}

.container {
padding: 0;
}

.btn {
min-width: 130px;
}

.section-padding {
padding: 50px 20px;
}

.padding-bottom {
padding: 0px 20px 50px 20px;
}

/* Get Started */
body .firebaseui-id-page-phone-sign-in-finish .mdl-button--raised.mdl-button--colored {
width: 49% !important;
margin-left: 2%;
}

body .firebaseui-id-secondary-link {
background: transparent;
background-color: transparent !important;
border: 2px solid #000;
color: #000 !important;
box-shadow: none;
font-weight: 600;
border-radius: 10px;
transition: 0.5s ease-in-out;
width: 49%;
margin: 0;
height: 42px;
}

body .firebaseui-id-secondary-link:hover {
background: #000 !important;
border-color: #000 !important;
box-shadow: none !important;
color: #fff !important;
}

body .mdl-button--raised.mdl-button--colored {
background: #2566c0;
border: 2px solid #2566c0;
color: #fff;
box-shadow: none;
font-weight: 600;
border-radius: 10px;
transition: 0.5s ease-in-out;
height: 42px;
width: 100%;
margin: 0;
}

body .mdl-button--raised.mdl-button--colored:hover {
background: #000;
border-color: #000;
box-shadow: none !important;
}

body .mdl-textfield__label {
top: 20px
}

body .firebaseui-input,
body .firebaseui-input-invalid {
font-size: 17px;
}

body .offcanvas-title {
font-size: 20px;
line-height: 30px;
}

body .firebaseui-title {
text-align: center;
font-size: 16px;
font-weight: 600;
}

/* Get Started */

/*Header*/

.navbar.mobile {
display: none;
}

.navbar .container {
max-width: 1300px;
padding: 0 30px;
}

.navbar .navbar-brand img {
width: 170px;
}

.navbar {
box-shadow: none;
background-color: #fff !important;
}

.navbar ul li a {
font-weight: 600;
color: #000;
}

.dropdown-menu {
min-width: 200px;
margin-top: 20px;
border-radius: 0;
border-top: 2px solid #2566c0;
}

.dropdown-menu li {
border-bottom: 1px solid #eee;
}
.dropdown-item { position: relative; }
/* Hide submenu by default */
.dropdown-submenu {
display: none;
position: absolute;
left: 100%;
top: 0;
margin-top: 2px;
}

/* Show submenu on hover of the parent menu item */
.open-menu:hover .dropdown-submenu {
display: block;
}

.btn.btn-warning {
background: transparent;
background-color: transparent !important;
border: 2px solid #000;
color: #000;
box-shadow: none;
font-weight: 600;
border-radius: 10px;
transition: 0.5s ease-in-out;
}

.btn:hover {
background-color: #000 !important;
box-shadow: none !important;
color: #fff !important;
}

.btn.btn-primary {
background: #2566c0;
border: 2px solid #2566c0;
color: #fff;
box-shadow: none;
font-weight: 600;
border-radius: 10px;
transition: 0.5s ease-in-out;
}

.btn.btn-primary:hover {
background: #000;
border-color: #000;
box-shadow: none !important;
}

.navbar ul.navbar-nav li a {
text-transform: uppercase;
font-size: 14px;
}

.navbar ul.navbar-nav li a:hover {
color: #2566c0;
border-radius: 0;
}
.navbar .dropdown-submenu li a { font-size: 12px !important; }

.navbar ul.navbar-nav .navbar-toggler i {
color: #2566c0;
}

.offcanvas-nav .navbar-brand img {
width: 170px;
}

.offcanvas-nav .offcanvas-body {
padding: 0;
}

.offcanvas-nav .offcanvas-body ul li {
border: 0;
color: #2566c0;
position: relative;
}
.offcanvas-nav .offcanvas-body ul li i{
position: absolute;
top: 12px;
transform: translate(10px, 0px);
font-size: 12px;
}

.offcanvas-nav .offcanvas-header .btn-close {
color: #000;
border: 1px solid #000;
}

/* ul.list { list-style: none; padding: 0; margin: 0; }
ul.list li { margin-bottom: 8px; position: relative; padding-left: 20px; font-size: 18px; line-height: 28px; }

ul.list li:before {
font-family: "Font Awesome 5 Free";
content: "\f00c";
color: #2566c0;
font-weight: 900;
position: absolute;
font-size: 14px;
line-height: 28px;
left: 0;
top: -1px;
} */

/*Header*/

/*Footer*/
footer.footer {
padding: 50px 20px 20px 20px;
}

footer.footer .logo {
width: 100%;
margin-bottom: 15px;
max-width: 220px;
}

footer.footer p {
margin-bottom: 8px;
}

footer.footer ul.menu li a {
color: #fff;
}

footer.footer ul.menu li {
margin-bottom: 8px;
position: relative;
padding-left: 20px;
}

footer.footer .copyright {
margin-bottom: 0;
font-size: 14px;
}

footer.footer .copyright a {
color: #fff;
}

footer.footer ul.menu li:before {
font-family: "Font Awesome 5 Free";
content: "\f30b";
color: #ffffff;
font-weight: 900;
position: absolute;
font-size: 14px;
line-height: 28px;
left: 0;
top: -1px;
}

footer.footer ul.menu li a:hover,
footer.footer .copyright a:hover,
footer.footer .contact-info a:hover {
text-decoration: underline;
text-underline-offset: 4px;
transition: 3s;
}

footer.footer ul.menu li a:hover,
footer.footer .copyright a:hover {
transition: transform 0.3s ease-in-out;
}

footer.footer .copyright-section {
padding-top: 15px;
border-top: 1px solid #2566c0;
}

footer.footer .contact-info a {
color: #fff;
}

footer.footer .social-icons a i {
transition: transform 0.3s ease-in-out;
}

footer.footer .social-icons a:hover i {
transform: scale(1.5);
}

/*Footer*/

/* Home Page */

.background-image1 {
background: url(../images/Home/5132610.webp);
background-size: cover;
background-repeat: no-repeat;
background-position: bottom right;
}

.background-gradient-1 {
background-image: linear-gradient(112.5deg, rgb(214, 214, 214) 0%, rgb(214, 214, 214) 10%, rgb(195, 195, 195) 10%,
rgb(195, 195, 195) 53%, rgb(176, 176, 176) 53%, rgb(176, 176, 176) 55%, rgb(157, 157, 157) 55%, rgb(157, 157, 157) 60%,
rgb(137, 137, 137) 60%, rgb(137, 137, 137) 88%, rgb(118, 118, 118) 88%, rgb(118, 118, 118) 91%, rgb(99, 99, 99) 91%,
rgb(99, 99, 99) 100%), linear-gradient(157.5deg, rgb(214, 214, 214) 0%, rgb(214, 214, 214) 10%, rgb(195, 195, 195) 10%,
rgb(195, 195, 195) 53%, rgb(176, 176, 176) 53%, rgb(176, 176, 176) 55%, rgb(157, 157, 157) 55%, rgb(157, 157, 157) 60%,
rgb(137, 137, 137) 60%, rgb(137, 137, 137) 88%, rgb(118, 118, 118) 88%, rgb(118, 118, 118) 91%, rgb(99, 99, 99) 91%,
rgb(99, 99, 99) 100%), linear-gradient(135deg, rgb(214, 214, 214) 0%, rgb(214, 214, 214) 10%, rgb(195, 195, 195) 10%,
rgb(195, 195, 195) 53%, rgb(176, 176, 176) 53%, rgb(176, 176, 176) 55%, rgb(157, 157, 157) 55%, rgb(157, 157, 157) 60%,
rgb(137, 137, 137) 60%, rgb(137, 137, 137) 88%, rgb(118, 118, 118) 88%, rgb(118, 118, 118) 91%, rgb(99, 99, 99) 91%,
rgb(99, 99, 99) 100%), linear-gradient(90deg, rgb(195, 195, 195), rgb(228, 228, 228));
background-blend-mode: overlay, overlay, overlay, normal;
}

.background-gradient-2 {
background-image: linear-gradient(45deg, rgba(114, 244, 149, 0.27) 0%, rgba(114, 244, 149, 0.27) 37%, rgba(126, 221,
156, 0.27) 37%, rgba(126, 221, 156, 0.27) 48%, rgba(137, 197, 162, 0.27) 48%, rgba(137, 197, 162, 0.27) 49%, rgba(149,
174, 169, 0.27) 49%, rgba(149, 174, 169, 0.27) 59%, rgba(160, 151, 175, 0.27) 59%, rgba(160, 151, 175, 0.27) 60%,
rgba(172, 128, 182, 0.27) 60%, rgba(172, 128, 182, 0.27) 86%, rgba(183, 104, 188, 0.27) 86%, rgba(183, 104, 188, 0.27)
95%, rgba(195, 81, 195, 0.27) 95%, rgba(195, 81, 195, 0.27) 100%), linear-gradient(135deg, rgba(100, 114, 232, 0.27) 0%,
rgba(100, 114, 232, 0.27) 18%, rgba(126, 135, 203, 0.27) 18%, rgba(126, 135, 203, 0.27) 23%, rgba(153, 156, 173, 0.27)
23%, rgba(153, 156, 173, 0.27) 44%, rgba(179, 178, 144, 0.27) 44%, rgba(179, 178, 144, 0.27) 62%, rgba(206, 199, 114,
0.27) 62%, rgba(206, 199, 114, 0.27) 98%, rgba(232, 220, 85, 0.27) 98%, rgba(232, 220, 85, 0.27) 100%),
linear-gradient(0deg, rgb(47, 132, 199) 0%, rgb(47, 132, 199) 2%, rgb(47, 130, 208) 2%, rgb(47, 130, 208) 44%, rgb(47,
127, 218) 44%, rgb(47, 127, 218) 48%, rgb(47, 125, 227) 48%, rgb(47, 125, 227) 77%, rgb(47, 122, 237) 77%, rgb(47, 122,
237) 78%, rgb(47, 120, 246) 78%, rgb(47, 120, 246) 100%);
}

.home-cta {
position: relative;
overflow-x: clip;
}

.home-banner .btn {
color: #fff;
background: #2566c0;
border: 2px solid #2566c0;
color: #fff;
box-shadow: none;
font-weight: 600;
border-radius: 10px;
transition: 0.5s ease-in-out;
padding: 12px 20px;
margin: -1px -1px -1px 0px;
}

.home-banner .button {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
border: 1px solid #000;
border-radius: 10px;
padding: 0px;
background: #fff;
}

.home-banner .button input {
border: none;
background: transparent;
}

.home-banner .button input:focus-visible {
border: 0;
outline: none;
}

.home-banner .btn:hover {
background: #000;
border-color: #000;
color: #fff;
}

h1 span {
color: #2566c0;
}

.container-padding {
padding: 50px;
}

.banner-section {
position: relative;
}

.home-banner {
height: calc(100vh - 85px);
}

.banner-section h1 {
color: #000;
font-weight: 900;
}

.banner-section .subtitle-heading {
color: #000;
}

.banner-section .subtitle-heading::before,
.banner-section .subtitle-heading::after {
content: "";
width: 14px;
height: 2px;
background: #000000;
display: inline-block;
margin: 0 5px 6px 5px;
}

.banner-section .btn {
color: #fff;
background: #2566c0;
border: 2px solid #2566c0;
color: #fff;
box-shadow: none;
font-weight: 600;
border-radius: 10px;
transition: 0.5s ease-in-out;
padding: 12px 20px;
margin: -1px -1px -1px 0px;
}

.banner-section .button {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
border: 1px solid #000;
border-radius: 10px;
padding: 0px;
}

.banner-section .button input {
border: none;
background: transparent;
}

.banner-section .button input:focus-visible {
border: 0;
outline: none;
}

.banner-section .btn:hover {
background: #000;
border-color: #000;
color: #fff;
}

.free-forever {
color: #000;
}

h1 span {
color: #2566c0;
}

img {
width: 100%;
}

/*Sections*/

/* carousel */

.carousel-inner {
display: flex;
flex-wrap: wrap;
align-items: center;
column-gap: 20px;

}

.carousel-inner .carousel .carousel-item { /* backdrop-filter: blur(10px);
background: rgba(255, 255, 255, 0.1); */
padding: 20px;
/* border-radius: 20px; */
}

.carousel-section .carousel-inner .carousel-item img {
object-fit: contain;
border-radius: 10px;
}
.carousel-section .carousel-inner { width: 80%; margin: auto; }

.carousel-indicator {
display: flex;
justify-content: center;
white-space: nowrap;
margin: 0 0 25px 0;
}

.carousel-indicator button img {
width: 40px;
height: 40px;
border-radius: 4px;
padding: 5px;
background: #0d2346;
}

.carousel-indicator button {
background: transparent;
border: none;
margin: 0 5px;
transition: transform 0.3s ease;
opacity: 50%;
}

.carousel-indicator button.active {
opacity: 100%;
transform: scale(1) translateY(-10px);
}

.carousel-indicator button.active img { outline: 1px solid #0d2346; /* Creates a 1px solid outline in a dark blue color
*/
outline-offset: 3px; /* Moves the outline closer to the image, overlapping slightly */
padding: 5px; /* Adds space inside the outline around the image */
border-radius: 10px; }
.carousel-indicator button:hover{
opacity: 100%; transform: scale(1) translateY(-20px);
}
.carousel-indicator button{
transition: all 0.5s ease-in-out;
}

.carousel-indicator .indicator-content {
display: flex;
align-items: center;
flex-direction: column;
}

.carousel-indicator .indicator-title {
margin-top: 5px;
color: #000;
font-size: 12px;
}

.carousel-indicator {
position: relative;
}

.carousel-indicator button.activate .indicator-content {
border-radius: 50%;
transform: scale(1.2);
transition: all 0.3s ease-in-out;
}

.carousel-indicator button.activate .indicator-title {
color: #333;
font-weight: bold;
}

/* slider-section */

.slider-section .carousel-item .d-flex {
align-items: center;
background: #fff;
border-radius: 10px;
}

.slider-section .carousel-item .carousel-content {
width: 50%;
padding: 30px;
}

.slider-section .carousel-item .carousel-image {
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
width: 50%;
padding: 30px;
min-height: 450px;
background-size: cover;
background-position: bottom left;
background-repeat: no-repeat;
display: flex;
flex-wrap: wrap;
align-items: center;
background-image: linear-gradient(45deg, rgba(114, 244, 149, 0.27) 0%, rgba(114, 244, 149, 0.27) 37%, rgba(126, 221,
156, 0.27) 37%, rgba(126, 221, 156, 0.27) 48%, rgba(137, 197, 162, 0.27) 48%, rgba(137, 197, 162, 0.27) 49%, rgba(149,
174, 169, 0.27) 49%, rgba(149, 174, 169, 0.27) 59%, rgba(160, 151, 175, 0.27) 59%, rgba(160, 151, 175, 0.27) 60%,
rgba(172, 128, 182, 0.27) 60%, rgba(172, 128, 182, 0.27) 86%, rgba(183, 104, 188, 0.27) 86%, rgba(183, 104, 188, 0.27)
95%, rgba(195, 81, 195, 0.27) 95%, rgba(195, 81, 195, 0.27) 100%), linear-gradient(135deg, rgba(100, 114, 232, 0.27) 0%,
rgba(100, 114, 232, 0.27) 18%, rgba(126, 135, 203, 0.27) 18%, rgba(126, 135, 203, 0.27) 23%, rgba(153, 156, 173, 0.27)
23%, rgba(153, 156, 173, 0.27) 44%, rgba(179, 178, 144, 0.27) 44%, rgba(179, 178, 144, 0.27) 62%, rgba(206, 199, 114,
0.27) 62%, rgba(206, 199, 114, 0.27) 98%, rgba(232, 220, 85, 0.27) 98%, rgba(232, 220, 85, 0.27) 100%),
linear-gradient(0deg, rgb(47, 132, 199) 0%, rgb(47, 132, 199) 2%, rgb(47, 130, 208) 2%, rgb(47, 130, 208) 44%, rgb(47,
127, 218) 44%, rgb(47, 127, 218) 48%, rgb(47, 125, 227) 48%, rgb(47, 125, 227) 77%, rgb(47, 122, 237) 77%, rgb(47, 122,
237) 78%, rgb(47, 120, 246) 78%, rgb(47, 120, 246) 100%);

}

.slider-section .carousel-item .carousel-content {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
}

.slider-section .carousel-item .carousel-content h4 {
color: #2566c0;
height: fit-content;
}

.slider-section .carousel-item .carousel-content p {
height: fit-content;
}

.slider-section .navigation-button button {
height: 35px;
color: #000;
opacity: 1;
border: 1px solid #000;
width: 35px;
border-radius: 10px;
padding: 5px;
line-height: 32px;
transform: scale(0.7);
transition: all 0.3s ease-in-out;
}

.slider-section .navigation-button button:hover {
transform: scale(.8);
color: #fff;
background: #000;
}

.slider-section .navigation-button {
display: flex;
justify-content: space-between;
position: absolute;
top: 50%;
left: 0;
transform: translate(-8px, -50%);
width: calc(100% + 16px);
}

/*Progress Bar*/
.progress-bar .container {
display: flex;
flex-wrap: wrap;
justify-content: right;
align-items: end;
padding-right: 25px;
}

.progress-bar .container .card {
border: 0;
width: 280px;
padding: 75px 20px 20px 20px;
border-radius: 0;
border-top-left-radius: 140px;
border-top-right-radius: 140px;
box-shadow: none;
color: #fff;
white-space: normal;
overflow: hidden;
word-wrap: break-word;
}

.progress-bar .container .card h2 {
font-size: 55px;
line-height: 65px;
}

.progress-bar .container .card.card1 {
background: #ffac39;
margin-right: -25px;
z-index: 2;
/* height: calc(40% + 280px); */
min-height: 300px;
}

.progress-bar .container .card.card2 {
background: #3388fd;
margin-right: -25px;
z-index: 1;
/* height: calc(65% + 280px); */
min-height: 450px;
display: flex;
flex-wrap: wrap;
justify-content: space-around;

}

.progress-bar .container .card.card3 {
background: #35415a;
/* height: calc(95% + 280px); */
min-height: 600px;
justify-content: space-between;
}

.progress-bar .container .card.card3 .image img {
width: 160px;
filter: none;
}

.progress-bar .container .card .image img {
width: 100px;
margin-bottom: -20px;
filter: brightness(0) invert(1);
}

.progress-bar {
position: relative;
padding: 50px 20px 0 20px;
}

.progress-bar:before {
content: '';
background: url(../images/Home/Tab-01.png);
background-repeat: no-repeat;
background-position: center right;
background-size: contain;
width: 40%;
height: 80%;
position: absolute;
top: 50%;
left: 0;
transform: translate(-30%, -50%);
display: block;
z-index: -1;
}

/*progress-content*/
.progress-content .container {
border-radius: 10px;
}
/* Home Page */

/*About Page*/

.about-page {
background: url(../images/AboutUs/About_Us_Hero.jpg);
background-size: cover;
background-position: center right;
background-repeat: no-repeat;
position: relative;
}

.vision-mission .card img {
padding: 20px 0 0 0;
height: 129px;
object-fit: contain;
}

.vision-mission .card {
background: transparent;
box-shadow: none;
}

.vision-mission .row .col {
background: #fff;
border-radius: 10px;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.vision-mission .container {
gap: 30px;
}

.cta .row {
border-radius: 20px;
padding: 20px;
background: #2566c0;
position: relative;
}

.cta .row img {
filter: brightness(0) invert(1);
position: absolute;
width: 210px;
right: 22%;
bottom: 10%;
}

.why-erp img {
width: 100%;
}

/*About Page*/

/*Pricing Section*/
/*Pricing*/
.pricing-details .show .table thead {
position: sticky;
top: 134px;
z-index: 1;
box-shadow: rgba(99, 99, 99, 0.2) 0px 1px 1px 0px;
}

.pricing-details .accordion-body {
overflow-x: inherit;
}

.pricing-details .accordion-body .table {
margin-bottom: 0;
}

.pricing-details.accordion table tr:last-child td {
border-radius: 10px;
}

.pricing-details.accordion .accordion-item {
border-radius: 10px;
margin-bottom: 10px;
box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

.pricing-details.accordion .accordion-header {
border-radius: 10px;
position: sticky;
top: 80px;
z-index: 1;
}

.pricing-details.accordion .accordion-button {
padding: 10px 20px;
height: 55px;
line-height: 55px;
color: #000 !important;
border-radius: 10px;
}

.pricing-details.accordion .accordion-button::after {
border: 1px solid #000;
padding: 10px;
border-radius: 4px;
font-weight: 600;
font-size: 12px;
}

.pricing-details.accordion .accordion-button.active::after {
filter: brightness(0) invert(1);
}

.pricing-details.accordion .accordion-body {
padding: 0;
border-radius: 10px;
}

.pricing-details.accordion .accordion-body table tr th {
color: #2566c0;
background: #f9f9f9;
text-transform: uppercase;
font-weight: bold;
}

.pricing-details.accordion .accordion-body table th,
.pricing-details.accordion .accordion-body table td {
padding: 10px 20px;
}

.pricing-section .strikthrough {
text-decoration: line-through;
font-weight: 600;
position: absolute;
top: -15px;
left: 50%;
transform: translate(-50%, 0%);
}

.pricing-section .price {
position: relative;
width: 100%;
}

.pricing-details.accordion .accordion-body table td:not(:first-child),
.pricing-details.accordion .accordion-body table th:not(:first-child) {
text-align: center;
border: 1px solid #d7d7d7;
min-width: 158px;
}

.pricing-details.accordion .accordion-body i.fa-check {
background-image: url('../images/Pricing/blue-check.webp');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
height: 20px;
width: 20px;
}

.pricing-details.accordion .accordion-body i.fa-check:before {
display: none;
} */

.faq-section .accordion .accordion-item .accordion-button {
padding: 5px 15px;
border: 1px solid #000;
color: #000;
min-height: 60px;
font-size: 15px;
line-height: 25px;
border-radius: 10px;
}

.faq-section .accordion .accordion-item .accordion-body {
padding: 15px 15px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
background: #fff;
border: 1px solid #000;
color: #000;
overflow-x: inherit;
}

.faq-section .accordion .accordion-item { margin-bottom: 10px; border-radius: 10px; }

.faq-section .accordion .accordion-collapse {
background: transparent;
}

.faq-section .accordion-header { border-radius: 10px; }
.faq-section .accordion-header button { border-radius: 10px 10px 0px 0px; border: 1px solid #000; padding: 10px 15px;
color: #000; font-size: 16px; line-height:28px }
.faq-section .accordion-header button.accordion-button.collapsed { border-radius: 10px; border: 1px solid #000; }

/******/

/* Trial Page */
section.trial {
min-height: 100vh;
}

.trial .card-body p a {
color: #2566c0;
}

.trial .card-body p a:hover {
color: #000;
}

.trial .submit-otp {
height: 45px;
}

.trial input[type=radio] {
--s: 1em;
/* control the size */
--c: #2566c0;
/* the active color */

height: var(--s);
aspect-ratio: 1;
border: calc(var(--s)/8) solid #939393;
padding: calc(var(--s)/8);
background:
radial-gradient(farthest-side, var(--c) 94%, #0000) 50%/0 0 no-repeat content-box;
border-radius: 50%;
outline-offset: calc(var(--s)/10);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
font-size: inherit;
transition: .3s;
}

input[type=radio]:checked {
border-color: var(--c);
background-size: 100% 100%;
}

input[type=radio]:disabled {
background:
linear-gradient(#939393 0 0) 50%/100% 20% no-repeat content-box;
opacity: .5;
cursor: not-allowed;
}

@media print {
input[type=radio] {
-webkit-appearance: auto;
-moz-appearance: auto;
appearance: auto;
background: none;
}
}

label {
display: inline-flex;
align-items: center;
gap: 10px;
margin: 5px 0;
cursor: pointer;
}

.background-gradient {
background-image: linear-gradient(45deg, rgba(114, 244, 149, 0.27) 0%, rgba(114, 244, 149, 0.27) 37%, rgba(126, 221,
156, 0.27) 37%, rgba(126, 221, 156, 0.27) 48%, rgba(137, 197, 162, 0.27) 48%, rgba(137, 197, 162, 0.27) 49%, rgba(149,
174, 169, 0.27) 49%, rgba(149, 174, 169, 0.27) 59%, rgba(160, 151, 175, 0.27) 59%, rgba(160, 151, 175, 0.27) 60%,
rgba(172, 128, 182, 0.27) 60%, rgba(172, 128, 182, 0.27) 86%, rgba(183, 104, 188, 0.27) 86%, rgba(183, 104, 188, 0.27)
95%, rgba(195, 81, 195, 0.27) 95%, rgba(195, 81, 195, 0.27) 100%), linear-gradient(135deg, rgba(100, 114, 232, 0.27) 0%,
rgba(100, 114, 232, 0.27) 18%, rgba(126, 135, 203, 0.27) 18%, rgba(126, 135, 203, 0.27) 23%, rgba(153, 156, 173, 0.27)
23%, rgba(153, 156, 173, 0.27) 44%, rgba(179, 178, 144, 0.27) 44%, rgba(179, 178, 144, 0.27) 62%, rgba(206, 199, 114,
0.27) 62%, rgba(206, 199, 114, 0.27) 98%, rgba(232, 220, 85, 0.27) 98%, rgba(232, 220, 85, 0.27) 100%),
linear-gradient(0deg, rgb(47, 132, 199) 0%, rgb(47, 132, 199) 2%, rgb(47, 130, 208) 2%, rgb(47, 130, 208) 44%, rgb(47,
127, 218) 44%, rgb(47, 127, 218) 48%, rgb(47, 125, 227) 48%, rgb(47, 125, 227) 77%, rgb(47, 122, 237) 77%, rgb(47, 122,
237) 78%, rgb(47, 120, 246) 78%, rgb(47, 120, 246) 100%);
}

/* Contact Us */

.contactus-page {
background: url(../images/ContactUs/contactus_background.jpg);
background-size: cover;
background-position: center right;
background-repeat: no-repeat;
position: relative;
}

.form {
padding: 20px;
border-radius: 10px;
background: #eee;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.form input {
height: 40px;
border: 1px solid #d1d1d1;
color: #000;
}

.form textarea {
height: 110px;
border: 1px solid #d1d1d1;
color: #000;
}

.contact-details {
padding-left: 50px;
}

.contact-details p {
color: #000;
}

.contact-details p a {
color: #000;
padding-left: 5px;
transition: 0.5s ease-in-out;
}

.contact-details p a:hover {
color: #2566c0;
}

.contact-details .social-icons a {
border: 1px solid #000;
padding: 5px;
width: 35px;
height: 35px;
display: inline-block;
text-align: center;
border-radius: 10px;
background: #000;
color: #fff;
transition: 0.5s ease-in-out;
margin-right: 10px !important;
}

.contact-details .social-icons a:hover {
background: #2566c0;
border-color: #2566c0;
}

.addresses .card .card-body p {
position: relative;
padding-left: 20px;
}

.addresses .card .card-body p i {
position: absolute;
top: 8px;
left: 0;
font-size: 14px;
color: #2566c0;
}

.addresses .card .card-header h6 {
margin-bottom: 0;
}

.form .iti.iti--allow-dropdown {
width: 100%;
}

.form .iti__selected-flag {
background-color: transparent !important;
}

.form select {
box-shadow: none;
}

.form input::placeholder,
.form textarea::placeholder {
color: #000;
font-size: 14px;
}

.form select {
color: #000;
font-size: 14px;
height: 40px;
}

/* Contact Us */

/*Responsive*/
@media(max-width:1200px) {
.slider-section .navigation-button {
width: calc(100% + 30px);
transform: translate(-15px, -50%);
}

.slider-section .navigation-button button {
width: 35px;
height: 35px;
}

.slider-section .navigation-button button span::before {
font-size: 20px;
}
}

@media(max-width:1024px) {
p {
font-size: 18px;
}

h1 {
font-size: 35px;
line-height: 45px;
}

h2 {
font-size: 32px;
line-height: 42px;
}

h3 {
font-size: 28px;
line-height: 38px;
}

h4 {
font-size: 25px;
line-height: 35px;
}

h5 {
font-size: 22px;
line-height: 32px;
}

h6 {
font-size: 20px;
line-height: 30px;
}

.navbar.mobile {
display: block;
}

.navbar.desktop {
display: none;
}

.home-banner {
height: calc(100vh - 165px);
}

.progress-content .container .row {
display: block;
}

.progress-content .container .row .col-md-6 {
width: 100%;
}

.progress-bar .container {
flex-direction: column-reverse;
}

.progress-bar .container .card.card3 {
width: 100%;
border-bottom-left-radius: 80px;
border-top-left-radius: 80px;
border-top-right-radius: 0px;
display: flex;
flex-wrap: wrap;
min-height: 100%;
flex-direction: row;
padding: 20px 20px 20px 20px;
justify-content: space-around;
align-items: center;
overflow: initial;
gap: 20px;
}

.progress-bar .container .card.card3 .image {
margin-top: -105px;
}

.progress-bar {
overflow: visible;
}

.progress-bar .container .card.card2 {
width: 80%;
border-radius: 80px 0px 0px 80px;
padding: 20px;
flex-direction: row;
height: auto;
min-height: auto;
margin-right: 0;
align-items: center;
gap: 20px;
}

.progress-bar .container .card.card1 {
width: 60%;
border-radius: 80px 0px 0px 80px;
padding: 20px;
flex-direction: row;
height: auto;
min-height: auto;
margin-right: 0;
align-items: center;
gap: 20px;
}

.progress-bar .container .card2 .image img {
margin-bottom: 0;
}

.progress-bar .container .card1 .image img {
margin-bottom: 0;
}

.pricing-section .basic-plan .btn,
.pricing-section .tab-pane .row .flex-column .btn {
font-size: 12px;
}

.pricing-details .table thead {
top: 0;
}

.progress-bar .container {
padding-right: 0;
}

.contact-details {
padding-left: 30px;
}

.pricing-details.accordion .accordion-header {
top: 0;
}

.pricing-details .show .table thead {
top: 54px;
}
}

@media(max-width:1100px) {
ul.navbar-nav li a {
padding: 0 6px 0 0 !important;
}
}

/*991*/
@media(max-width:991px) {
.carousel-section .carousel-inner {
flex-direction: column-reverse;
}

.carousel-inner .carousel-content {
width: 100%;
padding: 20px 0 0 0;
}

.carousel-inner .carousel {
width: 100%;
}

/* .carousel-section .container {
padding: 20px;
} */

.carousel-indicator {
margin: 0 0 10px 0;
}

.why-erp .row .col-12 {
margin: 0;
}

.why-erp .row .col-12 img {
margin-bottom: 10px;
width: 70px;
}

section .container,
section.container {
max-width: 100%;
}

}

@media(max-width:980px) {
.slider-section .navigation-button {
width: calc(100% + 30px);
transform: translate(-15px, -50%);
}

.slider-section .navigation-button button {
width: 35px;
height: 35px;
}

.slider-section .navigation-button button span::before {
font-size: 20px;
}

}

/*768*/
@media(max-width:768px) {
p {
font-size: 16px;
}

h1 {
font-size: 32px;
line-height: 42px;
}

h2 {
font-size: 30px;
line-height: 40px;
}

h3 {
font-size: 25px;
line-height: 35px;
}

h4 {
font-size: 22px;
line-height: 32px;
}

h5 {
font-size: 20px;
line-height: 30px;
}

h6 {
font-size: 18px;
line-height: 28px;
}

.banner-section .container {
height: calc(70vh);
}

.banner-section .button {
display: block;
border: 0;
}

.banner-section .button .btn {
display: block;
width: 100%;
}

.banner-section .button .iti--show-flags {
border: 1px solid #000;
border-radius: 4px;
height: 45px;
display: flex;
margin-bottom: 8px;
}

.carousel-section .carousel-indicator {
display: block;
white-space: inherit;
text-align: center;
}

.carousel-section .carousel-indicator button {
margin-bottom: 5px
}

.carousel-section .carousel-indicator button img {
width: 40px;
height: 40px;
}

.carousel-section .carousel-indicator .indicator-title {
font-size: 10px;
}

.slider-section .carousel-item .d-flex {
display: block !important;
}

.slider-section .carousel-item .carousel-content {
width: 100%;
padding: 20px;
}

.slider-section .carousel-item .carousel-image {
width: 100%;
min-height: auto;
padding: 20px;
border-radius: 0;
}

.slider-section .carousel-item .carousel-content {
display: block;
}

.slider-section .carousel-item .carousel-content p {
margin-bottom: 0;
}

.slider-section .carousel-inner {
border-radius: 10px;
}

.progress-content .container {
padding: 20px;

}

.progress-bar {
padding-bottom: 20px;
}

.progress-bar .container .card.card3,
.progress-bar .container .card.card2,
.progress-bar .container .card.card1 {
width: 100%;
border-radius: 50px !important;
border-top-right-radius: 0px;
display: flex;
flex-wrap: wrap;
flex-direction: column;
padding: 20px 20px 20px 20px;
justify-content: space-around;
min-height: auto;
gap: 8px;
}

.progress-bar .container .card.card3 .image {
margin-top: 0;
}

.progress-bar .container {
padding-right: 0;
gap: 20px;
}

.progress-bar:before {
display: none;
}
}

@media (max-width: 767px) {
.column-reverse-sm {
flex-direction: column-reverse;
}
.gap-sm-20{
gap: 20px;
}
.pricing-section .nav-link {
font-size: 10px;
}

/* .trial .main-row {
flex-direction: column-reverse;

} */

.trial .row .col-6 {
width: 100%;
}
.enterprise .image { margin-top: 15px; }

.trial .right-col {
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}

.trial .left-col {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
}

.trial .col-6 {
padding: 30px 20px;
}

footer.footer .footer-info {
text-align: left;
}

footer.footer .footer-info hr.mb-4 {
margin-bottom: 8px !important;
}

section .container {
max-width: 100%;
padding: 0;

}

.cta .row img {
width: 140px;
left: 10px;
bottom: 10px;
transform: rotate(15deg);
}

.why-erp .container .row {
display: block;
margin-top: 10px;
}

.why-erp .container .row .col-10 {
width: 100%;
margin-top: 25px;
}

.vision-mission .container {
flex-direction: column;
margin-left: 0;
}

.vision-mission .row .col {
width: 100%;
}

.pricing-details table {
display: block;
overflow-x: auto;
}

.contact-details {
padding-left: 12px;
}

.pricing-details.accordion .accordion-body table td:not(:first-child),
.pricing-details.accordion .accordion-body table th:not(:first-child) {
min-width: auto;
}

.pricing-details .accordion-body .table {
font-size: 12px;
}
}

@media (max-width: 600px) {
footer.footer .social-icons {
display: block !important;
}

footer.footer .social-icons .me-5 {
margin-right: 0px !important;
}
}

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

.cta .row img {
width: 100px; }
}

.none {
display: none;
}

/*Animation*/
ul.background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}

ul.background li {
position: absolute;
list-style: none;
display: block;
width: 20px;
height: 20px;
background: #ababab7a;
animation: animate 25s linear infinite;
bottom: -150px;
}

ul.background li:nth-child(1) {
left: 25%;
width: 80px;
height: 80px;
animation-delay: 0s;
}

ul.background li:nth-child(2) {
left: 10%;
width: 20px;
height: 20px;
animation-delay: 2s;
animation-duration: 12s;
}

ul.background li:nth-child(3) {
left: 70%;
width: 20px;
height: 20px;
animation-delay: 4s;
}

ul.background li:nth-child(4) {
left: 40%;
width: 60px;
height: 60px;
animation-delay: 0s;
animation-duration: 18s;
}

ul.background li:nth-child(5) {
left: 65%;
width: 20px;
height: 20px;
animation-delay: 0s;
}

ul.background li:nth-child(6) {
left: 75%;
width: 110px;
height: 110px;
animation-delay: 3s;
}

ul.background li:nth-child(7) {
left: 35%;
width: 150px;
height: 150px;
animation-delay: 7s;
}

ul.background li:nth-child(8) {
left: 50%;
width: 25px;
height: 25px;
animation-delay: 15s;
animation-duration: 45s;
}

ul.background li:nth-child(9) {
left: 20%;
width: 15px;
height: 15px;
animation-delay: 2s;
animation-duration: 35s;
}

ul.background li:nth-child(10) {
left: 85%;
width: 150px;
height: 150px;
animation-delay: 0s;
animation-duration: 11s;
}

@keyframes animate {
0% {
transform: translateY(0) rotate(0deg);
opacity: 1;
border-radius: 0;
}

100% {
transform: translateY(-1000px) rotate(720deg);
opacity: 0;
border-radius: 50%;
}

}

@media (max-width: 767px) {
.pricing-section .nav-link {
min-width: 150px;
}
.home-banner .button { flex-direction: column; border: 0; min-width: 300px; background: transparent; }
.home-banner .button .iti--allow-dropdown {
border: 1px solid #000;
height: 45px;
line-height: 23px;
padding: 10px;
margin-bottom: 10px;
border-radius: 10px;
min-width: 300px;
background: #fff;
}
.home-banner .btn { min-width: 300px; }
.home-banner .button input { padding: 0; }
.navbar .navbar-brand img { width:120px; }
}