ul {
                    display: block;
                    margin: 0;
                    padding: 0;
                }

                li {
                    list-style-type: none;
                    /* display: inline; */
                }

                a {
                    text-decoration: none;
                }

                a:hover {
                    text-decoration: none;
                }

                p {
                    margin: 0;
                }

                h1,
                h2,
                h3,
                h4,
                h5 {
                    padding: 10px 0;
                    margin: 3px 0;
                    font-size: 95%;
                    text-align: justify;
                    line-height: 1.5;
                }

                h1{
                    font-size: 140%;
                    font-weight: bolder;
                }

                h2 {
                    font-size: 110%;
                    font-weight: bold;
                }

                h3 {
                    font-size: 100%;
                }

                h2 .bold_,
                h3 .bold_ {
                    font-size: 110%;
                    font-weight: bold;
                }

                h4 {
                    font-size: 85%;
                }

                input,
                select,
                button{
                    font-weight: bolder;
                    color: black;
                    border-radius: 10px;
                    border-color: grey;
                    border-width: 1px;
                    padding: 5px 10px;
                    display: inline-block;
                }

                #side_navbar li a {
                    display: block;
                    padding: 10px;
                    margin: 2px 0;
                }

                .landing_vit{
                    display: block;
                    height: 100vh;
                    background-color: #00c2d6;
                    background-repeat: no-repeat;
                    background-position: center;
                    background-size: cover;
                }

                .landing_vit .msg_{
                    display: inline-block;
                    position: relative;
                    color: white;
                    font-size: 110%;
                    padding: 20px;
                    background-color: rgba(0, 0, 0, 0.38);
                    border-radius: 20px;
                }

                @media (max-width: 700px){
                    .landing_vit .msg_{
                        width: auto;
                        margin: 50px 20px;
                    }
                }
                @media (min-width: 701px){
                    .landing_vit .msg_{
                        width: 400px;
                        top: 100px;
                        right: 140px;
                    }
                }

                .landing_vit .msg_ .bold_{
                    font-weight: bolder;
                    font-size: 130%;
                    filter: drop-shadow(0 0 3px rgba(0, 0, 0, 1));
                }

                .landing_vit .msg_ .cris_btn{
                    display: inline-block;
                    width: 110px;
                    margin: 10px 0;
                    float: left;
                }


                .rib_color{
                    display: block;
                    height: 20px;
                }

                .landing_box #rib1{
                    background-color: #057480;
                }
                .landing_box #rib2{
                    background-color: #b8ca6b;
                }
                .header_back{
                    background: #0086e3;
                    height: 140px;
                }
                .header_back .bot_rib{
                    display: block;
                    width: 100%;
                    height: 100px;
                    background-image: url("../pic/header_back_1.png");
                    background-repeat: no-repeat;
                    background-position: center;
                    background-size: 100% 100px;
                    position: relative;
                    top: 140px;
                }

                .header_nav{
                    position: relative;
                    top: -140px;
                }

                .header_grid{
                    direction: ltr;
                    padding: 20px 0 10px 0;
                    display: grid;

                    grid-gap: 10px;
                }

                .header_grid .btn_{
                    padding: 20px 0 0 0;
                }

                .header_grid .btn_ a span{
                    font-size: 95%;
                }

                .header_grid li{
                    text-align: center;
                }

                @media (max-width: 450px){
                    .header_grid{
                        grid-template-columns: 50px 50px auto 120px;
                    }
                    .header_grid .btn_ a span{
                        display: none;
                    }
                }
                @media (min-width: 451px){
                    .header_grid{
                        grid-template-columns: 120px 120px auto 150px;
                    }
                }

                .cris_btn{
                    display: block;
                    border-style: solid;
                    border-width: 1px;
                    border-radius: 10px;
                    padding: 10px 3px;
                    margin: 5px;
                    color: white;
                    font-size: 80%;
                    transition: all 0.2s;
                    text-align: center;
                }

                .header_reg div ul .btn_ .cris_btn{
                    color: grey;
                }

                .cris_btn:hover{
                    border-color: rgba(255, 255, 255, 0.6);
                    background-color: rgba(255, 255, 255, 0.1);
                    color: rgba(255, 255, 255, 0.8);
                }

                /*.landing_vit .msg_{*/
                /*    display: inline-block;*/
                /*    width: 400px;*/
                /*    position: relative;*/
                /*    top: 100px;*/
                /*    right: 200px;*/
                /*    color: white;*/
                /*    font-size: 110%;*/
                /*}*/

                /*.landing_vit .msg_ .bold_{*/
                /*    font-weight: bolder;*/
                /*    font-size: 130%;*/
                /*    filter: drop-shadow(0 0 3px rgba(0, 0, 0, 1));*/
                /*}*/

                /*.landing_vit .msg_ .cris_btn{*/
                /*    display: inline-block;*/
                /*    width: 110px;*/
                /*    margin: 10px 0;*/
                /*    float: left;*/
                /*}*/

                .last_blog_grid{
                    display: grid;
                    grid-gap: 20px;
                    margin: 20px 0;
                    padding: 10px;
                    background-color: rgba(164, 164, 164, 0.11);
                }

                .landing_list_blog .bold_{
                    padding: 10px 10px 0 10px;
                    margin: 0;
                }

                .landing_list_blog .more_{
                    padding: 10px 10px 0 10px;
                    text-align: left;
                }
                .landing_list_blog .more_ a,
                .last_blog .more_ a{
                    transition: 0.2s all;
                    display: inline-block;
                    width: 130px;
                    color: #00c2d6;
                }
                .landing_list_blog .more_ a:hover,
                .last_blog .more_ a:hover{
                    color: grey;
                    border-color: rgba(164, 164, 164, 0.53);
                }
                .landing_list_blog ul .items a{
                    display: grid;
                    grid-template-columns: 150px auto;
                    grid-template-rows: auto auto;
                    grid-template-areas: 'img i1' 'img i2';
                    grid-gap: 10px;
                    padding: 10px;
                    margin: 5px 0;
                    transition: 0.2s all;
                    border-style: solid;
                    border-width: 0 0 1px 0;
                    border-color: grey;
                }
                .landing_list_blog ul .items a:hover{
                    background-color: rgba(164, 164, 164, 0.53);
                    border-radius: 10px;
                    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.36));
                }
                .landing_list_blog ul .items a .img_{
                    grid-area: img;
                    width: 150px;
                    height: auto;
                    transition: 0.2s all;
                }
                .landing_list_blog ul .items a:hover .img_{
                    border-radius: 5px;
                }
                .landing_list_blog ul .items a .item1_{
                    grid-area: i1;
                    color: grey;
                    font-weight: bolder;
                    transition: 0.2s all;
                }
                .landing_list_blog ul .items a:hover .item1_{
                    color: white;
                }
                .landing_list_blog ul .items a .item2_{
                    grid-area: i2;
                    color: black;
                    font-size: 80%;
                    transition: 0.2s all;
                }
                .landing_list_blog ul .items a:hover .item2_{
                    color: white;
                }
                @media (max-width: 1000px){
                    .last_blog_grid{
                        grid-template-columns: auto;
                    }
                }
                @media (min-width: 1001px){
                    .last_blog_grid{
                        grid-template-columns: auto 400px;
                    }
                    .last_blog{
                        padding: 0 10px 0 30px;
                        border-style: solid;
                        border-width: 0 0 0 1px;
                        border-color: rgba(128, 128, 128, 0.54);
                    }

                }

                .last_blog .img_{
                    width: 100%;
                    height: auto;
                    display: block;
                }

                .last_blog .inf_{
                    font-size: 85%;
                }

                .empty_sec{
                    display: block;
                    height: 1px;
                    text-align: center;
                }

                .nav_main1{
                    display: inline-block;
                    margin: auto;
                    border-radius: 100px;
                    background-color: #f6f1f1;
                    position: relative;
                    top: -200px;
                    padding: 10px 40px;
                    text-align: center;
                }

                .nav_main1 .grid_{
                    display: grid;
                    grid-gap: 10px;
                    grid-template-columns: auto auto auto auto;
                }

                @media (max-width: 800px){
                    nav_main1{
                        width: auto;
                    }
                }

                @media (min-width: 801px){
                    nav_main1{
                        width: 700px;
                    }
                }



                .headerdiv1 {
                    /* padding: 10px; */
                    /* background-color: brown; */
                    position: relative;
                    z-index: 10;
                }

                .header_adver_div1 {
                    padding: 10px;
                    /* background-color: brown; */
                    position: relative;
                    z-index: 10;
                }

                .imgInCenter{
                    display: inline-block;
                    width: 60px;
                    height: 60px;
                    margin: auto;
                    background-repeat: no-repeat;
                    background-size: cover;
                    background-position: center;
                }

                .nav_main1 ul li a{
                    display: inline-block;
                    width: 80px;
                    color: black;
                    height: 100px;
                    margin: auto;
                    transition: all 0.2s;
                }
                .nav_main1 ul li a:hover{
                    background-color: #d5d3d3;
                    filter: drop-shadow(0 0 5px rgb(165, 164, 164));
                    opacity: 0.5;
                }

                .nav_main1 ul li a .lable_{
                    text-align: center;
                    color: black;
                    margin: 0;
                    padding: 0;
                }

                .line{
                    display: block;
                    height: 1px;
                    border-style: solid;
                    border-width: 1px 0 0 0;
                    border-color: grey;
                }

                @media (max-width:1000px) {
                    .topAdverCont {
                        display: none;
                    }
                }

                @media (min-width:1001px) {
                    .topAdverCont {
                        background-color: white;
                        padding: 5px;
                    }
                }

                .topAdverCont div div div div div {
                    direction: rtl;
                }

                .topAdver_item p {
                    text-align: center;
                    font-weight: bold;
                }

                .topAdver_item_2grid {
                    display: grid;
                    grid-template-columns: auto 100px;
                }

                .topAdver_item_2grid a {
                    display: block;
                    font-size: 80%;
                    margin: 3px;
                }

                .topAdver_item_2grid p,
                .topAdver_item_1grid p {
                    margin: 0;
                    padding: 5px;
                }

                #residence_img_carousel{
                    height: auto;
                    width: auto;
                }

                #residence_img_carousel div {
                    height: auto;
                    width: auto;
                }

                #residence_img_carousel div div img{
                    object-fit: cover;
                }

                @media (max-width: 700px){
                    #residence_img_carousel{
                        width: 100%;
                        margin: auto;
                    }
                    #residence_img_carousel div {
                        border-radius: 10px;
                    }
                    #residence_img_carousel div div img{
                        width: 100%;
                        height: 350px;
                    }
                }
                @media (min-width: 701px){
                    #residence_img_carousel{
                        width: 600px;
                        margin: auto;
                    }
                    #residence_img_carousel div {
                        border-radius: 20px;
                    }
                    #residence_img_carousel div div img{
                        width: 100%;
                        height: 450px;
                    }
                }

                .abtn_1 {
                    padding: 3px 5px;
                    text-align: center;
                    border-style: solid;
                    border-color: grey;
                    border-width: 1px;
                    border-radius: 10px;
                    transition: all 0.2s;
                }

                .abtn_1:hover {
                    background-color: rgba(128, 128, 128, 0.187);
                }

                .headergrid {
                    display: grid;
                    direction: rtl;
                    /* grid-template-columns: 200px auto 120px; */
                    background-color: rgba(255, 255, 255, 0);
                    border-radius: 15px;
                    padding: 10px;
                    border-style: solid;
                    border-width: 0 0 1px 0;
                    border-color: white;
                    margin: 10px;
                }

                .navbarlist-show {
                    display: block;
                    margin: 30px 10px 0 10px;
                    text-align: center;
                    font-size: 90%;
                }

                .navbarlist-hide {
                    display: none;
                }

                .btnmodlogin {
                    display: inline-block;
                    max-width: 120px;
                    font-size: 85%;
                    font-weight: bold;
                    kerning: 2px;
                    border-style: solid;
                    border-color: white;
                    border-width: 1px;
                    transition: all 0.3s ease-in;
                    color: white;
                    border-radius: 15px;
                    margin: 2px 5px;
                    text-align: center;
                    padding: 2px 10px;
                }

                .btnmodlogin:hover {
                    border-color: rgb(161, 112, 207);
                    text-decoration: none;
                    opacity: 0.7;
                }

                .spertext,
                .spertext1 {
                    color: goldenrod;
                }

                #navbar .navbaritem_li {
                    display: inline-block;
                    width: auto;
                    padding: 0;
                }

                #side_navbar .navbaritem_li {
                    display: block;
                    /* width: auto; */
                    padding: 5px 10px;
                }

                .navbaritem {
                    transition: all 0.1s ease-in;
                    color: white;
                    font-weight: bold;
                    display: block;
                    width: auto;
                    text-decoration: none;
                    text-align: center;
                    padding: 5px 8px;
                    text-align: right;
                    font-size: 90%;
                }

                .navbaritem:hover {
                    text-decoration: none;
                    color: rgba(255, 255, 255, 0.696);
                }

                .sidenavbar_back {
                    display: block;
                    height: 100vh;
                    background-color: rgba(1, 38, 39, 0.655);
                    position: fixed;
                    top: 0;
                    left: 0;
                    z-index: 1000;
                }

                .sidenavbar_back_item-show,
                .sidenavbar_back_item-hide {
                    height: 0;
                }

                .sidenavbar_back_item-show {
                    display: block;
                }

                .sidenavbar_back_item-hide {
                    display: none;
                }

                .sidenavbar_count {
                    background-color: rgb(0, 14, 20);
                    padding: 20px;
                    display: inline-block;
                    max-width: 400px;
                    height: 100vh;
                    position: fixed;
                    vertical-align: middle;
                    z-index: 1001;
                    top: 0;
                    right: 0;
                }

                @media (min-width: 1000px) {
                    .headergrid .item2 #navbar {
                        display: block;
                    }

                    .headergrid .item3 {
                        text-align: left;
                    }

                    .headergrid .item3 #menu_btn {
                        display: none;
                    }

                    .headergrid {
                        grid-template-columns: 160px auto 60px;
                    }
                }

                @media (min-width:451px) and (max-width: 999px) {
                    .headergrid .item2 {
                        display: none;
                    }

                    /* .headergrid .item2 #navbar {
                        display: none;
                    } */
                    .headergrid .item3 {
                        text-align: left;
                    }

                    .btnmodlogin {
                        width: 50px;
                    }

                    .headergrid .item3 #menu_btn {
                        display: block;
                    }

                    .headergrid {
                        grid-template-columns: 160px auto;
                    }
                }

                @media (max-width:450px) {

                    /* .headergrid .item2 #navbar {
                        display: none;
                    }
                    .headergrid .item3 #menu_btn {
                        display: block;
                    } */
                    .headergrid .item2 {
                        display: none;
                    }

                    .headergrid .item3 {
                        text-align: left;
                    }

                    .btnmodlogin {
                        width: 50px;
                    }

                    .headergrid .item3 #menu_btn {
                        display: block;
                    }

                    .headergrid {
                        grid-template-columns: 150px auto;
                        font-size: 70%;
                    }
                }

                .siteboard {
                    display: block;
                    height: 100vh;
                    /* background-color: grey; */
                }

                .siteboard_c {
                    position: relative;
                    /* top: 0; */
                    display: block;
                    width: 100%;
                }

                .siteboard_slider {
                    display: block;
                    height: 100%;
                    width: 100%;
                    background-color: rgb(188, 187, 187);
                    position: absolute;
                    top: 0;
                    left: 0;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                }

                .siteboard_bottside {
                    display: block;
                    height: 500px;
                    width: 100%;
                    /* background-color: rgb(122, 122, 122); */
                    position: absolute;
                    /* top: 575px; */
                    left: 0;
                    /* background-image: linear-gradient(to bottom, rgba(2, 186, 238, 0), rgb(2, 186, 238), rgb(2, 186, 238), rgb(2, 186, 238)); */
                    z-index: 2;
                    bottom: 0;
                }

                .look_for,
                .look_for_bott,
                .look_for_mobile,
                .state_sec,
                .state_sec_mobile {
                    display: block;
                    width: 100%;
                    position: relative;
                    left: 0;
                    text-align: center;
                }

                .look_for,
                .look_for_bott,
                .look_for_mobile {
                    z-index: 14;
                }

                .state_sec,
                .state_sec_mobile {
                    z-index: 13;
                }

                .state_sec_mobile a {
                    padding: 10px;
                    background-color: rgb(164, 213, 128);
                    color: white;
                    border-radius: 20px;
                    display: inline-block;
                    width: 80px;
                    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.3));
                }

                .state_sec_mobile a:hover {
                    background-color: rgb(164, 213, 128);
                    color: white;
                    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.2));
                }

                .lookfor_0 {
                    display: inline-block;
                    margin: auto;
                    filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.3));
                    background-color: white;
                }

                .lookfor_grid,
                .lookfor_bott_grid {
                    display: grid;
                    width: auto;
                    /* grid-template-columns: 180px 180px 180px 180px 100px; */
                }

                .look_for_bott-hide {
                    display: none;
                }

                .lookfor_bott_grid div {
                    padding: 20px 20px 10px 20px;
                }

                .lookfor_grid .item5 div {
                    width: 50px;
                    height: 40px;
                    margin: 15px auto auto auto;
                    display: inline-block;
                }

                .lookfor_grid .item5 div a {
                    font-size: 150%;
                    padding: 10px;
                }

                .lookfor_grid .item5 div a:hover {
                    color: grey;
                }

                .lookfor_grid div p,
                .lookfor_bott_grid div p {
                    font-size: 80%;
                    font-weight: bold;
                    color: grey;
                    padding: 0 0 8px 0;
                }

                .lookfor_grid div .input,
                .lookfor_bott_grid div .input {
                    font-weight: bold;
                    padding: 10px;
                    border-width: 1px 0 0 0;
                    display: block;
                    width: 100%;
                    text-align: center;
                }

                .add_number {
                    font-weight: bold;
                    padding: 5px;
                    width: 100%;
                    text-align: center;
                    display: grid;
                    border-style: solid;
                    border-color: grey;
                }

                .add_number #pepole_num_text {
                    color: black;
                }

                .add_number a {
                    border-style: solid;
                    border-width: 1px;
                    border-color: rgb(160, 160, 160);
                    border-radius: 5px;
                }

                .add_number a:hover {
                    background-color: rgb(234, 231, 231);
                    color: rgb(172, 172, 172);
                }

                .look_for_mobile div div {
                    display: grid;
                    grid-template-columns: 40% 60%;
                    padding: 10px 0 10px 0;
                }

                .look_for_mobile div div span {
                    text-align: right;
                    padding: 5px 10px;
                    font-size: 90%;
                }

                .look_for_mobile div div .input {
                    padding: 5px 10px;
                    border-style: solid;
                    border-width: 0 0 1px 0;
                    border-color: rgb(174, 174, 174);
                }

                .residence_op div .input_ {
                    padding: 0 0 20px 0;
                }

                .residence_op div .btn_ {
                    padding: 25px 0 5px 0;
                }

                .residence_op div .line_ {
                    padding: 10px 0;
                    display: grid;
                    grid-template-columns: auto auto;
                    border-style: solid;
                    border-width: 1px 0 0 0;
                    border-color: rgb(174, 174, 174);
                }

                .residence_op div .line_ div {}

                .residence_op div .line_ .left_ {
                    text-align: left;
                }

                .residence_op div .line_ .right_ {
                    text-align: right;
                }

                .residence_op div .line_ .left_ span,
                .residence_op div .line_ .right_ span {
                    font-size: 85%;
                }

                /* .residence_op div div p {
                    font-size: 80%;
                } */

                .residence_op div .btn_ .strong_btn {
                    padding: 15px;
                    font-size: 80%;
                }

                .residence_op div div .comm_ {
                    padding: 10px 0 20px 0;
                    font-size: 80%;
                }

                .residence_op div div .grid_ {
                    display: grid;
                    grid-template-columns: 50% 50%;
                    padding: 10px 0 10px 0;
                }

                .residence_op div div .grid_ span {
                    text-align: right;
                    padding: 10px 0;
                    font-size: 90%;
                }

                .residence_op div div .grid_ p {
                    padding: 0 10px;
                }

                .residence_op div div .grid_ p span {
                    display: block;
                    padding: 0;
                }

                .residence_op div div .grid_ .input {
                    padding: 5px 10px;
                    border-style: solid;
                    border-width: 0 0 1px 0;
                    border-color: rgb(174, 174, 174);
                    cursor: pointer;
                    color: black;
                }

                .residence_op .lookfor_1 {
                    padding: 20px;
                    margin: 10px;
                    border-radius: 15px;
                    border-style: solid;
                    border-width: 2px;
                    border-color: grey;
                    background-color: white;
                }

                .survey_box .box_1_ {
                    /* padding: 20px 10px 10px 30px; */
                    margin: 10px;
                    /* border-style: solid;
                    border-width: 0 0 0 1px;
                    border-color: grey; */
                }

                .survey_box .box_1_ .input_ .grid_ {
                    text-align: right;
                    padding: 10px 0;
                }

                .survey_box .box_1_ .btn_ {
                    text-align: left;
                }

                .survey_box .box_1_ .btn_ .glass_btn1 {
                    width: 100px;
                    display: inline-block;
                    font-size: 90%;
                }

                .survey_box .box_1_ .input_ .grid_ p {
                    font-size: 90%;
                }

                .survey_box .box_1_ .input_ .grid_ .input_ {
                    font-size: 100%;
                    padding: 10px;
                    border-style: solid;
                    border-width: 1px;
                    border-color: rgb(174, 174, 174);
                    color: black;
                    display: block;
                    border-radius: 5px;
                    width: 100%;
                    margin: 5px 0;
                    height: 160px;
                }

                .state_sec .grid_ {
                    display: grid;
                    margin: 0 auto;
                }

                .state_sec div div {
                    text-align: center;
                }

                .state_sec div div .item_body {
                    display: inline-block;
                }

                .state_sec div div .item_body .item_body_1 {
                    background-color: white;
                    border-radius: 15px;
                    border-style: solid;
                    border-width: 4px;
                    border-color: rgb(139, 228, 187);
                    background-repeat: no-repeat;
                    background-size: cover;
                    background-position: center;
                    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.3));
                    transition: all 0.2s;
                }

                .state_sec div div .item_body .item_body_2 {
                    position: relative;
                    height: 0;
                    display: block;
                    text-align: center;
                }

                .state_sec div div .item_body .item_body_2 p {
                    display: inline-block;
                    width: 130px;
                    padding: 3px 10px;
                    background-color: rgb(139, 228, 187);
                    border-radius: 20px;
                    font-size: 85%;
                    color: white;
                    position: relative;
                    top: -15px;
                }

                .state_sec div div .item_body:hover .item_body_1 {
                    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.3));
                    background-size: 110% auto;
                    border-color: rgb(197, 198, 198);
                }

                .state_sec div div .item_body:hover .item_body_2 p {
                    background-size: 110% auto;
                    background-color: rgb(197, 198, 198);
                }

                .residence_op .lookfor_1 .add_number {
                    /* grid-template-columns: 40px auto 40px; */
                    border-width: 0;
                    /* margin: 5px auto; */
                    /* max-width: 140px; */
                }

                .residence_op .lookfor_1 .add_number span {
                    display: inline-block;
                    /*width: 50px;*/
                    text-align: center;
                }

                .strong_btn {
                    border-radius: 10px;
                    background-image: linear-gradient(to left, rgb(15, 47, 56), rgb(4, 64, 81), rgb(53, 111, 128), rgb(4, 37, 46));
                    color: white;
                    text-align: center;
                    padding: 10px;
                    display: block;
                    transition: all 0.2s;
                }

                .strong_btn:hover {
                    color: rgb(192, 192, 191);
                    border-radius: 15px;
                }

                @media (min-width: 901px) {
                    .look_for {
                        display: block;
                        bottom: 120px;
                    }

                    .look_for_bott {
                        display: block;
                        bottom: 110px;
                    }

                    .look_for_mobile {
                        display: none;
                    }

                    .state_sec {
                        display: block;
                        bottom: 40px;
                    }

                    .state_sec_mobile {
                        display: none;
                    }

                    .lookfor_0 {
                        border-radius: 60px;
                        width: 880px;
                        padding: 0 30px;
                    }

                    .lookfor_grid {
                        grid-template-columns: 180px 180px 180px 180px 100px;
                    }

                    .lookfor_bott_grid {
                        grid-template-columns: auto auto auto;
                    }

                    .lookfor_grid .item1,
                    .lookfor_grid .item2,
                    .lookfor_grid .item3,
                    .lookfor_grid .item4,
                    .lookfor_grid .item5 {
                        padding: 20px 20px 10px 20px;
                    }

                    .add_number {
                        grid-template-columns: 40px auto 40px;
                        border-width: 1px 0 0 0;
                    }

                    .add_number #pepole_num_text,
                    .add_number a {
                        font-size: 20px;
                        padding: 5px 5px 0 5px;
                    }

                    .state_sec .grid_ {
                        width: 890px;
                        grid-template-columns: auto auto auto;
                    }

                    .state_sec div div .item_body {
                        width: 280px;
                    }

                    .state_sec div div .item_body .item_body_1 {
                        height: 130px;
                    }
                }

                @media (min-width:560px) and (max-width: 900px) {
                    .look_for {
                        display: block;
                        bottom: 120px;
                    }

                    .look_for_bott {
                        display: block;
                        bottom: 110px;
                    }

                    .look_for_mobile {
                        display: none;
                    }

                    .state_sec {
                        display: block;
                        bottom: 40px;
                    }

                    .state_sec_mobile {
                        display: none;
                    }

                    .lookfor_0 {
                        border-radius: 60px;
                        width: 510px;
                        padding: 0 20px;
                    }

                    .lookfor_grid {
                        grid-template-columns: 100px 100px 100px 100px 70px;
                    }

                    .lookfor_bott_grid {
                        grid-template-columns: auto auto auto;
                    }

                    .lookfor_grid .item1,
                    .lookfor_grid .item2,
                    .lookfor_grid .item3,
                    .lookfor_grid .item4,
                    .lookfor_grid .item5 {
                        padding: 20px 5px 10px 5px;
                    }

                    .add_number {
                        grid-template-columns: 25px auto 25px;
                        border-width: 1px 0 0 0;
                    }

                    .add_number #pepole_num_text,
                    .add_number a {
                        font-size: 16px;
                        padding: 3px 3px 0 3px;
                    }

                    .state_sec .grid_ {
                        width: 550px;
                        grid-template-columns: auto auto auto;
                    }

                    .state_sec div div .item_body {
                        width: 170px;
                    }

                    .state_sec div div .item_body .item_body_1 {
                        height: 110px;
                    }
                }

                @media (max-width:559px) {
                    .look_for {
                        display: none;
                    }

                    .look_for_bott {
                        display: none;
                    }

                    .look_for_mobile {
                        display: block;
                        bottom: 70px;
                    }

                    .state_sec {
                        display: none;
                    }

                    .state_sec_mobile {
                        display: block;
                        bottom: 16px;
                    }

                    .lookfor_0 {
                        border-radius: 30px;
                        width: 90%;
                        padding: 20px 20px 50px 20px;
                    }

                    .add_number {
                        grid-template-columns: 20px auto 20px;
                        border-width: 0;
                        margin: 0 auto;
                    }

                    .add_number #pepole_num_text,
                    .add_number a {
                        font-size: 16px;
                        padding: 3px 3px 0 3px;
                    }

                    .add_number #pepole_num_text {
                        display: block;
                        padding: 0 10px;
                    }

                    .look_for_mobile .look_for_btn {
                        height: 0;
                        position: relative;
                        top: -50px;
                    }

                    .look_for_mobile .look_for_btn a {
                        width: 80px;
                        height: 80px;
                        display: inline-block;
                        background-color: white;
                        border-radius: 40px;
                        font-size: 130%;
                        padding: 30px 0 0 0;
                        transition: all 0.2s;
                    }

                    .look_for_mobile .look_for_btn a:hover {
                        background-color: rgb(243, 241, 241);
                        color: grey;
                    }

                    .state_sec .grid_ {
                        width: 100%;
                        grid-template-columns: auto;
                        grid-template-rows: auto auto auto;
                    }

                    .state_sec div div .item_body {
                        width: 90%;
                        margin: 5px 0;
                    }

                    .state_sec div div .item_body .item_body_1 {
                        height: 70px;
                    }
                }

                .bott_part-show {
                    position: relative;
                    height: 0;
                }

                .siteboard_topside {
                    display: block;
                    height: 200px;
                    width: 100%;
                    position: absolute;
                    top: 0;
                    left: 0;
                    /* background-image: linear-gradient(to top, rgba(137, 198, 242, 0), rgb(137, 198, 242), rgb(137, 198, 242)); */
                    z-index: 2;
                }

                .page_subject {
                    display: grid;
                    border-style: solid;
                    border-width: 0 0 1px 0;
                    border-color: rgb(183, 182, 182);
                }

                .page_subject p {
                    /* font-size: 200%; */
                    font-weight: bold;
                    color: rgb(105, 52, 186);
                }

                .product_body .item2 p {
                    text-align: justify;
                    padding: 5px 0;
                }

                .product_body .item1 div p {
                    padding: 10px 0;
                    color: grey;
                    text-align: center;
                }

                .product_body .item1 div p .bold {
                    font-size: 120%;
                    color: black;
                }

                .product_body .item1 div .order_p_ {
                    color: grey;
                    padding: 5px 0;
                    text-align: right;
                }

                .product_body .item1 div .order_img_ {
                    display: inline-block;
                    width: 100%;
                    text-align: center;
                    margin: 0 0 10px 0;
                    border-radius: 5px;
                }


                .product_body {
                    display: grid;
                    padding: 20px 0;
                    margin: 40px 0;
                    grid-gap: 50px;
                }

                @media(max-width: 800px) {
                    .product_body {
                        grid-template-columns: auto;
                    }
                }

                @media (min-width: 801px) and (max-width: 1400px) {
                    .product_body {
                        grid-template-columns: 400px auto;
                    }
                }

                @media (min-width: 1301px) {
                    .product_body {
                        grid-template-columns: 400px auto;
                    }
                }

                .product_body .item1 {}

                .product_body div .abtn_1 {
                    padding: 15px;
                    background-color: rgb(48, 97, 141);
                    color: white;
                    border-width: 0;
                    display: block;
                    transition: all 0.2s;
                }

                .product_body div .abtn_1:hover {
                    background-color: rgb(87, 126, 159);
                }

                .shadow_div {
                    padding: 20px;
                    border-radius: 15px;
                    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.105));
                    background-color: white;

                }

                .emptyline {
                    height: 20px;
                }

                .shadow_div div {
                    /* margin: 15px 0; */
                }

                .shadow_div .b1 {
                    padding: 20px 20px 30px 20px;
                    border-style: solid;
                    border-color: grey;
                    border-width: 1px;
                    border-radius: 10px;
                    margin: 0 0 15px 0;
                }

                .shadow_div form {
                    padding: 20px;
                }

                .big_btn_1 {
                    padding: 15px;
                    background-color: rgb(48, 97, 141);
                    color: white;
                    border-width: 0;
                    display: block;
                    transition: all 0.2s;
                    text-align: center;
                    border-radius: 10px;
                }

                .big_btn_1:hover {
                    background-color: rgb(87, 126, 159);
                    color: white;
                }

                .query_result_1 .item_bill .status {
                    grid-area: status;
                }

                .query_result_1 .item_order .title,
                .query_result_1 .item_bill .title {
                    grid-area: title;
                }

                .query_result_1 .item_order .date,
                .query_result_1 .item_bill .date {
                    grid-area: date;
                }

                .query_result_1 .item_order .sale {
                    grid-area: sale;
                }

                .query_result_1 .item_bill .for {
                    grid-area: for;
                }

                .query_result_1 .item_bill .ref {
                    grid-area: ref;
                }


                .query_result_1 .item_order .price,
                .query_result_1 .item_bill .price {
                    grid-area: price;
                    padding: 8px 0;
                }

                .query_result_1 .item_order .btn,
                .query_result_1 .item_bill .btn {
                    grid-area: btn;
                    padding: 0;
                }

                .query_result_1 .item_order .btn .cristal_btn,
                .query_result_1 .item_bill .btn .cristal_btn {
                    height: 100%;
                    padding: 8px 10px;
                }

                .query_result_1 .item_order,
                .query_result_1 .item_bill {
                    display: grid;
                    grid-gap: 10px;
                    padding: 20px;
                    border-radius: 15px;
                    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.105));
                    background-color: white;
                    margin: 0 0 15px 0;
                }

                .cristal_btn {
                    display: block;
                    width: auto;
                    padding: 5px 10px;
                    border-radius: 5px;
                    border-style: solid;
                    border-color: grey;
                    border-width: 1px;
                    background-color: rgb(245, 245, 245);
                    transition: all 0.3s;
                    color: grey;
                    text-align: center;
                }

                .cristal_btn:hover {
                    background-color: rgb(204, 206, 206);
                    border-radius: 10px;
                }

                @media(max-width: 600px) {
                    .query_result_1 .item_order {
                        grid-template-columns: 150px auto 100px;
                        grid-template-rows: auto auto auto auto;
                        grid-template-areas: 'img title title'
                            'img date date'
                            'img sale sale'
                            'price price btn';
                    }

                    .query_result_1 .item_bill {
                        grid-template-columns: auto 120px;
                        grid-template-rows: auto auto auto auto auto auto auto;
                        grid-template-areas: 'status status'
                            'title title'
                            'date date'
                            'price price'
                            'ref ref'
                            'for for'
                            'btn btn';
                    }
                }

                @media(min-width: 601px) {
                    .query_result_1 .item_order {
                        grid-template-columns: 200px auto 120px;
                        grid-template-rows: auto 30px 30px 40px;
                        grid-template-areas: 'img title title'
                            'img date date'
                            'img sale sale'
                            'img price btn';
                    }

                    .query_result_1 .item_bill {
                        grid-template-columns: auto auto 120px;
                        grid-template-rows: auto 30px 30px 40px;
                        grid-template-areas: 'status status status'
                            'title date date'
                            'price ref ref'
                            'for for btn';
                    }
                }

                .query_result_1 .item_bill p {
                    color: grey;
                    font-size: 90%;
                }

                .query_result_1 .item_bill p .bold {
                    font-weight: bold;
                    font-size: 110%;
                    color: black;
                }

                @media (max-width: 300px) {
                    .page_subject {
                        grid-template-columns: auto;
                        padding: 10px;
                    }

                    .page_subject p {
                        text-align: center;
                        font-size: 150%;
                        padding: 10px 0;
                    }

                    .page_subject img {
                        width: 80%;
                        margin: auto;
                        padding: 10px;
                    }
                }

                @media (min-width: 301px) and (max-width: 700px) {
                    .page_subject {
                        grid-template-columns: auto;
                        padding: 10px;
                    }

                    .page_subject p {
                        text-align: center;
                        font-size: 200%;
                    }

                    .page_subject img {
                        width: 240px;
                        margin: auto;
                        padding: 20px;
                    }

                }

                @media (min-width: 701px) and (max-width: 1000px) {
                    .page_subject img {
                        width: 240px;
                        margin: auto;
                    }

                    .page_subject p {
                        font-size: 200%;
                        text-align: center;
                        padding: 20px 0;
                    }

                }

                @media (min-width: 1001px) and (max-width: 1200px) {

                    .page_subject {
                        padding: 20px 20px 20px 0;
                        grid-template-columns: auto 400px;
                    }

                    .page_subject img {
                        width: 220px;
                        margin: auto;
                    }

                    .page_subject p {
                        font-size: 200%;
                        padding: 90px 0 0 0;
                    }
                }

                @media (min-width: 1201px) {
                    .page_subject {
                        padding: 20px;
                        grid-template-columns: auto 240px 5%;
                    }

                    .page_subject p {
                        font-size: 200%;
                        padding: 90px 0 0 0;
                    }
                }

                .blog_lead{
                    margin: 10px 0;
                    padding: 10px;
                    background-color: #e2f1f3;
                }

                .blog_text{
                    padding: 5px 0;
                    text-align: justify;
                }
                .headerimage {
                    display: block;
                    height: 500px;
                }

                .headerimage_d1 {
                    display: block;
                    height: 900px;
                    position: relative;
                    bottom: 200px;
                    background-repeat: no-repeat;
                    background-position: center;
                    background-size: cover;
                    z-index: 0;
                }

                .openul-show {
                    display: block;
                    width: 170px;
                    position: absolute;
                    z-index: 20;
                    background-color: white;
                    padding: 10px;
                    text-align: right;
                }

                .openul-hide {
                    display: none;
                }

                #navbar .navbaritem_li .openulside-show {
                    display: block;
                    padding: 10px;
                    text-align: right;
                }

                .openulside-hide {
                    display: none;
                }

                #side_navbar .navbaritem_li .openulside-show {
                    display: block;
                    padding: 0;
                    text-align: right;
                }

                #side_navbar .navbaritem_li .openulside-show .mnavi2 .navbaritem {
                    transition: all 0.3s ease-in;
                    color: green;
                    font-weight: bold;
                    display: block;
                    width: auto;
                    text-decoration: none;
                    text-align: center;
                    padding: 5px 0;
                    text-align: right;
                    background-color: rgb(64, 64, 64);
                    padding: 10px;
                }

                #side_navbar .navbaritem_li .openulside-show .mnavi2 .navbaritem:hover {
                    text-decoration: none;
                    color: chocolate;
                    background-color: rgb(43, 43, 43);
                }

                .bodycont0 {
                    display: block;
                    /*position: relative;*/
                    /*top: 40px;*/
                    /*z-index: 20;*/
                }

                .bodycont00 {
                    max-width: 1300px;
                    margin: 0 auto;
                    position: relative;
                    /* top: -250px; */
                }

                .bodycont {
                    /* padding: 40px; */
                    padding: 40px 0;
                }

                .image{
                    display: block;
                    width: 100%;
                    height: auto;
                }

                .master_btn_grid {
                    display: grid;
                }

                .master_btn {
                    border-radius: 50px;
                    display: block;
                    width: auto;
                    text-align: center;
                    /* background-color: rgb(21, 21, 81); */
                    background-image: url(../pic/slider_side_1.jpg);
                    background-repeat: no-repeat;
                    background-position: center;
                    background-size: 100% auto;
                    color: black;
                    filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.45));
                    border-style: solid;
                    border-color: white;
                    border-width: 2px;
                    font-weight: bold;
                    transition: all 0.3ms;
                }

                .master_btn:hover {
                    border-width: 2px 6px;
                    background-size: 110% auto;
                    /* background-color: rgb(39, 39, 117); */
                    filter: drop-shadow(6px 6px 7px rgba(0, 0, 0, 0.37));
                }

                .master_btn:hover .grid_mbtn4 .back_pic {
                    opacity: 0.6;
                }

                .grid_mbtn4 {
                    display: grid;
                    min-height: 60px;
                    padding: 0 20px;
                }

                .back_pic {
                    background-image: url(../pic/telphone-1.svg);
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: auto 100%;
                }

                .center_i {
                    display: block;
                    position: relative;
                    top: 50%;
                    left: 50%;
                    -webkit-transform: translate(-50%, -50%);
                    -ms-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
                }

                .inside_con {
                    display: inline-block;

                    position: fixed;
                    z-index: 100;
                    bottom: 0;
                    padding: 10px;
                }

                .inside_con .grid_ {
                    display: grid;
                    grid-template-columns: auto;
                    grid-gap: 5px;
                }


                .circle_btn1 {
                    display: block;
                    background-color: rgb(29, 116, 11);
                    color: white;
                    border-radius: 100px;
                    cursor: pointer;
                    transition: all 0.2s;
                    text-align: center;
                    filter: drop-shadow(0 0 5px white);
                }

                .circle_btn1:hover {
                    background-color: rgb(50, 147, 30);
                }

                .myicon {
                    display: block;
                    height: 100%;
                    width: 100%;
                    background-repeat: no-repeat;
                    background-position: center;
                    background-size: 50% auto;
                }

                @media (max-width: 700px) {
                    .inside_con {
                        width: 70px;
                    }

                    .inside_con .grid_ {
                        grid-template-rows: 50px 50px;
                    }

                    .inside_con .grid_ .circle_btn1 i {
                        margin: 18px 0 0 0;
                    }

                }

                @media (min-width: 701px) {
                    .inside_con {
                        width: 80px;
                    }

                    .inside_con .grid_ {
                        grid-template-rows: 60px 60px;
                    }

                    .inside_con .grid_ .circle_btn1 i {
                        margin: 20px 0 0 0;
                    }

                }

                @media (min-width: 901px) {
                    .master_btn {
                        margin: 20px 50px;
                        padding: 20px 10px;
                    }

                    .grid_mbtn4 {
                        grid-template-columns: 100px auto;
                    }

                    .bodycont {
                        /* padding: 40px; */
                    }
                }

                @media (min-width: 400px) and (max-width: 900px) {
                    .master_btn {
                        margin: 10px;
                        padding: 10px;
                    }

                    .grid_mbtn4 {
                        grid-template-columns: 100px auto;
                    }

                    .bodycont {
                        /* padding: 40px; */
                    }
                }

                @media (max-width: 401px) {
                    .master_btn {
                        margin: 10px;
                        padding: 20px;
                    }

                    .grid_mbtn4 {
                        grid-template-columns: auto;
                        grid-template-rows: 40px auto;
                    }

                    .bodycont {
                        /* padding: 20px; */
                    }
                }

                @media (min-width: 701px) {
                    .bodycont00 {
                        top: -250px;
                    }

                    .master_btn_grid {
                        padding: 30px 0 10px 0;
                        grid-template-columns: 50% 50%;
                    }
                }

                @media (max-width: 700px) {
                    .bodycont00 {
                        top: -380px;
                    }

                    .master_btn_grid {
                        padding: 10px 0;
                        grid-template-columns: auto;
                    }
                }

                .footercont0 {
                    background-color: rgb(30, 39, 30);
                    color: white;
                }

                .footercont {
                    max-width: 1300px;
                    margin: 0 auto;
                    padding: 20px;
                }

                .fottergrid {
                    display: grid;
                }

                @media (min-width: 901px) {
                    .fottergrid {
                        grid-template-columns: 50% 50%;
                        padding: 50px 0;
                    }

                    .fottergrid #footercontItemR {
                        padding: 0 0 0 20px;
                    }

                    .fottergrid #footercontItemL {
                        padding: 0 20px 0 0;
                    }

                    .footercont {
                        padding: 20px;
                    }
                }

                @media (max-width: 900px) {
                    .fottergrid {
                        grid-template-columns: auto;
                        padding: 20px 0;
                    }

                    .footercont {
                        padding: 20px 0;
                    }
                }

                @media (min-width: 1501px) {
                    .bodycont0 {
                        padding: 0 200px;
                    }

                    .footercont0 {
                        padding: 0 40px;
                    }

                    .footer {
                        padding: 40px 200px;
                    }

                    .residence_list_grid {
                        grid-template-columns: 25% 25% 25% 25%;
                    }

                }

                @media (min-width: 1201px) and (max-width: 1500px) {
                    .bodycont0 {
                        padding: 0 100px;
                    }

                    .footercont0 {
                        padding: 0 40px;
                    }

                    .footer {
                        padding: 40px 100px;
                    }

                    .residence_list_grid {
                        grid-template-columns: 33% 33% 33%;
                    }
                }

                @media (min-width: 901px) and (max-width: 1200px) {
                    .bodycont0 {
                        padding: 0 40px;
                    }

                    .footercont0 {
                        padding: 0 40px;
                    }

                    .footer {
                        padding: 40px 40px;
                    }

                    .residence_list_grid {
                        grid-template-columns: 50% 50%;
                    }
                }

                @media (min-width: 641px) and (max-width: 900px) {
                    .bodycont0 {
                        padding: 0 40px;
                    }

                    .footercont0 {
                        padding: 0 40px;
                    }

                    .footer {
                        padding: 40px 40px;
                    }

                    .residence_list_grid {
                        grid-template-columns: 50% 50%;
                    }
                }

                /* @media (min-width: 401px) and (max-width: 640px) {
                    .bodycont0 {
                        padding: 0 40px;
                    }
                    .footercont0 {
                        padding: 0 40px;
                    }
                    .footer {
                        padding: 40px 40px;
                    }
                    .residence_list_grid {
                        grid-template-columns: 220px 220px;
                        width: 380px;
                    }
                } */

                @media (max-width: 640px) {
                    .bodycont0 {
                        padding: 0 10px;
                    }

                    .footercont0 {
                        padding: 0 10px;
                    }

                    .footer {
                        padding: 40px 10px;
                    }

                    .residence_list_grid {
                        grid-template-columns: auto;
                    }
                }

                .baner_item {
                    /* background-image: url(); */
                    /* background-repeat: no-repeat;
                    background-position: center;
                    background-size: cover; */
                }

                .baner_cont .item1 {
                    background-color: cadetblue;
                    border-radius: 20px;
                    background-image: url(../pic/slider_side_1.jpg);
                    background-position: center;
                    background-size: cover;
                }

                @media (min-width: 841px) {
                    .baner_cont {
                        display: grid;
                        grid-template-columns: auto 700px;
                        grid-template-rows: auto;
                    }

                    .baner_item {
                        width: 700px;
                        height: 700px;
                    }
                }

                @media (min-width:540px) and (max-width: 840px) {
                    .baner_cont {
                        display: block;
                    }

                    .baner_cont .item1 {
                        display: none;
                    }

                    .headergrid .item2 {
                        width: 400px;
                        margin: auto;
                    }

                    .baner_item {
                        width: 400px;
                        height: 400px;
                    }
                }

                @media (max-width: 539px) {
                    .baner_cont {
                        display: block;
                    }

                    .baner_cont .item1 {
                        display: none;
                    }

                    .headergrid .item2 {
                        width: 200px;
                        margin: auto;
                    }

                    .baner_item {
                        width: 200px;
                        height: 200px;
                    }
                }

                .residence_list_grid {
                    display: grid;
                    /* grid-template-columns: 370px 370px 370px;
                    width: 1110px; */
                    margin: 0 auto;
                }

                .residence_list_grid div {
                    display: block;
                    text-align: center;
                    /*padding: 20px;*/
                }

                .residence_list_grid div {
                    text-align: center;
                }

                .residence_list_grid div a img {
                    display: block;
                    width: 100%;
                    height: 200px;
                    object-fit: cover;
                    margin: 0 0 5px 0;
                    transition: all 0.2s;
                }

                .residence_list_grid div a:hover img {
                    border-radius: 15px;
                }

                .residence_list_grid div .subject_ {
                    font-weight: bold;
                    font-size: 80%;
                    text-align: right;
                    color: black;
                }

                .residence_list_grid div p {
                    font-size: 70%;
                    padding: 4px 0;
                    text-align: right;
                    color: grey;
                }

                .residence_list_grid div p span {
                    font-size: 100%;
                    color: grey;
                }

                .residence_item{
                    margin: 10px;
                }

                .residence_item .item_g_ a img{
                    height: 190px;
                    object-fit: cover;
                    display: block;
                    width: 100%;
                }

                .residence_item .item_g_ h2,
                .residence_item .item_g_ h3{
                    text-align: right;
                    padding: 4px 0;
                    margin: 0;

                }
                .residence_item .item_g_ h2{
                    font-size: 60%;
                }
                .residence_item .item_g_ .sub_{
                    margin: 10px 0 0 0;
                }

                .residence_item .item_g_ h3 span{
                    font-size: 80%;
                    color: grey;
                }

                .ad_search-show,
                .ad_search-hide,
                .ad_search-off{
                    display: block;
                    width: 100%;
                    position: absolute;
                    color: grey;
                }

                .ad_search-off{
                    top: -600px;
                }

                .ad_search-show{
                    -webkit-animation: animation11 1s;
                    top: 140px;
                }

                .ad_search-hide{
                    -webkit-animation: animation10 1s;
                    top: -600px;
                }

                @-webkit-keyframes animation10 {
                    0% {
                        top: 140px;
                    }

                    100% {
                        top: -600px;
                    }
                }

                @keyframes animation10 {
                    0% {
                        top: 140px;
                    }

                    100% {
                        top: -600px;
                    }
                }

                @-webkit-keyframes animation11 {
                    0% {
                        top: -600px;
                    }

                    100% {
                        top: 140px;
                    }
                }

                @keyframes animation11 {
                    0% {
                        top: -600px;
                    }

                    100% {
                        top: 140px;
                    }
                }



                .ad_search_cont{
                    display: block;
                    background-color: white;
                    border-radius: 20px;
                    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.29));
                    padding: 20px;
                }

                .ad_search_cont .inp_{

                }

                .ad_search_cont p{
                    text-align: left;
                }

                .footer {
                    background-color: rgb(44, 68, 82);
                    /* padding: 40px 100px; */
                }

                .footer div {
                    padding: 10px 0;
                }

                .footer .footer_0 {
                    color: white;
                    text-align: center;
                }

                .footer div .grid_1_ {
                    display: grid;
                    grid-gap: 20px;
                }


                .footer div .grid_0 {
                    display: grid;
                    grid-gap: 10px;
                }

                .footer div .grid_0 .address {
                    grid-area: add;
                }

                .footer div .grid_0 .tel1 {
                    grid-area: tel1;
                }

                .footer div .grid_0 .tel2 {
                    grid-area: tel2;
                }

                .footer div .grid_0 .tel3 {
                    grid-area: tel3;
                }

                @media (max-width: 500px) {
                    .footer div .grid_0 {
                        grid-template-columns: auto auto;
                        grid-template-areas: 'add add' 'tel1 tel2' 'tel3 tel3';
                    }

                    .footer div .grid_1_ {
                        grid-template-columns: auto 130px;
                    }
                }


                @media (min-width: 501px) and (max-width: 800px) {
                    .footer div .grid_0 {
                        grid-template-columns: auto auto auto;
                        grid-template-areas: 'add add add' 'tel1 tel2 tel3';
                    }

                    .footer div .grid_1_ {
                        grid-template-columns: auto 130px;
                    }
                }

                @media (min-width: 801px) {
                    .footer div .grid_0 {
                        grid-template-areas: 'add tel1 tel2 tel3';
                        grid-template-columns: auto 150px 150px 150px;
                    }

                    .footer div .grid_1_ {
                        grid-template-columns: auto 130px;
                    }
                }


                .footer div .grid_0 .address {
                    text-align: right;
                    padding: 10px;
                }

                .footer div .grid_0 div {
                    padding: 0;
                }

                .footer div .grid_0 div .glass_btn {
                    color: white;
                    direction: rtl;
                    width: 100%;
                    margin: 0 auto;
                    display: inline-block;
                }

                .masnav .grid_2_ {
                    display: grid;
                    grid-template-columns: 30px auto;
                }

                .masnav .grid_2_ .img_ {
                    display: block;
                    width: 30px;
                    height: 30px;
                    background-image: url(../pic/logo_emdadiranian_1-06.jpg);
                    background-repeat: no-repeat;
                    background-position: center;
                    background-size: cover;
                }

                .masnav .grid_2_ .lable_ {
                    padding: 3px 10px 0 10px;
                    color: grey;
                    font-weight: bold;
                    font-size: 100%;
                    transition: all 0.2s;
                }

                .masnav:hover .grid_2_ .lable_ {
                    color: rgba(128, 128, 128, 0.612);
                    padding-right: 15px;
                }

                .footer div .grid_2_ {
                    display: grid;
                    width: 300px;
                    margin: auto;
                    grid-template-columns: 140px 140px;
                    grid-gap: 20px;
                    text-align: center;
                    font-size: 120%;
                }

                .footer div .grid_2_ div {
                    padding: 10px 20px;
                }


                .footer div .grid_2_ div p {
                    text-align: center;
                }

                .footer div .grid_2_ div .bold_ {
                    font-size: 100%;
                    font-weight: bold;
                    border-style: solid;
                    border-color: white;
                    border-width: 1px 0 0 0;
                    margin: 5px 0 0 0;
                    padding: 10px 0 0 0;
                }

                .glass_btn,
                .glass_btn1 {
                    padding: 10px;
                    border-radius: 10px;
                    border-style: solid;
                    border-width: 1px;
                    transition: all 0.2s;
                    font-size: 100%;
                    text-align: center;
                    display: inline-block;
                    width: auto;
                }

                .glass_btn {
                    border-color: rgba(255, 255, 255, 0.541);
                }

                .glass_btn:hover {
                    background-color: rgba(255, 255, 255, 0.116);
                    border-color: white;
                }

                .glass_btn1 {
                    border-color: rgb(190, 190, 190);
                    color: grey;
                }

                .glass_btn1:hover {
                    background-color: rgba(234, 233, 233, 0.244);
                    border-color: rgb(152, 152, 152);
                }

                .residence_head{
                    padding: 10px 0;
                }

                .residence_head .cont_ .item_ i{
                    color: #c89579;
                }

                .residence_head_g {
                    display: grid;
                    grid-gap: 20px;
                }

                .residence_head_g .img_ img{
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }

                .residence_head_g .cont_ h4,
                .residence_head .cont_ h4{
                    padding: 5px 0;
                }

                .residence_head_g .cont_ h2,
                .residence_head .cont_ h2{
                    padding: 0 0 10px 0;
                }

                @media (max-width: 800px) {
                    .residence_head_g {
                        grid-template-columns: 100%;
                        grid-template-areas: 'cont' 'img';
                    }

                    .residence_head_g .img_{
                        display: none;
                    }

                }

                @media (min-width: 801px) {
                    .residence_head_g {
                        grid-template-columns: 250px auto;
                        grid-template-areas: 'img cont';
                    }
                }

                .sta_image{
                    display: grid;

                }

                @media (max-width: 800px){
                    .sta_image{
                        grid-gap: 4%;
                        grid-template-columns: 48% 48%;
                        grid-template-rows: 48% 22% 22%;
                        grid-template-areas: 'img img' 'img1 img2' 'img3 img4';
                    }
                }
                @media (min-width: 801px){
                    .sta_image{
                        grid-gap: 20px;
                        grid-template-columns: 250px 250px auto;
                        grid-template-rows: 180px 180px;
                        grid-template-areas: 'img1 img2 img' 'img3 img4 img';
                    }
                }

                .sta_image .img_,
                .sta_image .fin_1_,
                .sta_image .fin_2_,
                .sta_image .fin_3_,
                .sta_image .fin_4_{
                    object-fit: cover;
                    display: block;
                    height: 100%;
                    width: 100%;
                }
                .sta_image .img_{
                    grid-area: img;
                }
                .sta_image .fin_1_{
                    grid-area: img1;
                }
                .sta_image .fin_2_{
                    grid-area: img2;
                }
                .sta_image .fin_3_{
                    grid-area: img3;
                }
                .sta_image .fin_4_{
                    grid-area: img4;
                }

                .slider_count{
                    margin: 30px 0;
                    padding: 10px;
                }

                .residence_head_g .cont_ {
                    grid-area: cont;
                }

                .residence_head_g .img_ {
                    grid-area: img;
                    height: 170px;
                }

                .residence_sub_grid {
                    display: grid;
                    background-image: linear-gradient(to bottom, rgba(204, 240, 227, 0), rgb(204, 240, 227), rgb(245, 208, 181), rgb(202, 229, 245), rgba(202, 229, 245, 0));
                }

                .residence_sub_grid div .subject_ {
                    padding: 10px 0;
                    margin: 5px 0;
                }

                .residence_sub_grid div h4 {
                    padding: 7px 0;
                    margin: 3px 0;
                }

                .residence_sub_grid .imgbox .img_i {
                    background-repeat: no-repeat;
                    background-position: center;
                    background-size: cover;
                    border-radius: 15px;
                }

                @media (min-width:1201px) {
                    .residence_sub_grid {
                        grid-template-columns: auto 700px;
                        padding: 40px 30px;
                    }

                    .residence_sub_grid .imgbox .img_i {
                        height: 450px;
                    }
                }

                @media (min-width:801px) and (max-width:1200px) {
                    .residence_sub_grid {
                        grid-template-columns: auto 400px;
                        padding: 30px 20px;
                    }

                    .residence_sub_grid .imgbox .img_i {
                        height: 300px;
                    }
                }

                @media (min-width:601px) and (max-width:800px) {
                    .residence_sub_grid {
                        grid-template-columns: auto;
                        grid-template-rows: auto auto;
                        padding: 20px;
                    }

                    .residence_sub_grid .imgbox {
                        width: 500px;
                        margin: 0 auto;
                    }

                    .residence_sub_grid .imgbox .img_i {
                        height: 300px;
                        margin: 30px 0;
                    }
                }

                @media (min-width:401px) and (max-width:600px) {
                    .residence_sub_grid {
                        grid-template-columns: auto;
                        grid-template-rows: auto auto;
                        padding: 20px;
                    }

                    .residence_sub_grid .imgbox {
                        width: 300px;
                        margin: 0 auto;
                    }

                    .residence_sub_grid .imgbox .img_i {
                        height: 200px;
                        margin: 30px 0;
                    }
                }

                @media (min-width:301px) and (max-width:400px) {
                    .residence_sub_grid {
                        grid-template-columns: auto;
                        grid-template-rows: auto auto;
                        padding: 20px;
                    }

                    .residence_sub_grid .imgbox {
                        width: 230px;
                        margin: 0 auto;
                    }

                    .residence_sub_grid .imgbox .img_i {
                        height: 150px;
                        margin: 30px 0;
                    }
                }

                @media (min-width:201px) and (max-width:300px) {
                    .residence_sub_grid {
                        grid-template-columns: auto;
                        grid-template-rows: auto auto;
                        padding: 20px;
                    }

                    .residence_sub_grid .imgbox {
                        width: 150px;
                        margin: 0 auto;
                    }

                    .residence_sub_grid .imgbox .img_i {
                        height: 90px;
                        margin: 30px 0;
                    }
                }

                @media (max-width:200px) {
                    .residence_sub_grid {
                        grid-template-columns: auto;
                        grid-template-rows: auto auto;
                        padding: 20px;
                    }

                    .residence_sub_grid .imgbox {
                        width: 130px;
                        margin: 0 auto;
                    }

                    .residence_sub_grid .imgbox .img_i {
                        height: 80px;
                        margin: 30px 0;
                    }
                }

                .residence_body_grid {
                    display: grid;
                }
                @media (min-width:1401px) {
                    .residence_body_grid {
                        grid-template-columns: 400px auto;
                        padding: 40px 0;
                        grid-gap: 40px;
                    }
                    .facilities_grid {
                        grid-template-columns: auto auto auto;
                    }
                }
                @media (min-width: 901px) and (max-width: 1400px){
                    .residence_body_grid {
                        grid-template-columns: 400px auto;
                        padding: 40px 0;
                        grid-gap: 40px;
                    }
                    .facilities_grid {
                        grid-template-columns: auto auto;
                    }
                }
                @media (min-width: 601px) and (max-width: 900px){
                    .residence_body_grid{
                        grid-template-columns: auto;
                        padding: 20px 0;
                        grid-gap: 20px;
                    }
                    .facilities_grid {
                        grid-template-columns: auto auto;
                    }

                }
                @media (min-width: 301px) and (max-width: 600px){
                    .residence_body_grid{
                        grid-template-columns: auto;
                        padding: 20px 0;
                        grid-gap: 20px;
                    }
                    .facilities_grid {
                        grid-template-columns: auto auto;
                    }
                }
                @media (max-width: 300px){
                    .residence_body_grid{
                        grid-template-columns: auto;
                        padding: 20px 0;
                        grid-gap: 20px;
                    }
                    .facilities_grid {
                        grid-template-columns: auto;
                    }
                }

                .residence_body_grid .item2 .item2_1 {
                    padding: 10px 0;
                    margin: 10px 0;
                }

                .residence_body_grid .item2 div h2 {
                    padding: 10px 0;
                }

                .residence_body_grid .item1 .residence_op {
                    position: sticky;
                    top: 0;
                }

                .residence_body_grid .item2 div .grid_0 .grid_0_0 h4 {
                    color: grey;
                }

                .residence_body_grid .item2 div .grid_0 .grid_0_1 {
                    padding: 15px 0;
                }

                .residence_body_grid .item2 div .grid_0 {
                    display: grid;
                    grid-template-columns: 40px auto;
                    padding: 8px 0;
                }

                .facilities_grid {
                    display: grid;
                    grid-gap: 10px;
                }


                .facilities_grid .facilities_item {
                    width: auto;
                    display: inline-block;
                    text-align: right;
                }

                .facilities_grid .facilities_item div {
                    display: grid;
                    margin: 0 auto;
                    grid-template-columns: 30px auto;
                    grid-gap: 10px;
                }

                .facilities_grid .facilities_item div .text_{
                    margin: 0;
                    padding: 3px 0;
                }

                .distance_item {
                    display: grid;
                    padding: 10px 0;
                    grid-template-columns: 30px auto;
                    grid-gap: 10px;
                }

                .distance_item h4 {
                    margin: 0;
                }

                .footer div div div {
                    /* font-size: 80%; */
                }

                .footer_0 div p {
                    font-size: 80%;
                    padding: 5px 0;
                    text-align: right;
                }

                .footer_0 div p span {
                    font-size: 100%;
                    color: rgba(255, 255, 255, 0.514);
                }

                .footer_0 div p a {
                    color: white;
                    font-size: 100%;
                }

                .lineMZ{
                    display: block;
                    
                    padding: 0;
                    border-style: solid;
                    border-width: 1px 0 0 0;
                    border-color: grey;
                }

                @media (max-width: 500px){
                    .lineMZ{
                        margin: 10px 0;
                    }
                }
                @media (min-width: 501px){
                    .lineMZ{
                        margin: 40px 0;
                    }
                }

                .slider {
                    direction: ltr;
                }

                .owl-carousel {
                    position: relative;
                }

                .owl-item {
                    background-color: rgba(253, 252, 252, 0);
                }

                .owl-nav {
                    color: rgba(83, 83, 83, 0.514);
                }

                .baner_cont .item2 .slider .owl-carousel .owl-nav .owl-prev,
                .baner_cont .item2 .slider .owl-carousel .owl-nav .owl-next {
                    position: absolute;
                    top: 45%;
                    display: inline-block;
                    width: auto;
                }

                .baner_cont .item2 .slider .owl-carousel .owl-stage-outer {
                    border-radius: 20px;
                }

                .baner_cont .item2 .slider .owl-carousel .owl-nav .owl-prev {
                    left: 25px;
                }

                .baner_cont .item2 .slider .owl-carousel .owl-nav .owl-next {
                    right: 25px;
                }

                #article .slider {
                    /* padding: 0 30px; */
                }

                #article .slider .owl-carousel .owl-nav .owl-prev {
                    left: -25px;
                }

                #article .slider .owl-carousel .owl-nav .owl-next {
                    right: -25px;
                }


                #residence_img_carousel .owl-nav .owl-prev,
                #residence_img_carousel .owl-nav .owl-next {
                    color: rgba(250, 250, 250, 0.514);
                    transition: all 0.3s;
                }

                #residence_img_carousel .owl-nav .owl-prev:hover,
                #residence_img_carousel .owl-nav .owl-next:hover {
                    color: rgba(250, 250, 250, 0.258);
                }

                #residence_img_carousel .owl-dots {
                    text-align: center;
                }

                #residence_img_carousel div .owl-dot {
                    position: relative;
                    width: 8px;
                    height: 8px;
                    background-color: #ffffff;
                    display: inline-block;
                    margin: 0 2px;
                    text-align: center;
                }

                #residence_img_carousel div .owl-dot.active{
                    opacity: 0.5;
                }

                .visit_div {
                    background-color: white;
                    border-radius: 15px;
                    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.16));
                    padding: 20px;
                    margin: 10px 0;
                }

                .visit_div .sub_ {
                    padding: 10px;
                    font-weight: bold;
                    background-color: rgb(235, 241, 241);
                }

                .visit_div .visit_ {
                    display: grid;
                    grid-template-columns: 170px auto;
                    grid-gap: 20px;
                }

                .visit_div .visit_ .value_ {
                    font-weight: bold;
                    font-size: 120%;
                }

                .masterBTip1 {
                    padding: 50px 10px;
                    margin: 50px 20px;
                    width: auto;
                    border-width: 1px 0 0 0;
                    border-style: solid;
                    border-color: grey;
                }

                .imgframe,
                .imgframe_cover {
                    background-repeat: no-repeat;
                    background-position: center;
                    border-color: grey;
                    border-style: solid;
                }

                .imgframe_cover {
                    border-radius: 15px;
                    background-size: cover;
                    height: 200px;
                    border-width: 1px;
                }

                .imgframe {
                    background-size: auto 80%;
                    height: 160px;
                    border-width: 0 0 1px 0;
                }

                .text_item {
                    direction: rtl;
                    text-align: right;
                }

                .text_item .item_comment {
                    text-align: justify;
                    font-size: 90%;
                    color: grey;
                    padding: 5px 0;
                }

                .text_item .subject {
                    text-align: right;
                    padding: 10px 0 5px 0;
                    font-weight: bold;
                }

                .article_item {
                    margin: 0 auto;
                    max-width: 400px;
                    color: black;
                    text-align: center;
                    padding: 20px;
                }

                .services_item {
                    margin: 0 auto;
                    max-width: 300px;
                    color: black;
                    text-align: center;
                    padding: 20px;
                }

                /* .services_item .text_item {
                    text-align: center;
                } */

                .text_item a {
                    font-size: 90%;
                    padding: 5px 0;
                }

                .next_prev_cont {
                    padding: 20px;
                    text-align: left;
                }

                .customNextBtn,
                .customPrevBtn {
                    display: inline-block;
                    width: auto;
                    padding: 0 5px;
                }

                .masterBTip1 .masterBTip1_1 .subject {
                    font-weight: bold;
                    font-size: 160%;
                    text-align: center;
                }

                .residence_calander_0 {
                    padding: 20px 0;
                    margin: 10px 0;
                    text-align: center;
                }

                .residence_calander_0 .subject_ {
                    padding: 10px 0;
                    text-align: right;
                }

                .residence_calander_0 .comment_ {
                    text-align: right;
                }

                .residence_calander_0 .seting_box_ {
                    display: grid;
                    grid-template-columns: auto 50px 50px 140px;
                    padding: 5px 0;
                    margin: 5px 0;
                }

                .residence_calander_0 .seting_box_0_ {
                    display: grid;
                    padding: 5px 0;
                    margin: 5px 0;
                }

                @media (max-width:300px) {
                    .residence_calander_0 .seting_box_0_ {
                        grid-template-columns: auto 30px 30px 100px;
                    }
                }

                @media (min-width:301px) {
                    .residence_calander_0 .seting_box_0_ {
                        grid-template-columns: auto 50px 50px 140px;
                    }
                }

                .residence_calander_0 .seting_box_ a,
                .residence_calander_0 .seting_box_0_ a {
                    border-style: solid;
                    border-width: 1px;
                    border-color: rgb(177, 177, 177);
                    border-radius: 10px;
                    padding: 5px;
                    margin: 2px 5px;
                    text-align: center;
                    color: grey;
                    transition: all 0.2s;
                }

                .ctrl_btn {
                    border-style: solid;
                    border-width: 1px;
                    border-color: rgb(177, 177, 177);
                    border-radius: 10px;
                    padding: 5px;
                    text-align: center;
                    color: grey;
                    transition: all 0.2s;
                }


                .residence_calander_0 .seting_box_ .del_,
                .residence_calander_0 .seting_box_0_ .del_ {
                    font-size: 85%;
                }

                .residence_calander_0 .seting_box_ a:hover,
                .residence_calander_0 .seting_box_0_ a:hover,
                .ctrl_btn:hover {
                    background-color: rgb(245, 243, 243);
                }

                .residence_calander {
                    padding: 20px 0;
                }

                .residence_calander div {
                    text-align: center;
                    display: block;
                }

                .residence_calander div div div div {
                    scale: 1;
                    position: static;
                    left: 0;
                }

                @media (min-width:1301px) {
                    .residence_calander {
                        display: grid;
                        grid-template-columns: auto auto;
                    }
                }

                @media (max-width:1300px) {
                    .residence_calander {
                        display: block;
                    }
                }

                .pop_up,
                .pop_up-hide {
                    display: none;
                }

                .pop_up {
                    display: inline-block;
                    position: fixed;
                    height: 100vh;
                    background-color: rgba(250, 250, 250, 0.8);
                    padding: 20px;
                    top: 0;
                    left: 0;
                    z-index: 100;
                    width: 100%;
                }

                .pop_up .residence_calander_0 {
                    background-color: white;
                    padding: 30px 10px;
                    border-radius: 15px;
                    margin: 0;
                    border-width: 0;
                }

                .pop_up .shadow_box-showAnim {
                    -webkit-animation: animation1 1s;
                }

                .pop_up .shadow_box .b_control2,
                .pop_up .shadow_box .b_control1 {
                    display: grid;
                    margin: 20px 0;
                    grid-gap: 10px;
                }

                .pop_up .shadow_box .b_control2 {
                    grid-template-columns: auto 100px 100px;
                }

                .pop_up .shadow_box .b_control1 {
                    grid-template-columns: auto 100px;
                }

                .pop_up .shadow_box .b_control2 a,
                .pop_up .shadow_box .b_control1 a {
                    padding: 10px;
                }


                .shadow_box,
                .shadow_box-showAnim {
                    position: fixed;
                    top: 50%;
                    left: 50%;
                    /* -webkit-transform: translate(-50%, -50%);
                    -ms-transform: translate(-50%, -50%); */
                    transform: translate(-50%, -50%);
                    width: 90%;
                    padding: 20px;
                    border-radius: 15px;
                    background-color: white;
                    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.3));
                    display: inline-block;
                }


                @-webkit-keyframes animation1 {
                    0% {
                        top: 45%;
                    }

                    100% {
                        top: 50%;
                    }
                }

                @keyframes animation1 {
                    0% {
                        top: 45%;
                    }

                    100% {
                        top: 50%;
                    }
                }

                .shadow_box .control_btn_,
                .shadow_box-showAnim .control_btn_ {
                    padding: 0 0 20px 0;
                    text-align: left;
                    height: auto;
                }

                .shadow_box .body_,
                .shadow_box-showAnim .body_ {
                    padding: 30px 20px;
                    text-align: center;
                }

                .shadow_box .control_btn_ .glass_btn1,
                .shadow_box-showAnim .control_btn_ .glass_btn {
                    padding: 8px 5px;
                    display: inline-block;
                    width: 40px;
                    height: 40px;
                    text-align: center;
                }

                .shadow_box .body_ .text_,
                .shadow_box-showAnim .body_ .text_ {
                    padding: 5px 0;
                }

                .shadow_box .body_ .under_control_,
                .shadow_box-showAnim .body_ .under_control_ {
                    padding: 10px 0;
                }

                .shadow_box .body_ .under_control_ .cristal_btn1,
                .shadow_box-showAnim .body_ .under_control_ .cristal_btn1 {
                    display: inline-block;
                    width: 100px;
                }

                .cristal_btn1 {
                    display: inline-block;
                    width: auto;
                    padding: 5px 10px;
                    margin: 2px 5px;
                    border-radius: 5px;
                    border-style: solid;
                    border-color: grey;
                    border-width: 1px;
                    background-color: rgb(245, 245, 245);
                    transition: all 0.3s;
                    color: grey;
                }

                .cristal_btn1:hover {
                    background-color: rgb(204, 206, 206);
                    border-radius: 10px;
                }

                .survey_box {
                    border-radius: 10px;
                    padding: 20px;
                    border-width: 1px;
                    border-style: solid;
                    border-color: grey;
                    margin: 10px 0 10px 0;
                }

                .survey_box .username_ {
                    padding: 0 0 10px 0;
                    border-width: 0 0 1px 0;
                    border-style: solid;
                    border-color: rgb(185, 184, 184);
                    margin: 0 0 10px 0;
                }

                .survey_box .texta_ {
                    border-width: 0;
                    display: block;
                    width: 100%;
                }

                .bill_box {
                    padding: 10px 0;
                }

                .bill_box .item_ {
                    margin: 5px 0;
                    padding: 20px;
                    border-radius: 15px;
                    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.1));
                    background-color: white;
                    /* position: relative;
                    z-index: 0; */
                }

                .control_btn {
                    padding: 20px 0;
                }

                .bill_box .item_ .control_btn {
                    padding: 10px 0;
                    margin: 5px 0;
                    text-align: left;
                }

                .bill_box .item_ .control_btn .cristal_btn1 {
                    padding: 5px 15px;
                }

                .bill_box .item_ .control_btn #pay_ {
                    color: white;
                    background-color: green;
                }

                .control_btn_grid,
                .control_btn_grid2 {
                    padding: 20px 0;
                    display: grid;
                    text-align: center;
                }

                .control_btn_grid {
                    grid-template-columns: auto 160px;
                }

                .control_btn_grid2 {
                    grid-template-columns: auto 130px 130px;
                }

                .bills .control_btn_grid2 #pay_ {
                    background-color: rgb(74, 124, 203);
                    color: white;
                }

                .bills .control_btn_grid2 #pay_:hover {
                    background-color: rgb(58, 101, 171);
                    color: white;
                }

                .control_btn_grid .cristal_btn1 {
                    display: block;
                    width: auto;
                    padding: 10px;
                    text-align: center;
                }

                .control_btn_grid2 .cristal_btn1 {
                    display: block;
                    width: auto;
                    padding: 10px;
                    text-align: center;
                    border-radius: 10px;
                }

                .bills {
                    display: block;
                    max-width: 700px;
                    margin: auto;
                    background-color: white;
                    filter: drop-shadow(0 0 10px rgba(5, 0, 0, 0.183));
                    padding: 20px 20px 0 20px;
                    border-radius: 15px;
                }

                .video_box {
                    display: block;
                    max-width: 400px;
                    padding: 20px;
                    margin: 0 auto 40px auto;
                    background-color: white;
                    filter: drop-shadow(0 0 10px rgba(5, 0, 0, 0.183));
                    border-radius: 15px;
                }

                .video_box .img_ {
                    background-image: url(../upload/item/001.jpg);
                    background-repeat: no-repeat;
                    background-position: center;
                    background-size: cover;
                    display: block;
                    height: 300px;
                    border-radius: 10px;
                }

                .video_box .img_ .btn_ {
                    position: absolute;
                    display: inline-block;
                    width: 100px;
                    height: 100px;
                    top: 50%;
                    left: 50%;
                    -webkit-transform: translate(-50%, -50%);
                    -ms-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
                }

                .circle_btn {
                    display: block;
                    border-radius: 50%;
                    border-style: solid;
                    border-color: white;
                    border-width: 5px;
                    height: 100%;
                    background-color: rgba(253, 250, 250, 0.256);
                    transition: all 0.2s;
                    color: white;
                }

                .circle_btn:hover {
                    background-color: rgba(253, 250, 250, 0.374);
                    color: rgba(255, 255, 255, 0.667);
                }

                .circle_btn .play_ {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    -webkit-transform: translate(-50%, -50%);
                    -ms-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
                    font-size: 130%;
                }

                .response .bills {
                    /* padding: 20px; */
                    margin: 0 auto 70px auto;
                }

                .bills div .box_1_,
                .bills div .box_2_,
                .bills div .box_3_ {
                    color: white;
                    padding: 30px;
                    margin: 3px 0;
                    border-radius: 10px;
                    text-align: center;
                }

                .bills div .box_1_ {
                    background-color: rgb(13, 126, 126);
                }

                .bills div .box_2_ {
                    background-color: rgb(141, 25, 87);
                }

                .bills div .box_3_ {
                    background-color: rgb(8, 113, 15);
                }

                .bills div p span {
                    color: rgba(252, 250, 250, 0.612);
                }

                .bills div p .bold_ {
                    font-size: 110%;
                    font-weight: bold;
                    color: white;
                }

                .bill_box .item_ div p {
                    padding: 5px 0;
                }

                .bill_box .item_ div p .grey_ {
                    color: grey;
                }

                .bill_box .item_ div p .bold_ {
                    font-weight: bold;
                    font-size: 110%;
                }

                .text_box1 {
                    padding: 40px 0;
                }

                .input_grid3,
                .input_grid3_star {
                    margin: 5px 0;
                    padding: 10px 0;
                    display: grid;
                }

                .input_grid3_star .input_star {
                    grid-area: star;
                }

                .input_grid3_star .input_lable {
                    grid-area: lable;
                }

                .input_grid3_star .input_input {
                    grid-area: input;
                }

                @media(max-width: 430px) {
                    .input_grid3_star {
                        grid-template-columns: 15px auto;
                        grid-template-areas: 'star lable' 'input input';
                        /* grid-template-rows: ; */
                    }
                }

                @media(min-width: 431px) {
                    .input_grid3_star {
                        grid-template-columns: 15px 160px auto;
                        grid-template-areas: 'star lable input';
                    }
                }

                .input_grid3 {
                    grid-template-columns: 175px auto;
                }

                .input_star {
                    color: red;
                    padding: 15px 0 0 0;
                }

                .input_lable {
                    padding: 10px 0;
                }

                .input_input {
                    padding: 10px;
                    border-style: solid;
                    border-width: 0 0 1px 0;
                    border-color: rey;
                    font-size: 110%;
                }

                .text_box1 .control_btn {
                    text-align: left;
                }

                .input_grid3_star .input_star {}

                .input_grid3_star .input_lable {}

                .ipgtable {
                    width: 100%;
                    direction: rtl;
                }

                .ipgtablerow_h {
                    background-color: brown;
                    color: white;
                }

                .ipgtablerow1 {
                    background-color: rgb(234, 230, 230);
                }

                .ipgtablerow1:nth-of-type(odd) {
                    background: rgb(245, 245, 244);
                }

                .ipgtablecol0 {
                    padding: 10px 3px;
                    text-align: center;
                }

                .mrow {
                    display: block;
                }

                @media (min-width: 1501px) {
                    .bodycont0 {
                        padding: 0 200px;
                    }

                    .mrow {
                        padding: 0 200px;
                    }

                    .footercont0 {
                        padding: 0 40px;
                    }

                    .footer {
                        padding: 40px 200px;
                    }
                }

                @media (min-width: 1201px) and (max-width: 1500px) {
                    .bodycont0 {
                        padding: 0 100px;
                    }

                    .mrow {
                        padding: 0 100px;
                    }

                    .footercont0 {
                        padding: 0 40px;
                    }

                    .footer {
                        padding: 40px 100px;
                    }
                }

                @media (min-width: 901px) and (max-width: 1200px) {
                    .bodycont0 {
                        padding: 0 40px;
                    }

                    .mrow {
                        padding: 0 40px;
                    }

                    .footercont0 {
                        padding: 0 40px;
                    }

                    .footer {
                        padding: 40px 40px;
                    }
                }

                @media (min-width: 641px) and (max-width: 900px) {
                    .bodycont0 {
                        padding: 0 40px;
                    }

                    .mrow {
                        padding: 0 40px;
                    }

                    .footercont0 {
                        padding: 0 40px;
                    }

                    .footer {
                        padding: 40px 40px;
                    }
                }

                @media (max-width: 640px) {
                    .bodycont0 {
                        padding: 0 10px;
                    }

                    .mrow {
                        padding: 0 10px;
                    }

                    .footercont0 {
                        padding: 0 10px;
                    }

                    .footer {
                        padding: 40px 10px;
                    }
                }

                @media (max-width: 500px) {
                    .emptyrow {
                        height: 50px;
                    }
                }

                @media (min-width: 501px) {
                    .emptyrow {
                        height: 100px;
                    }
                }

                /* .slider_item{
                    display: block;
                    border-radius: 15px;
                } */

                /* .slider_item .img{
                    display: block;
                    height: auto;
                    border-radius: 15px;
                } */

                .slider .owl-carousel .owl-nav .owl-next i,
                .slider .owl-carousel .owl-nav .owl-prev i {
                    color: white;
                }

                .state_item {
                    display: inline-block;
                    width: 300px;
                    padding: 10px;
                }

                .state_item .item_body_1 {
                    height: 200px;
                    background-color: white;
                    border-radius: 15px;
                    border-style: solid;
                    border-width: 4px;
                    border-color: rgb(44,68,82);
                    background-repeat: no-repeat;
                    background-size: cover;
                    background-position: center;
                    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.3));
                    transition: all 0.2s;
                }

                .state_item .item_body_2 {
                    position: relative;
                    height: 0;
                    display: block;
                    text-align: center;
                }

                .state_item .item_body_2 p {
                    display: inline-block;
                    width: 130px;
                    padding: 5px 10px;
                    background-color: rgb(44,68,82);
                    border-radius: 20px;
                    font-size: 105%;
                    color: white;
                    position: relative;
                    top: -25px;
                }

                .state_item:hover .item_body_1 {
                    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.3));
                    background-size: 110% auto;
                    border-color: rgb(197, 198, 198);
                }

                .state_item:hover .item_body_2 p {
                    background-size: 110% auto;
                    background-color: rgb(197, 198, 198);
                }

                #state_sel_carousel div div div {
                    text-align: center;
                }

                .state_select {
                    padding: 40px 0;
                }

                .slider_head{
                    display: grid;
                    grid-template-columns: auto 100px;
                    grid-gap: 10px;
                    text-align: left;
                    margin: 10px 0;
                }

                .slider_head .sub_{
                    margin: 0;
                    padding: 0;
                }

                .slidectrl {
                    display: inline-block;
                    width: 90px;
                    /*height: 40px;*/
                }

                .slidectrl .grid_ {
                    display: grid;
                    grid-template-columns: auto auto;
                    grid-gap: 10px;
                }