/* GLOBAL STYLES

-------------------------------------------------- */

/* Padding below the footer and lighter body text */



body {

    color: rgb(var(--bs-tertiary-color-rgb));

}



p {

    font-size: 14px;

}





/* CUSTOMIZE THE CAROUSEL

-------------------------------------------------- */



/* Carousel base class */

.carousel {

    margin-bottom: 1rem;

}

/* MARKETING CONTENT

-------------------------------------------------- */



/* Center align the text within the three columns below the carousel */

.marketing .col-lg-4 {

    margin-bottom: 1.5rem;

    text-align: center;

}




/* Featurettes

------------------------- */





/* RESPONSIVE CSS

-------------------------------------------------- */



@media (min-width: 40em) {

    .featurette-heading {

        font-size: 50px;

    }

}



@media (min-width: 62em) {

    .featurette-heading {

        margin-top: 7rem;

    }

}



/*Style Setting*/

.section {

    padding: 20px 0;

}



.img-slide {

    width: 100%;

    height: 100%;

}



.bottom-button {

    width: 100%;

    height: auto;

    padding: 10px;

    bottom: 0;

    position: fixed;

    background-color: var(--bs-white);

    /* opacity: 75%; */

    z-index: 999;

    display: inherit;

}



.div-img {

    height: 150px;

    overflow: hidden;

}

.bg-body {
    background-image: linear-gradient(#22b2f5 0%, rgba(255,0,0,0) 40%, rgba(255,0,0,0) 60%, #22b2f5 100%) !important;
}

.carousel-inner{

  //height: 422px;

}

.carousel-inner .carousel-item{

  height: 100%;

}

.carousel-inner .carousel-item img{

  width: 85%;

  height: 100%;

}

@media (max-width: 576px) {

	.carousel-item {

    height: 15rem;}
.carousel-inner .carousel-item img{

  width: 95%;

}


}



@media (min-width: 576px) {

    .div-img {

        height: 170px;

    }

}



@media (min-width: 768px) {

    .div-img {

        height: 200px;

    }


}



@media (min-width: 992px) {

    .div-img {

        height: 250px;

    }

}



.bg-header-form {

    padding-top: 80px;

    background-image: url('https://www.srithanyafoundation.org/assets/image/bg_3.jpg');

    background-repeat: no-repeat;

    background-size: 100% auto;

}



.bg-form {

    background-image: linear-gradient(rgba(255,0,0,0) 0%, rgba(255,0,0,0) 10%, #22b2f5 100%) !important;

}



.card-body{

	border-radius: 20px;

}



.form-control{

    background: #FFFFFF;

    border: 1px solid #4CACE9;

    border-radius: 10px;

    padding: 10px;

height: calc(1.5em + 0.75rem + 2px);

}



.form-control-select{

    display: block;

    width: 100%;

    padding: 0.375rem 2.25rem 0.375rem 0.75rem;

    -moz-padding-start: calc(0.75rem - 3px);

    font-size: 1rem;

    font-weight: 400;

    line-height: 1.5;

    color: #212529;

    background-color: #fff;

    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e);

    background-repeat: no-repeat;

    background-position: right 0.75rem center;

    background-size: 16px 12px;

    border: 1px solid #ced4da;

    border-radius: 0.25rem;

    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

border: 1px solid #4CACE9;

    border-radius: 10px;

}



.form-label {

    color: #4CACE9;

}



.text-right{

	text-align:right;

}