html {
    font-size: 14px;
    
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
    
    font-family: "Nunito", sans-serif;
    background-color:#fbfafa;
}
.main-title {
    font-weight: 800;
    
    text-shadow:1px 1px 2px #808080;
}
.text-gradient {
    
}
.section-title{
    /*color:#4e0b9a;*/
    font-weight:900;
}
.form-label {
    color: #149119;
    font-weight: 800 !important;
    
}

.form-control {
   /* border-color: #12ea3a;
    border-width:2px;*/
}
.footer {
    /*background-color: #005A9C;*/
    color:white;
}
.footerlink a{
    text-decoration:none;
    color:white !important;
    font-weight:600;
}
    .footerlink a:hover {
        color: #f5f507 !important;
        transition: 0.2s ease;
    }
        .footerlink a:hover > i {
            color: #fc9351 !important;
            transform: translateX(-5px);
            transition: 0.2s ease;
        }
.input-group{

}
.minus-btn{

}
.plus-btn{

}

.ribbon {
    font-size: 11px;
    font-weight: 400;
    color: #fff;
}

.ribbon {
    --f: .5em; /* control the folded part*/
    --r: .8em; /* control the ribbon shape */

    position: absolute;
    top: 5px;
    left: calc(-1*var(--f));
    padding-inline: .25em;
    line-height: 1.8;
    background: #005A9C;
    border-bottom: var(--f) solid #0005;
    border-right: var(--r) solid #0000;
    clip-path: polygon(0 0,0 calc(100% - var(--f)),var(--f) 100%, var(--f) calc(100% - var(--f)),100% calc(100% - var(--f)), calc(100% - var(--r)) calc(50% - var(--f)/2),100% 0);
}
.custom-form-control-20px {
    height: 20px;
    padding-top: 0; /* Adjust padding as needed for vertical alignment */
    padding-bottom: 0; /* Adjust padding as needed for vertical alignment */
    line-height: 1; /* Adjust line-height as needed for text alignment */
}
.two-line-div {
    line-height: 1.5em; /* Adjust this value as needed for your font size */
    height: 3em; /* 1.5em * 2 lines = 3em */
    overflow:hidden; /* Hides content that exceeds the two lines */
}

.my-custom-button {
    transition: box-shadow 0.3s ease-in-out; /* Smooth transition for the shadow */
}

    .my-custom-button:hover {
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* Example shadow: horizontal, vertical, blur, color */
    }

.gradientBackgroundyellow {
    background: #2A7B9B;
    background: linear-gradient(90deg, rgba(42, 123, 155, 1) 0%, rgba(87, 199, 133, 1) 50%, rgba(237, 221, 83, 1) 100%);
}

.gradientBackgroundBlue {
    background: #020024;
    background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 35%, rgba(0, 212, 255, 1) 100%);
}

.gradientBackgroundRed {
    background: #3F5EFB;
    background: radial-gradient(circle, rgba(63, 94, 251, 1) 0%, rgba(252, 70, 107, 1) 100%);
}

.gradientBackgroundRed2 {
    background: #833AB4;
    background: linear-gradient(90deg, rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 1) 50%, rgba(252, 176, 69, 1) 100%);
}
.footerBackground {
    background:linear-gradient(90deg, #4b6cb7 0%, #182848 100%)
}