:root {
    --clr-theme-primary: #F8B600;
    --heading-font: "Montserrat", sans-serif;
    --nav-font: "Montserrat", sans-serif;
}

.font18{
    font-size: 18px!important;
}
.font20{
    font-size: 20px!important;
}
.font22{
    font-size: 22px!important;
}
.font24{
    font-size: 24px!important;
}
.font30{
    font-size: 30px!important;
}
.font35{
    font-size: 35px!important;
}

.font40{
    font-size: 40px!important;
}
.font45{
    font-size: 45px!important;
}
.font50{
    font-size: 50px!important;
}
.font60{
    font-size: 60px!important;
}

.font70{
    font-size: 70px!important;
}

.font80{
    font-size: 80px!important;
}

.font100{
    font-size: 100px!important;
}

.font200{
    font-weight: 200!important;
}
.font300{
    font-weight: 300!important;
}
.font400{
    font-weight: 400!important;
}

.font600{
    font-weight: 600!important;
}
.font700{
    font-weight: 700!important;
}
.font800{
    font-weight: 800!important;
}
.font900{
    font-weight: 900!important;
}

.min-vh-45 {
    min-height: 45vh !important;
}

.bg-theme-color{
    background-color: #FFCC00;
}

.home-section{
    min-height: 100vh;
    padding: 20% 0 40px 0;
    height: auto!important;
}

.home-content{
    padding-top: 80%;
}



/*About Us Section*/
.about-section{
    min-height: 45vh;
    padding: 2% 0 40px 0;
}

/*Contact Form*/
.contact-form-input, input.form-control.bg-transparent.contact-form-input:focus{
    border: 1px solid #FFCC00;
    border-radius: 50px;
    height: 3em;
    color: #fff!important;
    box-shadow: 0 0 0 .25rem #FFCC000d;
}


.contact-form-text-area, .contact-form-text-area:focus{
    border: 1px solid #FFCC00;
    border-radius: 50px;
    color: #fff!important;
    box-shadow: 0 0 0 .25rem #FFCC000d;
}

#loader {
    display: none;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    /* Add more styling as needed */
}

button[disabled] {
    opacity: 0.6;
    cursor: not-allowed;
}




.card1 {
    background-color: #F8B600;
    width: 350px;
    height: 350px;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 20px;
    margin: 20px auto;
    border-top-right-radius: 50%;
    border-bottom-left-radius: 50%;
    margin-right: 0%;
}

.card2 {
    background-color: #F8B600;
    width: 350px;
    height: 350px;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 20px;
    margin: 20px auto;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    margin-left: 1%;
}

.center-line {
    position: absolute;
    width: 8px;
    height: 76%;
    background-color: #F8B600;
    top: 15%;
    left: 50%;
    transform: translateX(-50%);
}

.features-section{
    padding: 5% 0 40px 0;
}

.explore-btn-mt8per{
    margin-top: 8%;
}



/*PB Section*/
.pb-section{
    padding: 0 0 40px 0;
    min-height: 35vh;
}


.tech-box{
    padding: 5%;
    border: 1px solid #f7c600;
    border-radius: 25px;
    transition: transform 0.3s ease-in-out;
    height: 100%;
}

.tech-box:hover {
    transform: scale(1.1);
}