.w-title-wrap {

    height: auto;
    padding-top: 30px;
    padding-bottom: 20px;


}

.welcome-msg-wrapper {

    margin-top: 20px;

}

.msg-welcome {

    font-size: 30px;
}

.main-titles {

    color: var(--mild-color);
}

.sub-titles {

    color: var(--head-color);
}

.sm-sub-titles {

    color: var(--text-color);
    font-weight: 200;
    font-size: 14px;
}

.user-service-search {

    /* height: 300px; */
    /* background-color: #2A99EF; */
}

.top-wrapper {

    position: relative;
}

.search-speciality-wrapper {

    width: auto;
    /* background-color: blueviolet; */
}

.search-userinput {

    display: grid;
    grid-template-rows: 1fr 1fr 1fr;
    /* 364px */
    /* margin-top: 30px; */

}

/* .form-check .form-check-input[type=radio] {
    border-radius: 100%;
    height: 20px;
    width: 20px;
} */

.search-speciality-holder {

    height: 50px;
    border: 1px solid rgb(183, 191, 206);
    /* border-top-color: rgb(183, 191, 206); */
    /* border-radius: 5px; */
    display: grid;
    grid-template-columns: 35px auto;

}

.search-icon-wrap {

    /* background-color: aqua; */
    color: var(--mild-color);
    font-size: 26px;
    text-align: center;
    line-height: 49px;
}

.search-input-wrap {

    /* background-color: blueviolet; */
}

.userimput-no-boder {

    border: 0;
    margin-top: 5.5px;
    padding-left: 4px;
    font-size: 15px;

}


.userimput-no-boder:focus {

    /* box-shadow: inset 0 -1px 0 #ddd; */
    box-shadow: none;
    outline: none;
    /* outline: 0;
    -webkit-appearance: none; */
}

.userimput-no-boder:active {

    outline: none;
}

.results-show {

    display: block !important;
}


.search-result-holder {

    display: none;
    min-width: 326px;
    /* max-width: 364px; */
    max-height: 310px;
    /* border: 1px solid rgb(183, 191, 206); */
    /* background-color: yellow; */
    background-color: var(--default-color);
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    /* box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; */
    /* overflow: auto; */
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    z-index: 2;
    /* color: #ffffff; */
    color: var(--dark-color);
    top: 87px;
    

}

#results-wrapper {

    list-style-type: none;
    padding: 0 !important;
    margin: 0 !important;
    
  
}

.fetch-results-holder {

    height: 45px;
    
    /* background-color: bisque; */
    border-bottom: 1px solid rgb(183, 191, 206);
    font-size: 15px;
    line-height: 45px;
    display: grid;
    grid-template-columns: 1fr;
    cursor: pointer;

}

.fetch-results-holder:hover {

    background-color: var(--dark-color);
    color: var(--default-color);

}

.search-location-wrapper {

    /* width: 364px; */
    border: 1px solid rgb(183, 191, 206);
    height: 50px;
    display: grid;
    grid-template-columns: 35px auto;
    margin-top: 2px;

}

.location-icon-wrap {

    /* background-color: aqua; */
    color: var(--mild-color);
    font-size: 21px;
    text-align: center;
    line-height: 49px;
}

.location-holder-input {

    /* background-color: blueviolet; */
}


.link-deco {

    color: inherit; 
    text-decoration: inherit; 

}

a.link-deco:link {
    text-decoration: none;
}

a.link-deco:visited {
    text-decoration: none;
}

a.link-deco:hover {

    text-decoration: none;
    /* color: var(--dark-color); */
    color: var(--default-color);
    /* background-color: #ffffff; */
    /* color: inherit; */
}

a.link-deco:active {
    text-decoration: none;
}


.m-btn-icon {

    margin-top: 4px;
    border-radius: 0;
}

.m-show {

    display: none;
}

.search-service-type {

    display: none;
    
}

.summary-about {

    height: auto;
    display: grid;
    /* grid-template-columns: 1fr 4fr; */
    padding: 0;

}

.summary-img-wrap {

    display: none;
}

.summary-info-wrap {

    background-color: var(--dark-color);
    padding: 12px 6px;

}

.main-content-titles {

    color: var(--default-color);
}

.c-color {

    color: var(--blit-color);
}

.subtitle-holders {

    color: var(--milk-color);
    
}

.color-tile-wrapper {

    height: 35px;

}

.color-tile-info {
    height: 35px;
    width: 260px;
    line-height: 35px;
    padding-left: 5px;
    color: var(--text-color);
    /* background-color: #5dbded; */
    /* margin: 5px 0px; */

}

.read-btn {

    width: 110px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    color: var(--text-color);
    border-radius: 8px;
    font-size: 15px;
    background-color: #ffffff;

    /* padding: 5px; */
}

.read-btn:hover {

    /* color: var(--milk-color); */
    color: #000;
    background-color: var(--blit-color);

}

