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

:root {

    --bsgradiant: linear-gradient(45deg, #482cbf 0%, #6ac6f0 100%);
    --bsblue: #6ac6f0;
    --bspurpul: #482cbf;
    --bhovergrad: linear-gradient(45deg, #482cbf 30%, #6ac6f0 100%);
    --H_black: #272727;
}


* {
    font-family: 'Oxygen', sans-serif;
    transition: ease-in-out 0.5s;
}


html {
    scroll-behavior: smooth;
}


.ALL_Hed_black {
    color: var(--H_black);
}

.ALL_Hed_white {
    color: #fff;
}


.ALL_Hed_black,
.ALL_Hed_white {
    text-align: center;
    font-weight: bold;

    font-size: 45px;

}

.C_btn,
.c_btn_black {

    display: inline-block;
    padding: 15px 40px;

    text-decoration: none;
}


.C_btn {
    background: var(--bsgradiant);
    color: #fff;
}

.C_btn:hover {

    color: #fff;
    background: var(--bhovergrad);
}


.c_btn_black {
    background: #fff;
    color: #272727;
}

.c_btn_black:hover {

    color: #272727;
    background: #ffffff;
}


.t_blck .SIT_BS_title {
    color: var(--H_black) !important;
}

/*********************  Header ******************/

#topHederNav {
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
}

#topHN_cont .nav-link {

    color: #ffffff;
    font-size: 17px;
    padding: 10px;

}


#logo_cont img {
    height: 92px;
    margin-top: 10px;
}

#topHN_cont {
    position: relative;
}

#mobtooglebnt {
    font-size: 30px;
    color: #fff;
    border: none;
}

#socialcont {
    margin-top: 10px;

}

#socialcont ul {

    margin: 0px;
    padding: 0px;
    list-style: none;
}


#socialcont ul li {
    float: left;
    margin-right: 10px;

}

#socialcont ul li a {
    color: #fff;
    height: 40px;
    width: 40px;
    display: inline-block;
    background: var(--bsgradiant);
    text-align: center;
    line-height: 40px;
    border-radius: 10px;

}


#mobtooglebnt {
    font-size: 30px;
    color: #fff;
    border: none;
}

/*********************  Home Hero ******************/


#H_hero_section {
    background-image: url(/img/top_neBg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
}

#HHS_cont {


    min-height: 800px;
    padding-top: 160px;


}


#HS_side_img_cont {
    text-align: center;
}

#HS_side_img_cont>img {
    height: auto;
    width: 70%;
}


#HS_H_title {
    color: #fff;
    font-size: 55px;
    margin-top: 120px;
}

#HS_H_prag {
    color: #ffffff;
    margin-top: 20px;
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 30px;

}

.H_a_button>a {
    display: inline-block;
    background: #fff;
    padding: 15px 40px;
    border-radius: 31px;
    color: #4272cf;
    text-decoration: none;
    font-weight: 600;
    transition: ease-in-out 0.5s;
}

.H_a_button>a:hover {

    background: #a7bbf2;
    color: #fff;
}





/*********************  Footer ******************/


#F_contact {
    padding: 80px 0px;
    background: #313131;
}

.FC_infoseller {
    position: relative;

}


.FC_infoseller::after {

    content: "";
    height: 100%;
    border-right: 1px solid #afafaf;
    position: absolute;
    right: 80px;
    top: 0px;

}




.FC_infoseller a:hover {

    background: var(--bhovergrad);
}


#FCC_inf_title {
    margin-bottom: 40px;
    font-weight: bold;
    font-size: 35px;
     color: #fff;
}

.block_cinfo {
    display: flex;
    gap: 19px;
    margin-top: 20px;

}

.block_cinfo span {
    display: inline-block;
    align-self: center;
    background: var(--bsgradiant);
    height: 50px;
    width: 53px;
    text-align: center;
    border-radius: 100%;
    color: #fff;
    font-size: 22px;
    line-height: 50px;
}

.block_cinfo h3 {
    font-size: 16px;
    align-self: center;
    color: #fff;
}



#FS_bottom {
    padding: 30px 0px;
    background: #3b3b3b;
}




#FC_menu>ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: inline-block;
}

#FC_menu>ul>li {
    margin-bottom: 20px;
}

#FC_menu>ul>li>a {
    text-decoration: none;

    font-weight: bold;
    font-size: 16px;
    color: #fff;

}

#FC_copy {
    color: #fff;

    font-size: 14px;
}



#socialcont_footer {
    margin-top: 10px;

}

#socialcont_footer ul {

    margin: 0px;
    padding: 0px;
    list-style: none;
    display: inline-block;
}


#socialcont_footer ul li {
    float: left;
    margin-right: 10px;

}

#socialcont_footer ul li a {
    color: #313131;
    height: 40px;
    width: 40px;
    display: inline-block;
    background: #fff;
    text-align: center;
    line-height: 40px;
    border-radius: 10px;

}

/*********************  Download App ******************/


#WAL_DOWNLOAD_section {

    background: var(--bsgradiant);

}

.DAN_mobcont {
    text-align: center;
    position: relative;
}

.DAN_mobcont>img {
    height: 520px;
    rotate: 90deg;
}

.DAN_mobcont>video {
    position: absolute;
    left: 180px;
    height: 219px;
    width: 372px;
    top: 150px;
    background: black;
}

#DAN_app_info {
    display: flex;
    align-items: center;
    height: 100%;
}

#DAN_app_info h1 {
    color: #fff;
    font-size: 32px;
    margin-bottom: 25px;
}

#DAN_app_info h5 {
    color: #e3e3e3;
}

