* {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}



*::before,

*::after {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}



button {

    cursor: pointer;

}



html {

    overflow-x: hidden;

    min-width: 340px;

}



a {

    text-decoration: none;

    display: inline-block;

}



body {

    font-family: 'Inter', sans-serif;

    background-color: #eef2f6;

    color: #2c3e50;

}



.container {

    max-width: 95%;

    padding-inline: 15px;

}



/* Header Css Start */

header {

    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);

    background-color: rgb(255 255 255);

    position: relative;

}

.ratingbox.mob-view{

    display: none;

}



.mobile-v {

    display: none !important;

}



.menu-collapse-btn,

.close-menu {

    display: none;

}



.nav-brand img {

    height: 50px;

}



.ratingbox i {

    font-size: 18px;

    color: rgb(234 179 8);

}



.logo-box {

    display: inline-flex;

    align-items: center;

}



span.ratingbox-content {

    font-weight: 600;

    font-size: 16px;

    color: rgb(55 65 81);

    margin-left: 10px;

}



.ratingbox {

    margin-left: 15px;

}



.h-contact {

    color: #4B5563;

    font-size: 16px;

}



span.h-contact-icon {

    display: inline-flex;

    width: 18px;

    height: 18px;

    justify-content: center;

    align-items: center;

}



.header-contactbox ul {

    gap: 0px 32px;

}



.custom-btn {

    background-color: #f7b500;

    color: white;

    padding: 0.9rem 2.5rem;

    border-radius: 0.5rem;

    font-weight: 600;

    letter-spacing: 0.05em;

    transition: all 0.3s ease;

    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);

    border: 0px;

}



.header-contactbox {

    display: flex;

    align-items: center;

    gap: 0px 32px;

}