.s-card {

    height: auto;
    padding-top: 30px;
    padding-bottom: 20px;

}

.s-card-gray {

    background: var(--blur-color);

}

.s-card-white {

    background: var(--default-color);

}


.img-holder-card {

    height: 170px;
    /* background-color: aqua; */
    border-bottom: 1px solid rgb(183, 191, 206);
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    /* background: var(--default-color); */
    /* background: #B5CEEA; */
    
}

.til-icon-area {

    /* display:block;
    position:unset; */
    height: 160px;
    /* height: 165px; */
    width: 160px;
    /* width: 170px; */
    font-size: 4.7em;
    margin: 0 auto;
    border-radius: 50%;
    text-align: center;
    line-height: 160px;
    /* background: var(--default-color); */
    color: #242323;
}

.xtil-icon-area {

    height: 160px;
    width: 160px;
    font-size: 4.7em;
    margin: 0 auto;
    text-align: center;
    /* line-height: 160px; */
    color: #242323;
}

.til-color-gray {

    background: var(--blur-color);
   
}


.til-color-white {

    background: var(--default-color);
  
}

/* --bs-card-border-radius: 0.375rem; */

.til-data-area {

    text-align: center;
    width: 73%;
    height: auto;
    padding: 15px 0px 10px 0px;
    margin: 0 auto;
    /* font-family: Roboto_Light; */
    font-size: 16px;
    color: #3F3D50;
}

.til-head {

    color: var(--blit-color);
    font-size: 17px;
    cursor: pointer;
}

.til-foot {

    color: var(--blit-color);
    margin-top: 10px;
    cursor: pointer;
    /* font-size: 17px; */
}

.xtra-tile-wrap {

    height: 145px;
    /* width: 160px; */
    /* margin-top: 3px; */
    display: grid;
    /* grid-template-rows: 70px 70px; */
    grid-template-rows: 1fr 1fr;
    grid-row-gap: 5px;
}

.xtra-top-til {

    /* background-color: aqua; */
    display: grid;
    grid-template-columns: 1fr 1.6fr;
    /* grid-template-columns: 60px 95px; */
    grid-column-gap: 5px;
}

.xtra-bottom-til {

    /* background-color: rgb(177, 44, 159); */
    display: grid;
    grid-template-columns: 1.6fr 1fr;
    /* grid-template-columns: 95px 60px; */
    grid-column-gap: 5px;
}

.l-top-til {

    background: rgb(233, 239, 248);

}

.r-top-til {

    /* margin: 0;
    padding: 0;
    width: 95px;
    height: 70px; */
    background-color: #2A99EF;
    color: var(--default-color);
    text-align: center;
    font-size: 37px;
    line-height: 70px;
    /* padding-top: 10px; */
}

.r-bottom-til {

    background: rgb(220, 220, 221);
}

.l-bottom-til {

    background: #2B3853;
    color: var(--default-color);
    text-align: center;
    font-size: 37px;
    line-height: 70px;
    /* padding-top: 15px; */
}

.specialist-ad {

    background: var(--default-color);
    height: auto;
}

.link-pre-btn {

    padding: 13px 24px;
    font-size: 17px;

}

.provider-ad {

    /* margin-left: 35px; */
    display: grid;
    grid-template-columns: 30px auto;
    /* font-size: 17px; */
    /* height: 38px;
    line-height: 38px; */
    padding: 5px 0px;
    /* background-color: #2A99EF; */

}

.provider-icon-size {

    font-size: 20px;
}

.provider-txt-wrap {

    font-size: 14px;

}

/* .reviews-wrapper {

    height: 512px;
} */


.reviews-title {

    color: var(--default-color);
}


.review-subtitle {

    font-size: 18px;
    color: var(--blit-color);
}

.dt-security {

    /* background-color: var(--mild-color); */
}

#review_section {

    /* height: 715px; */
    max-width: 1040px;
}



.pt-md-10 {
    
    padding-top: 5rem!important;

}

.dt-security-head {

    font-size: 1.9375rem;
}

.d-security-details {

    font-size: 16px;
        
}