#DAN_app_btns {
    margin-top: 30px;
}

#DAN_app_btns a {
    display: inline-block;
    margin-top: 10px;
    background: #f3f3f3;
    padding: 15px 20px;
    color: var(--bspurpul);
    text-decoration: none;
    font-size: 15px;
}

#DAN_app_btns a img {
    height: 20px;
    margin-right: 10px;
    vertical-align: sub;
}


#Wal_VERIFY_BTN {
    margin-top: 56px;
    display: inline-block;
}


/*********************  Other pages hero ******************/


#H_Sec_manage {
    background-image: url(/img/top_neBg_manage.jpg);

}


#H_Sec_phil {
    background-image: url(/img/top_neBg_phil.jpg);
}


#H_Sec_cont {
    background-image: url(/img/top_neBg_contact.jpg);

}

.H_all_header {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    min-height: 500px;
    padding-top: 160px;
}


.H_SEC_ALL_Ttitle {
    text-align: center;
    font-size: 50px;
    font-weight: bold;
    color: #131313;
    margin-top: 55px;

}


/*********************  mangment anf phlontrophy Hero ******************/


#H_S_Mange {

    padding: 120px 0px;

}

#HSM_left_bg {
    /* background: linear-gradient(90deg, #482cbf 70%, rgb(255 255 255 / 0%) 30%); */
    padding-left: 0px;
}

#HSM_img {
    height: 500px;
    text-align: center;
    display: flex;
    justify-content: end;
    align-items: center;
}

#HSM_img img {
    height: 400px;
    border-radius: 22px;
    box-shadow: 4px 0px 3px 2px rgb(216 216 216 / 46%);
}

#HSM_infCont h3 {
    color: var(--bspurpul);
}

/*********************  contact page ******************/


#CO_contact {

    padding: 80px 0px;
}

#CO_fromCont {

    background: var(--bsgradiant);
    padding: 30px;
}

.inpBLockxont {
    margin-top: 15px;
}

.inpBLockxont>input {
    width: 100%;
    height: 40px;
    padding-left: 10px;
    border: none;
    background: #fff;
}

.inpBLockxont textarea {

    width: 100%;
    height: 100px;
    padding-left: 10px;
    border: none;
    background: #fff;
}

.inpBLockxont button {
    background: #fff;
    border: none;
    height: 40px;
    width: 90px;

}


#inp_fromtitle {
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 41px;

}

.inp_err {
    margin-left: 20px;
    display: inline-block;
    color: #fff;


}

#map_con {
    width: 100%;
    height: 100%;
}


/*********************  Home Seller ******************/

#H_seller {
    padding: 80px 0px;
    background: var(--H_black);
}


#SEL_title_left {
    color: #fff;
    margin-bottom: 20px;
    font-size: 30px;
    font-weight: bold;
    margin-top: 50px;
}

#SEL_list h4 {
color: #fff;
    font-size: 23px;
    padding-left: 12px;
    margin-bottom: 23px;
}

#SEL_btn_r,
#Sell_img_cont {
    text-align: center;
}


#Sell_img_cont img {

    height: 400px;
    width: auto;
    margin-bottom: 46px;
}

/*********************  Home Features ******************/


#H_featurs {
    padding: 80px 0px;

}

.F_blockCont {

    display: flex;
    flex-flow: column;
    align-items: center;
    padding: 40px 20px;
    background: #303030;
    margin-top: 30px;
    border-radius: 10px;
    cursor: pointer;
}



.FB_title {
    margin-top: 10px;
    font-size: 19px;
    font-weight: bold;
    color: #fff;
    
}

.F_blockCont:hover{
    background: var(--bspurpul);
}

.F_blockCont:hover img{

    rotate: 90deg;

}


/*********************  Home Pet Sitter ******************/

#H_Sitter,#H_Adopt{

    background: var(--H_black);

    padding: 80px 0px;

}
.SIT_img_cont{
    text-align: center;
}
.SIT_img_cont>img{
    height: 580px;
}

.SIT_heading{
    font-size: 30px !important;
}

#SIT_INFo{
  
    text-align: center;

}

#SIT_sub{
    font-size: 20px;
    color: #bdbdbd;
    margin-top: 10px;
    margin-bottom: 10px;
}


.SIT_S_list{

    display: flex;
    gap: 20px;
    align-items: center;
    margin-top: 20px;

}

.SIT_S_img{
    height: 80px;
}

.SIT_S_info h1{
    color: #fff;
    font-size: 22px;
}
.SIT_S_info p{
    color: #bfbfbf;
}

#SIT_sub_hed{
    color: #bfbfbf;
    text-align: center;
}
#SIT_gap{
    margin: 80px;
    border: 1px solid #f1f1f1;
}


.SIT_block_s{
    
}
.SIT_BS_img{
    text-align: center;
}
.SIT_BS_img img{
    height: 80px;
}
.SIT_BS_title{
    text-align: center;
    color: #fff;
    font-size: 25px;
    margin-top: 20px;
}
.SIT_BS_det{
    color: #fff;
    text-align: center;
    font-size: 18px;
    margin-top: 20px;
}

/*********************  Home video ident ******************/


#H_ident{
    padding: 80px 0px;
    
    background: var(--H_black);
}
#SH_img{
    width: 600px;
}

/*********************  Home medical record ******************/

#H_Medical , #H_seller_s , #H_euth{
    
    padding: 80px 0px;
}



.simHed{
          text-align: left;
    display: flex;
    height: 100%;
    align-items: center;
    flex-flow: column;
    justify-content: center;
}

.ssi{
    text-align:left;
}

.so1{
    display:none;
}

.so2{
    display:inline-block;
}