@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;800&display=swap');





*{

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

    line-height: 1.4;

}



body{

    margin: 0;

    padding: 0%;

    box-sizing: border-box;

    background-color: #f1f1f2;



}

:root{

    --header-bg-color:#EA5D2D;

    --menu-text-color:#fff;

    --secondary-color:#23A89B;

    --primary-text-color:#221E1F;

    --secondary-text-color:#57585B;

   --secondary-form-bg-color:#c8e2e0;

}

a:link{

    text-decoration: none;

}

a.dropdown-toggle.menu-text:hover {

    color:var(--menu-text-color);

}

.navbar-toggler-icon {

    display: inline-block;

    width: 1.5em;

    height: 1.5em;

    vertical-align: middle;

    background-image: url('../images/menu.png');

    background-repeat: no-repeat;

    background-position: center;

    background-size: 100%;

}

p{

    margin: 0;

}

:focus-visible {

    outline: var(--secondary-form-bg-color) auto 1px;

}

/* header css */

header {

    height: 100px;

    /* height: 12vh; */

    background-color: var(--header-bg-color);

    background-image: url(../images/keshav-bg1.png);

    background-position: bottom;

    position: sticky;

    background-repeat: no-repeat;

    width: 100%;

    top: 0;

    background-size: 100% 14%;

    align-items: center;

    display: flex;

    z-index: 9999;

}

.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link {

    color: var(--menu-text-color);

}

.nav-link {

    display: block;

    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);

    font-size: var(--bs-nav-link-font-size);

    font-weight: var(--bs-nav-link-font-weight);

    color:var(--menu-text-color);

    text-decoration: none;

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

}

.nav-link:hover{

    color: var(--menu-text-color);

}

/* .navbar-nav {

    display: flex;

    flex-direction: revert;

    gap: 25px;

} */



.form-check-input:checked {

    background-color: #42b3a8;

    border-color: #72c4bc;

}



.form-check.form-spacing {

    margin-top: -9px;

    margin-bottom: 20px;

}

.dropdown-item.active, .dropdown-item:active {

    color: var(--bs-dropdown-link-active-color);

    text-decoration: none;

    background-color: #23a89b;

}

.dropdown-item:focus, .dropdown-item:hover {

    color: var(--bs-dropdown-link-hover-color);

    background-color: #c8e2e0;

}

.nav-link:focus, .nav-link:hover {

    color: rgb(251 254 255);

}

.navbar-toggler {

    padding: 2px 10px;

    font-size: var(--bs-navbar-toggler-font-size);

    line-height: 1;

    color: rgb(255 255 255 / 75%);

    background-color: transparent;

    border: 1px solid #ffffff47;

    border-radius: var(--bs-navbar-toggler-border-radius);

    transition: var(--bs-navbar-toggler-transition);

    margin-bottom: -6px;

}

.navbar-toggler:focus {

    text-decoration: none;

    outline: 0;

    box-shadow: 0 0 0 0 #424040;

}

.logo-left,.logo-right{

    height: 60px;

}

.logo-right-mobile {

  display: none;

}

/* .main-header-section {

    display: flex;

    justify-content: space-between;

    align-items: center;

} */

.left-area {

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 20px;



}

.right-area {

    display: flex;

    align-items: end;

    justify-content: center;

    gap: 16px;

}



.menu-text{

    color: var(--menu-text-color);

}

/* .input-group {

    position: relative;

    display: flex;

    flex-wrap: wrap;

    align-items: stretch;

    width: 100%;

    z-index: -1;

} */

/* form css */

.form-control {

    display: block;

    width: 100%;

    padding: 0.375rem 0.75rem;

    font-size: 1rem;

    font-weight: 400;

    line-height: 1.5;

    color: #212529;

    background-color: #fff;

    background-clip: padding-box;

    border: 1px solid #c8e2e0;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    border-radius: 0.25rem;

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

}



.form-control:focus {

    color: #212529;

    background-color: #fff;

    border-color: #73d9ce;

    outline: 0;

    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 0%);

}

