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



h1,
h2,
h3,
h4,
h5,
h6,
p {
    font-family: "Poppins", sans-serif;
}

.w-60{
    width: 65% !important;
}

p{
 
font-size: 16px;
font-weight: 400;
line-height: 30px;

}
.bg-warning1 {
    background-color: #FED700 !important;
}

.bg-linear {
    background: linear-gradient(180deg, rgba(229, 194, 0, 0.22) -42.47%, rgba(253, 237, 202, 0) 100%);
}

.get-10{
    color: #004AAD;
    font-weight: 700;
}

header nav {
    background-color: #FED700;
}

.loginbtn button {
    background-color: var(--bs-bg-primary);
    color: #fff;

}

.btn-warning {
    background-color: var(--bs-yellow) !important;
    border: 1px solid #FED700 !important;
}

.loginbtn a button.btn.btn-warning {
    color: var(--bs-bg-primary);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
}

.loginbtn button.btn.btn-primary {
    font-size: 12px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
}

.bg-banner {
    background-image: url(../img/bg-banner.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100vh;

}

.bg-secondary-subtle1{

    background-color: #E9EDF2 !important;
}
.btn-primary{
    border-radius: 0px !important;
}

.bg-container {
    position: relative;
    top: 15%;

}

.bg-banner-content {
    position: relative;
    bottom: 50%;
}

h2.bg-mainheader {
    font-size: 72px;
    font-weight: 700;
    line-height: 90px;
    color: #fff;
}

.bg-textheader {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    text-align: left;
    color: #fff;
}

.scanner-anime {
    position: relative;
    top: 180px;

}

.scanner-anime img {
    transition: transform 0.4s;
    /* filter: drop-shadow(40px 210px 20px #18171783); */

}

/* hover change img */

/* end */
.scanner-anime img:hover {
    transform: translateY(-120px);
    filter: none;
}

.bg-white:hover {
    background-color: #004AAD !important;
    color: white !important;

}

.bg-white:hover h5 {
    background-color: #004AAD !important;
    color: white !important;

}

#effortless-ordering {
    background-color: #ffffff;
    /* Default background color */
    color: #000000;
    /* Default text color */
}

#ordering-image {
    transition: transform 0.3s ease;
    /* Add smooth transition effect */
}

#effortless-ordering:hover {
    background-color: #004AAD;
    /* Change background color on hover */
    color: white;
    /* Change text color on hover */
}

#effortless-ordering:hover #ordering-image {
    transform: scale(1.1);
    /* Zoom in on hover */
}

#effortless-ordering:hover #ordering-image[src="../img/ef1.png"] {
    content: url(../img/Effortless.html\ Orderingwh.png);
    /* Change image source on hover */
}

#effortless-ordering #ordering-image {
    content: url(../img/ef1.png);
    /* Initial image source */
}

/* second css start */
#trending-desi-style {
    background-color: #ffffff;
    /* Default background color */
    color: #000000;
    /* Default text color */
}

#desi-image {
    transition: transform 0.3s ease;
    /* Add smooth transition effect */
}

#trending-desi-style:hover {
    background-color: #004AAD;
    /* Change background color on hover */
    color: white;
    /* Change text color on hover */
}

#trending-desi-style:hover #desi-image {
    transform: scale(1.1);
    /* Zoom in on hover */
}

#trending-desi-style:hover #desi-image[src="../img/trendingdar.png"] {
    content: url(../img/trendingwhite.png);
    /* Change image source on hover */
}

#trending-desi-style #desi-image {
    content: url(../img/trendingdar.png);
    /* Initial image source */
}

/* end */
/* third css */
#budget-brilliance {
    background-color: #ffffff;
    /* Default background color */
    color: #000000;
    /* Default text color */
}

#ru-image {
    transition: transform 0.3s ease;
    /* Add smooth transition effect */
}

#budget-brilliance:hover {
    color: white;
    /* Change text color to white on hover */
}

#budget-brilliance:hover #ru-image {
    transform: scale(1.1);
    /* Zoom in on hover */
}

#budget-brilliance:hover #ru-image[src="../img/Ru.svg"] {
    content: url(../img/rupeewhite.png);
    /* Change image source on hover */
}

#budget-brilliance #ru-image {

    content: url(../img/rupeedark.png);
    /* Initial image source */
}

/* end */
/* start */
#effortless-swift {
    background-color: #ffffff;
    /* Default background color */
    color: #000000;
    /* Default text color */
}

#beyond-numbers-image {
    transition: transform 0.3s ease;
    /* Add smooth transition effect */
}

#effortless-swift:hover {
    background-color: #004AAD;
    /* Change background color on hover */
    color: white;
    /* Change text color on hover */
}

#effortless-swift:hover #beyond-numbers-image {
    transform: scale(1.1);
    /* Zoom in on hover */
}

