/* nav bar */
nav.navbar {
    /* box-shadow: 1px 1px 1px #000!important; */
    box-shadow: 1px 1px 15px 2px rgba(102, 99, 99, 0.45);
}
.nav-list-btn {
    /* background: none; */
    border-radius: 2rem!important;
    border: 1px solid #1E4BEB;
    padding: 0!important;
}
.nav-list-btn a{
    color: #000000!important;
}
.nav-list-btn a:hover {
    color: #ffffff!important;
}
/* search sec*/
/* .clip-sear::before {
    background-image: url("../images/home/sear-clip.png");
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    background-repeat: no-repeat;
    z-index: -1;
} */

.bg-img {
    background-image: url("../images/home/head-bg-img.png")!important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    height: 60dvh;
    position: relative;
 }
.bg-img::before {
    content: "";
    background: #000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /* z-index: -1; */
    position: absolute;
    opacity: .4;
    height: 60dvh;
}
.clip-sear-1 {
    /* overflow-y: hidden; */
    position: relative;
    padding-top: 7rem!important;
}
/* .even-1 {
    /* background: #E8EDFF80; */
 */
.even {
    background: #ffff;
    z-index: -20;
}

.search-display {
    /* border: 1px solid; */
    overflow: hidden;
    border-radius: 2rem;
    box-shadow: 1px 1px 15px 2px rgba(102, 99, 99, 0.45);
}
.search-d-btn {
    width: 14rem;
    max-width: 100%;
    border: none;
    height: auto;
    border-radius: 0;
}
.search-bar {
    border-right: 1px solid #000!important;
    border-radius: 0;
    margin: .5rem 0;
    background: none;
}
.search-bar:focus{
    border: none;
    background:none;
    box-shadow: none;
}
input.search-bar{
    border: none;
}
.trend {
    flex-wrap: wrap;
    width: auto;
    gap: 1.2rem;

}
.trend-vacc {
    padding: 1rem .5rem;
}
.trend-vacc.btn {
    min-width: 7rem;
}
.card {
    border-radius: 1rem;
    background: #F5F5F5;
    border: 1px solid #1E4BEB;
}
.field {
    list-style-type: none;
}
.field li {
    border: .2rem;
    background: #DDDBDB;
    margin-right: .3rem;
    padding: .2rem;
    border-radius: .2rem;
}
.res-head{
    align-self: center;
    display: block;
}
.we-serve-clip {
    background-image: url("/src/images/home/subtract.png");
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    /* height: -webkit-fill-available; */
    padding-top: .5rem;
    padding-right: 1.5rem;
}
.serve-img{
    position: relative;
    bottom: 1.2rem;
}
.serve-text{
    position: relative;
    display: block;
    text-align: -webkit-right;
    top: 0;
    right: 0;
}
span {
    text-align: start;
    display: inline-block;
}
.next-hire{
    align-self: center;
    display: block;
}
.next-hire p{
font-weight: 600;
font-size: 2.5rem;
}
.next-b {
    background: url("../images/home/platform-bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 2px 2px 21px rgb(84, 82, 82);
}
/* .foot{
    background-image: url(".src/images/home-icons/Vector-2.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
} */
.foot-1{
    background-color: #EBEBFF;
    padding: 1.5rem 3.5rem;
}
.footer-text{   
    font-size: 1rem;
}
.foot-link{
    list-style-type: none;
    padding: 0;
}
.foot-link li{
    font-size: 1rem;
    padding: .5rem 0;
}
.soc-i {
    padding: .2rem;
    margin: 12px;
    margin-left: 0;
    background: white;
    width: 2rem;
    height: 2rem;
}
.foot-link li img{
    padding-right: .2rem;
}
.card-bout {
    border-radius: 2rem;
    box-shadow: 1px 1px 15px 2px rgba(102, 99, 99, 0.45);
    padding: 2rem;
    margin: 1rem 0;
}
.clip-cont::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: auto;
    background-image: url("/src/images/contact/contact-clip.png");
}
.card-contact {
    padding: 2rem;
    border-radius: 2rem;
    border: 1px solid;
    height: calc(100%);
    align-items: center;
    text-align: -webkit-center;
}
.contact-btn {
    background: none;
    padding: 7px;
    border: none;
    color: blue;
}
.contact-form {
    background: #f9f9f9;
    color: rgb(4, 4, 4);
    border-radius: 1.5rem;
    padding: 2rem;
    box-shadow: 2px 2px 5px #796a6a;
}
input.form-input {
    border: none;
    border-bottom: 1px solid #25a3de;
}
input.form-input:focus{
    box-shadow: none;

}
.parent {
    display: grid;
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    text-align: -webkit-center;
    grid-gap: .5rem;
}
.box-shad {
    box-shadow: 1px 1px 15px 2px rgba(102, 99, 99, 0.45);
    padding: 1rem;
    border-radius: 2rem;
    text-align: justify;
}
.box-shad h2{
    color: #25a3de;
    text-align: left;
}
.child-1{
    grid-row: 1/2;
    grid-column: 1/2;
}
.child-2{
    grid-row: 2/3;
    grid-column: 1/2;
}
.child-3{
    grid-row: 3/4;
    grid-column: 1/2;
}
.child-4{
    grid-row: 1/3;
    grid-column: 1/4;
}
.child-5{
    grid-row: 3/4;
    grid-column: 2/3;
    width: 95%;
}
.child-6{
    grid-row: 3/4;
    grid-column: 3/4;
    width: 95%;
    align-self: center;
}
.child-7{
    grid-row: 1/2;
    grid-column: 4/5;
}
.child-8{
    grid-row: 2/3;
    grid-column: 4/5;
}
.child-9{
    grid-row: 3/4;
    grid-column: 4/5;
}
.contact-form{
    display: block !important;
  }