.fetched-results-holder {

    width: 500px;
    height:auto;
    background-color: var(--default-color);
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.fetched-results-holder .row {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.single-results-holder {

    width: 100%;
    font-size: 14px;
}

.single-bottom-results-holder {

    width: 100%;

}

.search-param {

    border-bottom: 1px solid var(--border-col);
    border-left: 1px solid var(--border-col);
    border-right: 1px solid var(--border-col);
    cursor: pointer;
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
    
    
}

.search-param:hover {

    background-color: var(--dark-color);
    color: var(--default-color);
    

}

.side-top-area {

    text-align: right;
}

.side-bottom-area {

}

.provider-service {

    font-size: 13px;
}

.emp-count {

    font-size: 12px;
}

.bottom-title {

    background: var(--dark-gray);
    color: #ffffff;
    font-size:14px;
}



@media only screen and (min-width: 667px) {

    .summary-info-wrap {

        padding: 12px 6px 12px 0px;
    
    }

    .provider-icon-size {

        font-size: 23px;
    }
    
    .provider-txt-wrap {
    
        font-size: 16px;
    
    }
    
}

@media only screen and (min-width: 768px) {

    .welcome-msg-wrapper {

        display: grid;
        grid-template-columns: 2fr 1fr;
    
    }

    .user-service-search {

        height: 200px;
   
    }

    .search-speciality-wrapper {

        /* width: 980px; */
        height: 52px;
        /* background-color: blue; */
    }
    

    .search-userinput {

        grid-template-columns: 370px 280px 80px;
    
    }

    .search-result-holder {

        width: 369px;

    }

    .search-location-wrapper {

        margin-left: 2px;
        margin-top: 0px;
       
        
    }

    .m-btn-icon {

        margin-top: 0px;
        margin-left: 4px;
        font-size: 20px;
    }
    
    .m-show {
    
        display: block;
    }

    .m-hide {

        display: none;
    }

    .summary-about {

        /* height: 180px; */
        /* display: grid; */
        grid-template-columns: 1fr 2.5fr;
        /* padding: 0; */
    
    }
    
    .summary-img-wrap {
    
        display: inline;
        background-image: url("../images/location.png") !important;
        background-color: var(--dark-color);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    .summary-info-wrap {
    
        /* background-color: var(--dark-color); */
    
    }
    

}

@media only screen and (min-width: 992px) { 

    
    .search-speciality-holder {

        /* height: 50px; */
        grid-template-columns: 50px auto;
    
    }

    .search-userinput {

        grid-template-columns: 500px 348px 80px;
    
    }

    .search-result-holder {

        width: 500px;
        /* height: 200px; */

    }

    .search-results-window {

        /* width: 500px; */
        /* padding: 0 !important;
        margin: 0 !important; */
        /* background-color: red; */

    }

    .fetch-results-holder {


        /* width: 100%; */
        grid-template-columns: 3.5fr 1fr;
    
    }

    .userimput-no-boder {

        font-size: 1rem;
    
    }

    .m-btn-icon {
/* 
        margin-top: 0px;
        margin-left: 4px; */
        font-size: 16px;
    }

    .search-service-type {

        display: inline;
        
    }

    /* .m-show {
    
        display: none;
    }

    .m-hide {

        display: block;
    } */


}

@media only screen and (min-width: 1024px) {

    .w-title-wrap {

        /* height: 29.99vh; */
        padding-top: 1px;
        margin-top: 8rem;
        padding-bottom: 5px;
        background-image: url("../images/aj.png") !important;
        /* background-image: url("https://wp-global-media.s3.eu-central-1.amazonaws.com/wp-content/uploads/sites/6/2021/11/hero3-1.png"); */
        background-position: center right;
        background-repeat: no-repeat;
        background-size: contain;
    
    }

    .welcome-msg-wrapper {

        margin-top: 1rem;
        grid-template-columns: 2fr 1fr;
    
    }

    .msg-welcome {

        font-size: 61px;
        line-height: 1.25em;
    }

    .title-spacer {

        /* line-height: 1.25em; */

    }

    .sm-sub-titles {

        font-size: 21.36px;
        font-weight: 300;
 
    }

    .search-param {

        font-size: 1rem;
    }

    .summary-about {

        /* height: 180px; */
        grid-template-columns: 1fr 2fr;
    
    }
    
    .summary-img-wrap {

        background-position: center;
        background-size: cover;
    }
    
    .summary-info-wrap {
    
        padding: 12px 0px;
        background-color: var(--dark-color);
    
    }

    .color-tile-wrapper {

        position: relative;
    }
    
    .color-tile-info {

        width: 260px;
        position: absolute;
        left: -85px;
        padding-left: 0px;
        text-align: center;
    }

    .provider-ad {

        margin-left: 35px;
    
    }

    .provider-icon-size {

        font-size: 25px;
    }
    
    .provider-txt-wrap {
    
        font-size: 16px;
    
    }



    

}


@media (min-width:1281px) { /* hi-res laptops and desktops */

    .welcome-msg-wrapper {

        /* margin-top: 1rem; */
        grid-template-columns: 1fr 1fr;
    
    }

    .user-service-search {

        height: 280px;
   
    }

    .search-userinput {

        grid-template-columns: 500px 348px 180px;
    
    }

    .m-show {
    
        display: none;
    }

    .m-hide {

        display: block;
    }

    .summary-about {

        grid-template-columns: 1fr 2.2fr;
    
    }

    .subtitle-holders {

        /* color: var(--milk-color); */
        padding-right: 90px;
        font-size: 16px;
    }

}