.form-select:focus {

    color: #212529;

    background-color: #fff;

    border-color: #73d9ce;

    outline: 0;

    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 0%);

}

input.form-control.login-input {

    border: 1px solid #23a89b;

}





.home-section{

    height: 80vh;

    display: flex;

    align-items: center;

    justify-content: center;

    position: relative;

}

.imgbox{

    position: relative;



}

.home-img-bg1{

    position: absolute;

    right: 0;

    top: -120px;

    width: 100%;

    max-width: 138px;

    z-index: -1;

}

.manin-heading {

    color: var(--secondary-color);

    font-weight: 700;

    font-size: 3rem;

    margin: 0;

}

.main-heading-breack{

   color: var(--header-bg-color); 

   font-weight: 700;

   font-size: 3rem;

   margin: 0;

   margin-top: -8px;



}

.empty-space{

padding-top: 5%;

}

.secondary-text{

    font-size: 16px;

    font-weight: 600;

   

}

.secondary-color{

    color: var(--primary-text-color);

    line-height: 3;

}

.secondary-color-two{

    color: var(--secondary-text-color);

}

.sub-secondary-text{

    font-size: 14px;

}

.input-group-text {

    display: flex;

    align-items: center;

    padding: 0.375rem 0.75rem;

    font-size: 1rem;

    font-weight: 600;

    line-height: 1.5;

    color: #ecf6ff;

    text-align: center;

    white-space: nowrap;

    background-color: var(--secondary-color);

    border: 1px solid var(--secondary-color);

    border-radius: 0rem;

    font-family: 'Poppins';

    letter-spacing: 1.4px;

}

.input-group-text1,.input-group-text4 {

    display: inline-block;

    align-items: center;

    padding: 0.375rem 0.75rem;

    font-size: 1rem;

    font-weight: 600;

    line-height: 1.5;

    color:var(--secondary-text-color);

    text-align: center;

    white-space: nowrap;

    background-color: var(--secondary-form-bg-color);

    border: 1px solid var(--secondary-form-bg-color);

    border-radius: 0rem;

    font-family: 'Poppins';

    letter-spacing: 1.4px;

    text-align: start;

}



.form-control{

    border-radius: 0rem;  

}

.border-bottom-text{

    border-bottom: 1px solid #929497; 

    margin: 4px 0px;



}

.custom-btn{

    display: flex;

    align-items: center;

    padding: 0.375rem 1.75rem;

    font-size: 1rem;

    font-weight: 600;

    line-height: 1.5;

    color: #ecf6ff;

    text-align: center;

    white-space: nowrap;

    background-color:var(--header-bg-color);

    border: 1px solid var(--header-bg-color);

    border-radius: 0rem;

    font-family: 'Poppins';

    letter-spacing: 1.4px;

    box-shadow: 1px 1px 5px 1px #ea5c2d60;

}

.custom-btn:active{

    transform: scale(.95);

    box-shadow: 1px 1px 5px 1px #ea5c2d60;



}

.logout-btn{

    display: flex;

    align-items: center;

    padding: 0.375rem 0.75rem;

    font-size: 1rem;

    font-weight: 600;

    line-height: 1.5;

    color: #ffffff;

    text-align: center;

    white-space: nowrap;

    border-radius: 0rem;

    font-family: 'Poppins';

    letter-spacing: 1.4px;

    border: 1px solid var(--menu-text-color);

    background-color:transparent ;

}

.logout-btn:active,.logout-btn:hover,.logout-btn:link{

    background-color: var(--menu-text-color);

    color: var(--primary-text-color);

}