.form-control-1 {
    color: color(srgb 0.1433 0.6406 0.8717) !important;
    background: none!important;
    font-size: 1.5rem;
    border: 1px soi;
    margin-bottom: 25px;
    margin-top: 15px;
}
.form-input {
    width: 100%;
    background: none;
    color: #474040;
    margin-bottom: .8rem;
    margin-bottom: 25px;
}
  ::placeholder{
    background: none;
    border: none;
  }
.contact-butt {
    padding: .5rem;
    border-radius: -0.8rpm;
    border-radius: 5px;
    border: none;
    background: color(srgb 0.1124 0.6448 0.8507);
    color: white;
}
.navbar-brand img {
    /* vertical-align: middle; */
    width: 280px;
}
.foot-right{
    width: 100%;
}
.box {
    background: #F4F4F4;
    box-shadow: 1px 6px 0 -29px rgba(102, 99, 99, 0.45);
}
/*about page css*/
.about-head {
    font-size: 4rem;
}
.about-head-content{
    text-align: justify;
}
/*contact page css*/
.clip-cont {
    background: linear-gradient(180deg, #1E4BEB 0%, #1E4BEB 60.42%, rgba(240, 252, 255, 0) 95.36%);
}
.contact-head::before {
    content: "";
    background: url("../images/conatct/contact-clip.png");
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    background-repeat: no-repeat;
    overflow-y: hidden;
}
.contact-head h1 {
    font-size: 5rem!important;
}
.contact-head-1{
    position: relative;
}
.footer-content {
    align-items: end;
}
.footer-logo.foot img {
    width: 280px;
    max-width: 100%;
    height: auto;
    border-radius: 2rem;
}
/*our services page css*/
.trend-vacc a {
    text-decoration: none;
}
.card-bout{
    height: 100%;
}

/* search bar css*/
.search-container {
    position: relative;
    display: inline-block;
    justify-self: center;
    /* border: 1px solid; */
    border-radius: 1rem;
}
.search-container input {
    border: none;
    border-right: .1rem solid #454343;
    padding: 2px 10px;
    border-radius: 1rem 0 0 1rem;
}

.search-results {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #fff;
    border: 1px solid #ccc;
    border-top: none;
    display: none;
}

.search-results ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.search-results li {
    padding: 10px;
    border-bottom: 1px solid #ccc;
    text-align: -webkit-auto;
    list-style-type: none;
}
.search-results li a{
    text-decoration: none;
    display: block;
}

.search-results li:hover {
    background-color: #f2f2f2;
}
.search-css {
    background: color(srgb 0.1124 0.6448 0.9008);
    border: 0;
    color: aliceblue;
}
/* end*/
input.form-input:focus {
    box-shadow: none!important;
    border: 0!important;
}

@media screen and (max-width:565px) {
    
    .parent {
        grid-template-rows: auto;
        grid-template-columns: 1fr;
        text-align: -webkit-center;
        grid-gap: .5rem;
    }
    .child-1{
        grid-row: auto;
        grid-column: 1/end;
    }
    .child-2{
        grid-row: auto;
        grid-column: 1/end;
    }
    .child-3{
        grid-row: auto;;
        grid-column: 1/end;
    }
    .child-4{
        grid-row: auto;
        grid-column: 1/end;
    }
    .child-5{
        grid-row: auto;
        grid-column: 1/end;
    }
    .child-6{
        grid-row: auto;
        grid-column: 1/end;
    }
    .child-7{
        grid-row: auto;
        grid-column: 1/end;
    }
    .child-8{
        grid-row: auto;
        grid-column: 1/end;
    }
    .child-9{
        grid-row: auto;
        grid-column: 1/end;
    }
}
.att-css {
    margin: .9rem 0;
}