nav.navbar {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.menu-header {

    background-color: #21409a;

}



.nav-link {

    font-size: 18px;

    color: #fff;

    font-weight: 500;

    padding-block: 0px;

}



.nav-link:hover {

    color: #f7b500;

}



.menu-header-box {

    display: flex;

    justify-content: center;

    align-items: center;

}



.menu-header-box ul {

    gap: 0px 40px;

}



.pblock-3 {

    padding-block: 15px;

}



/* Header Css End */



/* hero-wrapper Css Start */

.pBlock-30 {

    padding-block: 70px;

}



.hero-wrapper {

    background-image: url(https://onlinejvc.com/assets/img/hero/hero-4.jpg);

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

    z-index: 9;

    position: relative;

}



.hero-wrapper::after {

    content: "";

    width: 100%;

    height: 100%;

    background-color: #0000006e;

    position: absolute;

    top: 0px;

    left: 0px;

    z-index: -1;

}



.heading-cont {

    color: #f7b500;

    font-weight: 600;

    font-size: 20px;

    display: inline-block;

    margin-bottom: 16px;

    text-transform: uppercase;

}



.banner-header h1 {

    font-weight: 800;

    color: #fff;

    font-size: 55px;

    line-height: normal;

    margin-bottom: 30px;

}



.banner-header h1 span {

    color: #f7b500;

}



.banner-header p {

    font-weight: 500;

    font-size: 24px;

    margin-bottom: 30px;

    color: #fff;

    line-height: normal;

}



.banner-image {

    display: flex;

    height: 100%;

}



/* hero-wrapper Css End */

/* about-wrapper Css Start */

.about-wrapper {

    background-color: #fff;

}



.section-heading h2 {

    font-size: 40px;

    font-weight: 700;

    color: #21409a;

    margin-bottom: 50px;

}



ul.wrapper-list-box {

    display: flex;

    flex-wrap: wrap;

    gap: 30px 0px;

    margin-inline: -15px;

    margin-bottom: 0px;

    justify-content: center;

}



ul.wrapper-list-box li {

    width: 33.33%;

    flex: 0 0 auto;

    padding-inline: 15px;

}



span.wrapper-iconbox {

    display: inline-flex;

    color: rgb(37 99 235);

    width: 64px;

    height: 64px;

    border-radius: 50%;

    background-color: rgb(219 234 254);

    justify-content: center;

    align-items: center;

    margin-bottom: 24px;

}



span.wrapper-iconbox i {

    font-size: 32px;

}



.wrapper-box-content {

    display: flex;

    flex-direction: column;

    padding: 30px;

    border-radius: 10px;

    box-shadow: 0 0 #000, 0 0 #0000, 0 0 #000, 0 0 #0000, 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);

    height: 100%;

    background-color: rgb(239 246 255);

}



.wrapper-box-iconcontent h3 {

    font-weight: 700;

    font-size: 20px;

    color: rgb(31 41 55);

    margin-bottom: 10px;

}



.wrapper-box-iconcontent p {

    color: rgb(75 85 99);

    font-size: 16px;

    margin-bottom: 0px;

}



/* about-wrapper Css End */

/* product-wrapper Css Start */



.product-wrapper .section-heading h2 {

    margin-bottom: 20px !important;

}



.product-wrapper .section-heading p {

    margin-bottom: 30px !important;

}



.product-tab-cover ul.nav li.nav-item button.nav-link {

    box-shadow: 0 0 #000, 0 0 #0000, 0 0 #000, 0 0 #0000, 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);

    font-weight: 500;

    padding: 12px 24px;

    font-size: 16px;

    color: #000;

    border-radius: 8px;

    text-transform: capitalize;

}



.product-tab-cover ul.nav li.nav-item button.nav-link.active {

    color: #f7b500;

}



.product-tab-cover ul.nav {

    display: flex;

    gap: 0px 20px;

    border: 0px !important;

    justify-content: center;

    align-items: center;

}



.product-tab-cover {

    margin-bottom: 30px;

}



.product-tab-cover-box>ul {

    display: flex;

    flex-wrap: wrap;

    gap: 20px 0px;

    margin-inline: -10px;

}



.product-tab-cover-box>ul>li {

    width: 33.33%;

    flex: 0 0 auto;

    padding-inline: 10px;

}



.product-tab-cover-box>ul>li .product-tab-box {

    box-shadow: 0 0 #000, 0 0 #0000, 0 0 #000, 0 0 #0000, 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);

    padding: 26px;

    background-color: rgb(255 255 255);

    border-radius: 12px;

    position: relative;

    height: 100%;

    display: inline-flex;

    flex-direction: column;

    justify-content: space-between;

}



.product-tab-heading h3 {

    font-weight: 700;

    font-size: 20px;

    color: rgb(31 41 55);

    margin-bottom: 0px !important;

}



span.status {

    display: inline-flex;

    justify-content: center;

    align-items: center;

    padding: 4px 12px;

    font-weight: 600;

    border-radius: 99px;

    font-size: 12px;

    text-transform: capitalize;

}



.product-heading {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 16px;

}



.product-tab-heading p {

    color: rgb(75 85 99);

    margin-bottom: 25px;

    font-size: 16px;

}



.product-tab-list ul li p {

    color: #000;

    font-size: 16px;

    margin-bottom: 0px !important;

    display: inline-flex;

    align-items: center;

    gap: 0px 5px;



}



.product-tab-list ul li p::before {

    content: "";

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='rgb(34%2C197%2C94)'%3E%3Cpath fill-rule='evenodd' d='M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z' clip-rule='evenodd'/%3E%3C/svg%3E");

    background-size: 20px 20px;

    background-repeat: no-repeat;

    vertical-align: middle;

    display: inline-block;

    width: 20px;

    height: 20px;

}



.product-tab-list ul {

    margin-bottom: 25px !important;

}



.customProduct-btn {

    width: 100%;

    display: inline-flex;

    justify-content: center;

    align-items: center;

    padding-block: 12px;

    color: #fff;

    text-transform: capitalize;

    border-radius: 12px;

}



.product-tab-cover-box ul li .product-tab-box::before {

    content: "";

    width: 100%;

    height: 8px;

    display: inline-block;

    position: absolute;

    top: 0px;

    left: 0px;

    border-radius: 12px 12px 0px 0px;

}



.product-tab-cover-box ul li:nth-child(1) .product-tab-box::before,

.product-tab-cover-box ul li:nth-child(1) .product-tab-box .customProduct-btn {

    background-color: rgb(37 99 235);

}



.product-tab-cover-box ul li:nth-child(1) .product-tab-box .status {

    background-color: rgb(219 234 254);

    color: rgb(30 64 175);

}



.product-tab-cover-box ul li:nth-child(2) .product-tab-box::before,

.product-tab-cover-box ul li:nth-child(2) .product-tab-box .customProduct-btn {

    background-color: rgb(202 138 4);

}



.product-tab-cover-box ul li:nth-child(2) .product-tab-box .status {

    background-color: rgb(254 249 195);

    color: rgb(133 77 14);

}





.product-tab-cover-box ul li:nth-child(3) .product-tab-box::before,

.product-tab-cover-box ul li:nth-child(3) .product-tab-box .customProduct-btn {

    background-color: rgb(147 51 234);

}



.product-tab-cover-box ul li:nth-child(3) .product-tab-box .status {

    background-color: rgb(243 232 255);

    color: rgb(107 33 168);

}





.product-solution-list>ul {

    display: flex;

    flex-wrap: wrap;

    margin-inline: -10px;

    gap: 20px 0px;

    margin-bottom: 0px;

}



.product-solution-list>ul>li {

    width: 50%;

    flex: 0 0 auto;

    padding-inline: 10px;

}



.product-solution-cover {

    box-shadow: 0 0 #000, 0 0 #0000, 0 0 #000, 0 0 #0000, 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);

    background-color: rgb(255 255 255);

    padding: 26px;

    border-radius: 12px;

    position: relative;

    height: 100%;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}



.solution-icon,

.solution-icon svg {

    display: inline-flex;

    justify-content: center;

    align-items: center;

    width: 24px;

    height: 24px;

    fill: #fff;

}



.product-solution-list>ul>li .product-solution-cover::before {

    content: "";

    width: 100%;

    height: 8px;

    display: inline-block;

    position: absolute;

    top: 0px;

    left: 0px;

    border-radius: 12px 12px 0px 0px;

}



.product-solution-list>ul>li:nth-child(1) .product-solution-cover::before {

    background-color: rgb(34 197 94);

}



.product-solution-list>ul>li:nth-child(1) .solution-icon svg {

    stroke: rgb(34 197 94);

}



.product-solution-list>ul>li:nth-child(1) .customProduct-btn {

    background-color: rgb(34 197 94);

}



.product-solution-list>ul>li:nth-child(2) .product-solution-cover::before {

    background-color: rgb(234 88 12);

}



.product-solution-list>ul>li:nth-child(2) .solution-icon svg {

    stroke: rgb(234 88 12);

}



.product-solution-list>ul>li:nth-child(2) .customProduct-btn {

    background-color: rgb(234 88 12);

}



.product-solution-list>ul>li:nth-child(3) .product-solution-cover::before {

    background-color: rgb(99 102 241);

}



.product-solution-list>ul>li:nth-child(3) .solution-icon svg {

    stroke: rgb(99 102 241);

}



.product-solution-list>ul>li:nth-child(3) .customProduct-btn {

    background-color: rgb(99 102 241);

}



.product-solution-list>ul>li:nth-child(4) .product-solution-cover::before {

    background-color: rgb(220 38 38);

}



.product-solution-list>ul>li:nth-child(4) .solution-icon svg {

    stroke: rgb(220 38 38);

}



.product-solution-list>ul>li:nth-child(4) .customProduct-btn {

    background-color: rgb(220 38 38);

}



.product-slutions-wrapper {

    height: 100%;

    background-color: #3730a3;

    box-shadow: 0 0 #000, 0 0 #0000, 0 0 #000, 0 0 #0000, 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);

    padding: 32px;

    border-radius: 12px;

}



.product-slutions-wrapper h3 {

    color: rgb(255 255 255);

    font-weight: 700;

    font-size: 24px;

    margin-bottom: 20px;

}



.product-slutions-wrapper p {

    color: rgb(219 234 254);

    font-size: 16px;

    margin-bottom: 25px;

}



.product-solution-wrapper-heading>ul {

    margin-bottom: 30px;

}



.product-solution-wrapper-heading>ul>li>p::before {

    content: "";

    width: 20px;

    height: 20px;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='rgb(147, 197, 253)'%3E%3Cpath fill-rule='evenodd' d='M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z' clip-rule='evenodd'/%3E%3C/svg%3E");

    display: inline-flex;

    justify-content: center;

    align-items: center;

    background-repeat: no-repeat;

    background-position: center center;

    background-size: 20px 20px;

}



.product-solution-wrapper-heading>ul>li>p {

    margin-bottom: 0px !important;

    display: inline-flex;

    align-items: center;

    gap: 0px 12px;

}



.custom-slution-btn {

    background-color: rgb(239 246 255);

    color: rgb(30 64 175);

}









/* product-wrapper Css End */

/* contact-wrapper Css Start */

.contact-wrapper {

    background-color: #21409a;

}



.contact-wrapper .section-heading h2 {

    color: #fff;

    margin-bottom: 15px;

}



.contact-wrapper .section-heading p {

    font-size: 20px;

    color: #fff;

    opacity: 0.9;

    margin-bottom: 40px;

}



.contact-wrapper-box {

    padding: 40px;

    border-radius: 12px;

    box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);

    background-color: #fff;

}



.form-group .form-control,

.form-group textarea {

    width: 100%;

    border: 1px solid rgb(209 213 219);

    padding: 0.5rem 1rem;

    border-radius: 6px;

}



.form-group .form-control:focus,

.form-group textarea:focus {

    outline: none !important;

    box-shadow: none !important;

}



.contact-from-box .row .col-12+.col-12 {

    margin-top: 25px !important;

}



.form-group textarea {

    height: 150px;

}



.form-group .form-control::placeholder,

.form-group textarea::placeholder {

    color: rgb(192, 194, 198);

}



.form-submit button {

    width: 100% !important;

}



.contactForm-content {

    margin-top: 32px;

    padding-top: 32px;

    border-top: 1px solid rgb(229 231 235);

}



.contactForm-content {

    margin-top: 32px;

    padding-top: 32px;

    border-top: 1px solid rgb(229 231 235);

    display: flex;

    flex-direction: column;

    align-items: center;

    text-align: center;

}



a.contact-content-link {

    color: rgb(75 85 99);

    display: inline-flex;

    align-items: center;

    gap: 0px 9px;

    font-size: 16px;

}



a.contact-content-link i {

    color: #21409a !important;

}



.contactForm-content h3 {

    font-weight: 600;

    font-size: 16px;

    margin-bottom: 15px;

}



.contactForm-content ul li+li {

    margin-top: 5px;

}





/* contact-wrapper Css End */


/* contact form */

#contactFormContainer {
    background: #ffffff;
    padding: 20px;
    border-radius: 16px;
    box-shadow: 0 0 20px rgba(0,0,0,0.08);
}

#contactForm .form-label {
    font-weight: 600;
    color: #333;
}

#contactForm input[type="text"],
#contactForm input[type="email"],
#contactForm input[type="tel"],
#contactForm textarea,
#contactForm select {
    border-radius: 8px;
    transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

#contactForm input:focus,
#contactForm textarea:focus {
    border-color: #0d6efd;
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.2);
}

#submitButton {
    font-size: 1.1rem;
    padding: 10px 30px;
}

#otherCityInput, #otherEnquiryDetail {
    display: none;
}

.form-section-title {
    font-size: 1.25rem;
    font-weight: bold;
    margin-bottom: 1rem;
    color: #0d6efd;
}

/*/ end contact form */


/* Footer Css Start */

footer {

    background-color: rgb(17 24 39);

    padding-block: 30px;

}



.footer-logo img {

    height: 50px;

}



.footer-content {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.footer-logo-box span {

    font-size: 14px;

    color: #fff;

}



.footer-menu-link {

    font-size: 14px;

    color: #fff;

}



.footer-content .ratingbox-content {

    font-size: 14px;

    color: #fff;

}



.footer-menu ul {

    display: flex;

    align-items: center;

    gap: 0px 18px;

}



/* Footer Css End */