#effortless-swift:hover #beyond-numbers-image[src="../img/Beyond_Numbers.svg"] {
    content: url(../img/beywhite.png);
    /* Change image source on hover */
}

#effortless-swift #beyond-numbers-image {
    content: url(../img/beydark.png);
    /* Initial image source */
}

/* end */
/* five start css */
#beyond-numbers {
    background-color: #ffffff;
    /* Default background color */
    color: #000000;
    /* Default text color */
}

#beyond-numbers-image {
    transition: transform 0.3s ease;
    /* Add smooth transition effect */
}

#beyond-numbers:hover {
    background-color: #004AAD;
    /* Change background color on hover */
    color: white;
    /* Change text color on hover */
}

#beyond-numbers:hover #beyond-numbers-image {
    transform: scale(1.1);
    /* Zoom in on hover */
}

#beyond-numbers:hover #beyond-numbers-image[src="../img/Beyond_Numbers02.svg"] {
    content: url(../img/dolrwhite.png);
    /* Change image source on hover */
}

#beyond-numbers #beyond-numbers-image {
    content: url(../img/dolrdark.png);
    /* Initial image source */
}

/* end */
/* six start */
#supercharge-sales {
    background-color: #ffffff;
    /* Default background color */
    color: #000000;
    /* Default text color */
}

#supercharge-image {
    transition: transform 0.3s ease;
    /* Add smooth transition effect */
}

#supercharge-sales:hover {
    background-color: #004AAD;
    /* Change background color on hover */
    color: white;
    /* Change text color on hover */
}

#supercharge-sales:hover #supercharge-image {
    transform: scale(1.1);
    /* Zoom in on hover */
}

#supercharge-sales:hover #supercharge-image[src="../img/Supercharge_your_Sales_2.svg"] {
    content: url(../img/jetwhite.png);
    /* Change image source on hover */
}

#supercharge-sales #supercharge-image {
    content: url(../img/jetdark.png);
    /* Initial image source */
}


.main-con{
    position: absolute;
    right: 0;
    bottom: 0;
}


.second-sec-subtitle{
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 22.4px;
    letter-spacing: 0.16em;
    text-align: left;
    color: #004AAD;

    
}
.second-sec-header{
    font-family: "Poppins", sans-serif;
font-size: 36px !important;
font-weight: 600 !important;
line-height: 50px !important;
text-align: left;
color: #022153;

}
.second-sec-subheading{
    font-family: "Poppins", sans-serif !important;
font-size: 20px !important;
font-weight: 400 !important;
line-height: 30px !important;
text-align: left;
color: #1E243D !important;
}

.third-sec-header{

    font-family: "Poppins", sans-serif !important;
font-size: 36px !important;
font-weight: 600 !important;
line-height: 54px !important;
text-align: center;
color: #022153 !important;

}

.third-sec-sub-hdr{
    font-family: "Poppins", sans-serif !important;
font-size: 24px !important;
font-weight: 600 !important;
line-height: 32px !important;
text-align: center;
color: #022153;

}
.third-sec-sub-title{
    font-family: "Poppins", sans-serif !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 24px !important;
text-align: center;
color: #4F4F4F !important;

}
.bg-white:hover .third-sec-sub-title {
    color: white !important;
}
.four-sec-header{
    font-family: "Poppins", sans-serif !important;
font-size: 36px !important;
font-weight: 600 !important;
line-height: 56px !important;
text-align: center !important;
color: #00296B !important;

}
.four-sec-sub-hdr{
    font-family: "Poppins", sans-serif !important;
font-size: 24px !important;
font-weight: 600 !important;
line-height: 32px !important;

color: #1E243D !important;

}
.four-sec-sub-title{

    font-family: "Poppins", sans-serif !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 24px !important;
text-align: center;
color: #4F4F4F !important;

}


.fiv-sec-header{
    font-family: "Poppins", sans-serif !important;
font-size: 48px !important;
font-weight: 600 !important;
line-height: 57.6px !important;
text-align: center;
color: #FFFFFF !important;

}
.five-sec-sub-hdr{
    font-family: "Poppins", sans-serif !important;
font-size: 24px !important;
font-weight: 600 !important;
line-height: 28.8px !important;
text-align: left;
color: #022153 !important;

}

.lab-header{
    font-family: "Poppins", sans-serif !important;
font-size: 16px !important; 
font-weight: 500 !important;
line-height: 24px !important;
text-align: left;
color: #02121B !important;
}

.rounded-3{
border-radius: 15px !important;

color: #8FA5C1 !important;
}
.form-header{
    font-family: "Poppins", sans-serif !important;
font-size: 36px !important;
font-weight: 600 !important;
line-height: 54px !important;
text-align: left;
color: #02121B ;

}