option:checked{

    color: var(--secondary-text-color);

    background-color: var(--secondary-color);

  }

  option:hover{

    color: var(--secondary-text-color);

    background-color: var(--secondary-color)!important;

  }



  select[editable] > button{stroke:#f00}



  select[editable] > button { stroke: #f00 !important; }



  .input-group-text1.input-text-width {

    width: 300px;

}

.bottombg-img{

    position: absolute;

    bottom: 0;

    right: 0;

    z-index: -1;

}

.bottombg-img4 {

    position: absolute;

    bottom: -70px;

    left: 0;

    z-index: -1;

}

.mobilr-bottombg-img{

    display: none;

}

.input-group-text1.input-text-width2 {

    width: 300px;

}

.input-group-text4.input-text-width4 {

    width: 150px;

}



.heading-secondp{

    color: var(--secondary-color);

    font-weight: 600;

    font-size: 2.3rem;

    padding-top: 25px;

}

.heading-secondp2{

    color: var(--header-bg-color);

    font-weight: 600;

    font-size: 2.3rem;

}

.home-section-page2{

    height: auto;

    display: flex;

    align-items: center;

    justify-content: center;

    position: relative;

}

.img-box1 {

    display: flex;

    justify-content: end;

    align-items: start;

    border-bottom: 1px solid #929497;

    margin-bottom: 23px;



}

img.img-fluid.mobilr-bottombg2-img {

    width: 17%;

    margin-top: -42px;

}

.input-group2 {

    background-color: #C8E2E0;

    /* padding-left: 12px; */

}

label.lable-page3 {

    background: #C8E2E0;

    display: block;

    padding-left: 12px;

    color: var(--secondary-text-color);

    font-weight: 600;

    font-size: 16px;

    border: 1px solid #c8e2e0;



}

label.form-check-label {

    color: var(--secondary-text-color);

    font-weight: 600;

    font-size: 15px;

    font-family: 'Poppins';



}

.form-control2 {

    display: block;

    width: 100%;

    padding: 0.375rem 0.75rem;

    font-size: 1rem;

    font-weight: 400;

    line-height: 1.5;

    color: #212529;

    background-color: #fff;

    background-clip: padding-box;

    border: 1px solid #c8e2e0;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    border-radius: 0.25rem;

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

}

.form-control2:focus{

    outline: none;

    /* border: 1px solid #23a89b; */



}

.radio-btn{

display: flex; 

align-items: center;

padding-top: calc(0.375rem + 1px);

padding-bottom: calc(0.375rem + 1px);

margin-bottom: 0;

font-size: inherit;

line-height: 1.5;

gap: 12px;



}

.error-msg{

    display: inline-block;

    width: 100%;

    padding-top: 6px;

}



.input-group .sucess-input-msg input{

    border-color: green;

}

.input-group .error-input-msg input{

    border-color: red;

}

.input-group small{

display: none;

}



input.form-control111 {

    position: relative;

    flex: 1;

    border: 1px solid #c8e2e0;

}

.sub-headings{

    color:var(--secondary-color);

    font-weight: 600;

    font-size: 1.3rem;

    padding-top: 25px;

}

.divider{

    border-color: #23a89b;

    border-width: 2px;

    opacity: 1;

}



input.multiplechek-inputs {

    height: 1.7em;

    width: 1.7em;

    margin: 0;

}



.checkbox-center{

    display: flex;

    align-items: center;

    justify-content: center;

    height: 100%;

}

.showdiv{

    display: flex!important;

    justify-content: center;

    align-items: center;

    gap: 14px;

    margin-top: 15px;

    padding-bottom: 12px;

}

.description p {

    color: var(--secondary-text-color);

    font-weight: 600;

    font-size: 16px;

    font-family: 'Poppins';

}

a {

    color: #f8fbff;

    text-decoration: underline;

}

a:hover {

        color: var(--secondary-text-color);

}



  ::placeholder {



    color: var(--secondary-text-color);

    font-weight: 600;

    font-size: 16px;

}



:-ms-input-placeholder { /* Internet Explorer 10-11 */



    color: var(--secondary-text-color);

    font-weight: 600;

    font-size: 16px;

}



ul.navbar-nav.me-auto.mb-2.mb-lg-0 {

    gap: 14px;

}