/*-------------------------------------------------
 =  Table of CSS
	1.All Pages Common CSS Styles
    2.
-------------------------------------------------*/
/*-------------------------------------------------*/
/* =  1.All Pages Common CSS Styles
/*-------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&family=Quicksand:wght@500;600;700&display=swap');
p, a, span, li, label, tr, td, a, article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, summary, input, textarea, select{
    font-family: 'Poppins', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    margin-top: 0px;
    font-family: 'Quicksand', sans-serif;
}
ul{
    padding: 0px;
    margin: 0px;
}
li{
    list-style-type: none;
}
*{box-sizing: border-box;}
/* fallback */
@font-face{font-family:'Material Icons';font-weight:400;font-style:normal;font-display: swap;unicode-range: U+000-5FF;src:url(icon.woff2) format("woff2")}
.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
:before{
    font-family: "Material Icons";
    position: absolute;
    font-size: 18px;
    color: #9d9a98;
    font-weight: 500;
}
:after{
    font-family: "Material Icons";
    position: absolute;
    font-size: 18px;
    color: #6a717f;
    font-weight: 500
}
a {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    text-decoration: none;
}
a:hover {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    text-decoration: none;
}
.ic-pho:before{
    content: "local_phone";
}
.ic-eml:before{
    content: "mail";
}
.ic-web:before{
    content: "language";
}
.ic-map:before{
    content: "location_on";
}
.ic-pho:before{
    content: "phone";
}
.ic-user:before{
    content: "person";
}

.addr:before, .pho:before, .mail:before{
    /* position: absolute; */
    /* width: 18px; */
    /* height: 18px; */
    /* background-size: cover; */
    /* background-repeat: no-repeat; */
    font-size: 20px;
}
.addr:before{
    content: 'location_on';
    margin: -3px 0px 0px -28px;
}
.pho:before{
    content: 'phone_iphone';
    margin: -4px 0px 0px -27px;
}
.mail:before{
    content: 'mail_outline';
    margin: -4px 0px 0px -28px;
}
/*-------------------------------------------------*/
/* =  2.PRE LOADING
/*-------------------------------------------------*/
#preloader, #loadingmessage {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #143d4c9c;
    /* change if the mask should have another color then white */
    z-index: 99999;
    /* makes sure it stays on top */
}

#status, #loadingmessage1 {
    position: absolute;
    left: 47%;
    top: 32%;
    border: 5px solid #e0ebf4;
    border-radius: 50%;
    border-top: 5px solid #03A9F4;
    width: 90px;
    height: 90px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.status_message{
    background: #21d78d;
    padding: 10px 40px;
    border-radius: 0 0 5px 5px;
    display: table;
    margin: 0 auto;
    box-shadow: 0px 8px 8px -5px rgba(0, 0, 0, 0.3);
    transition: all 0.5s ease;
    position: fixed;
    top: 0px;
    z-index: 22;
    left: 0px;
    width: 100%;
    text-align: center;
    background: linear-gradient(to top,#0cc87c,#21d78d 70%);
    color: #fff;
    font-size: 13.5px;
}
label.error{
    color: #ff1d1d;
    font-size: 12px;
    margin-bottom: 0px;
}
.spa-first-review {
    border: 1px solid #d3e0e9;
    border-radius: 4px;
    background: #f0f9ff;
    padding: 20px;
    margin: 15px 0px;
    float: left;
    text-align: center;
    width: 100%;
}
div#review_success {
    border: 1px solid #91ff94;
    border-radius: 4px;
    background: #e5ffe5;
    padding: 20px;
    margin: 15px;
    float: left;
    text-align: center;
    width: 100%;
    font-weight: 500;
    font-size: 17px;
    color: #007c03;
}
#home_enq_success{  
    background: #e1ffec;
    border: 1px solid #6acc8e;
    padding: 7px;}
#home_enq_success p{
    color: #1ca54e;
    margin: 0px;
    font-size: 13px;
    font-weight: 500;    
}
.log p{
}
.login-reg .log p{
}
.log-suc p{
    border: 1px solid #d3e9d7;
    border-radius: 4px;
    background: #f0fff5;
    padding: 8px;
    margin: 15px 0px;
    float: left;
    text-align: center;
    width: 100%;
    color: #1a863e;
    font-size: 12px;
    font-weight: 500;
}
.log-error p{
    border: 1px solid #e9d3d3;
    border-radius: 4px;
    background: #fff2f0;
    padding: 20px;
    margin: 15px 0px;
    float: left;
    text-align: center;
    width: 100%;
    color: #861a1a;
}
div#event_detail_enq_success p{
    border: 1px solid #1e910a;
    border-radius: 4px;
    background: #1e700f;
    padding: 15px;
    margin: 15px 0px;
    float: left;
    text-align: center;
    width: 100%;
    font-weight: 500;
    font-size: 12px;
    color: #ffffff;
}
.lhs-cate .dropdown select{
    background: #e8eaed;
    border: 0px;
    font-size: 15px;
    padding: 12px 18px;
    color: #0a0a0b;
    width: 100%;
    border-radius:5px;
    font-weight: 500;
    float: left;
}

.hm3-auto-ban{position: relative;}
.hm3-auto-ban .lhs{
    float: left;
    width: 60%;
    padding: 90px 50px 0px 100px;
    position: relative;
    color: #fff;
}
.hm3-auto-ban .lhs span{
    /* background: #1d9ad6; */
    color: #44b2f3;
    font-size: 14px;
    font-weight: 500;
    padding: 0px 6px;
}
.hm3-auto-ban .lhs h1{
    font-family: 'Poppins';
    font-weight: 700;
    font-size: 56px;
    line-height: 60px;
}
.hm3-auto-ban .lhs h1 b{
    color: #44b2f3;
}
.hm3-auto-ban .lhs h4{}
.hm3-auto-ban .lhs p{
    padding-bottom: 15px;
}
.hm3-auto-ban .lhs a{
    background: #fba304;
    color: #000;
    padding: 10px 30px 10px 30px;
    border-radius: 5px;
    border: 1px solid #fba304;
    display: inline-block;
    font-weight: 600;
}
.hm3-auto-ban .lhs a:hover{
    background: #f7b846;
    border: 1px solid #f7b846;
    box-shadow: 0px 4px 20px -4px #15212f;
}
.hm3-auto-ban .rhs{
    float: left;
    width: 40%;
    padding: 0px 100px 0px 0px;position: relative;
}
.hm3-auto-ban .rhs .hom-col-req{
    margin: 0px;
    box-shadow: 0 -7px 18px -5px rgb(0 0 0 / 76%);
    border-radius: 0px;
    background: url(../images/city-bg.png) no-repeat #fff;
    background-position: right bottom;
    background-size: 100%;    
}
.hm3-auto-ban .rhs .hom-col-req form{padding: 15px 35px 30px 35px;}
.hm3-auto-ban .rhs .hom-col-req h4{color: #000;font-size: 18px;font-family: 'Poppins';line-height: 30px;font-weight: 600;}
.hm3-auto-ban .rhs .hom-col-req input, .hm3-auto-ban .rhs .hom-col-req select, .hm3-auto-ban .rhs .hom-col-req textarea{
    font-family: 'Poppins';
    font-size: 13px;
}
.hm3-auto-ban .rhs .hom-col-req input{}
.hm3-auto-ban .rhs .hom-col-req select{}
.hm3-auto-ban .rhs .hom-col-req textarea{
    height: 54px;
}
.hm3-auto-ban .rhs .hom-col-req button{
    font-size: 14px;
}
.hm3-auto-ban:before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: linear-gradient(to right,#030b19d6,#00000024);
}

/*-------------------------------------------------*/
/* = SEARCH RESULTS
/*-------------------------------------------------*/

.ser-head{
    margin-top: 55px;
    padding: 50px 0px 40px 0px;
    position:relative;
}
.ser-head h2{}
.ser-head .ban-search{
    width: 55%;
    padding: 0px;
    background: none;
}
.ser-head .ban-search ul li.sr-sea{
    width: 100%;
    margin: 0px;
}
.ser-head .ban-search ul li.sr-sea:before{margin-top:11px;}
.ser-head .ban-search ul li input{
    border-radius: 50px;    border: 1px solid #d5d5d5;
}
.ser-head .ban-search ul li.sr-btn{
    width: 20%;
    /* margin-left: -140px; */
    position: absolute;
    right: 5px;
    top: 4px;
}
.ser-head .ban-search ul li input[type="submit"]{
    height: 42px;
}
.ser-re-hu{
    padding-bottom: 5px;
    color: #333;
}
.ser-re-cout{
    position: fixed;
    top: 70px;
    z-index: 9;
    background: #befbd1;
    width: 40%;
    text-align: center;
    border-radius: 4px;
    padding: 3px;
    color: #2d8c4a;
    font-size: 13px;
    border: 1px solid #81de9e;
    font-weight: 500;
    box-shadow: 0px 1px 15px -1px #3333334f;
}
.ser-resu{}
.ser-resu ul{}
.ser-resu ul li{
    padding-bottom: 20px;
    float: left;
    width: 25%;
    border: 6px solid #3330;
}
.ser-resu ul li:hover .ser1 a{/* text-decoration: underline; */color: #1182dc;}
.ser-resu ul li:hover .ser4 a{color: #38bc0d;}
.ser-resu ul li:hover .ser2{background: #38bc0d;}
.ser1{
    float: left;
    width: 100%;
    padding: 15px;
}
.ser1 a{
    font-size: 14px;
    font-weight: 600;
    color: #000000;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    float: left;
    display: inline-block;
    width: 100%;
    line-height: 15px;
}
.ser2{
    font-size: 11.5px;
    background: #05b383;
    padding: 0px 5px;
    font-weight: 400;
    color: #fff;
    border-radius: 2px;
    position: absolute;
    top: 0px;
    left: 0px;
}
.ser2.ser-ev{
    background: #caa10a;
    color: #fff;
}
.ser2.ser-bl{
    background: #0291d2;
}
.ser3{
    font-size: 14px;
    padding-top: 3px;
    display: none;
}
.ser3 p{margin-bottom: 0px;}
.ser4{}
.ser4 a{
    font-size: 13px;
    color: #ffffff00;
    text-decoration: underline;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    font-size: 0px;
}
.smbox{
    /* margin: 15px; */
    border: 1px solid #f7f5f5;
    box-shadow: 0px 3px 13px -5px #3333333b;
    position: relative;
    float: left;
    width: 100%;
    transition: all 0.5s ease;
}
.smbox:hover{
    transform: translateY(-6px);
    transition: all 0.5s ease;
    box-shadow: 0px 18px 26px -16px #333333e6;
}
.ser0{}
.ser0 img{
    width: 100%;
    height: 165px;
    border-radius: 0px;
    object-fit: cover;
}
/*-------------------------------------------------*/
/* = 4.DESKTOP MENU
/*-------------------------------------------------*/
.menu{
    margin-right: 20px;
    float: left;
    margin-right: 20px;
    /* display: inline-block; */
    border-left: 1px solid #dee3e7;
    padding: 5px 5px 5px 12px;
    margin-left: 20px;
    margin-top: 20px;
    cursor: pointer;
    position: relative;
}
.menu:after, .pmenu-cat ul li a:before, .al:after{
    content: '';
    background: url('../images/icon/svg/down-arrow.svg');
    transition: all 0.5s ease;
}
.menu:after{
    color: #fff;
    right: -16px;
    top: 9px;
    width: 10px;
    height: 10px;
    filter: invert(1);
}
.menu.ani:after{
    transform: rotate(180deg);
}
.menu h4{
    color: #fff;
    font-size: 13.5px;
    margin: 0px;
    font-weight: 700;
    /* text-transform: uppercase; */
}
.menu i{
    width: 32px;
    height: 32px;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 8px;
    padding-top: 3px;
    border-radius: 50px;
    box-shadow: 0 0 0 rgb(66, 116, 235);
    animation: pulse 1.5s infinite;
    background: #4274eb;
    color: #ffffff;
    /* border: 1px solid #b2ddff; */
}
.menu .mopen{
    /* display: none;
     */
}
.ad-head{
    transition: all 0.5s ease;
    padding: 5px 2%;
    position: fixed;
    top: 0px;
    z-index: 20;
    width: 100%;
    background: #fff;
    box-shadow: 0px 1px 16px -8px rgba(42, 42, 42, 0.8);
}
.pulse {
    box-shadow: 0 0 0 rgba(204,169,44, 0.4);
    animation: pulse 1.5s infinite;
}
.pulse:hover {
    animation: none;
}
@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgb(178, 221, 255);
    }
    70% {
        -webkit-box-shadow: 0 0 0 15px rgba(204,169,44, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
    }
}
@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgb(178, 221, 255);
        box-shadow: 0 0 0 0 rgb(178, 221, 255);
    }
    70% {
        -moz-box-shadow: 0 0 0 15px rgba(204,169,44, 0);
        box-shadow: 0 0 0 15px rgba(204,169,44, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
        box-shadow: 0 0 0 0 rgba(204,169,44, 0);
    }
}
.pop-menu{
    width: 100%;
    background: #ffffff;
    position: absolute;
    overflow: hidden;
    z-index: 99;
    padding: 25px;
    box-shadow: 0px 15px 36px -12px rgba(0, 0, 0, 0.5);
    margin-top: 54px;
    left: 0px;
    transition: all 0.3s ease;
    visibility: hidden;
    opacity: 0;
    transform: translateY(15px);
}
.pop-menu:after{
    content: '';
    position: absolute;
    background: url(../images/city-bg.png) #fff;
    background-position: right bottom;
    background-size: 460px;
    width: 100%;
    height: 72px;
    /*animation: animatedBackground 80s linear infinite;*/
    bottom: 0px;
    z-index: -1;
    left: 0px;
}
.pop-menu .clopme{
    right: 0px;
    position: absolute;
    top: 0px;
    font-size: 30px;
    cursor: pointer;
    color: #333;
}
.pmenu-sear{
    width: 100%;
    margin-bottom: 30px;
    display: none;
}
.pmenu-sear form{
}
.pmenu-sear form input{
    width: 100%;
    border: 0px;
    border-bottom: 1px solid #e3dbdb;
    text-align: center;
    padding-bottom: 6px;
    font-size: 18px;
    font-weight: 300;
}
.pmenu-cat{
    float: left;
    width: 78%;
    border-left: 1px solid #d6d6d6;
    /* margin-top: 15px; */
    /* padding-top: 12px; */
    /* padding-left: 30px; */
    padding: 0 0 20px 30px;
}
.pmenu-cat h4{
    font-size: 16px;
    font-weight: 800;
    padding-bottom: 15px;
    text-transform: uppercase;
    /* border-bottom: 1px solid #d6d6d6; */
    /* margin-bottom: 25px; */
}
.pmenu-cat input {
    border: 0px;
    border-bottom: 1px solid #e2e2e2;
    width: 100%;
    margin: 5px 0px 20px 0px;
    font-size: 14px;
}
.pmenu-cat ul{
}
.pmenu-cat ul li{
    float: left;
    width: 20%;
    padding: 0px 10px 6px 20px;
    position: relative;
}
.pmenu-cat ul li a{
    color: #58677b;
    font-size: 13px;
    font-weight: 500;
    transition: all 0.2s ease;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre;
    display: inline-block;
    width: 100%;
}

.pmenu-cat ul li a span{
    color: #97a8bf;
    font-weight: 400;
}
.pmenu-cat ul li a:hover{
    color: #1051b7;
    text-decoration: underline;
    transition: all 0.2s ease;
}
.pmenu-cat ul li a:hover:before{
    color: #1051b7;
    transition: all 0.2s ease;
}
.pmenu-cat ul li a:before{
    margin: 5px 0px 0px -20px;
    color: #9d9faa;
    transition: all 0.2s ease;
    width: 9px;
    height: 9px;
    /* filter: invert(1); */
    transform: rotate(-90deg);
    opacity: 0.6;
}
.pmenu-cat ul li .sub-cat-menu{
    position: absolute;
    background: #fff;
    z-index: 9;
    width: 200px;
    border-radius: 2px;
    visibility: hidden;
    /* right: -200px; */
    top: 26px;
    box-shadow: 0px 3px 13px 3px #dededea1;
    padding: 12px 7px 7px 18px;
    transition: all 0.5s ease;
    transform: translateY(10px);
    opacity: 0;
    min-height: 200px;
    max-height: 250px;
    overflow-y: auto;
}
.pmenu-cat ul li .sub-cat-menu ul{}
.pmenu-cat ul li .sub-cat-menu ul li{width:100%;padding: 0px;}
.pmenu-cat ul li .sub-cat-menu ul li a{font-size: 12px;color: #1264e6;font-weight: 500;}
.pmenu-cat ul li .sub-cat-menu ul li a:before{display:none;}
.pmenu-cat ul li:hover .sub-cat-menu{visibility: visible;transform: translateY(0px);opacity: 1;}
.pmenu-eve{
    float: left;
    width: 100%;
}
.pmenu-eve ul{
}
.pmenu-eve ul li{
    float: left;
    width: 50%;
}
.pmenu-eve ul li:nth-child(odd) div{
    margin: 0px 15px 15px 0px;
}
.pmenu-eve ul li:nth-child(even) div{
    margin: 0px 0px 15px 15px;
}
.pmenu-eve ul li div{
    transition: all 0.5s ease;
}
.pmenu-eve ul li div:hover{
    box-shadow: 0px 20px 24px -22px rgba(51, 57, 60, 0.88);
    transition: all 0.5s ease;
    transform: translateY(-5px);
}
.pmenu-blo{
    float: left;
    width: 25%;
}
.pm-box{
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    padding: 25px;
    background: #f7f8ec;
    color: #2c2c2c;
}
.pmenu-eve ul li:nth-child(2) div{
    background: #ecf6f8;
}
.pmenu-eve ul li:nth-child(3) div{
    background: #ecf2f8;
}
.pmenu-eve ul li:nth-child(4) div{
    background: #eeecf8;
}
.pmenu-eve ul li:nth-child(5) div{
    background: #f0f8ec;
}
.pmenu-eve ul li:nth-child(6) div{
    background: #ecf6f8;
}
.pmenu-eve ul li:nth-child(7) div{
    background: #ecf6f8;
}
.pmenu-spri{
    float: left;
    width: 22%;
    padding: 0 0 10px 0;
}
.pmenu-spri ul{}
.pmenu-spri ul li{
    float: left;
    width: 100%;
}
.pmenu-spri ul li a{/* border-bottom: 1px solid #49494c; */color: #49494c;font-weight: 600;font-size: 13px;/* margin: 0px 10px 10px 0px; */display: inline-block;padding: 10px 20px;width: 100%;text-transform: uppercase;}
.pmenu-spri ul li a:hover{
    color: #0b78cf;
    text-decoration: underline;
    padding-left: 25px;    
}
.pmenu-spri ul li a.act{
    /* border-bottom: 1px solid #1070bd; */
    /* color: #1070bd; */
}
.pmenu-spri ul li a i{
    vertical-align: sub;
    font-size: 18px;
    margin-right: 4px;
}
.pmenu-spri ul li a img{
    width: 28px;
    margin-right: 15px;
    /* float: left; */
}
.pop-menu.ani{
    /* transition: all 0.5s ease; */
    visibility: visible;
    opacity: 1;
    transform: translateY(0px);
}
.pop-menu.ani .pmenu-spri ul li a{}
.pmenu-spri ul li{transition: all 0.3s ease; opacity: 0;transform: translateX(-15px);}
.pop-menu.ani .pmenu-spri ul li{transition: all 0.3s ease; opacity: 1;transform: translateX(0px);}
.pop-menu.ani .pmenu-spri ul li:nth-child(1){transition-delay: 0s;}
.pop-menu.ani .pmenu-spri ul li:nth-child(2){transition-delay: 0.3s;}
.pop-menu.ani .pmenu-spri ul li:nth-child(3){transition-delay: 0.6s;}
.pop-menu.ani .pmenu-spri ul li:nth-child(4){transition-delay: 0.9s;}
.pop-menu.ani .pmenu-spri ul li:nth-child(5){transition-delay: 1.2s;}
.pop-menu.ani .pmenu-spri ul li:nth-child(6){transition-delay: 1.5s;}
.pm-box h4{
    position: relative;
    font-weight: 300;
    font-size: 26px;
    padding-top: 0px;
}
.pm-box p{
    position: relative;
    font-size: 12px;
    font-weight: 300;
    margin: 0px;
}
.dir-home-nav-bot {
     position: relative;
     overflow: hidden;
     width: 100%;
     border-top: 1px solid #d6d6d6;
     /* border-bottom: 1px solid #d6d6d6; */
     padding: 35px 15px 0px 15px;
     font-family: 'Quicksand', sans-serif;
     font-weight: 600;
}
 .dir-home-nav-bot ul {
     margin-bottom: 0px;
}
 .dir-home-nav-bot ul li span {
     display: block;
     font-size: 32px;
     color: #6f6347;
     padding-top: 0px;
     font-weight: 600;
}
 .dir-home-nav-bot ul li {
     border-right: 0px solid #dedede;
     background: none;
     float: left;
}
 .dir-home-nav-bot ul li:nth-child(1) {
     width: 58%;
     font-weight: 500;
}
 .dir-home-nav-bot ul li:nth-child(2) {
     width: 20%;
     margin-right: 8px;
}
 .dir-home-nav-bot ul li:nth-child(3) {
     width: 20%;
}
 .dir-home-nav-bot ul li a {
     font-size: 14px;
     margin-right: 10px;
     height: inherit;
     padding: 15px 5px 15px 25px;
     color: #fff;
     background: #1977f3;
     display: inline-block;
     width: 100%;
     font-weight: 500;
     border-radius: 3px;
}
 .dir-home-nav-bot ul li a i {
     vertical-align: sub;
     color: #fff;
     /* text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.44); */
     font-size: 20px;
     padding-right: 5px;
}
 .dir-ani-btn {
     position: relative;
     background-color: #15b0f6;
     border: none;
     font-size: 28px;
     color: #FFFFFF;
     padding: 2px;
     width: 200px;
     text-align: center;
     -webkit-transition-duration: 0.4s;
    /* Safari */
     transition-duration: 0.4s;
     text-decoration: none;
     overflow: hidden;
     cursor: pointer;
     box-shadow: 0 1px 3px rgba(14, 14, 13, 0.42);
     border-bottom: 1px solid #0793d2;
     color: #fff;
     background-color: #1ebef0;
     border: 1px solid #1ebef0;
     font-weight: 600;
     border-radius: 2px;
     text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.44);
}
 .dir-ani-btn:after {
     content: "";
     background: #90EE90;
     display: block;
     position: absolute;
     padding-top: 300%;
     padding-left: 350%;
     margin-left: -20px!important;
     margin-top: -120%;
     opacity: 0;
     transition: all 0.8s 
}
 .dir-ani-btn:active:after {
     padding: 0;
     margin: 0;
     opacity: 1;
     transition: 0s 
}

.top-log img{}
.top-ser{
    float: left;
    width: 30%;
    padding: 8px 0px 0px 40px;
    margin-top: 8px;
}
.top-ser form{
    /* padding: 10px 0px 0px 20px; */
    width: 100%;
    position: relative;
}
.top-ser form ul{}
.top-ser form ul li{}
.top-ser form ul li:after{
    /* content: "search"; */
    /* margin: 1px 0px 0px -33px; */
    font-size: 21px;
    color: #0b253a;
}
.top-ser form ul li input{
    width: 100%;
    border: 0px;
    height: 33px;
    padding: 10px 40px 10px 20px;
    border-radius: 2px;
    font-size: 14px;
    /* font-family: 'Quicksand', sans-serif; */
    /* font-weight: 500; */
}
.top-ser form ul li.sbtn{
    position: absolute;
    right: 0px;
    top: 0px;
}
.top-ser form ul li.sbtn button{
    width: 40px;
    height: 33px;
    cursor: pointer;
    border-radius: 0px 1px 1px 0px;
    content: "search";
    font-size: 14px;
    padding: 5px 0px;
    background: none;
    border: none;
    color: #596873;
}
.top-ser form ul li.sbtn button i{
    width: 14px;
    height: 14px;
    background: url('../images/icon/search.png') no-repeat;
    background-size: cover;
    margin: 5px 0px 0px 6px;
    font-size: 21px;
    opacity: 0.6;
}
/*-------------------------------------------------*/
/* = 5.HOME PAGE BANNER AND SEARCH BOX
/*-------------------------------------------------*/
.hom-head{
    padding: 140px 0px 50px 0px;
    background: #ffeee5;
    background: linear-gradient(to top,#fff,#ffeee5 70%);
    background-image: url(../images/banner4.html);
    background-position: center;
    background-repeat: no-repeat;
    /* animation: animatedBackground 150s linear infinite; */
    position: relative;
    margin-bottom: 50px;
    background-size: cover;
}
@keyframes animatedBackground {
    from{background-position:0 0}
    to{background-position:100% 0}
}
.all-cat-head{
    padding: 120px 0px 0px 0px;
}
.hom-top .container{
    position: relative;
}
.hom-head:before{
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    left:0px;
    right:0px;
    top:0px;
    bottom:0px;
      /* fallback for old browsers */
      /* Chrome 10-25, Safari 5.1-6 */
    background: #0a0f13a6; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.hom-head:after{
    content:'';
    position:absolute;
    width:100%;
    height: 70px;
    left:0px;
    bottom: -57px;
    background: url(../images/cloud.html) #fff0;
    background-size: cover;
}
.hom-top {
    transition: all 0.5s ease;
    padding: 0;
    position: fixed;
    top: 0px;
    left: 0px;
    padding: 3px;
    z-index: 20;
    width: 100%;
    background: #1977f3;
    box-shadow: 0px 8px 18px -8px rgb(42 42 42 / 63%);
    transition: all 0.5s ease;
}
.hom-top.dmact {
    transition: all 0.5s ease;
    background:#1977f3;
    box-shadow: 0px 11px 18px -8px rgba(42, 42, 42, 0.63);
}
.hom-nav{
    width: 100%;
}
    .hom-nav .ic-logo {
        width: 200px;
        padding-top: 5px;
        /* margin-left: 48px; */
        float: left;
    }
.hom-nav .bl{
    float: right;
    margin: 0px;
    
}
.hom-nav .bl li{
    float: left;
    margin-left: 10px;
    font-weight: 500;
}
.hom-nav .bl li a{
    color: #ffffff;
    cursor: pointer;
    font-weight: 800;
    font-size: 13.5px;
    line-height: 49px;
    /* border: 1px solid #223c50; */
    padding: 6px 6px;
    border-radius: 5px;
    font-family: 'Quicksand', sans-serif;
}
.hom-nav .bl li.dropdown .dropdown-menu .fa-user:before{
	    font-family: "Font Awesome 5 Free";
		    position: relative;
			    content: "\f007";
}
.hom-nav .bl li.dropdown:hover .dropdown-menu{
	    display: block;
}
.hom-nav .bl li:last-child a.{
    background: #1977f3;
    color: #fff;
    padding: 10px 15px 10px 17px;
    border-radius: 5px;
    border: 1px solid #ffffff;
}
.hom-nav .bl li:last-child a:hover{
    background: #1834bf;
    border: 1px solid #0a2192;
}
.drop-heading {
    padding: 8px 17px;
    border-bottom: 1px solid #e9edf457 !important;
}
.drop-heading h5{
	font-weight:600px;
}
.fs-14 {
    font-size: 14px !important;
}
.text-muted {
    color: #444441 !important;
    font-weight: 500;
    font-size: 17px;
}
.hom-nav .bl li.dropdown a.dropdown-item {
    color: #000;
    line-height: 20px;
    border-bottom: 1px solid #e9edf4;
    border-bottom: 1px solid #e9edf457 !important;
    font-weight: 500;
    padding: 11px 17px;
}
.al{
    float:right;
    display:none;
    position: relative;
}
.al:after{
    font-size: 22px;
    transition: all 0.5s ease;
    right: -12px;
    top: 10px;
    color: #aaadaf;
    filter: invert(1);
    width: 10px;
    height: 10px;
    opacity: 0.7;
}
.head-pro{
    padding: 6px 0px 0px 0px;
    display: inline-block;
    width: 142px;
}
.head-pro img{
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    float: left;
    margin-right: 10px;
}
.head-pro b{
    padding: 0px;
    font-size: 11px;
    font-weight: 400;
    color: #bfbfbf;
    line-height: 15px;
    float: left;
}
.head-pro h4{
    margin: 0px;
    font-size: 14px;
    /* float: left;
     */
    line-height: 15px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    margin-top: -7px;
    color: #fff;
}
.ban-tit{
    text-align: center;
    width: 100%;
    position: relative;
}
.ban-tit img{
}
.ban-tit h1 b{
    display:block;
    font-weight: 700;
    font-size: 48px;
    color: #fff;
    padding-bottom: 15px;
    text-shadow: 0px 1px 0 rgba(0, 0, 0, 0.39);
    line-height: 51px;
}
.ban-tit h1{
    font-weight: 300;
    margin: 0px 0px 10px 0px;
    color: #fff;
    padding-bottom: 35px;
    text-shadow: 0px 1px 0 rgba(0, 0, 0, 0.9);
    font-size: 20px;
}
.ban-search{
    margin: 0 auto;
    display: table;
    width: 60%;
    position: relative;
}
.ban-search ul{
    /* margin: 0 auto;
     */
    /* display: table;
     */
}
.ban-search ul li{
    float: left;position: relative;
}
.ban-search ul li.sr-cit{
    width: 20%;
    display: none;
}
.ban-search ul li.sr-sea{
    width: 79%;
    margin: 0px 1% 0px 0%;
}
.ban-search ul li.sr-btn{
    width: 20%;
}
.ban-search ul li.sr-cit:before{
    content: "location_searching";
    margin: 17px 0px 0px 15px;
}
.ban-search ul li.sr-sea:before{content: "";width: 18px;height: 18px;background: url('../images/icon/search.png') no-repeat;background-size: cover;margin: 21px 0px 0px 16px;font-size: 21px;opacity: 0.6;}
.ban-search ul li input{
    border: 0px;
    width: 100%;
    display: block;
    line-height: 40px;
    font-size: 15px;
    outline: none;
    height: 58px;
    background: #ffffff;
    box-sizing: border-box;
    color: #1a2a38;
    border: 0px solid #d5d5d5;
    padding: 0px 25px 0px 45px;
    font-weight: 500;
    box-shadow: 0px 7px 20px -5px rgba(150, 150, 150, 0.29);
    border-radius: 2px;
}
.ban-search ul li input[type="submit"]{
    color: #fff;
    border: 0px solid #1977f3;
    padding: 0px 25px 0px 25px;
    text-align: center;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.5s ease;
    background: #1977f3;
    /* background: linear-gradient(to bottom,#3384ff, #2170e8); */
}
.ban-search ul li input[type="submit"]:hover{
    transition: all 0.5s ease;
    /* background: linear-gradient(to bottom,#3384ff, #155fcf); */
    background: #f37c20;
}
.ban-search .ui-widget.ui-widget-content{
}
.ban-search .ui-widget-content li{
}
.ban-search .ui-widget-content li div{
}
.blog-head .ban-search ul{margin: 0 auto;display: table;}
.blog-head .ban-search ul li.sr-sea input{
border-radius: 30px;
    box-shadow: 0 5px 41px -14px rgba(60,63,66,.32);
    color: #40454a;
    max-width: 100%;  
        width: 384px;
    border: 1px solid #e9e9ef;
    font-weight: 600;
    font-family: 'Quicksand', sans-serif;    
}
.ban-ql{
    margin: 0 auto;
    display: table;
    width: 100%;
    position: relative;
    padding-top: 15px;
    margin-bottom: -300px;
    margin-top: 50px;
    /* position: absolute; */
    /* bottom: -42px; */
    padding-bottom: 140px;
}
.ban-ql ul{
    margin: 0 auto;
    display: table;
    /* background: #fff; */
    /* border: 10px solid #ffffff; */
    /* transition: all .5s ease; */
    /* color: #fff; */
    /* box-shadow: 0 19px 46px -39px rgb(37, 39, 42); */
    /* border-radius: 4px; */
    width: 100%;
}
.ban-ql ul li{
    float: left;
    /* margin: 0px 10px; */
    width: 25%;
    padding: 0px 20px;
}
.ban-ql ul li div{
    transition: all .5s ease;
    color: #000;
    background: #fff;
    text-align: center;
    padding: 25px 20px 27px 20px;
    position: relative;
    overflow: hidden;
    box-shadow: 0px 0px 12px 2px rgba(0, 0, 0, 0.07);
    border-radius: 20px;
}
.ban-ql ul li div:hover{
    transition: all .2s ease;
    /* background: #cbe5fc; */
    transform: translateY(-5px);
    /* transform: scale(1.1); */
    box-shadow: 0 11px 45px -13px rgba(37, 39, 42, 0.67);
    z-index: 9;
}
.ban-ql ul li div img{
    width: 60px;
    background: #ffffff;
    padding: 6px;
    border-radius: 15px;
}
.ban-ql ul li div h4{
    font-size: 18px;
    font-weight: 700;
    margin: 12px 0px 15px 0px;
    /* text-transform: uppercase; */
    color: #243c50;
}
.ban-ql ul li div p{
    display: block;
    font-size: 13px;
    padding-bottom: 5px;
    font-weight: 400;
    color: #818181;
    margin-bottom: 0px;
    padding-bottom: 18px;
}
.ban-ql ul li div a{
    padding: 4px 7px;
    border-radius: 30px;
    font-size: 13px;
    border: 1px dashed #fff;
    box-shadow: 0 0 0 3px #151f31;
    background-color: #3f4550;
    color: #fff;
}
.ban-ql ul li:first-child div{
    /* background: #e0f1ff; */
}
.ban-ql ul li:last-child div{border-right:0px;}

.ban-ql ul li:nth-child(1) div{}
.ban-ql ul li:nth-child(2) div{/* background: #fff4ca; */}
.ban-ql ul li:nth-child(3) div{/* background: #daffe9; */}
.ban-ql ul li:nth-child(4) div{/* background: #deeaff; */}
.ban-ql ul li:nth-child(5) div{background: #ffe6e6;
}
/*-------------------------------------------------*/
/* = HOME PAGE SERVICES
/*-------------------------------------------------*/
.home-tit{
    text-align: center;
    width: 100%;
    margin-bottom: 30px;
    padding-top: 75px;
}
.home-tit h2{
    font-size: 35px;
    font-weight: 300;
}
.home-tit h2 span{
    font-weight: 700;
    font-family: 'Quicksand', sans-serif;
}
.home-tit p{
    font-size: 16px;
    font-weight: 400;
    display: block;
}
.land-packages{
    background:#e9f8fd;
    margin-top:-6px;
    border-bottom:1px solid #cfe5ec;
    border-top:1px solid #cfe5ec;
    padding:80px 0 75px
}
.land-pack{
    margin: 00px 0px 0px 0px;
}
.land-pack ul{
    position:relative;
    width:100%;
    float: left;
    overflow: hidden;
    margin-bottom: 20px;
    margin: 0px;
    padding: 0px;
}
.land-pack ul li{
    float:left;
    width: 25%;
    /* display:inline-block;
     */
    padding: 0px 10px;
}
.land-pack-grid{
    display:inline-block;
    position:relative;
    overflow:hidden;
    /* height: 180px; */
    box-sizing:border-box;
    border-radius: 0px;
    background-color: #fff;
    background-clip: border-box;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
    margin: 0px 10px;
    margin-bottom: 15px;
    text-align: center;
    width: 100%;
}
.str .land-pack-grid{
    margin: 10px 0px;
}
.land-pack-grid:hover .land-pack-grid-text{
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease;
}
.land-pack-grid:hover .land-pack-grid-btn{
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease;
    color: #3330;
}
.land-pack-grid-img{
    height: 200px;
    overflow: hidden;
}
.land-pack-grid-img img{
    width:100%;
    transition:all .5s ease;
    height: 250px;
    object-fit: cover;
}
.land-pack-grid:hover .land-pack-grid-img img{
    -webkit-transform:scale(1.05);
    -moz-transform:scale(1.05);
    transform:scale(1.05);
}
.land-pack-grid-text{
    position:relative;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease;
    width: 100%;
    z-index: 2;
    /* background: linear-gradient(to top, #000000c7, #00000008); */
}
.land-pack-grid-text h4{
    padding:15px;
    font-weight: 700;
    text-align: left;
    color: #273440;
    font-size: 16px;
    margin: 0px;
}
.land-pack-grid-text h4 .dir-ho-cat{
    color: #a7a7a7;
    font-size: 11.5px;
    float: right;
    padding-top: 4px;
}
.land-pack-grid-btn{
    color: #3330;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    z-index: 8;
}
.land-pack-grid-btn-red{
    background:#df431f
}
.land-pack-grid-btn-yel{
    background:#f3c438
}
.land-pack-grid-btn-blu{
    background:#01a0d8
}
.land-pack .more{
    color: #ffffff;
    padding: 10px 40px;
    border-radius: 2px;
    font-size: 14px;
    display: table;
    margin: 0 auto;
    /* border: 1px solid #3675b6; */
    background: #1977f3;
    /* margin-top: 14px; */
}
.land-pack .more:hover{}
.land-pack input{
    width: 93%;
    margin: 0 auto;
    display: table;
    margin-bottom: 38px;
    line-height: 40px;
    border: 0px;
    border-bottom: 1px solid #d1d1d1;
    text-align: center;
    font-size: 16px;
}
.hom2-hom-ban{transition: all 0.5s ease;}
.all-cate-pg{
    padding-bottom: 150px;
    padding-top: 70px;
}
.hom2-hom-ban:hover{background-position: 20px 0px;    box-shadow: 0 17px 24px -12px #161d2994;}
/*-------------------------------------------------*/
/* HOME PAGE TOP TRENDINGS
/*-------------------------------------------------*/
.ho-popu-bod{
    width:100%;
}
.ho-popu-bod div{
    float:left;
}
.hot-page2-hom-pre {
    position: relative;
    overflow: hidden;
    background: #ffffff;
    padding: 15px;
    margin-bottom: 5px;
    width: 100%;
    box-shadow: 0px 7px 20px -5px rgba(150, 150, 150, 0.29);
    border-radius: 0px 0px 10px 10px;
}
.hot-page2-hom-pre ul {
    padding: 0px;
}
.hot-page2-hom-pre ul li {
    list-style-type: none;
    border-bottom: 1px solid #efefef;
    position: relative;
    overflow: hidden;
    padding: 10px 0px;
    transition: all 0.5s ease;
}
.fclick{
    position: absolute;
    cursor: pointer;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 5;
}
.hot-page2-hom-pre ul li:hover{
    box-shadow: 0px 17px 7px -14px rgba(150, 150, 150, 0.29);
    transition: all 0.5s ease;
}
.hot-page2-hom-pre ul li:last-child {
    border-bottom: 0px;
    padding-bottom: 0px;
}
.hot-page2-hom-pre div {
    float: left;
}
.hot-page2-hom-pre ul li a {
}
.hot-page2-hom-pre-1 {
    width: 10%;
}
.hot-page2-hom-pre-1 img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
}
.hot-page2-hom-pre-2 {
    width: 80%;
    padding: 0px 15px;
}
.hot-page2-hom-pre-2 h5 {
    margin-top: 0px;
    margin-bottom: 0px;
    color: #000000;
    font-size: 14px;
    font-weight: 600;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
}
.hot-page2-hom-pre-2 span {
    font-size: 12px;
    color: #525252;
    line-height: 19px;
    padding-top: 2px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    float: left;
    width: 100%;
    font-weight: 400;
}
.hot-page2-hom-pre-3 {
    width: 10%;
}
.hot-page2-hom-pre-3 span {
    position: absolute;
    background-color: #4CAF50;
    padding: 0px 4px;
    border-radius: 2px;
    font-size: 12px;
    z-index: 9;
    line-height: 20px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.28);
    right: 0px;
}
.hot-page2-hom-pre-3 i {
    width: 22px;
    float: right;
    /* padding-top: 12px;
     */
    border: 1px solid #a9a9a9;
    padding: 4px;
    font-size: 12px;
    border-radius: 50%;
    color: #a9a9a9;
    margin-top: 10px;
}
.hot-page2-hom-pre-tit {
}
.hot-page2-hom-pre-tit h3 {
    color: #343c42;
    font-size: 28px;
    /* font-family: 'Montserrat', sans-serif;
     */
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}
.hot-page2-hom-pre-tit h3 span {
    color: #6f6e6b;
    font-size: 28px;
}
.hot-page2-hom-pre ul li:hover .hot-page2-hom-pre-2 h5 {
}
.hot-page2-hom-pre-head {
    background: #0291d2;
    padding: 12px 0px;
    text-align: center;
    width: 100%;
    border-radius: 10px 10px 0px 0px;
}
.hot-page2-hom-pre-head h4 {
    color: #ffffff;
    font-size: 16px;
    margin: 0px;
    font-weight: 400;
}
.hot-page2-hom-pre-head h4 span {
    font-weight: 600;
    font-size: 16px;
    font-family: 'Quicksand', sans-serif;
}
.hot-page2-hom-pre-head:after, .hot-page2-hom-pre-head:before {
    top: 43px;
    left: 48%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.hot-page2-hom-pre-head:after {
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #0291d2;
    border-width: 9px;
    margin-left: -9px;
    z-index: 9;
}
.pop-ups{
}
.pop-ups .close{
    position: absolute;
    right: 8px;
    z-index: 1;
    top:10px;
}
.list-pop{
    padding-bottom: 25px;
}
.list-pop .img{
    position: relative;
}
.list-pop .img:before{
    content:'';
    width:100%;
    height:100%;
    background: linear-gradient(to bottom,#fff0,#435961a6 70%);
}
.list-pop .img img{
    width: 100%;
    height: 290px;
    object-fit: cover;
}
.list-pop .img span{
    position: absolute;
    background-color: #4CAF50;
    padding: 7px;
    border-radius: 5px;
    font-size: 20px;
    z-index: 9;
    line-height: 23px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.28);
    right: 36px;
    margin-top: -67px;
}
.list-pop .tit{
    padding: 10px 25px 0px 25px;
    position: relative;
}
.list-pop .tit img{
    width: 72px;
    height: 72px;
    border-radius: 50px;
    margin-top: -58px;
    border: 3px solid #fff;
}
.list-pop .tit h2{
    font-size: 28px;
    font-weight: 700;
    margin-top: 14px;
}
.list-pop .tit p{
    font-size: 18px;
}
.list-pop .tit p b{
}
.list-pop .addr{
    padding: 8px 25px 20px 25px;
    position: relative;
    overflow: hidden;
}
.list-pop .addr ul{
}
.list-pop .addr ul li{
    padding-left: 30px;
    margin-bottom: 8px;
    font-size: 18px;
    float: left;
    display: block;
    width: 100%;
}
.list-pop .addr ul li:before{
    margin-left: -28px;
}
.list-pop .shar{
}
.list-pop .shar span{
}
.list-pop .shar span:before{
}
.list-pop .shar .ic-sha{
}
.list-pop .shar .ic-lik{
}
.list-pop .enq{
    padding: 5px 25px 20px 25px;
    /* border-top: 1px solid #e3e3e3;
     */
}
.list-pop .enq span, .list-pop .enq a{
    padding: 6px 10px;
    border-radius: 2px;
    color: #fff;
    float: left;
    width: 46%;
    text-align: center;
    margin: 0px 2%;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 600;
}
.list-pop .enq span{
    background: #3fb55f;
    border: 1px solid #3fb55f;
}
.list-pop .enq a{
    border: 1px solid #e3e3e3;
    color: #113752;
}
.list-pop .addr ul .ic-web, .list-pop .addr ul .ic-map{
    width: 50%;
}
.home-city{
    width: 100%;
}
.home-city ul{
}
.home-city ul li{
    float: left;
    width: 25%;
    margin-bottom: 19px;
}
.home-city ul li:nth-child(1){
    width: 50%;
}
.home-city ul li:nth-child(1) .hcity div:nth-child(1) img{height: 350px;}
.home-city ul li:nth-child(2){}
.home-city ul li:nth-child(3){}
.home-city ul li:nth-child(4){}
.home-city ul li:nth-child(5){}
.hcity{
    position: relative;
    margin:0px 10px;
    border-radius: 7px;
}
.hcity:before{
    content:'';
    position:absolute;
    width: 100%;
    height:100%;
    background: linear-gradient(to top,#2e3b44,#b7a23a00 100%);
    z-index: 2;
    left:0px;
    border-radius: 5px;
    transition: all 0.5s ease;
}
.hcity:hover{
    box-shadow: 0px 16px 11px -7px rgba(0, 0, 0, 0.68);
    transition: all 0.5s ease;
    transform: translateY(-5px);
}
.home-city ul li div{
    float:left;
    position: relative;
    transition: all 0.5s ease;
}
.hcity div:nth-child(1){
}
.hcity div:nth-child(1) img{
    width: 100%;
    object-fit: cover;
    height: 166px;
    border-radius: 5px;
}
.hcity div:nth-child(2) img{
    width: 45px;
    object-fit: cover;
    height: 45px;
    border-radius: 50%;
    border: 2px solid #fff;
    display:none;
}
.hcity div:nth-child(2){
    margin-top: -180px;
    text-align: left;
    z-index: 2;
    width: 100%;
    color: #fff;
    position: absolute;
    bottom: 5px;
    left: 0px;
    padding-left: 20px;
}
.hcity div:nth-child(2) h4{
    font-size: 16px;
    font-weight: 600;
    margin: 10px 0px 8px 0px;
}
.hcity div:nth-child(2) p{
    font-weight: 300;
    font-size: 13px;
    float: left;
    width: 100%;
}
.hcity div:nth-child(2) .list-rat-all{
    width: 85%;
    padding-bottom: 10px;
}
.hcity div:nth-child(2) .list-rat-all span{padding: 2px 0px 0px 0px;}
.hcity div:nth-child(2) .list-rat-all b{
    font-size: 13px;
    line-height: 21px;
}
.hcity div:nth-child(2) .list-rat-all i{
    font-size: 15px;
    width: 10px;
    color: #FF9800;
}
.hcity div:nth-child(2) .list-rat-all i.ratstar{
    color: #fff;
}
.home-city ul li:nth-child(1) div:nth-child(2) h4{font-size:32px;}
.home-city ul li:nth-child(1) div:nth-child(2) p{font-size:14px;}

.list-mig-like-com:hover{transition: all 0.5s ease;transform: translateY(-5px);box-shadow: 0 19px 15px -15px rgba(37, 39, 42, 0.89);z-index: 9;}
.h-city-3{
    width: 25%;
}
.h-city-3 .list-mig-like-com{
    margin-bottom: 15px;
}
.list-mig-like-com a{
    position: absolute;
    background: linear-gradient(to top, rgba(24, 46, 86, 0.82) 10%, rgba(84, 84, 84, 0.35) 80%);
    top: 0px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    border-radius: 5px;
    transition: all 0.5s ease;
    cursor: pointer;
}
.list-mig-like-com:hover a{transition: all 0.5s ease;/* background: linear-gradient(to top, rgba(12, 27, 135, 0.82) 10%, rgba(224, 224, 224, 0.35) 80%); */}
/*-------------------------------------------------*/
/* = FEATURE UPDATES
/*-------------------------------------------------*/
.inte{
    position: relative;
    overflow: hidden;
    width: 100%;
}
.inte h2{
    text-align: center;
    font-size: 48px;
    font-weight: 700;
    line-height: 48px;
}
.inte p{
    /* margin: 30px 0px;
     */
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    margin-bottom: 40px;
}
.inte ul{
    float: left;
    width: 100%;
}
.inte ul li{
    float: left;
    width: 25%;
    padding: 5px;
}
.hom-oth{
    background: #fff;
    padding: 0px;
    margin: 0px 10px;
    position: relative;
    overflow: hidden;
    border: 1px solid #f9ede7;
    box-shadow: 0px 0px 9px -7px rgba(150, 150, 150, 0.78);
    transition: all 0.5s ease;
    margin-bottom: 6px;
}
.hom-oth:hover{
    box-shadow: 0px 12px 13px -9px rgba(0, 0, 0, 0.68);
    transition: all 0.5s ease;
    transform: translateY(-5px);
    /* border: 1px solid #ffffff;
     */
}
.hom-oth div:nth-child(1){
    float: left;
    width: 30%;
}
.hom-oth div:nth-child(1) img{
    width: 100%;
    height: 75px;
    object-fit: cover;
}
.hom-oth div:nth-child(2){
    float: left;
    width: 70%;
    padding: 18px 15px 14px 20px;
}
.inte ul li div h4{
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 0px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
}
.inte ul li div span{
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
}
.inte ul li div a{
}
.count{
    padding: 0px 0px 80px 0px;
    background: #f7fcff;
    background: linear-gradient(to bottom,#ffffff00,#f7fcff 100%);
    float: left;
    width: 100%;position:relative;
}
.count:after{
    content:'';
    position:absolute;
    width:100%;
    height:158px;
    background:url('../images/city-bg.png');
    display:inline-block;
    bottom: 0px;
    left: 0px;
    background-size: contain;
    opacity: 0.9;
    filter: sepia(1);
}
.country{
    background: url(../images/worldmap.png) no-repeat center;
    background-size: 65%;
    width: 100%;
    margin-top: 90px;
}
.country-inn{
    text-align: center;
    font-size: 24px;
    font-weight: 300;
    /* color: #fff;
     */
}
.country-inn h4{
    font-weight: 400;
    font-size: 32px;
}
.country-inn h4 span{
}
.country .cont1{
    font-weight: 700;
    font-size: 32px;
}
.country .cont2{
    font-weight: 700;
    font-size: 32px;
    display: block;
}
.country iframe, .country img{
    width: 600px;
    height: 335px;
    border: 0px;
    margin: 40px 0px 0px 0px;
}
.hom-ab{
    background: #f9daca;
    padding: 25px 0px;
}
.hom-ab-in{
    width: 100%;
}
.hom-ab-in h2{
    margin: 0px;
    text-align: center;
    /* color: #fff;
     */
    font-size: 24px;
}
.hom-ab-in h2 a{
    color: #e48451;
    padding: 5px 31px;
    border-radius: 50px;
    border: 1px solid;
}
/*-------------------------------------------------*/
/* =  DASHBOARD MESSAGE
/*-------------------------------------------------*/
.msg-op{
     transition: all 0.5s ease;
    background: #fff;
    padding: 15px 15px;
    box-shadow: 0px 1px 11px -2px #737373c9;
    position: fixed;
    bottom: 0px;
    right: -500px;
    z-index: 12;
    border-radius: 10px;
    width: 450px;
    height: 98%;
    top: 5px;
    z-index: 99;
    overflow: hidden;
}
.msg-op.msg-sho-act{right: 5px;}
.msg-op .inn{}
.msg-op .s1, .msg-op .s2, .msg-op .s3{float: left;width: 100%;}
.msg-op .s1{
    padding-bottom: 15px;
}
.msg-op .s1 img{
    width: 42px;
    height: 42px;
    border-radius: 50%;
    object-fit: cover;
    float: left;
}
.msg-op .s1 .chosen-container{
    width: 300px !important;
    border: 0px;
    margin-top:-5px;
}
.msg-op .s1 .chosen-container .chosen-single span{font-weight: 600;}
.msg-op .s1 .chosen-container-active.chosen-with-drop .chosen-single, .msg-op .s1 .chosen-container.chosen-container-single.chosen-container-active{border: 0px;border-radius: 0px;box-shadow: none;}
.msg-op .s1 h4{
    font-size: 12px;
    float: left;
    padding: 2px 0px 0px 12px;
    color: #969696;
}
.msg-op .s1 h4 b{
    display: block;
    color: #000;
    font-size: 16px;
    padding-bottom: 4px;
}
.msg-op .s2{
    background: #f3f6fa;
    padding: 15px 15px 140px 15px;
    position: absolute;
    left: 0px;
    top: 70px;
    height: 78%;
    bottom: 0px;
    overflow-y: auto;
    border-top: 1px solid #eaecf0;
}
.msg-op .s2 .chat-con{
    float: left;
    width: 100%;
    display: block;
    margin-bottom: 12px;
}
.msg-op .s2 .chat-lhs, .msg-op .s2 .chat-rhs{
    font-size: 13px;
    font-weight: 400;
    background: #fff;
    padding: 6px 10px;
    border-radius: 5px;
    line-height: 19px;
    box-shadow: 0px 1px 4px -1px #191b381f;
    position: relative;
}
.msg-op .s2 .chat-lhs:before, .msg-op .s2 .chat-rhs:before{
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background: #fff;
    box-shadow: 0px 1px 2px -1px #191b381f;
    top: 7px;
    transform: rotateZ(45deg);
}
.msg-op .s2 .chat-lhs:before{
left: -5px;
}
.msg-op .s2 .chat-rhs:before{
    right: -5px;
    background: #1795f9;
}
.msg-op .s2 .chat-lhs{
    float: left;
}
.msg-op .s2 .chat-rhs{
    float: right;
    background: #1795f9;
    color: #fff;
}
.msg-op .s3{
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: #d9dfe7;
    padding: 15px;
}
.msg-op .s3 form{}
.msg-op .s3 form textarea{
    resize: none;
    height: 52px;
    padding: 10px;
    font-size: 13px;
    line-height: 20px;
    color: #333;
    border-radius: 5px 0px 0px 5px;
    border: 0px;
    width: 320px;
    float: left;
    font-weight: 500;
}
.msg-op .s3 form button{
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    padding: 6px 20px;
    border-radius: 0px 5px 5px 0px;
    text-transform: uppercase;
    background: #2196F3;
    border: 0px;
    width: 100px;
    float: left;
    height: 52px;
}
.msg-op .s3 form button i{    font-size: 13px;
    font-weight: 500;
    vertical-align: bottom;
    line-height: 18px;}
/*-------------------------------------------------*/
/* = 11.BOTTOM BOOKING
/*-------------------------------------------------*/
.full-bot-book{
    background: #191919;
    padding: 40px 0px 0px 0px;
    position: relative;
    /* overflow: hidden; */
    /* background: linear-gradient(to bottom,#ffefe6, #ffa77866 100%);
     */
    float: left;
    width: 100%;
    /* border-top: 1px solid #bed1e0; */
    padding-top: 40px;
    /* margin-bottom: -90px; */
    /* display: none; */
}
.bot-book{
    position: relative;
    overflow: hidden;
    width: 100%;
    display: block;
    background: #1977f3;
    padding: 50px;
    border-radius: 5px;
    box-shadow: 0px 4px 17px -8px rgba(0, 0, 0, 0.86);
    margin-bottom: 15px;
    margin-top: -150px;
    z-index: 1;
}
.bb-img{
}
.bb-img img{
    width: 95px;
    margin: -1px 0px 0px 38px;
}
.bb-text{
}
.bb-text h4{
    font-size: 24px;
    padding-bottom: 10px;
    font-weight: 700;
    color: #ffffff;
}
.bb-text p{
    color: #ffffff;
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: 500;
}
.bb-link{
    position: relative;
    overflow: hidden;
}
.bb-link a{
  color: #ffffff;
    border-radius: 50px;
    padding: 15px 20px;
    line-height: 60px;
    background: #1977f3;
    font-weight: 500;
    border: 1px solid #ffffff;
}
.bot-book div{
    float:left;
}


.sh-all-scat{
    float: left;
    width: 100%;
}
.sh-all-scat ul{
    float: left;
    width: 50%;
    padding: 0px 10px;
}
.sh-all-scat ul li{}
.sh-all-scat-box{
    display: inline-block;
    position:relative;
    overflow:hidden;
    box-sizing:border-box;
    border-radius: 0px;
    background-color: #fff;
    background-clip: border-box;
    box-shadow: 0px 0px 20px 4px rgb(0 0 0 / 4%);
    margin-bottom: 15px;
    text-align: center;
    width: 100%;
    border: 1px solid #e9eaec;
}
.sh-all-scat-box .lhs{
    float: left;
    width: 150px;
}
.sh-all-scat-box .lhs img{
    width: 100%;
    padding: 15px;
    height: 110px;
    object-fit: cover;
    border-radius: 20px;
}
.sh-all-scat-box .rhs{
    float: left;
    width: calc(100% - 150px);
    text-align: left;
    padding: 14px 10px 10px 10px;
}
.sh-all-scat-box .rhs h4{
    font-size: 16px;
    font-weight: 700;
}
.sh-all-scat-box .rhs h4 span{color:#007bff;}
.sh-all-scat-box .rhs ol{
    padding: 0px;
}
.sh-all-scat-box .rhs ol li{
    display: inline-block;
    margin: 0px 5px 5px 0px;
}
.sh-all-scat-box .rhs ol li a{
        font-size: 12px;
        border: 1px solid #c5d0dc;
        padding: 1px 10px;
        display: inline-block;
        border-radius: 2px;
        color: #007bff;
        font-weight: 500;
}
.sh-all-scat-box .rhs ol li a span{
    color: #5e6a77;
    font-weight: 500;
    font-size: 11px;
}
.sh-all-scat-box .rhs ol li a:hover{
    background: #007bff;
    color: #fff;
    border: 1px solid #007bff;
}
.sh-all-scat-box .rhs ol li a:hover span{color: #fff;}

/*-------------------------------------------------------*/
/* HOME PAGE: POPULAR LISTINGS
/*-------------------------------------------------------*/
.hom-mpop-ser{
   background: aliceblue;
    float: left;
    width: 100%;
    margin: 85px 0px 0px 0px;
    padding-bottom: 47px;
    padding-top: 6%;
}
.hom-mpop-main{
    padding: 0px 0px 70px 0px;
    float: left;
    width: 100%;
}
.hom-mpop{
    position: relative;
    overflow: hidden;
    background: #fdfeff;
    padding: 15px 0px;
    margin-bottom: 30px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    box-shadow: 0px 3px 8px -3px rgba(11, 37, 58, 0.11);
    border: 1px solid #f1f1f1;
}
.hom-mpop:hover{
    box-shadow: 0px 11px 9px -10px rgba(0, 0, 0, 0.52);
    transition: all 0.5s ease;
    transform: translateY(-5px);
}
.hom-mpop-main .col-md-6{float:left;}
.hom-mpop .col-md-3{
    float: left;
}
.hom-mpop .col-md-3 img{
    width: 100%;
    height: 100px;
    object-fit: cover;
    border-radius: 2px;
}
.hom-mpop .col-md-9{
    float: left;
}
.hom-mpop .col-md-9 h3{
    font-size: 18px;
    padding-bottom: 8px;
    color: #000000;
    padding-top: 5px;
    font-weight: 700;
}
.hom-mpop .col-md-9 h4{
    font-size: 14px;
    /* padding-bottom: 8px; */
    font-weight: 600;
    color: #545454;
}
.hom-mpop .col-md-9 p{
    margin-bottom: 0px;
    font-size: 13px;
    /* font-family: 'Quicksand', sans-serif; */
}
.hom-mpop a, .tser-res li div a{
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
}
.hom-mpop .col-md-9 .rat-sh{
    position: absolute;
    background: #4caf50;
    padding: 4px;
    font-weight: 600;
    color: #fff;
    right: 15px;
    top: 0px;
    font-size: 12px;
    border-radius: 2px;
}

/*-------------------------------------------------------*/
/* HOME PAGE: LEAD COLLECT FORM
/*-------------------------------------------------------*/
.hlead-coll{float: left;width: 100%;}
.hom-cre-acc-left {
}
.hom-cre-acc-left h3 {
    font-weight: 100;
    font-size: 34px;
}
.hom-cre-acc-left h3 span {
    text-transform: capitalize;
    font-weight: 600;
    font-size: 42px;
    /* text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.59);
     */
    color: #333333;
}
.hom-cre-acc-left h5 {
    font-weight: 700;
    font-size: 20px;
}
.hom-cre-acc-left p {
    padding-top: 8px;
    font-size: 13px;
}
.hom-cre-acc-left ul {
    padding: 0px;
    margin-bottom: 0px;
    margin-top: 50px;
}
.hom-cre-acc-left ul li {
    /* padding-top: 25px;
     */
    padding-bottom: 30px;
    list-style-type: none;
}
.hom-cre-acc-left ul li img {
    text-align: center;
    float: left;
    width: 50px;
}
.hom-cre-acc-left ul li div {
    display: block;
    margin-left: 80px;
    /* float: left;
     */
    /* margin-top: 0px;
     */
    margin-top: -10px;
}
.hlead-coll .col-md-6{
    float: left;
}
.hom-col-req{
    background: #1977f3;
    /* padding: 40px; */
    margin: 0px 0px 0px 80px;
    border-radius: 10px;
    box-shadow: 0 2px 15px -5px rgba(0,0,0,0.76);
}
.hom-col-req h4{
    text-align: center;
    padding-top: 30px;
    font-weight: 700;
    margin-bottom: 0px;
    color: #fff;
}
.hom-col-req form{
    padding: 30px 40px 40px 40px;
}
.hom-col-req .log-bor{
    display: none;
}
.hom-col-req .udb-inst{
    display: none;
}
.hom-col-req input, .hom-col-req textarea, .hom-col-req select{
    border: 1px solid #e4e4e4;
    background: #f7fafb;
    font-size: 15px;font-weight:500;
}
.hom-col-req textarea{font-size: 13px;line-height: 20px;color: #7a7b7f;border-radius: 5px;}
.hom-col-req button{
    width: 100%;
    background: #1977f3;
    border: 1px solid #ffffff;
    /* background: linear-gradient(to top, #F44336, #fb5a4e); */
    border-radius: 50px;
    font-size: 17px;
    font-weight: 500;
    padding: 8px 0px;
    transition: all ease 0.5s;
}
.hom-col-req button:hover{
    background: #f24437;
    border: 1px solid #f24437;
}
/*-------------------------------------------------*/
/* = 11.FOOTER
/*-------------------------------------------------*/
.wed-hom-footer{
    /* margin-top: 60px; */
    padding: 60px 0px 40px 0px;
    background: #f7fcff;
    background: #191919;
    float: left;
    width: 100%;
    color: #ebeef1;
}
.wed-hom-footer h4{
    font-size: 16px;
    color: #7f7f7f;
    padding-bottom: 25px;
    text-transform: capitalize;
    font-weight: 600;
}
.wed-hom-footer p{
    font-size: 12px;
    color: #7f7f7f;
}
.wed-hom-footer p a{
    font-size: 12px;
    color: #7f7f7f;
    font-weight: 600;
}
.wed-foot-link{
    border-top: 1px dashed #5d5b5b;
    /* border-bottom: 1px dashed #5d5b5b; */
    padding: 35px 0px 5px 0px;
    /* margin-top: 35px;
     */
}
.wed-foot-link ul{
}
.wed-foot-link ul li{
    width: 50%;
    float: left;
    margin-bottom: 8px;
}
.wed-foot-link ul li a{
    color: #7f7f7f;
    font-size: 13px;
}
.wed-foot-link div{
    border-right: 1px dashed #5d5b5b;
}
.wed-foot-link div:last-child{
    border-right:0px solid #dadada;
;
}
.wed-video2{
    padding: 50px 0px;
    background: #f1f1f1;
}
.wed-foot-link-1{
    padding-top: 40px;
}
.wed-foot-link-1 ul{
    position: relative;
    overflow: hidden;
}
.wed-foot-link-1 ul li{
    float: left;
    padding-right: 8px;
}
.wed-foot-link-1 ul li a{
}
.wed-foot-link-pop{
    padding: 30px 0px 0px 0px;
}
.wed-foot-link-pop h4{
    padding-bottom: 15px;
}
.wed-foot-link-pop ul li{
    float: left;
    width: 16%;
    padding: 0px 5px 8px 0px;
}
.wed-foot-link-pop ul li a{color: #7f7f7f;font-size: 12px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: pre;}
.wed-foot-link-pop ul li a:hover, .wed-foot-link ul li a:hover{color: #2c68bc;text-decoration: underline;}
.fot-app ul li a img{
    width: 157px;
    height: 55px;
    display: inline-block;
    object-fit: contain;
}
.fot-soc ul li a img{
    width: 32px;
    height: 32px;
    text-align: center;
    border-radius: 50%;
}
.wed-rights{
    background: #01172f;
}
.wed-rights p{
    text-align: center;
    margin-bottom: 0px;
    padding: 8px;
    color: #adadad;
    font-size: 13px;
}
/*-------------------------------------------------*/
/* = EVENTS IN HOME PAGE
/*-------------------------------------------------*/
.hom-event{
    position: relative;
    overflow: hidden;
    /* display: none; */
}
.hom-eve-com{
    float: left;
}
.hom-eve-lhs-1{
    float: left;
    width: 50%;
}
.eve-box{
    background: #fff;
    padding: 0px;
    position: relative;
    overflow: hidden;
    border: 1px solid #efefef;
    box-shadow: 0px 0px 9px -7px rgba(150, 150, 150, 0.78);
}
.eve-box:hover div:nth-child(1) img{
    transition: all 0.5s ease;
    transform: scale(1.1);
}
.all-list-sh .eve-box:hover div:nth-child(1) .auth img{transform: scale(1);}
.all-list-sh .eve-box{
    transition: all 0.5s ease;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.05);
    border: 12px solid #fff;
    /* font-family: 'Quicksand', sans-serif; */
}
.eve-box:hover div:nth-child(3) .auth img{
    transform: scale(1);
}
.eve-box:hover div:nth-child(2) h4 a{
    color: #eb905f;
}
.eve-box div{
    position: relative;
    overflow: hidden;
}
.eve-box div:nth-child(1){
}
.eve-box div:nth-child(1) img{
    width: 100%;
    float: left;
    object-fit: cover;
    height: 250px;
    transition: all 0.5s ease;
    cursor: pointer;
}
.eve-box div:nth-child(1) span{
    position: absolute;
    background: #51c0ff;
    z-index: 3;
    top: 0px;
    left: 0px;
    color: #ffffff;
    font-size: 13px;
    line-height: 15px;
    padding: 3px 5px 4px 5px;
    border-radius: 0px;
}
.eve-box div:nth-child(1) span b{
}
.eve-box div:nth-child(2){
    padding: 15px 10px 12px 25px;
}
.eve-box div:nth-child(2) h4{
    font-size: 17px;
    padding-bottom: 10px;
    /* text-overflow: ellipsis; */
    /* white-space: pre; */
    /* overflow: hidden; */
    position: relative;
    font-weight: 600;
    text-align: left;
    padding-left: 0px;
    display: block;
}
.eve-box div:nth-child(2) h4 a{
    color: #212529;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    display: block;
}
.eve-box div:nth-child(2) p{
    margin: 0px;
    overflow: hidden;
    font-size: 13px;
    line-height: 17px;
    margin-bottom: 20px;
    height: 50px;
    color: #86807c;
    /* text-overflow: ellipsis;
     */
    /* white-space: pre;
     */
    /* overflow: hidden;
     */
    display: none;
}
.eve-box div:nth-child(2) span{
    font-size: 13px;
    display: block;
    padding-bottom: 10px;
    font-weight: 500;
    color: #8f8f8f;
}
.all-list-sh .eve-box div:nth-child(2){font-family: 'Poppins', sans-serif;}
.eve-box div:nth-child(2) span.pho{
    padding-bottom: 0px;
}
.all-list-sh .eve-box div .qvv:before{display: none;}
.eve-box div:nth-child(3){
    width: 100%;
    padding: 15px 25px 15px 25px;
    border-top: 1px solid #efefef;
}
.fil-mob-clo{
    position: fixed;
    top: 110px;
    z-index: 99;
    display: inline-block;
    left: 68%;
    display: none;    
}
.fil-mob-clo i {}
.hom-eve-lhs-2{
    float: left;
    width: 50%;
    padding-left: 25px;
}
.hom-eve-lhs-2 ul{
}
.hom-eve-lhs-2 ul li{
    float: left;
    width: 100%;
    margin-bottom: 15px;
}
.eve-box-list{
    float: left;
    width: 100%;
    background: #fff;
    padding: 0px 10px 0px 0px;
    position: relative;
    overflow: hidden;
    border: 1px solid #efefef;
    box-shadow: 0px 0px 9px -7px rgba(150, 150, 150, 0.78);
    position:relative;
}
.eve-box-list:hover h4{
    color: #0e6db9;
}
.eve-box-list img{
    width: 65px;
    height: 65px;
    object-fit: cover;
    float: left;
    margin-right: 18px;
    transition: all 0.5s ease;
}
.eve-box-list h4{
    margin-top: 14px;
    margin-bottom: 0px;
    color: #343c42;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.5s ease;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    /* padding-right: 50px;
     */
}
.eve-box-list p{
    color: #343c42;
    font-size: 12.5px;
    font-weight: 400;
    transition: all 0.5s ease;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    margin-bottom: 0px;
    padding-top: 2px;
}
.eve-box-list span{
    position: absolute;
    background: #000000a1;
    z-index: 3;
    bottom: 0px;
    left: 0px;
    color: #ffffff;
    font-size: 12px;
    line-height: 15px;
    padding: 2px;
    border-radius: 0px;
    text-align: center;
    width: 65px;
}
.eve-box-list span b{
    font-weight: 600;
    padding-left: 2px;
}
.eve-box-list a{
    position: absolute;
    cursor: pointer;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 5;
}
/*-------------------------------------------------*/
/* ALL LISTING
/*-------------------------------------------------*/
.mt-60{
    /* margin-top:55px; */
}
.all-listing-pg{background: url(../images/list-p-bg.jpg) no-repeat center top;}
.all-pro-pg{background: url(../images/all-product-bg.jpg) no-repeat center top;}
.all-listing{margin-top: -100px;background-attachment: fixed;background-size: cover;}
.all-listing:before{
}
.all-listing .row{/* box-shadow: 0px 0px 25px 0px rgba(42, 42, 42, 0.13); */box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.22);}
.all-listing .all-list-bre .row{box-shadow: none;}
.all-listing .col-md-3{
    padding: 0px 0px 30px 0px;
    background: #fff;
    border-radius: 5px 0 0 0;
}
.all-listing .near-view{
    padding: 0px;
}
.all-listing .near-view .all-filt{
    padding-right: 0px;
}
.all-listing .col-md-9{
    border-radius: 0 5px 0 0;
    background: #eaeaea;
}
.all-filt{
    /* background:#f5f5f5; */
    /* padding-right: 15px; */
    position: relative;
    height: 100%;
}
.all-list-sh{
    background: #eaeaea;
    padding: 20px 0px 40px 0px;
}
.all-list-sh > .all-list-sh{padding: 0px 0px 0px 0px;}
.all-list-sh ul li{
    /* margin-bottom: 15px; */
    padding: 0px 10px 15px 10px;
}
.all-list-sh ul li:last-child{
    margin-bottom: 0px;
}
.all-list-sh ul li .list-qview{
}
.all-list-sh .list-qview .eve-box div:nth-child(1){
    width:100%
}
.all-list-sh .list-qview .eve-box div:nth-child(2) span{
    width:100%
}
.all-list-sh .list-qview .eve-box div:nth-child(3) .auth{
    width:100%
}
.all-filt .chosen-container{
    height: 40px;
}
.all-filt .chosen-container-single .chosen-single{
    height: 38px;
    margin: 0px;
    padding: 3px 3px 3px 12px;
    cursor: pointer;
}
.all-filt .chosen-container-single .chosen-single span{
    font-weight: 500;
    font-size: 13px;
}
.user-type{
}
.user-tcon{
    float: left;
    width: 100%;position: relative;
}
.user-tc-img{
    width: 100%;
    margin-bottom: 35px;
}
.user-tc-img img{
    width: 15%;
    margin: 0 auto;
    display: table;
}
.user-tc-diff{
}
.user-tc-diff ul{
}
.user-tc-diff ul li{
    float: left;
    width: 50%;
}
.user-tc-diff ul li .pri-box{
    float: left;
}
.user-tc-diff ul li .pri-box .c6{
    text-align: center;
    padding: 25px 5px 20px 5px;
}
.user-tc-diff ul li .pri-box .c6 img{
    width: 100px;
}
.user-tc-diff ul li .pri-box .c6 h4{
    margin: 30px 0px 0px 0px;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
}
.user-tc-diff ul li .pri-box .c4{
    float: left;
}
.user-tc-diff ul li .pri-box .c4 ol{
    width: 60%;
    margin: 0 auto;
}
.user-tc-diff ul li .pri-box .c4 ol li{
}
.user-tc-diff ul li .pri-box .c5{
    float: left;
}
.user-tc-diff ul li .pri-box .c5 a{
    margin: 0 auto;
    display: table;
    padding: 10px 40px;
}
.fil-mob{
    cursor:pointer;
    background: #fce8d1;
    padding: 10px 5px;
    margin-top: -3px;
    box-shadow: 0px -10px 11px 4px rgba(0, 0, 0, 0.8);
    position: absolute;
    /* border-bottom: 1px solid #e5e5e5;
     */
    top: 59px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    transform: translateY(-50px);
    width: 100%;
}
.fil-mob.fil-mob-act{
    position: fixed;
    top: 57px;
    width: 100%;
    z-index: 11;
    box-shadow: 0px 6px 18px -11px rgba(0, 0, 0, 0.25);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    transform: translateY(0px);
    display:none;
}
.fil-mob h4{
    margin: 0px;
    font-size: 15px;
    text-align: center;
}
.fil-mob h4 i{
    font-size: 15px;
    vertical-align: middle;
    font-weight: 600;
}
.filt-com{
    float: left;
    margin-bottom: 25px;
    width: 100%;
    padding: 0px 18px;
}
.list-filt-v2{
    background: #fff;
    float: left;
    width: 94%;
    margin-left: 3%;
    padding: 0px;
    box-shadow: 0px 0px 7px 0px #3333330f;
    border-radius: 4px;
    margin-top:20px;
}

.list-filt-v2 {}
.list-filt-v2 ul{}
.list-filt-v2 ul li{position: relative;padding: 0px;float: left;width: 16.6666666%;border-right: 1px solid #eaeaea;}
.list-filt-v2 ul li .chbox input{}
.list-filt-v2 ul li .chbox lable{}
.list-filt-v2 .chbox input[type="checkbox"]:checked + label{
    background: #eafbee;
    /* border-bottom: 0px solid #a4d8b0; */
}
.list-filt-v2 .chbox label{
    padding: 5px 7px 5px 7px;
    float: left;
    text-align: center;
    margin: 0px;
    background: #f7f5f5;
    font-size: 12px;
    font-weight: 600;
    /* border-bottom: 3px solid #f7f5f5; */
}
.list-filt-v2 ul li .chbox{}
.list-filt-v2 ul li .chbox{
    float: left;
    display: block;
    width: 100%;
}
.list-filt-v2 ul li:last-child{border-right: 0px solid #000;}
.list-filt-v2 .chbox label:before, .list-filt-v2 .chbox label:after{right:7px;left:auto;opacity: 0;}
.list-filt-v2 .chbox label:before{
    right: 0px;
    top: 0px;
    width: 18px;
    height: 18px;
    border-radius: 0px 0px 0px 100px;
}
.list-filt-v2 .chbox input[type="checkbox"]:checked + label:before{
    opacity: 1;
}
.list-filt-v2 .chbox label:after{
    right: 3px;
    top: 3px;
}
.lhs-search{display:none;
}
.lhs-search ul{
}
.lhs-search ul li{
    float: left;
}
.lhs-search ul li:nth-child(1){
    width: 75%;
}
.lhs-search ul li:nth-child(2){
    width: 25%;
}
.lhs-search ul li:nth-child(1) input{
    background: #e8eaed;
    border: 0px;
    font-size: 15px;
    padding: 12px 18px;
    color: #0a0a0b;
    width: 100%;
    border-radius: 5px 0px 0px 5px;
    font-weight: 500;
    float: left;
}
.lhs-search ul li:nth-child(2) input{
    background: url(../images/icon/search.png) no-repeat, #d9dce1;
    border: 0px;
    font-size: 14px;
    padding: 12px 18px 13px 18px;
    color: #000;
    width: 100%;
    border-radius: 0px 5px 5px 0px;
    z-index: 9;
    background-position: center;
    background-size: 17px;
    float: left;
}
.filt-com h4{
    font-size: 15px;
    color: #3c4043;
    padding-left: 25px;
    margin-bottom: 12px;
    font-weight: 600;
}
.filt-com h4:before{
    margin: -2px 0px 0px -25px;
    font-size: 20px;
}
.lhs-cate h4:before{
    content: "apps";
}
.lhs-featu h4:before{
    content: "verified_user";
}
.lhs-sub h4:before{
    content: "verified_user";
}
.lhs-rati h4:before{
    content: "stars";
}
.filt-com .dropdown-menu{
    min-height: 200px;
    max-height: 400px;
    overflow: hidden;
    overflow-y: auto;
    width: 254px;
}
.pro-fil-pri h4:before{content: "monetization_on";}
.pro-fil-dis h4:before{content: "shopping_cart";}
.pro-fil-sub h4:before{content: "layers";}
.pro-fil-sub ul{height: 180px;
    overflow: hidden;}
.pro-fil-sub ul:hover{
    overflow-y: auto;}
/*-------------------------------------------------*/
/* HOME PAGE 2
/*-------------------------------------------------*/
.hom2{float: left;width: 100%;margin-top: 5px;padding: 0px 40px;background: #20344c;}
.hom2 .inn{
    background: #fff;
    float: left;
    width: 100%;
}
.hom2 .s1{float: left;width: 20%}
.hom2 .s1 .pmenu-spri{    visibility: visible;
    opacity: 1;
    transform: translateY(0px);}
.hom2 .s2{float: left;width: 60%}
.hom2 .s3{float: left;width: 20%}
.hom2-ban-menu{}
.hom2-ban-menu ul{}
.hom2-ban-menu ul li{}
.hom2-ban-menu ul li a{
    color: #49494c;
    font-weight: 600;
    font-size: 13px;
    /* margin: 0px 10px 10px 0px; */
    display: inline-block;
    padding: 10px 20px;
    width: 100%;
    text-transform: uppercase;
}
.hom2-ban-menu ul li a img{
    width: 28px;
    margin-right: 15px;
}

/*-------------------------------------------------*/
/* ALL LISTING -  Occupation SELECT
/*-------------------------------------------------*/
#dLabel {
    width: 100%;
    height: 40px;
    border-radius: 4px;
    background-color: #e8eaed;
    border: solid 0px #cccccc;
    text-align: left;
    padding: 7.5px 15px;
    color: #0a0a0b;
    float: left;
    font-size: 15px;
    font-weight: 500;
}
.caret {
    float: right;
    margin-top: 9px;
    display: block;
}
/*.lhs-cate .dropdown:after{
     content: "arrow_drop_down";
     margin: 7px 0px 0px -26px;
     font-size: 18px;
     transition: all 0.5s ease;
}
 .lhs-cate .dropdown.show:after{
     transform: rotate(180deg);
     transition: all 0.5s ease;
}
*/
.dropdown-menu {
    width: auto;
    padding: 0;
    margin: 0;
    left: auto;
    right: 0;
    background-color: #fff;
    border: 0px solid #f1f1f1;
    box-shadow: 0px 0px 37px -8px rgb(150 150 150 / 40%);
    border-radius: 1.25rem;
}
.dropdown-menu-arrow:before {
    content: "";
    width: 13px;
    height: 13px;
    background: #fff;
    position: absolute;
    top: -7px;
    right: 28px;
    transform: rotate(45deg);
    border-top: 1px solid #e9edf4;
    border-left: 1px solid #e9edf4;
}
.dropdown button:hover, .dropdown button:focus {
    border: none;
    outline: 0;
}
.dropdown.open button#dLabel {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.23);
    border: solid 1px #666;
    border-bottom: none;
}
.dropdown.open ul {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.23);
    border: solid 1px #666;
    border-top: none;
    height: 200px;
    overflow-y: scroll;
}
.dropdown-menu li {
    line-height: 1.5;
    letter-spacing: 0.5px;
    color: #3c3b3b;
    font-size: 14px;
    cursor: pointer;
    padding: 7.5px 15px;
    border-top: solid 1px #f3f3f3;
}
.dropdown-menu li:hover {
    background-color: #ededed;
}
/*-------------------------------------------------*/
/* ALL LISTING - FEATURE CHECKBOX
/*-------------------------------------------------*/
.lhs-featu{
}
.lhs-featu ul{
}
.lhs-featu ul li{
}
.chbox {
    position: relative;
}
.chbox label{
    padding-left: 25px;
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    position: relative;
    width: 100%;
    line-height: 24px;
    margin-bottom: 1px;
}
.chbox label:before {
    content: "";
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
    cursor: pointer;
    height: 15px;
    left: 0;
    position: absolute;
    top: 5px;
    width: 15px;
}
.chbox label:after {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    height: 6px;
    left: 3px;
    opacity: 0;
    position: absolute;
    top: 8px;
    transform: rotate(-45deg);
    width: 8px;
}
.chbox input[type="checkbox"] {
    visibility: hidden;
    display:none;
}
.chbox input[type="checkbox"]:checked + label:before {
    background-color: #219e3e;
    border-color: #219e3e;
}
.chbox input[type="checkbox"]:checked + label:after {
    opacity: 1;
}
/*-------------------------------------------------*/
/* ALL LISTING - RATING RADIO BUTTON
/*-------------------------------------------------*/
.lhs-rati{
}
.lhs-rati ul{
}
.lhs-rati ul li{
}
.rbbox {
    position: relative;
}
.rbbox label{
    padding-left: 10px;
    cursor: pointer;
    margin-bottom: 5px;
}
.rbbox label:before {
    content: "";
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    cursor: pointer;
    height: 18px;
    left: 0;
    position: absolute;
    top: 2px;
    width: 18px;
}
.rbbox label:after {
    /* border: 2px solid #fff;
     */
    border-top: none;
    border-right: none;
    content: "";
    height: 10px;
    left: 4px;
    opacity: 0;
    position: absolute;
    top: 5px;
    /* transform: rotate(-45deg);
     */
    width: 10px;
    background: #ffffff;
    border-radius: 50px;
}
.rbbox input[type="radio"] {
    visibility: hidden;
}
.rbbox input[type="radio"]:checked + label:before {
    background-color: #ffffff;
    border-color: #000000;
}
.rbbox input[type="radio"]:checked + label:after {
    opacity: 1;
    background: #000;
    top: 6px;
}
.rbbox input[type="radio"]:checked + label i{
    color: #000;
    background: #ffe500;
}
.rbbox label i{
    font-size: 18px;
    color: #000000;
    padding-top: 1px;
    background: #eaeaea;
    padding: 2px;
    border-radius: 2px;
}
#star-value {
    position: absolute;
    left: 175px;
    background: #FFC107;
    color: #000;
    font-weight: 600;
    font-size: 13px;
    padding: 0.5px 5px 1px 5px;
    border-radius: 3px;
    line-height: 18px;
}
/*-------------------------------------------------*/
/* ALL LISTING - ADS
/*-------------------------------------------------*/
.lhs-ads{
}
.lhs-ads ul{
}
.lhs-ads ul li{
    margin-bottom: 15px;
}
.ads-box{
    position: relative;
    /* margin:0px 10px;
     */
    border-radius: 7px;
    box-shadow: 0px 16px 11px -7px rgba(0, 0, 0, 0.3);
    transition: all 0.5s ease;
}
.ads-box:hover{
    transition: all 0.5s ease;
    transform: translateY(-5px);
}
.ads-box img{
    width:100%;
}
.ads-box span, .ban-ati-com span{
    position: absolute;
    background: #F44336;
    color: #fff;
    font-size: 10px;
    padding: 1px 3px;
    border-radius: 2px;
}
.hom-ads{
    /* background: #d4e8f9; */
    padding: 40px 0px 0px 0px;
    position: relative;
    overflow: hidden;
    /* background: linear-gradient(to bottom,#ffede4, #ffe7db 100%); */
    float: left;
    width: 100%;
}
.hom-ads .ads-box{
    width: 70%;
    margin: 0 auto;
}
.hom-ads .ads-box img{
    width: 100%;
    float: left;
    object-fit: cover;
    height: 95px;
    transition: all 0.5s ease;
    cursor: pointer;
}
.hom-ads .lhs-ads{
    margin: 0px;
}
.hom-ads{margin: 15px 0px;}
.ban-ati-com{}
.ban-ati-com a{}
.ban-ati-com a img{width: 100%;}
.ads-all-list{    padding: 0px 25px;
    position: relative;
    float: left;
    width: 100%;
    margin: 20px 0px;}
.ads-det-page{padding: 20px 0px;}

/*-------------------------------------------------*/
    /* ALL LISTING - LISTING
/*-------------------------------------------------*/
.all-list-sh .eve-box{
    margin: 0px 15px 15px 15px;
    border: 6px solid #fff;
    float: left;
}
.all-list-sh .al-img .open-stat{
    background:#4caf50;
    font-size: 11px;
    font-weight: 500;
    border-radius: 5px;
    padding:1px 5px 2px 5px;
    top:5px;
    left:5px;
}
.all-list-sh .al-img a img{
    height: 158px;
    border-radius: 2px;
}
.all-list-sh .al-img .auth img{
    height: 36px;
}
.all-list-sh .al-img{
    float: left;
    width: 25%;
    position: relative;
    margin-right: 18px;
}
.all-list-sh .al-img:before{content:'';position: absolute;width: 100%;height:100%;background: #2432405e;left: 0px;transition: all ease 0.5s;  /* fallback for old browsers */  /* Chrome 10-25, Safari 5.1-6 */background: linear-gradient(to bottom, #ffffff00, #0b253aba); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */border-radius: 4px;}
.all-list-sh .al-img .auth{padding-left: 0px;position: absolute;left: 15px;bottom: 15px;padding: 0px;width: auto;display: none;}
.all-list-sh .al-img .auth img{
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    float: left;
    margin-right: 0px;
    border: 2px solid #a59174;
}
.all-list-sh .al-img .auth b{
    padding: 0px;
    font-size: 11px;
    font-weight: 400;
    color: #ac836d;
    line-height: 15px;
    float: left;
    display: none;
}
.all-list-sh .al-img .auth h4{margin: 0px;font-size: 14px;/* float: left; */line-height: 15px;text-overflow: ellipsis;white-space: pre;overflow: hidden;margin-top: -7px;font-weight: 600;text-align: left;padding-left: 0px;display: none;}
.all-list-sh .al-img .auth a{
    position: absolute;
    cursor: pointer;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 5;    
}
.all-list-sh .eve-box div:nth-child(2) span{
    float: left;
    font-size: 13px;
    color: #333;
    /* font-family: 'Quicksand', sans-serif; */
    font-weight: 500;
    text-transform: lowercase;
}
.all-list-sh .eve-box div:nth-child(2) span:nth-child(1){
    float: initial;
    font-size: 13px;
}
.all-list-sh .eve-box div:nth-child(2) span:nth-child(2){
}
.all-list-sh .eve-box div:nth-child(2) span:nth-child(3){}
.all-list-sh .eve-box div:nth-child(2) span.mail{
    padding-bottom: 0px;
 /*   padding-top: 10px;*/
}
.all-list-sh .eve-box div:nth-child(2) span.mail:before{
}
.eve-box div:nth-child(2) span.addr{width:100%;color: #232323;/* font-weight: 400; */}
.eve-box div:nth-child(2) span.pho{width:40%;}
.eve-box div:nth-child(2) span.mail{width:60%;}
.all-list-sh .eve-box div:nth-child(2) .auth{
    width: 25%;
    float: left;
    padding-left: 0px;
}
.all-list-sh .eve-box div:nth-child(2) .auth h4{
    padding: 0px;
    font-size: 13px;
}
.all-list-sh .eve-box div:nth-child(2) .links{
    width: 100%;
    float: left;
    padding: 0px;
    border: 0px;
    padding-top: 14px;
}
.all-list-sh .eve-box div:nth-child(2) .links a, .all-list-sh .eve-box div:nth-child(2) .links span{
    float: left;
    font-size: 11.5px;
    margin: 0px 3px;
    font-weight: 600;
    border: 1px solid #eaeaea;
    color: #3e4c56;
    padding: 5px 18px;
    border-radius: 2px;
    width: auto;
    cursor:pointer;
    font-family: inherit;
}
.all-list-sh .eve-box div:nth-child(2) .links .what{/* background: #f44336; *//* color: #fff; *//* border: 1px solid #f44336; */padding: 5px 18px 5px 38px;}
.all-list-sh .eve-box div:nth-child(2) .links .what:before{
    content: '';
    position: absolute;
    background: url('../images/icon/whatsapp.png') no-repeat;
    background-size: cover;
    width: 15px;
    height: 15px;
    margin: 0px 0px 0px -22px;
}

.all-list-sh .rat{
    position:absolute;
    right:48px;
    top:12px;
}
.all-list-sh .rat i{
    color: #FF9800;
    font-size: 18px;
    width: 12px;
} 
.all-list-sh .eve-box div:nth-child(2) h4{
    padding-bottom: 10px;
    margin: 0px;
    line-height: 0px;
    overflow: hidden;
    white-space: pre;
    text-overflow: ellipsis;
}
.all-list-sh .eve-box div:nth-child(2) h4 a {
    color: #212529;
    float: left;
    line-height: 28px;
    font-family: 'Quicksand', sans-serif;
    font-size: 18px;
    font-weight: 700;
}
.all-list-sh .eve-box div:nth-child(2) h4 .li-veri{
    float: left;
}
.all-list-sh .eve-box div:nth-child(2) h4 .li-veri img{width: 13px;margin: 5px 0px 0px 5px;}
.all-list-sh .eve-box div:nth-child(2) .links .quo {
    background: #f44336;
    color: #fff;
    border: 1px solid #f44336;
}
.all-list-sh .eve-box:hover div:nth-child(2) .links a:first-child {
    background: #FFC107;
    color: #000;
    border: 1px solid #ffc107;
}

.all-list-sh .list-prom{
    background: #fdf5dd;
    border: 12px solid #fdf5dd;
}
.all-list-sh .list-prom:before{
    content: 'Ad';
    position: absolute;
    background: #f6b800;
    color: #000;
    font-weight: 700;
    font-size: 10px;
    padding: 1px 3px;
    border-radius: 0px 0px 2px 0px;
    z-index: 1;
    left: 0px;
    top: 0px;
    font-family: 'Quicksand', sans-serif;
}

/*-------------------------------------------------*/
/* ALL LISTING - FOOTER
/*-------------------------------------------------*/
.list-foot{
    background: #191919;
    color: #7f7f7f;
    padding: 50px 0px 150px 0px;
}
.list-foot-abo, .list-foot-faq{width: 65%;margin: 0 auto;display: table;}
.list-foot-abo h2{
    padding-bottom: 15px;
}
.list-foot-abo h4{
    padding-bottom: 10px;
}
.list-foot-abo h2, .list-foot-abo h4, .list-foot-faq h3, .wed-hom-footer h4{
    font-size: 13px;
    color:#fff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.list-foot-abo p{
    font-size: 12.5px;
    line-height: 23px;
}
.list-foot-faq{
    padding-top: 35px;
    border-top: 1px dashed #5d5b5b;
    margin-top: 30px;
}
.list-foot-faq h3{
    padding-bottom: 15px;
}
.list-foot-faq .how-to-coll{
    width: 100%;
    border: 1px solid #313030;
}
.list-foot-faq .how-to-coll ul{}
.list-foot-faq .how-to-coll ul li{
    position: relative;
    border-bottom: 1px solid #313030;
    padding: 13px 20px;
}
.list-foot-faq .how-to-coll ul li h4{
    font-size: 13px;
    color: #c3c3c3;
}
.list-foot .how-to-coll li h4:after{color: #7f7f7f;}
.list-foot-faq .how-to-coll ul li div{}
.list-foot-faq .how-to-coll ul li div p{
    font-size: 12px;
}
/*-------------------------------------------------*/
/* ALL LISTING - LISTING QUICK VIEW
/*-------------------------------------------------*/
.list-qview{
    position: fixed;
    right: -400px;
    width: 350px;
    height: 100%;
    top: 0px;
    z-index: 33;
    background: #fff;
    overflow-y: auto;
    transition: all 0.5s ease-in-out;
}
.list-qview .eve-box{
    border:0px;
}
.list-qview.qview-show{
    transition: all 0.5s ease-in-out;
    right: 0%;
    box-shadow: -22px 0px 73px -22px rgba(42, 42, 42, 0.48);
}
.list-qview{
}
.list-qview .com{
    padding: 30px 25px 0px 25px;
}
.list-qview .com h4{
    font-size: 14px;
    font-weight: 400;
}
.list-qview .com h4 b{
}
.list-qview .com p{
    font-size: 13px;
    line-height: 24px;
    color: #555;
}
.list-qview .com ul{
}
.list-qview .com ul li{
    float: left;
    margin-right: 5px;
}
.list-qview .auth{
}
.list-qview .shar{
}
.list-qview .shar ul li{
}
.list-qview .shar ul li a{
}
.list-qview .shar ul li a img{
}
.list-qview .more{
    float: left;
    width: 100%;
    padding-bottom: 30px;
}
.list-qview .more a{
    font-size: 14px;
    margin: 0px;
    font-weight: 600;
    border: 1px solid #ffffff;
    color: #fff;
    padding: 12px 12px;
    float: left;
    width: 100%;
    text-align: center;
    background: #51c0ff;
    border-radius: 3px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.list-qview .more a:nth-child(1){
}
.list-qview .more a:nth-child(2){
}
.list-qview .eve-box div:nth-child(2) span.pho {
    padding-bottom: 10px;
}
.list-qview .eve-box div:nth-child(2) span{
    font-size: 13px;
    color: #333;
}
.list-qview .eve-box div:nth-child(1) span.clo-list{
    cursor:pointer;
    background: #0000003d;
    padding: 2px;
    border-radius: 2px;
}
.list-qview .clo-list{
}
.list-qview .clo-list i{
}
.list-qview .eve-box div:nth-child(3) .auth{
    padding-left:0px;
}
.auth{
    position: relative;
    overflow: hidden;    
}
.auth img, .eve-box .auth img{
width: 36px !important;
    height: 36px !important;
    border-radius: 50%;
    object-fit: cover;
    float: left;
    margin-right: 10px;    transition: all 0.5s ease;
    cursor: pointer;
}
.auth b{
    padding: 0px;
    font-size: 11px;
    font-weight: 400;
    color: #ac836d;
    line-height: 15px;
    float: left;    
}
.auth h4{
    margin: 0px;
    font-size: 14px;
    /* float: left; */
    line-height: 15px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    margin-top: -7px;
    font-weight: 600;
    text-align: left;
    padding-left: 0px;    
}
.auth .fclick{}
/*-------------------------------------------------*/
/* ALL LISTING - GET QUOTE POPUP
/*-------------------------------------------------*/
.quote-pop{
    padding: 40px;
}
.quote-pop h4{
    font-size: 24px;
    text-align: center;
    font-weight: 700;
    padding-bottom: 15px;
    text-transform: capitalize;
}
.pop-quo .quote-pop .btn{
    width: 100%;
    background:#1977f3;
    border: 1px solid #1977f3;
    border-radius: 50px;
    font-size: 17px;
    font-weight: 500;
    padding: 8px 0px;
}
.pop-quo .modal-dialog{
    max-width: 430px;
}
/*-------------------------------------------------*/
/* LISTING DETAILS
/*-------------------------------------------------*/
.list-bann{
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-top:0px;

}
.list-bann:before{
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    background: #3e5662cc;
    background: linear-gradient(to top, rgb(62, 67, 76) 2%, rgba(0, 0, 0, 0.1) 139%);
    left: 0px;
}
.list-bann img{
    width: 100%;
    float: left;
    object-fit: cover;
    height: 500px;
    transition: all 0.5s ease;
}
.pg-list-1 {
    position: relative;
    width: 100%;
    box-sizing: content-box;
    /* background: #ffffff; */
    /* float: left;
     */
    /* box-shadow: 0px 1px 16px -8px rgba(42, 42, 42, 0.68); */
    margin: -375px 0px 15px 0px;
}
.pg-list-prop {
    background: url(../images/list-deta/prop-bg.html) no-repeat;
    background-size: cover;
    box-sizing: content-box;
}
.pg-list-shop {
    background: url(../images/list-deta/shop-bg.html) no-repeat;
    background-size: cover;
    box-sizing: content-box;
}
.pg-list-auto {
    background: url(../images/list-deta/auto-bg.html) no-repeat;
    background-size: cover;
    box-sizing: content-box;
}
.pg-list-1:before {
}
.list-pg-bg .container {
    position: relative;
    background: #fff;
    border-radius: 4px;
}
.list-pg-bg .com-padd {
    padding: 18px 18px 10px 18px;
   /* background: #f5f8ff;*/
    border-radius: 20px 20px 0px 0px;
    float: left;
    width:100%;
}
.pg-list-1-left {
    padding: 0px 40px 15px 0px;
    position: relative;
    float: left;
    width: 50%;
    color: #fff;
}
.list-rat-all{float: left;width: 100%;padding-bottom: 25px;}
.list-rat-all b{
    float: left;
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    background: #FF9800;
    padding: 1px 5px;
    border-radius: 2px;
    
}
.list-rat-all .rat{
    float: left;
    padding: 1px 12px 0px 6px;
    margin: 0px;
}
.list-rat-all .rat i.ratstar{color:#fff;}
.list-rat-all span{
    float: left;
    font-size: 12px;
    padding: 5px 0px 0px 0px;    
}
.pg-list-1-left .rat{
}
.pg-list-1-left .rat i{
    color: #FF9800;
    font-size: 20px;
    width: 14px;
}

.list-foot-abo .list-rat-all b{}
.list-foot-abo .list-rat-all .rat{}
.list-foot-abo .list-rat-all .rat i{
color: #FF9800;
    font-size: 20px;
    width: 14px;    
}
.list-foot-abo .list-rat-all .rat i.ratstar{color: #d4d4d4;}
.rat i.ratstar{color: #d4d4d4;}
.pg-list-1-pro{float:left;width: 100%;/* display: none; */position: relative;padding-bottom: 20px;}
.pg-list-1-pro img{
    width: 190px;
    float: left;
    object-fit: cover;
    height: 175px;
    /* position: absolute; */
    border-radius: 5px;
    border: 0px solid #000;
    /* margin-right: 28px; */
    box-shadow: 0px -15px 16px -8px rgba(0, 0, 0, 0.28);
    background: #fff;
    /* padding: 5px; */
}
.pg-list-1-pro .stat{
    position: absolute;
    background: #2cbd32;
    color: #fff;
    /* font-weight: 600; */
    left: 5px;
    top: 5px;
    float: left;
    width: 36px;
    height: 36px;
    text-align: center;
    text-shadow: 0 0 2px #333333a8;
    border-radius: 50px;
}
.pg-list-1-pro .stat i{
    vertical-align: middle;
    padding: 5px;
}
.pg-list-1-left h3 {
    font-weight: 800;
    /* color: #ffffff; */
    float: left;
    /* padding: 5px 0px 8px 235px; */
    font-size: 32px;
    line-height: 50px;
    padding-bottom: 0px;
    white-space: pre;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    width: 100%;
}
.pg-list-1-left p {
    font-size: 16px;
    display: block;
    float: left;
    font-weight: 700;
    font-family: 'Quicksand', sans-serif;
}
.pg-list-1-left h4 {
    color: #000000;
    padding: 15px 00px;
    font-size: 16px;
}
.pag-p1-phone {
    float: left;
    width: 100%;
    /* padding-left: 235px; */
}
.pag-p1-phone ul {
}
.pag-p1-phone ul li {
    font-size: 15px;
    float: left;
    padding: 0px 30px 10px 24px;
    color: #c1c1c1;
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
}
.pag-p1-phone ul li:before{
    margin: -2px 0px 0px -30px;
    color: #c1c1c1;
}
.pag-p1-phone ul li.ic-php:before{
    content:'phone';
}
.pag-p1-phone ul li.ic-mai:before{
    content:'email';
}
.pag-p1-phone ul li.ic-web:before{
    content:'language';
}
.pglist-p-com {
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.pglist-p-com-ti {
  border-bottom: 1px solid #e0e6f5;
  display: flex;
}
.pglist-p-com-ti h3 {
    padding: 15px 20px;
    background: #fff;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 0px;
}
.pglist-p-com-ti h3 span {
    color: #8a8d92;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
}
.list-desc-area{}
.list-desc-area h2, .list-desc-area h3, .list-desc-area h4, .list-desc-area h5, .list-desc-area h6, .eve-deta-body-main h2, .eve-deta-body-main h3, .eve-deta-body-main h4, .eve-deta-body-main h5, .eve-deta-body-main h6{font-weight: 600;}
.list-desc-area h2, .eve-deta-body-main h2{font-size: 22px;}
.list-desc-area h3, .eve-deta-body-main h3{font-size: 18px;}
.list-desc-area h4, .eve-deta-body-main h4{font-size: 16px;}
.list-desc-area h5, .eve-deta-body-main h5{font-size: 14px;}
.list-desc-area h6, .eve-deta-body-main h6{font-size: 12px;}
.list-desc-area ul, .eve-deta-body-main .lhs ul{padding-left: 15px;}
.list-desc-area ul li, .eve-deta-body-main .lhs ul li{padding-left: 15px;}
.list-desc-area ul li:before, .eve-deta-body-main .lhs ul li:before{    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    background: #d0d1c3;
    border-radius: 50%;
    margin: 9px 0px 0px -15px;}
.eve-deta-body-main  ul li{    font-size: 14px;
    line-height: 24px;}
.list-360 {
}
.list-360 iframe {
    width: 100%;
    height: 300px;
    border: 0px;
}
.list-tit-mar-0 {
    padding-top: 0px !important;
}
.pglist-p-com-ti h3 i {
}
.list-slider {
}
.list-slider-nav {
    margin-top: 175%;
    position: absolute;
    background: #ffe500;
    width: 32px;
    height: 32px;
    padding: 5px;
    text-align: center;
    border-radius: 2px;
    color: #000;
}
.list-slider-nav-rp {
    margin-right: 40px;
    position: initial;
}
.list-page-com-p {
}
.list-page-com-p p, .list-desc-area li {
    font-size: 14px;
    color: #56595d;
    line-height: 24px;
    font-weight: 500;
    font-family: 'Quicksand', sans-serif;
}

/*--===== MIGHT LINKE ======--*/
.list-rel-list{}
.list-rel-list .inn{
    background: #fff;
    border: 1px solid #e0e6f5;
    border-radius: 10px;
    padding: 20px;
    overflow: hidden;
    min-height: 250px;
    max-height: 682px;
}
.list-rel-list .inn:hover{
    overflow-y: auto;
}
.list-rel-list-tit{}
.list-rel-list-tit h3{
    padding: 20px 20px 10px 20px;
    /* background: #fff; */
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
}
.list-rel-list-tit h3 span{}
.list-rel-list-com{
    position: relative;
    /* overflow: hidden; */
    margin-bottom: 12px;
}
.list-rel-list-com:last-child{
    margin-bottom: 0px;
}
.list-rel-list-com:before{
    content:'';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #141a3e8c;
    border-radius: 5px;
    z-index: 1;
}
.list-rel-list-com a{
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.list-rel-list-img{
    overflow: hidden;
    position: relative;
    /* z-index: 2; */
    border-radius: 5px;
}
.list-rel-list-img img{
    width: 100%;
    /* border-radius: 5px; */
    height: 200px;
    object-fit: cover;
    transition: all 0.5s ease;
}
.list-rel-list-com:hover img{
    transform: scale(1.2);
}
.list-rel-list-img span{}
.list-rel-list-con{
    position: absolute;
    bottom: 2px;
    left: 25px;
    color: #fff;
    z-index: 2;
}
.list-rel-list-con h5{
    font-size: 16px;
    font-weight: 600;
    padding-top: 20px;
}
.list-rel-list-con p{
    font-size: 13px;
}
.list-rel-list-con span{
    /* position: absolute; */
    background: #0dc73d;
    padding: 4px;
    font-weight: 600;
    color: #fff;
    /* right: 15px; */
    /* top: 0px; */
    font-size: 14px;
    border-radius: 2px;
}


/*--==== QUICK LINKS ====--*/
 .v3-list-ql {
     position: fixed;
     top: 68px;
     width: 100%;
     /* height: 46px; */
     background: #151f31;
     z-index: 16;
     transition: all 1s;
     -webkit-box-shadow: 0 1px 3px #960;
     -moz-box-shadow: 0 1px 3px #960;
     box-shadow: 0 0px 10px 2px rgba(0, 0, 0, 0.24);
     background: #fff;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
}
 .v3-list-ql-inn {width: 100%;}
 .v3-list-ql-inn ul {
     margin-bottom: 0px;    display: table;
    margin: 0 auto;
}
 .v3-list-ql-inn ul li {
     float: left;
}
 .v3-list-ql-inn ul li a {
     color: #1351c1;
     border-right: 1px solid #e4ecf2;
     /* line-height: 50px; */
     display: block;
     padding: 12px 15px;
     font-size: 12.5px;
     font-weight: 500;
}
 .v3-list-ql-inn ul li a i {
     margin-right: 5px;
     vertical-align: middle;
     font-size: 17px;
     margin-top: -1px;
     /* color: #b3bccd; */
}
 .v3-list-ql-inn ul li a:hover {
     background: #1a90f6;
     color: #fff;
}
 .v3-list-ql-inn .active-list a {
     background: #1a90f6;
     color: #fff;
}

/*--==== LISTING SHARE =====--*/
.share-btn {
    padding-bottom: 10px;
}
.share-btn ul {
    margin-bottom: 0px;
}
.share-btn ul li:nth-child(1) a {
    
}
.share-btn ul li:nth-child(2) a {
    
}
.share-btn ul li:nth-child(3) a {
    
}
.share-btn ul li a {
    /* padding: 6px 10px; */
    /* color: #fff; */
    /* font-weight: 500; */
    /* font-size: 12px; */
    /* border-radius: 3px; */
    /* text-shadow: none; */
    /* float: left; */
    display: inline-block;
    border-radius: 5px;
}
.share-btn ul li a.so-fb{background: #3b5998;}
.share-btn ul li a.so-tw{background: #00aced;}
.share-btn ul li a.so-wa{background: #65b168;}
.share-btn ul li a.so-li{
    background: #526ca5;
}
.share-btn ul li a.so-in{
    background: #fbe4d0;
}
.share-btn ul li a.so-pi{
    background: #da271a;
}
.share-btn ul li {
    display: inline-block;
    margin-bottom: 0px;
    margin-right: 1px;
}
.share-btn ul li i {
    padding-right: 3.75pt;
}
.share-btn ul{padding-left:0px;}
.share-btn ul li{padding-left:0px;}
.share-btn ul li:before{display:none;}
.share-btn ul li img{width:32px;padding: 3px;}
/*--==== LISTING SERVICES =====--*/
.pg-list-ser-area{    padding: 10px 20px 0px 20px;}
.pg-list-ser-area ul{}
.pg-list-ser-area ul li{
    float: left;
    display: inline-block;
    margin: 0px 12px 25px 0px;
    }
.pg-list-ser-area ul li span{
    /* border: 1px solid #d0dde2; */
    font-size: 14px;
    font-weight: 600;
    padding: 10px 15px;
    border-radius: 3px;
    /* background: #eaf3f7; */
    font-family: 'Quicksand', sans-serif;
    color: #1386d1;
    background-color: #f2f8fd;
    border: 1px solid #e9eff4;
    }
.pg-list-ser {
    padding: 0px 10px;
}
.pg-list-ser ul {
}
.pg-list-ser ul li {
    padding: 8px;
    float: left;
}
.pg-list-ser ul li h4 {
}
.pg-list-ser-p1 {
    position: relative;
    overflow: hidden;
    height: 150px;
}
.pg-list-ser-p1:hover img {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.pg-list-ser-p1 img {
    width: 100%;
    transition: all .5s ease;
    /* height: 150px; */
    object-fit: cover;
}
.list-pg-lt .pg-list-ser img{height: 150px;}
.pg-list-ser-p2 {
    position: absolute;
    /* text-align: center;
     */
    width: 89.5%;
    margin-top: -35px;
}
.pg-list-ser-p2 h4 {
    text-align: center;
    color: #fff;
    font-size: 16px;
}
.list-pg-bg {
    padding-bottom: 100px;
}
.pglist-bg {
    background: #fff;
    border-bottom: 1px solid #e0e6f5;
}
.lide-guar{
    padding-bottom:0px;
}
.list-pg-inn-sp {
    padding: 5px 20px 10px 20px;
}
.list-rom-pric {
    position: absolute;
    padding: 0px 10px;
    font-weight: 600;
    right: 15px;
    top: 0px;
    font-size: 25px;
    border-radius: 2px;
    background: #ffede3;
    color: #f68b51;
}
.list-room-type {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 10px;
}
.list-room-type ul {
    padding: 0px;
}
.list-room-type ul li {
    display: inline-block;
    float: left;
    color: #636363;
    font-size: 14px;
}
.list-room-type ul li img {
    width: 18px;
    /* margin-right: 7px;
     */
    /* border: 1px solid #333;
     */
    /* padding: 3px;
     */
    border-radius: 40px;
}
.list-room-type ul li:nth-child(1) {
}
.list-room-type ul li:nth-child(2) {
}
.list-room-deta {
}
.list-room-deta h3 {
    font-size: 20px;
    color: #141f31;
    font-weight: 600;
    font-size: 18px;
}
.list-room-rati {
    padding: 10px 0px 5px 0px;
}
.list-rom-ami {
}
.list-rom-ami ul li {
    /* padding-right: 10px;
     */
    padding-bottom: 6px;
    font-size: 12px;
    background: #f5f5f5;
    border-radius: 4px;
    margin-right: 5px;
    padding: 4px 8px;
    margin-bottom: 5px;
}
.list-rom-ami ul li img {
    vertical-align: sub;
    width: 15px;
    height: 15px;
    /* display: none;
     */
}
.list-room-mar-o {
}
.lp-ur-all {
    position: relative;
    overflow: hidden;
}
.lp-ur-all-rat {
    position: relative;
    overflow: hidden;
    border-top: 1px solid #e2e2e2;
    margin-top: 20px;
    padding-top: 20px;
}
.lp-ur-all-left {
    float: left;
    width: 40%;
    border-right: 4px solid #6b7f8a;
    padding-right: 20px;
}
.lp-ur-all-left-1 {
    float: left;
    width: 100%;
}
.lp-ur-all-left-2 {
    /* float: left;
     */
    /* width: 50%;
     */
}
.lp-ur-all-left-11 {
    float: left;
    width: 50%;
    font-size: 13.5px;
    padding-right: 14px;
    color: #4d5158;
    font-weight: 600;
}
.lp-ur-all-left-12 {
    float: left;
    width: 50%;
    height: 6px;
    background: #dadada;
    margin-top: 7px;
    border-radius: 0px;
}
.lp-ur-all-left-13 {
    width: 100%;
    background: #43a047;
    height: 6px;
    border-radius: 0px;
}
.lp-ur-all-left-Good {
    width: 50%;
    background: #73ca14;
}
.lp-ur-all-left-satis {
    width: 18%;
    background: #3dbbd0;
}
.lp-ur-all-left-below {
    width: 20%;
    background: #ca7224;
}
.lp-ur-all-left-poor {
    width: 5%;
    background: #de382c;
}
.lp-ur-all-right {
    float: left;
    width: 60%;
    padding: 2px 20px;
}
.lp-ur-all-right h5 {
    font-weight: 500;
    font-size: 18px;
    padding: 14px 0px 0px 0px;
}
.lp-ur-all-right p {
}
.lp-ur-all-right p label{
    margin-bottom: 0px;
    margin-right: 10px;
}
.lp-ur-all-right p label i{
    color: #51c0ff;
    width: 30px;
    font-size: 34px;
}
.lp-ur-all-right p span {
    background: #a2c1bc;
    /* font-size: 34px;
     */
    color: #fff;
    font-weight: 600;
    /* border-radius: 5px;
     */
    vertical-align: top;
    padding: 1px 8px;
    border-radius: 2px;
    margin-top: 3px;
    display: inline-block;
}
.lp-ur-all-rat {
}
.lp-ur-all-rat h5 {
    padding: 15px 0px 5px 0px;
    background: #fff;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
}
.lp-ur-all-rat ul {
    margin-bottom: 0px;
}
.lp-ur-all-rat ul li {
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #e2e2e2;
    padding-top: 15px;
    padding-bottom: 5px;
}
.lp-ur-all-rat ul li:last-child{
    padding-bottom: 0px;
    border: 0px;
}
.lp-ur-all-rat ul li:last-child p{
    padding-bottom:0px;
    margin-bottom:0px;
}
.lr-user-wr-img {
    float: left;
    /* width: 10%;
     */
    display: inline-block;
}
.lr-user-wr-img img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
}
.lr-user-wr-con {
    float: left;
    width: 90%;
    display: inline-block;
    padding: 0px 20px;
}
.lr-user-wr-con h6 {
    line-height: 20px;
    font-size: 15px;
    margin-bottom: 5px;
    font-weight: 600;
}
.lr-user-wr-con .rat{
    margin-bottom: 0px;
}
.lr-user-wr-con .rat i{
    color: #FF9800;
    font-size: 20px;
    width: 14px;
}
.lr-user-wr-con p {
    font-size: 14px;
    color: #21344c;
}
.lr-revi-date {
    font-size: 13px;
    color: #828282;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.lr-user-wr-con h6 span {
    background: #55bf15;
    font-size: 15px;
    color: #fff;
    font-weight: 600;
    padding: 4px 4px;
    border-radius: 4px;
    vertical-align: top;
    margin-left: 6px;
}
.lr-user-wr-con h6 span i {
    font-size: 10px;
    vertical-align: text-top;
}
.list-pg-write-rev form input {
    height: 45px;
    position: relative;
    padding: 15px 24px;
    box-sizing: border-box;
    box-shadow: none;
    border: 1px solid #e8e8e8;
    text-indent: 0;
    line-height: 12px;
    -webkit-transition: border-color .4s, color .4s;
    transition: border-color .4s, color .4s;
    /* -webkit-appearance: none;
     */
    width: 100%;
    font-size: 14px;
    background: #fff;
    margin-bottom: 20px;
    border-radius: 2px;
    font-weight: 500;
}
.list-pg-write-rev form input[type='submit']{
    margin-top: 15px;
    background: #51c0ff;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    border-radius: 3px;
    border: 0px;
    margin-bottom: 0px;
}
.list-pg-write-rev form label {
    top: 14px;
}
.list-pg-write-rev form textarea {
    height: 100px;
    position: relative;
    padding: 15px 24px;
    box-sizing: border-box;
    box-shadow: none;
    border: 1px solid #e8e8e8;
    text-indent: 0;
    line-height: 26px;
    -webkit-transition: border-color .4s, color .4s;
    transition: border-color .4s, color .4s;
    /* -webkit-appearance: none;
     */
    width: 100%;
    font-size: 15px;
    background: #fff;
}
.list-pg-guar {
}
.list-pg-guar ul {
    margin-bottom: 0px;
}
.list-pg-guar ul li {
    border-bottom: 1px solid #e2e2e2;
    padding: 12px 0px 5px 0px;
}
.list-pg-guar ul li:nth-child(1) {
    padding: 5px 0px 5px 0px;
}
.list-pg-guar ul li:nth-child(3) {
    border-bottom: 0px solid #e2e2e2;
    padding-bottom: 5px;
}
.list-pg-guar ul li h4 {
    font-size: 15px;
    padding-bottom: 0px;
    font-weight: 700;
}
.list-pg-guar ul li p {
    line-height: 18px;
    font-size: 13px;
    color: #56595d;
}
.list-pg-guar ul li .clim-edit{
background: #F44336;
    color: #fff;
    font-size: 11px;
    padding: 2px 7px;
    border-radius: 2px;
    margin-bottom: 10px;
    display: inline-block;
    font-weight: 500;
    cursor: pointer;    
}
.list-pg-guar-img {
    display: inline-block;
    float: left;
    height: 100%;
    margin-right: 15px;
    margin-bottom: 8px;
}
.list-pg-guar-img img {
}
.list-pg-btn {
    width: 100%;
    font-size: 14px;
    height: 45px;
    line-height: 45px;
}
.pglist-p-com-ti-right {
}
.pglist-p-com-ti-right h3 {
    background: #1977f3;
    color: #fff;
    font-size: 15px;
    border-radius: 10px 10px 0 0;
}
.pglist-p-com-ti-right h3 span {
    color: #ffffff;
    font-size: 15px;
    font-weight: 400;
}
.form-notes{
    background: #fffed9;
    color: #969457;
    border: 1px solid #f2f1b9;
    padding: 15px;
    margin-top: 15px;
}
.form-notes p{
    margin: 0px;
    font-size: 12px;
    text-align: center;
}
.pg-list-user-pro {
    background: url('../images/profile-bg.html') no-repeat;
    height: 100px;
    background-size: cover;
}
.pg-list-user-pro img {
    /* display: table;
     */
    /* margin: 0 auto;
     */
    position: relative;
    /* left: 40%;
     */
    margin-top: 72px;
    margin-left: 41%;
}
.list-pg-upro {
    text-align: center;
    padding-top: 30px;
}
.list-pg-upro h5 {
    font-size: 16px;
}
.list-pg-upro p {
    padding-bottom: 5px;
    font-size: 15px;
}
.list-pg-upro a {
    background: #f44336;
}
.list-pg-map {
}
.list-pg-map iframe {
    height: 180px;
    width: 100%;
    border: 0px;
}
.list-pg-oth-info {
}
.list-pg-oth-info ul {
}
.list-pg-oth-info ul li {
    border-bottom: 1px solid #e0e6f5;
    padding: 10px 0px;
    font-weight: 500;
    font-size: 13px;
    color: #56595d;
}
.list-pg-oth-info ul li:last-child {
    border-bottom: 0px solid #e2e2e2;
    padding-bottom: 0px;
}
.list-pg-oth-info ul li span {
    float: right;
    text-align: right;
    background: #f7f8fa;
    /* color: #fff;
     */
    border-radius: 5px;
    padding: 0px 5px;
    border: 1px solid #e2e2e2;
    font-size: 13px;
}
.green-bg {
    background: #55bf15 !important;
    color: #fff;
}
.list-mig-like {display: none;}
.list-mig-like-com {
    position: relative;
    border-radius: 10px;
    /* margin-bottom: 20px; */
    /* background: #14addb; */
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin: 10px;
    cursor: pointer;
}
.list-mig-lc-img {
}
.list-mig-like-com:hover img {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    /* opacity: 0.5; */
}
.list-mig-lc-img img {
    width: 100%;
    border-radius: 5px;
    object-fit: cover;
}
.list-mig-like-com:before {
    /* background: linear-gradient(to top, rgba(0, 0, 0, 0.82) 10%, rgba(84, 84, 84, 0.35) 80%); */
    top: 0px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    border-radius: 5px;
}
.list-mig-lc-con {
    position: absolute;
    width: 100%;
    margin-top: -104px;
    padding: 20px 20px 0px 20px;
    display: block;
    z-index: 1;
}
.list-mig-lc-con2 {
    margin-top: -90px;
}
.list-mig-lc-con h5 {
    font-size: 18px;
    color: #fff;
    padding-top: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 600;
}
.list-mig-lc-con h6 {
    font-size: 14px;
    color: #fff;
    position: absolute;
    top: -20px;
    /* right: 0px;
     */
    border: 1px solid #fff;
    padding: 8px 10px 3px 10px;
    border-radius: 18px;
    margin-bottom: 5px;
    padding-bottom: 10px;
}
.list-mig-lc-con p {
    color: #c1c1c1;
    font-size: 13px;
}
.list-mi-pr {
    top: 15px;
}
.list-ri-spec-tit {
}
.list-ri-spec-tit h3 {
    padding: 5px 20px 18px 20px;
    /* background: #fff;
     */
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
}
.list-ri-spec-tit h3 span {
    font-weight: 700;
    font-size: 16px;
}
.list-rat-ch {
}
.list-rat-ch span {
    width: 25px;
    height: 25px;
    background-color: #ffe500;
    /* bottom: 8px;
     */
    padding: 4px;
    border-radius: 2px;
    color: #000;
    font-weight: 600;
    text-align: center;
    font-size: 12px;
    text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.28);
    margin-right: 10px;
}
.list-rat-ch i {
    color: #000000;
    text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.6);
    border: 1px solid #000;
    padding: 3px 2px 2px 2px;
    text-align: center;
    border-radius: 3px;
    background: #ffe500;
    font-size: 11px;
}
/*-------------------------------------------------------*/
/* LISTING LEAD FORM
/*-------------------------------------------------------*/
.list-pg-lt {
    width: 70%;
    float: left;
    /*background: #f5f8ff;*/
}
.list-pg-rt {
    width: 30%;
    float: left;
    padding: 0px 0px 0px 20px;
    position: sticky;
    top: 15%;
    /*background: #f5f8ff;*/
}
.list-page-enq {
    margin-top: 60px;
    background: url('../images/banner2.html') no-repeat;
    background-size: cover;
    position: relative;
}
.list-page-enq:before {
    content: '';
    position: absolute;
    background: linear-gradient(to top, rgba(32, 52, 76, 0.64) 14%, rgba(0, 0, 0, 0.55) 66%);
    top: 0px;
    bottom: 0px;
    left: 0px;
    width: 100%;
}
.lpe-com-main {
    position: relative;
    overflow: hidden;
    width: 75%;
    margin: 0 auto;
    padding: 50px 35px;
}
.lpe-com {
    width: 50%;
    float: left;
}
.lpe-left {
    padding: 14% 0%;
    color: #fff;
}
.lpe-left h4 {
    text-transform: uppercase;
}
.lpe-left h5 {
    font-size: 20px;
}
.lpe-left h2 {
    font-size: 60px;
}
.lpe-right {
    text-align: center;
}
.lpe-right h3 {
    color: #000000;
    font-size: 28px;
}
.lpe-right p {
    font-size: 14px;
    text-align: center;
    padding-top: 7px;
    margin-bottom: 5px;
}
.lpe-right form {
    background: #fff;
    padding: 25px;
    border-radius: 4px;
    box-shadow: 0px 16px 40px -10px rgb(0, 0, 0);
    border-bottom: 5px solid #d6c492;
}
.lpe-right input, textarea {
    height: 45px;
    position: relative;
    padding: 15px 24px;
    box-sizing: border-box;
    box-shadow: none;
    border: 1px solid #e8e8e8;
    text-indent: 0;
    line-height: 12px;
    -webkit-transition: border-color .4s, color .4s;
    transition: border-color .4s, color .4s;
    /* -webkit-appearance: none;
     */
    width: 100%;
    font-size: 14px;
    background: #fff;
}
.lpe-right label {
    top: 14px;
}
.lpe-right textarea {
    height: 75px;
}
.lpe-right input[type="submit"] {
}
.list-red-btn {
    background: #F44336;
    background: linear-gradient(to top, #ec3123, #f44336);
    /* border: 1px solid #f14033;
     */
    color: #fff;
    height: 45px;
    line-height: 45px;
}
.lis-pro-badg div{
    text-align: center;
    padding: 0px 10px 20px 10px;
    position: relative;
    z-index: 3;
}

.lis-pro-badg:before, .lis-pro-badg:after{
    
}
.lis-pro-badg:before{
 content: '';
 position: absolute;
 width: 100%;
 height: 100%;
 background: #26caacc9;
 left: 0px;
 top:0px;
 right:0px;
 bottom: 0px;
 border-radius: 10px;
}
.lis-pro-badg:after{
 content: '';
 position: absolute;
 width: 100%;
 height: 57%;
 background: #fff;
 left: 0px;
 /* top:0px; */
 right:0px;
 bottom: 0px;
 border-radius: 0px 0px 10px 10px;
 z-index: 0;
}
.lis-pro-badg{
    position: relative;
    border-radius: 10px;
    /* border: 1px solid #e0e6f5; */
    background: url(../images/face.jpg) #edf6fd;
    background-size: 100px;
    /* float: left; */
    /* width: 100%; */
}
.lis-pro-badg div .rat {
    background: #f9f79ade;
    padding: 2px 4px;
    font-weight: 600;
    color: #000;
    right: 15px;
    top: 10px;
    font-size: 14px;
    border-radius: 2px;
    text-align: center;
    position: absolute;
}
.lis-pro-badg div img{
    width: 100px;
    object-fit: cover;
    height: 100px;
    border-radius: 50%;
    border: 4px solid #fff;
    margin-bottom: 15px;
    float: initial;
}
.lis-pro-badg div {
    position: relative;
    /* padding-bottom: 20px; */
    /* margin-top: -151px; */
    /* left: 0px; */
    /* float: left; */
    /* width: 100%; */
}
.lis-pro-badg div h4{
    font-size: 17px;
    font-weight: 800;
    margin-bottom: 4px;
    /* text-transform: uppercase; */
}
.lis-pro-badg div p{
    margin: 0px;
    font-size: 13px;
    color: #8b9398;
}
.lis-pro-badg div .by {
    background: #43a463;
    color: #fff;
    font-weight: 600;
    font-size: 10px;
    padding: 2px 10px;
    border-radius: 2px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-align: center;
    margin: 0 auto;
    display: table;
    margin-bottom: 30px;
}
.lis-comp-badg{
    background: #fff;
    border-radius: 10px;
    border: 1px solid #e0e6f5;
}
.lis-comp-badg .s1{
   background: #cbe7ff;
    text-align: center;
    color: #1c1b1b;
    padding-bottom: 25px;
    border-radius: 10px 10px 0px 0px;
    position: relative;
}
/*.lis-comp-badg .s1:before{
    content: '';
    position: absolute;
    background: linear-gradient(150deg, #60e2f7ab,#1e44a2cc 100%);
    width: 100%;
    height: 100%;
    left: 0px;
    top:0px;
    right: 0px;
    bottom: 0px;
    border-radius: 10px 10px 0px 0px;
}*/
.lis-comp-badg .s1 div{position: relative;}
.lis-comp-badg .s1 .by{
    background: #1977f3;
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    padding: 2px 10px;
    border-radius: 2px;
    letter-spacing: 0.5px;
    text-align: center;
    margin: 0 auto;
    display: table;
    margin-bottom: 23px;
}
.lis-comp-badg .s1 .proi{
    width: 100px;
    object-fit: cover;
    height: 100px;
    border-radius: 50%;
    /* border: 4px solid #fff; */
    float: initial;
    margin: 0 auto;
    display: table;
}
.lis-comp-badg .s1 ul{
    margin: 0 auto;
    display: table;
    padding-bottom: 30px;
}
.lis-comp-badg .s1 ul li{
    float: left;
    padding: 0px 3px;
}
.lis-comp-badg .s1 ul li a{}
.lis-comp-badg .s1 ul li a img{
    width: 23px;
    height: 23px;
    background: #fff;
    border-radius: 50px;
    padding: 3px;
}
.lis-comp-badg .s1 h4{
    font-size: 15px;
    font-weight: 500;
    padding: 0px 0px 5px 0px;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 5px;
}
.lis-comp-badg .s1 p{
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0px;
    padding: 0px 15px;
}
.lis-comp-badg .s2{
    padding: 20px 15px 25px;
    text-align: center;
    position: relative;
}
.lis-comp-badg .s2 .use-fol{
    background:#1977f3;
    margin: 0 auto;
    display: table;
    margin-top: -37px;
    padding: 7px 20px;
    border-radius: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: 600;
    box-shadow: 0px 1px 8px -2px #33333345;
    color: #fff;
    margin-bottom: 15px;
}
.lis-comp-badg .s2 a{
    color: #67717b;
    font-size: 15px;
}
.list-pagenat {
    margin-bottom: 0px;
    margin-top: 15px;
    margin: 0 auto;
    display: table;
}
.list-enqu-btn ul {
    padding: 0px;
}
.list-enqu-btn ul li {
    display: inline-block;
    float: left;
    width: 25%;
    margin: 0px;
}
.list-enqu-btn ul li a {
    border: 1px solid #eaeaea;
    text-align: center;
    display: block;
    padding: 5px;
    color: #3e4c56;
    box-sizing: border-box;
    margin: 4px;
    border-radius: 2px;
    font-weight: 600;
    font-size: 12px;
}
.list-enqu-btn ul li a:hover {
    color: #fff;
    background-color: #172437;
    border: 1px solid #172233;
}
.list-enqu-btn ul li a:hover i {
    margin-right: 10px;
}
.list-enqu-btn ul li a i {
    margin-right: 5px;
}
.list-enqu-btn ul li:last-child a {
    background: #1977f3;
    border: 1px solid #1977f3;
    color: #fff;
}
.list-ban-btn{
    /* border-left: 1px solid #ffffff3b; */
   padding: 3% 0px 13px 60px;
    float: left;
    width: auto;
    margin-left: 20%;
    position: absolute;
    right: 10%;
    bottom: 8px;
}
.list-ban-btn ul li{
    margin-bottom: 10px;
    float: left;
    margin: 0px 0px 5px 7px;
}
.list-ban-btn ul li:last-child{
    margin-bottom:0px;
}
.list-ban-btn ul li .cta{
    font-weight: 600;
    display: inline-block;
    padding: 12px 25px 12px 40px;
    border-radius: 2px;
    cursor: pointer;
    background: #ffffff;
    border: 1px solid #ffffff;
    color: #162336;
    font-size: 14px;
    float: left;
}
.list-ban-btn ul li .cta b{color: #162336;}
.list-ban-btn ul li .cta:before{
    content: 'chat_bubble_outline';
    margin-left: -23px;
    margin-top: -3px;
    color: #162336;
    transition: all 0.5s ease;
    }
.list-ban-btn ul li .cta-call:before{content: 'phone';}
.list-ban-btn ul li .cta-like:before{content: 'thumb_up';}
.list-ban-btn ul li .cta-rev:before{    content: '';
    background: url(../images/icon/whatsapp.png) no-repeat;
    width: 17px;
    height: 17px;
    background-size: 100%;
    margin: 2px 0px 0px -24px;}
.list-ban-btn ul li .cta-rev{
    background: #d4ffd6;
    border: 1px solid #d4ffd6;    
}
.list-ban-btn ul li span.pulse{
    background: #f44336;
    color: #ffffff;
    border: 1px solid #f44336;
    transition: all 0.5s ease;
    box-shadow: 0 0 0 rgb(244, 67, 54);
}
.list-ban-btn ul li span.pulse:before{color: #fff;}
.list-ban-btn ul li span:before{
}
.list-ban-btn ul li .cta:hover:before{
    color: #ffffff;
}
.list-ban-btn ul li .cta:hover{
    background: #4274eb;
    color: #ffffff;
    border: 1px solid #4274eb;
    transition: all 0.5s ease;
}
.list-ban-btn ul li span:hover b{
    color: #ffffff;
    transition: all 0.5s ease;
}
.list-ban-btn ul li span b{
    color: #162336;
    transition: all 0.5s ease;
}
.list-ban-btn ul li span:before{
}
.list-ban-btn ul li:nth-child(1) span:before{
    content:'favorite_border';
}
.list-ban-btn ul li .cta-rev:hover{background: #b8f5ba;color:#000; border: 1px solid #b8f5ba;}
.list-ban-btn ul li .cta-get:before{content: 'chat_bubble_outline';}
.carousel-item img, .carousel-item iframe{
    width: 100%;
    transition: all .5s ease;
    height: 325px;
    float:left;
}
.carousel-item img{object-fit: cover;}
.carousel-item:before{display:none;}
.wh-bg{
    background:#fff;
}
.home-list-pop {
    position: relative;
    overflow: hidden;
    background: #ffffff;
    padding: 0px 0px 15px 0px;
    /* margin-bottom: 30px;
     */
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.home-list-pop:hover {
    -moz-transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.home-list-pop img {
    width: 100%;
    transition: all .5s ease;
    height: 150px;
    object-fit: cover;
    border-radius: 2px;
}
.home-list-pop-desc {
}
.home-list-pop-desc span {
}
.home-list-pop .col-md-3{
    float:left;
}
.home-list-pop .col-md-9{
    float:left;
}
.pglist-off-last .home-list-pop .col-md-3{
    padding-left:0px;
}
.pglist-off-last .home-list-pop-desc{
    padding-right:0px;
}
.home-list-pop-desc h3 {
    font-size: 18px;
    padding-bottom: 8px;
    color: #000000;
    padding-top: 5px;
    font-weight: 700;
}
.home-list-pop-desc h4 {
    font-size: 15px;
    padding-bottom: 8px;
}
.home-list-pop-desc p {
    margin-bottom: 15px;
    padding-right: 70px;
    font-size: 14px;
}
.pglist-off-last .list-pg-inn-sp:last-child .home-list-pop{
    padding-bottom: 0px;
    border-bottom: 0px;
}
.pulse {
    box-shadow: 0 0 0 rgb(9, 178, 255);
    animation: pulse 1.5s infinite;
}
.pulse:hover {
    animation: none;
}
@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgb(178, 221, 255)
    }
    70% {
        -webkit-box-shadow: 0 0 0 15px rgba(204,169,44, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
    }
}
@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgb(178, 221, 255)
        box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
    }
    70% {
        -moz-box-shadow: 0 0 0 15px rgba(204,169,44, 0);
        box-shadow: 0 0 0 15px rgba(204,169,44, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
        box-shadow: 0 0 0 0 rgba(204,169,44, 0);
    }
}
.carousel-item:before{
    content: '';
    position: absolute;
    background: #43323e63;
    top: 0px;
    bottom: 0px;
    left: 0px;
    width: 100%;
}
.ld-rhs-pro{
    margin-bottom: 0px;
    border: 0px;
    background: none;
    margin-bottom: 0px;
}
.ld-rhs-pro-inn{
}
.ld-rhs-pro .hcity{
    margin:0px;
}
.all-list-pro-bad{
    float: left;
    width: 100%;
    margin-bottom: 25px;
    text-align: center;
    background: #ffffff;
    border: 1px solid #e0e6f5;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    padding-bottom: 15px;
}
.all-list-pro-bad:before{
    content:'';
    position: absolute;
    width: 100%;
    height: 100px;
    background: url(../images/face.jpg) #053050;
    background-size: 101px;
    filter: brightness(0.6);
    left: 0px;
}
.all-list-pro-bad img{
    object-fit: cover;
    width: 100px;
    height: 100px;
    border-radius: 50px;
    position: relative;
}
.all-list-pro-bad .rat{
    background: #f9f79ade;
    padding: 2px 4px;
    font-weight: 600;
    color: #000;
    right: 15px;
    top: 12px;
    font-size: 14px;
    border-radius: 2px;
    text-align: center;
    position: absolute;
}
.all-list-pro-bad a h4{
    font-weight: 600;
    font-size: 18px;
    padding-top: 15px;
    position: relative;
    color: #053050;
}
.all-list-pro-bad a h4:hover{    text-decoration: underline;
    color: #0c83e2;
    transition: all 0.5s ease;}
.all-list-pro-bad a{}
.all-list-pro-bad p{
    /* margin: 0px; */
    font-size: 14px;
    position: relative;
    margin-bottom: 10px;
}
.all-list-pro-bad .cntat{
    text-align: center;
    display: inline-block;
    padding: 5px 25px;
    box-sizing: border-box;
    border-radius: 2px;
    font-weight: 600;
    font-size: 12px;
    background: #fc6054;
    border: 1px solid #fc6054;
    color: #fff;
    cursor: pointer;
}
.all-list-pro-bad .by{
    background: #43a463;
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    padding: 2px 10px;
    border-radius: 2px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-align: center;
    margin: 0 auto;
    display: table;
    margin-bottom: 10px;
    position: relative;
}

.list-ri-peo-like{
    position:relative;
    background: url(../images/home-bg.jpg) no-repeat #424647;
    border-radius: 5px;
    overflow: hidden;
    padding: 25px;
    background-size: cover;
}
.list-ri-peo-like:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top,#fcddddbf,#0000006b 100%);
    border-radius: 5px;
    transition: all 0.5s ease;
    left: 0px;
    top: 0px;
}
.list-ri-peo-like h3{
    padding: 5px 20px 18px 20px;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    position: relative;
}
.list-ri-peo-like ul{
    margin: 0 auto;
    display: table;
    padding-left: 20px;
}
.list-ri-peo-like ul li{
    float: left;
    margin-left: -20px;
}
.list-ri-peo-like ul li a{
    /* position: relative;
     */
    /* width: 32px;
     */
    /* height: 32px;
     */
    /* display: inline-table;
     */
}
.list-ri-peo-like ul li a img{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
    position: relative;
    transition: all 0.5s ease;
    box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.8);
}
.list-ri-peo-like ul li a img:hover{
    transform:scale(1.4);
}
.list-rhs-form{
    background: #ffffff;
    /* border: 0px; */
    padding-bottom: 0px;
}
.list-rhs-form .quote-pop{padding: 0px;border: 1px solid #e5e4e4;border-radius: 10px;}
.list-rhs-form .quote-pop h3{
    font-weight: 600;
    font-size: 15px;
    text-align: center;
    color: #fff;
    background:#1977f3;
    padding: 12px;
    border-radius: 10px 10px 0 0;
    text-transform: uppercase;
}
.list-rhs-form .quote-pop form{padding: 20px 30px;}
.list-rhs-form .quote-pop input{
    border: 1px solid #e1e4e6;
    font-size: 14px;
    font-weight: 500;
    border-radius: 20px;
    padding-left: 40px;
}
.list-rhs-form .form-group:before{
    margin: 7px 0px 0px 15px;
    color: #2196F3;
}
.list-rhs-form .quote-pop textarea{
    border: 1px solid #e1e4e6;
    font-size: 14px;
    font-weight: 500;
    border-radius: 20px;
}
.list-rhs-form .quote-pop .btn{width: 100%;background: #1977f3;border: 0px;font-weight: 700;opacity: 1;font-size: 14px;letter-spacing: 1px;padding: 10px 10px;border-radius: 2px;font-family: 'Quicksand', sans-serif;border-radius: 20px;}
.list-pg-lt .pglist-p-com:nth-child(1) p:last-child{
    margin-bottom:0px;
}
.list-pg-lt .pglist-p-com:nth-child(2){
    padding-bottom:25px;
}
.mob-menu{
}
.mob-me-ic{
    position: absolute;
    right: 0px;
    top: 7px;
    display:none;
    /* z-index: 9; */
}
.mob-me-ic i{
    border: 1px solid #3b83ef;
    font-size: 30px;
    border-radius: 2px;
    color: #fff;
    background: #3b83ef;
}
.mob-me-all{
    position: fixed;
    width: 100%;
    right: -100%;
    top: 0px;
    bottom: 0px;
    background: #fff;
    padding: 0px 40px 40px 40px;
    overflow-y: auto;
    transition: all 0.5s ease;
}
.mob-me-all.mobmenu-show{
    right: 0%;
    transition: all 0.5s ease;
}
.mob-me-all h4{
    font-size: 16px;
    margin-top: 40px;
    font-weight: 700;
}
.mob-me-all ul{
}
.mob-me-all ul li{
}
.mob-me-all ul li a{
    display: block;
    width: 100%;
    color: #333;
    border-bottom: 1px solid #e2e2e2;
    padding: 10px 0px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
}
.mv-bus{
}
.mob-me-clo{
    position: absolute;
    right: 23px;
    top: 10px;
    z-index: 9;
    background: #FF5722;
    /* height: 25px; */
    border-radius: 50px;
    /* padding: 5px; */
    height: 30px;
    width: 30px;
    text-align: center;
    padding-top: 2px;
}
.mob-me-clo i{color: #fff;text-align: center;}
.mv-pro.ud-lhs-s1 {
    padding: 30px 0px 0px 0px;
}
.mv-pro{
    cursor:pointer;
}
.mv-pro-menu{
    display:none;
    padding-top: 15px;
}
.mv-pro-menu.ud-lhs-s2{
}
/*-------------------------------------------------*/
/* REVIEWS
/*-------------------------------------------------*/
.rating {
    border: none;
    float: left;
    height: 45px;
    margin: 0px 0px 10px 14px;
}
.rating > input {
    display: none;
}
.rating > label:before {
    margin: 0px;
    font-size: 30px;
    font-family: Material Icons;
    display: inline-block;
    content: "star";
    color: currentColor;
}
.rating > .half:before {
    content: "star_half";
    position: absolute;
}
.rating > label {
    color: #ddd;
    float: right;
    width: 28px;
    cursor: pointer;
}
.rating > input:checked ~ label,
    /* show gold star when clicked */
.rating:not(:checked) > label:hover,
    /* hover current star */
.rating:not(:checked) > label:hover ~ label {
    color: #FFD700;
}
/* hover previous stars in list */
.rating > input:checked + label:hover,
    /* hover current star when changing rating */
.rating > input:checked ~ label:hover, .rating > label:hover ~ input:checked ~ label,
    /* lighten current selection */
.rating > input:checked ~ label:hover ~ label {
    color: #FFED85;
}
.rating > input:checked ~ label, .rating:not(:checked) > label:hover, .rating:not(:checked) > label:hover ~ label {
    color: #FFD700;
}
.rating > label.full{
}
.rating > label.half{
}

/*-------- RELATED LISTING -----------*/
.list-det-rel-pre{
    float: left;
    width: 100%;
    padding: 20px 0px 0px 0px;
}
.list-det-rel-pre h2{
    font-weight: 600;
    font-size: 20px;
    padding-bottom: 10px;
}
.list-det-rel-pre ul{}
.list-det-rel-pre ul li{
    float: left;
    width: 33.333%;
    padding: 10px 10px;
}
.list-det-rel-pre ul li .land-pack-grid{
    margin: 0px;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.10);
}
.list-det-rel-pre ul li .land-pack-grid .land-pack-grid-img{position: relative;}
.list-det-rel-pre ul li .land-pack-grid .land-pack-grid-img:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #2432405e;
    left: 0px;
    transition: all ease 0.5s;
    background: linear-gradient(to bottom, #ffffff00, #0b253aba);    
}
.list-det-rel-pre ul li .land-pack-grid .list-rat-all{
    padding: 0px 15px 7px 15px;
    position: absolute;
    top: -33px;
}
.list-det-rel-pre ul li .land-pack-grid .list-rat-all b{
    font-size: 12px;
    padding: 0px 4px;
    /* filter: drop-shadow(0px 0px 1px black); */
}
.list-det-rel-pre ul li .land-pack-grid .rat{
    padding: 1px 0px 0px 5px;
}
.list-det-rel-pre ul li .land-pack-grid .rat i{
    font-size: 12px;
    color: #FF9800;
    font-size: 16px;
    width: 10px;
    filter: drop-shadow(0px 0px 1px black);
    /* box-shadow: 0px 0px 1px black; */
}
.list-det-rel-pre ul li .land-pack-grid .rat i.ratstar{color: #fff;}
.list-det-rel-pre ul li .land-pack-grid .list-rat-all span{}

/*-------------------------------------------------*/
/* = MOBILE FOOTER QUICK LINK
/*-------------------------------------------------*/
.fqui-menu{
    position: fixed;
    left: 0px;
    right: 0px;
    width: 100%;
    background: #191919;
    z-index: 20;
    box-shadow: 0px 9px 19px 6px rgb(42 42 42 / 34%);
    display: none;
    bottom: 0px;
}
.fqui-menu ul{
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
.fqui-menu ul li{
    /* float: left; */
    width: 20%;
    text-align: center;
    color: #fff;
    display: inline-block;
}
.fqui-menu ul li a{
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    padding: 8px 4px 6px 4px;
    display: block;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.fqui-menu ul li img{
    width: 20px;
    margin: 0 auto;
    display: table;
    padding-bottom: 4px;
}
.fqui-menu ul li{}
.fqui-menu ul li span{
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    padding: 8px 4px 6px 4px;
    display: block;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.fqui-menu ul li span:hover, .fqui-menu ul li span:active, .fqui-menu ul li span:focus{background: #334a5a;}
.fqui-menu ul li span.btn-ser-need-ani{    background: none;
    border-radius: 0px;
    position: relative;
    animation: none;
    bottom: initial;
    right: initial;
    border: 0px;
    box-shadow: none;
    font-family: 'Poppins';}
.fqui-menu ul li span.btn-ser-need-ani:before{display: none;}


/*-------------------------------------------------*/
/* = PRICING
/*-------------------------------------------------*/
.tit{
    text-align: center;
    width: 100%;
    margin: 0px 0px 40px 0px;
}
.tit h2{
    font-size: 17px;
    font-weight: 400;
}
.tit h2 span{
    font-size: 30px;
    font-weight: 700;
    display: block;
}
.tit p{
    font-size: 16px;
    line-height: 26px;
    color: #424c59;
    font-weight: 400;
}
.pri{
    padding: 130px 0 80px 0;
    background: #f7fcff;
    background: linear-gradient(to bottom,#f1f8fd75,#edf6fd 100%);
}
.pri ul{
}
.pri ul li{
    float: left;
    width: 25%;
    border-radius: 4px;
    transition: all 0.4s;
}
.pri ul li div{
    float: left;
    text-align: left;
    border-radius: 10px;
}
.pri-box{
    background: #ffffff;
    /* padding: 20px;
     */
    margin: 0px 3% 30px 3%;
    /* border-radius: 4px;
     */
    border: 1px solid rgb(232, 237, 241);
    transition: all 0.4s;
}
.pri-box:hover .c3 a{
    color: #ffffff;
    border: 1px solid #1977f3;
    background:#1977f3;
}
.pri-box .c2{
    background: #1977f3;
    color: #ffffff;
    padding: 20px;
    width: 100%;
    border-radius:10px 10px 0 0;
    background: linear-gradient(to right, #a2b4c3, #89a5b9)
}
.pri ul li:nth-child(2) .pri-box .c2, .pri ul li:nth-child(3) .pri-box .c2, .pri ul li:nth-child(4) .pri-box .c2 {
    background: #1977f3;
}
.pri ul li:nth-child(4) .pri-box .c2 {
    background: #FF512F;
    background: -webkit-linear-gradient(to right, #F09819, #FF512F);
    background: linear-gradient(to right, #F09819, #FF512F);
}
.pri-box .c2 h4{
    color: #ffffff;
    padding-bottom: 0px;
    font-size: 15px;
    font-weight: 600;
}
.pri-box .c2 p{
    margin: 0px;
    font-weight: 300;
    font-size: 14px;
}
.pri-box .c3{
    padding: 20px 20px;
    width: 100%;
}
.pri-box .c3 h2{
    font-size: 28px;
    font-weight: 700;
}
.pri-box .c3 h2 span{
}
.pri-box .c3 p{
    margin: 0px;
    font-weight: 500;
    margin-top: 15px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 20px;
    font-size: 15px;
}
.pri-box .c3 a{
   background: #eef4fd;
    /* color: #fff; */
    padding: 10px 30px;
    border-radius: 5px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    color: #1a2a38;
    border: 1px solid #d6e7fd42;
    letter-spacing: 1px;
    display: inline-block
}
.pri ul li:nth-child(3) .pri-box{
    box-shadow: -1px 0px 17px -10px rgba(31, 62, 77, 0.45);
    transition: all 0.4s;
    z-index: 99;
    border: 1px solid rgb(227, 227, 227);
}
.pri ul li:nth-child(3) .pri-box .c3 a{
    color: #ffffff;
    border: 1px solid #1977f3;
    background: #1977f3;
}
.pri-box .c4{
    padding: 7px 20px 20px 20px;
    width: 100%;
}
.pri-box .c4 ol{
    padding: 0px;
    border-top: 1px solid #25c16f1a;
    padding-top: 20px;
    /* position: relative;
     */
}
.pri-box .c4 ol li{
    width: 100%;
    text-align: left;
    padding-bottom: 12px;
    font-size: 15px;
    color: #334e59;
    font-weight: 500;
    padding-left: 35px;
    box-sizing: border-box;
    border: 0px;
    background: none;
    position: relative;
}
.pri-box .c4 ol li:before{
    content: "check";
    font-size: 12px;
    padding: 1px;
    width: 15px;
    height: 15px;
    color: #ffffff;
    font-weight: 500;
    left: 8px;
    top: 0px;
    background: #329df4;
    border-radius: 50px;
    box-sizing: border-box;
    line-height: 14px;
}
.pri-box .c4 ol li.no:before{
    content: "close";
    color: #ffffff;
    background: #f87f95;
}
.pri-box .c4 ol li.co:before{
    background: #f8d37f;
}
.pri-box .c5{
    padding: 0px 20px 30px 20px;
    width: 100%;
}
.pri-box .c5 a{
    width: 100%;
    text-align: center;
    background: #ffffff;
    color: #1977f3;
    border: 1px solid #1977f3;
    padding: 8px 20px;
    border-radius: 2px;
    display: inline-block;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 12px;
}
.pri-box .c5 a:hover{background: #1977f3;color: #ffffff;}
.login-reg{
    padding: 130px 0 50px 0;
    background-color: aliceblue;
   /* background: url(../images/face.jpg) #edf6fd;*/
    position: relative;
    background-size: 380px;
}
.login-main{
    -webkit-box-shadow: 0 5px 5px 0 rgba(154,160,185,.05), 0 5px 30px 0 rgba(166,173,201,.22);
    box-shadow: 0px 40px 80px 0px rgb(2 2 26 / 14%);
    background: #fff;
    width: 460px;
    margin: 0 auto;
    display: table;
    position: relative;
    border-radius: 5px;
}
.log{
}
thead {
    background: #f7f7f7;
}
    .log h4 {
        text-align: center;
        font-size: 22px;
        font-weight: 700;
        margin-bottom: 0px;
        background: #f6f6f6;
        padding: 1%;
    }
.log p{
    font-size: 14px;
    text-align: center;
    color: #81898d;
}
.log div input, .log div select{
    height: 50px;
    border: 1px solid #f1eae5;
    font-size: 15px;
    font-weight: 500;
}
.form-control option{
    font-size:13px;
    font-weight:500;
}
.login-reg{
}
.login-reg .tit{
}
.login-reg .tit h2{
}
.login-reg .tit p{
}
.log div button.btn {
    width: auto;
    background: #1977f3;
    border: 0px;
    font-weight: 600;
    font-size: 17px;
    /* padding: 10px 0px; */
    border-radius: 3px;
}
.colorchngformm {
    background: #f7fafd;
    padding: 2%;
    margin-bottom: 3%;
}
.log div a.btn {
    width: 100%;
    background: #51c0ff;
    border: 0px;
    font-weight: 600;
    font-size: 17px;
    padding: 10px 0px;
    border-radius: 50px;
}
.login{
    padding: 40px 40px 0px;
    position: relative;
    float:left;
    width: 100%;
}
.log-bot{
    background: #f9faff;
    border-radius: 0 0 8px 8px;
    padding: 15px 0px;
    float: left;
    width: 100%;
}
.log-bot ul{
    margin: 0 auto;
    display: table;
}
.log-bot ul li{
    float: left;
    padding: 0px 8px;
}
.log-bot ul li span{
    color: #47b5ff;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}
.log-bor{
    background: #4c7af1;
    height: 10px;
}
.pop-ups .log-bor{
    height: 6px;
}
.pop-ups .form-control{
    font-size: 14px;
    font-weight: 500;
}
.pop-ups .udb-inst{
    font-size:11px;
}
.ud-cen .log-bor{
    height:6px;
    border-radius: 3px 3px 0 0;
}
.ud-cen .rat i{
    color: #51c0ff;
    font-size: 16px;
    width: 15px;
}
.ud-cen .rat{
}
.log-2, .log-3{
    display:none;
}
.login-main.add-list{
    width:100%;
}
.add-list .log div input, .add-list .log div select{
    font-size:14px;
}
.add-list textarea{
    height: 120px;
    border: 1px solid #f1eae5;    font-size: 13px
}
.add-list label{
    font-size:14px;
}
.add-list .chbox input[type="checkbox"]{
    height:auto;
}
.add-list .steps, .udb-inst{
    position: relative;
    margin: 0 auto;
    display: table;
    background: #f37c20;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    padding: 2px 10px;
    line-height: 20px;
    border-radius: 4px;
    margin-top: -16px;
    letter-spacing: 2px;
}
.foot-supp{
}
.foot-supp h2{
    text-align: center;
    width: 100%;
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 10px;
}
.foot-supp h2 span{
    font-weight: 300;
    padding-right: 5px;
}
.foot-count{
    border-top: 1px dashed #5d5b5b;
    padding: 35px 0px 0px 0px;
    margin-top: 20px;
}
.foot-count ul{
    margin:0 auto;
    display:table;
}
.foot-count ul li{
    float: left;
    font-size: 14px;
    padding: 0px 15px;
    border-right: 1px dashed #5d5b5b;
    line-height: 15px;
    text-align: center;
    font-weight: 500;
    color: #7a6a5c;
    line-height: 18px;
}
.cr{
    background: #040404;
    float: left;
    width: 100%;
}
.cr p{
    width: 100%;
    text-align: center;
    margin: 0px;
    font-size: 12px;
    font-weight: 500;
    padding: 10px 0px;
    color: #676565;
}
.cr p a{
    color: #676565;
    text-decoration: underline;
}
/*-------------------------------------------------------*/
/* ADD LISTING STEPS
/*-------------------------------------------------------*/
.add-list-ste{
    width: 100%;
    margin-bottom: 30px;
}
.add-list-ste-inn{
}
.add-list-ste-inn ul{
    margin: 0 auto;
    display: table;
    position: relative;
}
.add-list-ste-inn ul:after{
    content:'';
    position:absolute;
    width: 90%;
    height: 2px;
    background: #ededed;
    left: 5%;
    top: 41px;
    z-index: 1;
}
.add-list-ste-inn ul li{
    float: left;
    text-align: center;
    margin: 0px 10px;
    z-index: 2;
    position: relative;
}
.add-list-ste-inn ul li a{
    text-align: center;
    background: #ededed;
    float: left;
    border-radius: 50px;
    color: #333;
    width: 80px;
    height: 80px;
    padding: 16px 0px 0px 0px;
}
.add-list-ste-inn ul li a:hover{
    background: #a5b6af;
    color: #fff;
}
.add-list-ste-inn ul li a span{
    font-size: 12px;
    text-transform: uppercase;
}
.add-list-ste-inn ul li a b{
    display: block;
    font-size: 12px;
    font-weight: 600;
    text-transform: capitalize;
}
.add-list-ste-inn ul li a.act{
    background: #21d78d;
    color: #fff;
}
.add-list .skip{
    text-align: center;
    display: block;
    padding-top: 20px;
    color: #333;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 3px;
    border-top: 1px solid #e1dede;
    margin-top: 30px;
}
.add-list button.btn{
    margin-top:25px;
}
.add-list .img-name{
    width: 0;
    height: 0;
    position: absolute;
    opacity: 0;
}
.add-list-off{
}
.add-list-off ul li{
    border: 1px solid #f1eae5;
    margin-bottom: 40px;
    padding: 30px;
    border-radius: 2px;
    background: #fefaf7;
}
.add-prod-high-oth{
    padding: 0px;
    margin-top: 25px;
}
.add-prod-high-oth ul li{
    margin-bottom: 15px;
    padding: 20px;
}
.add-prod-high-oth .form-group, .add-prod-oth .form-group{margin: 0px;}
.add-prod-oth{padding: 25px 25px 0px 25px;margin-top: 35px;background: #fff;margin-bottom: 25px;border: 1px  solid #f4eeea;}
.add-prod-oth ul{}
.add-prod-oth ul li{
    background: none;
    border: 0px;
    padding: 0px;
}
.add-prod-oth ul li input{}
.add-prod-oth ul li i{
    width: 32px;
    height: 32px;
    text-align: center;
    margin: 0 auto;
    display: table;
    margin-top: 12px;
    color: #21d78d;
}
.add-list-add-btn{
    position: absolute;
    right: 64px;
    top: 0px;
    font-size: 30px;
    border: 1px solid #1470cc;
    width: 32px;
    height: 32px;
    text-align: center;
    border-radius: 50px;
    line-height: 30px;
    cursor: pointer;
    color: #1470cc;
    /* padding-left: 2px; */
}
.add-list-rem-btn{
    position: absolute;
    right: 23px;
    top: 0px;
    font-size: 30px;
    border: 1px solid #1470cc;
    width: 32px;
    height: 32px;
    text-align: center;
    border-radius: 50px;
    line-height: 30px;
    cursor: pointer;
    color: #1470cc;
    padding-left: 5px;
}
.pt30{
    padding-top:30px;
}
.add-lis-oth{
}
.add-lis-oth i{
    width: 32px;
    height: 32px;
    text-align: center;
    margin: 0 auto;
    display: table;
    margin-top: 18px;
    color: #21d78d;
}
.log .add-lis-oth input{
    border: 0px;
    border-bottom: 1px solid #e4e6f2;
    padding-left: 0px;
    text-transform: capitalize;
}
.add-lis-done{
}
.add-lis-done h4{
    font-size: 42px;
    margin-bottom: 5px;
    color: #000;
}
.add-lis-done .succ{
    background: #21d78d;
    color: #fff;
    margin: 0 auto;
    display: table;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    font-size: 90px;
    font-weight: 700;
    padding: 25px;
    box-shadow: 0px 3px 13px -4px rgba(0, 0, 0, 0.4);
    margin-bottom: 20px;
}
.add-lis-done p{
    margin-bottom: 30px;
    font-weight: 400;
    font-size: 15px;
}
/*-------------------------------------------------------*/
/* DASHBOARD
/*-------------------------------------------------------*/
.ud{
    padding: 56px 0px 180px 0px;
    transition: all 0.5s ease;
    background: #f5f6fa;
}
.ud.op1{
    opacity:0.1;
    transition: all 0.5s ease;
}
.ud-inn{
    width: 100%;
    margin: 0 auto;
    display: table;
}
.ud-enqu .ud-cen{
    width: 82%;
    margin: 0px 0% 0px 2%;
}
.ud-enqu .ud-rhs{
    display:none;
}
.db-open .bl{
    display:none;
}
.db-open .al{
    display:block;
}
.db-menu{
    position: absolute;
    background: #fff;
    width: 225px;
    padding: 15px 20px;
    box-shadow: 0px 10px 7px 2px rgba(157, 152, 152, 0.21);
    margin: -1px 0px 0px 0px;
    display: none;
}
.db-menu ul{
}
.db-menu ul li{
}
.db-menu ul li a{
    color: #000;
    font-weight: 500;
    font-size: 13px;
    display: block;
    padding: 12px 0px;
    border-bottom: 1px solid #f1efec;
}
.db-menu ul li a img{
    width: 20px;
    margin-right: 15px;
}
.db-menu ul li a:before{
    content:'';
    position:absolute;
    width:4px;
    height: 22px;
    background: #fff;
    margin: 0px 0px 0px -18px;
    transition: all 0.5s ease;
}
.db-menu ul li a:hover{
    padding-left: 18px;
    color: #2783d1;
    background: linear-gradient(to left,#fff,#e4f1fc 70%);
}
.db-menu ul li a:hover:before{
    content:'';
    position:absolute;
    width:4px;
    height: 22px;
    background: #03A9F4;
    margin: 0px 0px 0px -18px;
    transition: all 0.5s ease;
}
.db-menu ul li:last-child a{
    border-bottom:0px;
}
.ud-lhs{
    float: left;
    width: 19%;
    /* border-right: 1px solid #d9dde0; */
    /* background: #ffffff; */
    /* box-shadow: 0px 1px 30px -16px #000000ab; */
    /* position: fixed; */
    /* left: 0px; */
    /* top: 57px; */
    /* bottom: 0px; */
    /* height: 100%; */
    /* z-index: 9; */
    padding: 40px 0px 0px 30px;
}
.ud-lhs-s1{
    position: relative;
    overflow: hidden;
    background: #fff;
    float: left;
    text-align: center;
    box-shadow: 0px 2px 15px -4px rgba(224, 224, 224, 0.8);
    border-radius: 4px;
    margin-bottom: 15px;
    width: 100%;
    padding-bottom: 15px;
}
.ud-lhs-s1:before{
        content: '';
        position: absolute;
        width: 100%;
        height: 100px;
        background: url(../images/face.jpg) #053050;
        background-size: 101px;
        filter: brightness(0.3);
        left: 0px;
}
.ud-lhs-s1 img{
    width: 120px;
    height: auto;
    border-radius: 50%;
    object-fit: cover;
    /* float: left; */
    /* margin-right: 10px; */
    height: 120px;
    position: relative;
    margin-top: 30px;
}
.ud-lhs-s1 h4{
    font-size: 18px;
    line-height: 15px;
    font-weight: 700;
    padding-top: 15px;
    text-align: center;
    display: block;
    float: left;
    width: 100%;
    color: #03A9F4;
}
.ud-lhs-s1 b{
    padding: 0px;
    font-size: 11px;
    font-weight: 400;
    color: #6b7884;
    line-height: 15px;
    float: left;
    width: 100%;
    padding-bottom: 10px;
}
.ud-lhs-s1 .ud-lhs-view-pro{
    display: table;
    margin: 0 auto;
    background: #1977f3;
    color: #fff;
    font-size: 12px;
    padding: 5px 20px;
    border-radius: 2px;
    font-family: 'Quicksand', sans-serif;
    font-weight: 600;
}
.ud-lhs-s2{float: left;width: 100%;/* background: #fff; *//* border: 1px solid #e6e6e6; *//* box-shadow: 0px 2px 4px rgba(224, 224, 224, 0.8); *//* padding: 12px; */overflow: hidden;overflow-y: auto;}
.ud-lhs-s2 ul{
}
.ud-lhs-s2 ul li{}
.ud-lhs-s2 ul li a{
    color: #738196;
    font-weight: 700;
    font-size: 14px;
    display: block;
    padding: 7px 17px;
    /* border-bottom: 1px solid #d9dde0; */
    font-family: 'Quicksand', sans-serif;
}

.ud-rhs-sec-3{display: none;}
.cre-dup-form{
    display:none;
}
.cre-dup{
    margin-bottom: 25px;
}
.cre-dup a{
    width: 100%;
    background: #51c0ff;
    border: 0px;
    font-weight: 600;
    font-size: 15px;
    padding: 10px 0px;
    border-radius: 50px;
    display: inline-block;
    color: #fff;
    text-align: center;
}
.cre-dup span{
    width: 100%;
    background: #7fccbb;
    border: 0px;
    font-weight: 600;
    font-size: 15px;
    padding: 10px 0px;
    border-radius: 50px;
    display: inline-block;
    color: #fff;
    text-align: center;
    cursor: pointer;
}
.ud-lhs-s2 ul li a.db-lact{
    padding-left: 18px;
    color: #03A9F4;
    background: #e4f1fc;
    background: linear-gradient(to left,#f5f6fa,#e4f1fc 70%);
}
.ud-lhs-s2 ul li a.db-lact:before{
    content:'';
    position:absolute;
    width:4px;
    height: 22px;
    background: #03A9F4;
    margin: 0px 0px 0px -18px;
    transition: all 0.5s ease;
}
.ud-lhs-s2 ul li a:hover{
    padding-left: 18px;
    color: #03A9F4;
    /* background: #cbe7ff; */
}
.ud-lhs-s2 ul li a.db-lact:before, .ud-lhs-s2 ul li a:hover:before{
    /* content:''; */
    /* position:absolute; */
    /* width:4px; */
    /* height: 22px; */
    /* background: #ffb100; */
    /* margin: 0px 0px 0px -18px; */
    /* transition: all 0.5s ease; */
}
.ud-lhs-s2 ul li a img{
    width: 28px;
    margin-right: 15px;
    /* filter: drop-shadow(2px 4px 6px black); */
    /* background: #bce0ff; */
    padding: 3px;
    border-radius: 2px;
    margin-top: -2px;
}
.ud-cen {
    background: #fff;
    /* border: 8px solid #ffffff; */
    border-radius: 1.25rem;
    box-shadow: 0rem 0.3125rem 0.3125rem 0rem rgb(82 63 105 / 5%);
    /* box-shadow: 0px 2px 4px rgb(224 224 224 / 80%); */
    padding: 2%;
    overflow: hidden;
    overflow-y: auto;
    
}
.ud-rhs{
    float: left;
    width: 20%;
    padding: 40px 20px 0px 0px;
}
.cd-cen-intr{
    padding: 50px 30px 0 30px;
}
.cd-cen-intr-inn{
    padding: 30px 30px 30px 230px;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);
    color: #fff;
    border-radius: 5px;
    position: relative;
    background: #5433FF;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #A5FECB, #429dde, #7b4ffc); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #A5FECB, #429dde, #7b4ffc); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.cd-cen-intr-inn:before{
    left: 0px;
    content: '';
    position: absolute;
    width: 190px;
    height: 171px;
    background: url(../images/quote.png) no-repeat;
    z-index: 9;
    bottom: 0px;
    background-size: cover;
    filter: saturate(0.7);
}
.cd-cen-intr h2{
    /* color: #e26363; */
    font-size: 20px;
}
.cd-cen-intr p{
    margin: 0px;
    /* color: #4994d6; */
    font-size: 13px;
}


.ud-cen-s1{
    float: left;
    width: 100%;
    /* margin-bottom: 50px;
     */
    padding: 30px;
}
.ud-cen-s1 h2{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px;
}
.ud-cen-s1 ul li{
    float: left;
    width: 33.3333%;
    /* text-align: center; */
}
.ud-cen-s1 ul li div{
    border-radius: 5px;
    padding: 15px;
    background: #e6f7ff;
    background-size:cover;
    position: relative;
    color: #333;
    transition: all 0.5s ease;
    /* border: 1px solid #deeaf0; */
    /* box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.05); */
    /* margin: 5px; */
}
.ud-cen-s1 ul li div:hover{
    background: #d0f6f1;
    /* color: #fff; */
}
.ud-cen-s1 ul li div:hover b{
    background: #06d7bb;
    color: #fff;
}
.ud-cen-s1 ul li:nth-child(2) div{
    margin: 0px 7px;
    /* background: url(../images/listings/bike1.jpg) no-repeat; */
    /* background-size:cover; */
}
.ud-cen-s1 ul li:nth-child(3) div{
    /* background: url(../images/listings/re7.jpg) no-repeat; */
    /* background-size:cover; */
}
.ud-cen-s1 ul li div:before{
    /* content:''; */
    width:100%;
    height:100%;
    position:absolute;
    left:0px;
    right:0px;
    top:0px;
    bottom:0px;
    background: #ffeee5;
    background: linear-gradient(to bottom,#ff8d8dc9,#00000057 70%);
    border-radius: 4px;
}
.ud-cen-s1 ul li div h4{
    font-size: 15px;
    font-weight: 700;
    position: relative;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    /* margin-top: 20px; */
    padding: 0px 0px 0px 65px;
    margin-bottom: 4px;
}
.ud-cen-s1 ul li div p{
    font-weight: 400;
    position: relative;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    padding: 0px 0px 0px 65px;
    margin: 0px;
}
.ud-cen-s1 ul li div b{
    font-size: 32px;
    font-weight: 600;
    line-height: 50px;
    position: absolute;
    background: #03A9F4;
    width: 50px;
    height: 50px;
    border-radius: 20px;
    color: #fff;
    top: 8px;
    text-align: center;
    transition: all 0.5s ease;
}
.ud-cen-s1 ul li div a{
    position: absolute;
    cursor: pointer;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 5;
}
.ud-cen-s2 {
    overflow: hidden;
    overflow-x: auto;
}
.ud-cen-s2, .ud-cen-s3 {
    float: left;
    width: 100%;
    position: relative;
    padding: 0;
}
.ud-cen-s3{
    padding-bottom: 0px;
    /* display: none; */
}
.ud-cen-s4{
    padding-bottom: 15px;
    /* display: none; */
}
.nav-tabs .nav-link{
font-size: 12px;
    font-weight: 600;    
}
.ud-cen-s2 h2, .ud-cen-s3 h2 {
    font-size: 21px;
    font-weight: 700;
    margin-bottom: 13px;
    background: #ffffff;
    padding: 1%;
}
.ud-cen-s2 a.db-tit-btn, .ud-cen-s3 a.db-tit-btn {
    position: absolute;
    right: 8px;
    top: 8px;
    color: #333;
    font-size: 13px;
    font-weight: 600;
    border-radius: 3px;
    padding: 6px 10px;
    background: #03A9F4;
    color: #fff;
    font-size: 12px;
    background: #485563;
    background: -webkit-linear-gradient(to top, #697480, #9ba3ab);
    background: linear-gradient(to top, #607d8b, #607d8b);
}
.ud-cen-s2 a.db-tit-btn, .ud-cen-s3 a.db-tit-btn:hover {
    
    color: #fff;
}
.ud-cen-s2 a.db-tit-btn-1{
    right: 160px;
}
.ud-cen-s2 a.db-tit-btn-2-ads{
    right: 215px;
}
.ud-cen-s2 table{
    width: 100%;
}
.responsive-table {
    border-radius: 5px;
    font-size: 12px;
    font-weight: normal;
    border: none;
    border-collapse: collapse;
    width: 100%;
    max-width: 100%;
    white-space: nowrap;
    background-color: white;
}
.form-group {
    float: left;
    width: 100%;
}
.ud-cen-s3 ul{
}
.ud-cen-s3 ul li{
    float: left;
    width: 33.333%;
    margin-bottom: 15px;
}
.ud-cen-s3 ul li .db-eve{
    background: #fff;
    padding: 0px;
    position: relative;
    overflow: hidden;
    transition: all 0.5s ease;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.11);
}
.ud-cen-s3 ul li .db-eve:hover{
    transform: scale(1.02);
    box-shadow: 0px 12px 9px -7px rgba(150, 150, 150, 0.59);
}
.ud-cen-s3 ul li .db-eve a{
}
.ud-cen-s3 ul li .db-eve a img{
    width: 100%;
    float: left;
    object-fit: cover;
    height: 135px;
    transition: all 0.5s ease;
}
.ud-cen-s3 ul li .db-eve a h5{
    margin-bottom: 0px;
    color: #000;
    font-size: 13px;
    font-weight: 700;
    padding: 15px 15px;
    float: left;
    display: inline-block;
    width: 100%;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
}
.ud-cen-s3 ul li .db-eve a span{
    font-size: 8px;
    color: #ffffff;
    padding: 2px 6px;
    display: inline-block;
    /* width: 100%;
     */
    font-weight: 500;
    position: absolute;
    left: 10px;
    top: 10px;
    background: #3f57e0;
    border-radius: 10px;
}
.ud-rhs{
}
.ud-rhs ul li:last-child{
    padding-bottom: 0px;
    margin-bottom: 0px;
    border:0px;
}
.ud-rhs h4{
    font-size:16px;
    margin-bottom:20px;
}
.ud-rhs-sec-1 ul{
    min-height: 100px;
    max-height: 265px;
    overflow-y: hidden;    
}
.ud-rhs-sec-1 ul:hover{
    overflow-y: auto;    
}
.ud-rhs-sec-1 h4{
}
.ud-rhs-sec-1, .ud-rhs-sec-2, .ud-rhs-sec-3, .ud-rhs-sec-4{
    position: relative;
    overflow: hidden;
    background: #fff;
    border: 1px solid #f2f3f3;
    /* margin-bottom: 40px; */
    /* box-shadow: 0px 0px 11px -1px rgba(224, 224, 224, 0.69);
     */
    border-radius: 8px;
    /* padding: 25px;
     */
    /* border-top: 4px solid #7fccbb;
     */
    /* background: #fff; */
    border: 1px solid #e6e6e6;
    /* box-shadow: 0px 2px 4px rgba(224, 224, 224, 0.8); */
}
.ud-rhs-sec-1 ul, .ud-rhs-sec-2 ul, .ud-rhs-sec-3 ul, .ud-rhs-sec-4 ul{
    padding:25px;
}
.ud-rhs-sec-1{
    padding: 0px;
}
.ud-rhs-sec-1 ul{
}
.ud-rhs-sec-1 ul li{
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 15px;
    padding-bottom: 12px;
    transition: all 0.5s ease;
}
.ud-rhs-sec-1 ul li:hover{
    padding-left:6px;
    transition: all 0.5s ease;
}
.ud-rhs-sec-1 ul li:hover h5{
    color:#297bbb;
    transition: all 0.5s ease;
}
.ud-rhs-sec-1 ul li a{
    color: #333;
}
.ud-rhs-sec-1 ul li a h5{
    font-size: 12.5px;
    font-weight: 700;
    margin-bottom: 5px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    color: #000;
}
.ud-rhs-sec-1 ul li a p{
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    margin: 0px;
    font-weight: 400;
}
.ud-rhs-sec-1 h4, .ud-rhs-sec-2 h4, .ud-rhs-sec-3 h4, .ud-rhs-sec-4 h4{
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0px;
    background: #253d52;
    padding: 15px 25px;
    color: #fff;
    font-weight: 700;
}
.ud-rhs-sec-2{
    padding: 0 0 15px 0;
    /* display: none; */
    margin-bottom: 20px;
}
.ud-rhs-sec-2 ul{
    float: left;
    width: 100%;
    padding: 0px;
}
.ud-rhs-sec-2 ul li{
    padding: 15px 15px 5px 15px;
}
.ud-rhs-sec-2 ul li a{
}
.ud-rhs-sec-2 ul li a img{
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    float: left;
    margin-right: 10px;
}
.ud-rhs-sec-2 ul li a h5{
    font-size: 13px;
    /* float: left;
     */
    line-height: 15px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    font-weight: 600;
    color: #333;
    margin-bottom: 3px;
}
.ud-rhs-sec-2 ul li a p{
    font-size: 10px;
    line-height: 15px;
    white-space: pre;
    overflow: hidden;
    font-weight: 400;
    color: #8d8a8a;
    margin-bottom: 0px;
}
.ud-rhs-sec-2 ul li a p b{
    font-weight: 600;
    color: #505658;
}
.ud-rhs-sec-3 .list-ri-peo-like ul li{
    margin-left: 0px;
    padding: 3px;
    float: left;
    width: 20%;
}
.ud-rhs-sec-3 .list-ri-peo-like ul{
    padding:0px;
}
.ud-rhs-sec-3 ul li .eve-box-list{
    border: 0px;
    padding: 0px;
    box-shadow: none;
}
.ud-rhs-sec-3 ul li .eve-box-list img{
    width: 49px;
    height: 49px;
}
.ud-rhs-sec-3 ul li .eve-box-list h4{
    margin: 5px 0px 4px 0px;
    font-size: 13px;
    padding: 0px;
    background: none;
}
.ud-cen-s3 ul li:nth-child(2n+2) div{
    margin: 0px 10px;
}
.ud-rhs-sec-3 ul li .eve-box-list p{
    font-size: 11px;
}
.ud-rhs-sec-3 ul li .eve-box-list span{
    font-size: 10px;
    padding: 0px 8.5px;
    bottom: 0px;
}
.ud-rhs-sec-3 ul li .eve-box-list span b{
}
.ud-rhs-sec-3 ul li .eve-box-list a{
}
.ud-rhs-promo{
    background: url(../images/promo.jpg) no-repeat;
    background-size: cover;
    padding: 25px;
    border-radius: 10px;
    margin-bottom: 25px;
    position: relative;
    color: #fff;
    float: left;
    width: 100%;
}
.ud-rhs-promo:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #cac42680;
    left: 0px;
    top:0px;
    right:0px;
    bottom: 0px;
    border-radius: 10px;
}
.ud-rhs-promo:hover a{
    background: #FF9800;
    color: #fff;
}
.ud-rhs-promo h3{
    font-size: 26px;
    /* font-weight: 600; */
}
.ud-rhs-promo p{
    font-size: 13px;
    color: #ffffff;
}
.ud-rhs-promo a{
    background: #FF9800;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 6px 15px;
    line-height: 20px;
    border-radius: 4px;
    /* margin-top: -16px; */
    letter-spacing: 2px;
}
.ud-rhs-promo h3, .ud-rhs-promo p, .ud-rhs-promo a{position: relative;}
.ud-rhs-promo-1{
    background: url(../images/face.jpg);
    background-size: 190px;
    margin-top: 20px;
}
.ud-rhs-promo-1:before{
    background: #3f51b5d9;
}
.ud-rhs-promo-1 a{
    background: #03A9F4;
    color: #fff;
}
.ud-rhs-sec-4{
}
.ud-rhs-sec-4 ul li{
    padding-bottom: 20px;
}
.blog-box-list{
    position: relative;
}
.blog-box-list h5{
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
}
.blog-box-list p{
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    margin-bottom: 0px;
}
.blog-box-list span b{
}
.blog-box-list span{
    font-size: 12px;
}
.blog-box-list a{
}
.tz-db-table {
}
.ud-cen-s2 table {
}
.ud-cen-s2 table tr {
    color: #969595;
    border-bottom: 1px solid #e9e9e9;
}
.ud-cen-s2 table tr td {
    font-size: 13px;
    color: #333;
    padding: 14px 14px 14px 10px;
}
.ud-cen-s2 table tr td:nth-child(2) img{
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    float: left;
    margin-right: 15px;
}

.lead-tab table tr td:nth-child(2){
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    width: 120px;
    float: left;
}
.lead-tab table tr td:nth-child(8){
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    width: 200px;
    float: left;
}
.ud-cen-s2 table tr td:nth-child(2) span{
    display: block;
    font-size: 11px;
    font-weight: 400;
    float:left;
}
.ud-cen-s2 table tr th {
    font-size: 14px;
    color: #000;
    padding: 14px 14px 14px 10px;
    font-weight: 600;
}
.ca-sh-plan{
    display:none;
    position: relative;
}
.ca-sh-user{
    position:relative;
}
.frmtip{
    float: right;
    color: #0d78d7;
    text-decoration: underline;
    font-size: 13px;
    font-weight: 500;
    display: inline-block;
    position: absolute;
    right: 30px;
    top: 13px;
}
.db-pro-bot-btn{
    background: #51c0ff;
    border: 0px;
    font-weight: 600;
    font-size: 14px;
    padding: 10px 20px;
    border-radius: 50px;
    margin: 10px 0px;
    display: inline-block;
    color: #fff;
}
.db-pro-bot-btn:hover{
    color:#fff;
    background: #f18b54;
}
.ud-cen-s2.ud-pro-edit table tr td:nth-child(2){
    display:flex;
}
.ud-pro-edit .form-group{
    margin: 0px;
    display: grid;
    width: 100%;
}
.ud-pro-edit .form-group input{
    width: 100%;
    font-size: 14px;
    font-weight: 500;
}
.ud-pro-edit table tr:last-child{
    border-bottom:0px;
}


.ud-rhs-pay{
    /* position: relative; */
    /* overflow: hidden; */
    background: #fff;
    float: left;
    /* text-align: center; */
    box-shadow: 0px 2px 15px -4px rgba(224, 224, 224, 0.8);
    border-radius: 10px;
    margin-bottom: 20px;
    width: 100%;
    /* padding: 20px; */
    /* color: #fff; */
    padding-bottom: 20px;
}
.ud-rhs-pay-inn{}
.ud-rhs-pay-inn h3{
    font-size: 15px;
    font-weight: 700;
    background: #03A9F4;
    color: #fff;
    padding: 15px 20px;
    margin-bottom: 0px;
    border-radius: 10px 10px 0px 0px;
}
.ud-rhs-pay-inn ul{
    padding: 20px;
}
.ud-rhs-pay-inn ul li{
    font-size: 12px;
    padding: 8px 0px;
    border-bottom: 1px solid #e6ecee;
}
.ud-rhs-pay-inn ul li b{
    width: 105px;
    display: inline-block;
}
.ud-rhs-pay-inn .btn{
    background: #F44336;
    color: #fff !important;
    font-size: 12px;
    padding: 7px 18px;
    border-radius: 2px;
    font-family: 'Quicksand', sans-serif;
    font-weight: 600;
    margin-top: 10px;
    cursor: pointer;
    float: left;
    /* margin-left: 20px; */
}
.ud-rhs-pay-inn .btn1{
    margin-left: 20px;
}
.ud-rhs-pay-inn .btn2{
    margin-left: 10px;
    background: #4CAF50;
}

.ud-rhs-repo{}
.ud-rhs-repo h3{}
.ud-rhs-repo ul{}
.ud-rhs-repo ul li{float:left;width: 33.333%;text-align: center;height: 100px;position: relative;}
.ud-rhs-repo ul li span{display:block;}
.ud-rhs-repo ul li .view{
    font-size: 9px;
    color: #8b8787;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: absolute;
    left: 29%;
    top: 14px;
}
.ud-rhs-repo ul li .cout{
    font-size: 24px;
    font-weight: 600;
    line-height: 42px;
    padding-top: 20px;
}
.ud-rhs-repo ul li .name{
    font-size: 12px;
    font-weight: 500;
    color: #8b8787;
}
.ud-rhs-repo ul li:nth-child(1){
    border-right: 1px solid #e6ecee;
}
.ud-rhs-repo ul li:nth-child(2){
    border-right: 1px solid #e6ecee;
}
.ud-rhs-repo ul li:nth-child(3){
    /* border-right: 1px solid #e6ecee; */
    border-bottom: 1px solid #e6ecee;
}
.ud-rhs-repo ul li:nth-child(4){
    border-right: 1px solid #e6ecee;
    border-bottom: 0px;
}
.ud-rhs-repo ul li:nth-child(5){
    border-right: 1px solid #e6ecee;
    border-bottom: 0px;
}
.ud-rhs-repo ul li:nth-child(6){}
.ud-rhs-repo ul li:nth-child(7){}
.ud-rhs-repo ul li:nth-child(7){
    border-right: 1px solid #e6ecee;
}
.ud-rhs-status{padding-bottom: 0px;}
.ud-rhs-status ul li{
    padding: 12px 0px 4px 0px;
}
.ud-rhs-status ul li span{float: left;width: 80%;overflow: hidden;text-overflow: ellipsis;white-space: pre;font-size: 12px;font-weight: 500;}
.ud-rhs-status ul li .custom-control{
    padding: 0px;
    display: inline-block;
    right: -50px;
    top: -4px;
}
.ud-rhs-status ul li .custom-control input{}
.ud-rhs-status ul li .custom-control label{}

.db-list-com {
    padding: 20px;
    position: relative;
    overflow: hidden;
}
.db-list-rat {
   // background: #f7ed94;
    padding: 4px 8px;
    font-weight: 600;
    color: #000;
    right: 15px;
    top: 0px;
    font-size: 15px;
    border-radius: 2px;
    text-align: center;
}
.db-list-ststus {
    background: #579edc;
    padding: 4px 8px;
    font-weight: 600;
    color: #ffffff;
    font-size: 10px;
    border-radius: 2px;
    border: 0px solid #d3d3d3;
}
.db-list-ststus-na {
    background: #fd8478;
    padding: 4px 8px;
    font-weight: 600;
    color: #fff;
    right: 15px;
    top: 0px;
    font-size: 12px;
    border-radius: 2px;
}
.db-list-edit {
    padding: 3px 5px;
    font-weight: 600;
    color: #595b64;
    font-size: 10px;
    border-radius: 2px;
    border: 1px solid #d3d3d3;
    cursor:pointer;
}
.db-list-edit:hover {
    background: #2196F3;
    color: #fff;
    border: 1px solid #2093ef;
}
.db-invo-dwn{
    padding: 6px 10px 6px 35px;
    font-weight: 600;
    color: #39708b;
    font-size: 11px;
    border-radius: 2px;
    border: 1px solid #becdd5;
    cursor:pointer;
}
.db-invo-dwn:before{
    content:'file_download';
    margin: -3px 0 0 -23px;
    color: #39708b;
}
.udb-sugg{
    padding: 0px 0px 80px 0px;
    background: #ffeee5;
    background: linear-gradient(to top,#fff,#ffeee5 70%);
}
.udb-sugg .container{
    border-top: 1px solid #ebebeb;
    padding-top: 60px;
}
.udb-sugg .home-tit{
    padding-top:0px;
}
.udb-sugg .hot-page2-hom-pre-head h4{
    color: #ffffff;
}
.udb-sugg .hot-page2-hom-pre-head{
    background: #303f4a;
}
.udb-sugg .hot-page2-hom-pre-head:after{
    border-top-color: #31404b;
}
.udb-sugg .hot-page2-hom-pre ul li a{
    position: absolute;
    cursor: pointer;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 5;
}
.udb-sugg .hot-page2-hom-pre-2 span{
    font-size:12px;
}
.udb-sugg .hot-page2-hom-pre-2 span b{
    color: #8cb8bb;
    font-weight: 600;
}
.ud-notes{
    background: #e5f7ff;
    border: 1px solid #d0e9f4;
    padding: 25px;
    margin-top: 50px;
    float: left;
    width: 100%;
    border-radius: 10px;
}
.ud-notes p{
    font-size: 12px;
    line-height: 24px;
    margin: 0px;
    color: #668796;
}
.ud-notes p b{
}
.ad-table-inn{
}
.ad-table-inn img{
    width: 100px;
    transition: all 0.5s ease;
}
.ad-table-inn img:hover{
    transform: scale(3);
    box-shadow: 0px 1px 12px 0px rgba(150,150,150,0.8);
}
.ad-table-inn .db-list-rat:hover{
    background: #51c0ff;
    color: #fff;
}
.ud-payment {
    background: #1977f317;
    border-radius: 21px;
    padding: 7%;
    border-bottom: 4px solid #f37e24;
    /* box-shadow: 0px 2px 22px 3px rgb(157 152 152 / 21%); */
    /* padding: 23px; */
    float: left;
    margin-bottom: 7%;
    width: 100%;
    padding-bottom: 3%;
    color: black;
}
.pay-lhs{
    float: left;
    width: 45%;
}
.pay-lhs img{
    width: 100%;
    float: left;
    border-radius: 2px;
}
.pay-rhs{
    float: left;
    width: 55%;
    padding-left: 35px;
}
.pay-rhs ul{
}
.pay-rhs ul li{
    font-size: 14px;
    margin-bottom: 10px;
    float: left;
    width: 50%;
    font-weight: 400;
}
.pay-rhs ul li:nth-child(1){
    width: 100%;
}

.pay-rhs ul li b{
}
.pay-rhs ul li .ud-stat-pay-btn{
    font-size: 12px;
    font-weight: 600;
    color: #ffffff;
    display: inline-block;
    background: #06d7bb;
    padding: 5px 15px;
    border-radius: 40px;
}

.ud-pay-op{
    float: left;
    width: 100%;
    margin-top: 50px;
}
.ud-pay-op h4{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px;
}
.ud-pay-op ul{
}
.ud-pay-op ul li{
}
.pay-full{
    background: #fffbf1;
    border: 1px solid #f3ead1;
    padding: 25px;
    margin-bottom: 15px;
}
.pay-full .rbbox{
}
.pay-full .rbbox label{
    font-weight: 600;
    margin-bottom: 0px;
}
.pay-note{
    margin-top: 0px;
    /* display: none;
     */
    opacity: 0;
    transition: all 0.5s ease;
    height: 0px;
}
.pay-note span{
    font-size: 14px;
    display: block;
    margin-bottom: 8px;
    color: #7e5d3a;
    font-weight: 500;
}
.pay-note span i{
    font-size: 12px;
}
.pay-note button{
    background: #51c0ff;
    border: 0px;
    font-weight: 600;
    padding: 10px 40px;
    border-radius: 2px;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    margin-top: 15px;
}
.pay-note form{
}
.pay-note form h4{
    margin-top: 40px;
}
.pay-note form ul li{
}
.pay-note form ul li input{
    background-color: #fff;
    border: 1px solid #d9d0b8;
    font-size: 14px;
    font-weight: 500;
}
.pay-full .rbbox input[type="radio"]:checked ~ .pay-note{
    /* display:block;
     */
    opacity: 1;
    transition: all 0.5s ease;
    height: auto;
    margin-top: 20px;
}
.posr .form-group{
    position:relative;
}


.ud-rhs-poin{
    background: #fff;
    box-shadow: 0px 2px 15px -4px rgb(224 224 224 / 80%);
    margin-bottom: 20px;
    border-radius: 10px;    float: left;
    width: 100%;
}
.ud-rhs-poin1{
    background: url(../images/points.png) no-repeat;
    background-size: 100%;
    padding: 105px 40px 40px 40px;
    text-align: center;
    border-radius: 10px;
}
.ud-rhs-poin1 h4{
    margin: 0px;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 700;
}
.ud-rhs-poin1 span{
    font-size: 60px;
    font-weight: 700;
    line-height: 60px;
}
.ud-rhs-poin2{
    padding: 20px;
    text-align: center;
}
.ud-rhs-poin2 h3{
    font-size: 13px;
}
.ud-rhs-poin2 p{
    font-size: 11px;
    font-family: 'Quicksand';
}
.ud-rhs-poin2 a{
}
.ud-rhs-poin2 a.cta{background: #e75772;
    color: #fff;
    font-size: 11px;
    padding: 8px 25px;
    border-radius: 20px;
    font-weight: 400;
    text-transform: uppercase;
    display: inline-block;}


.how-to-coll{
    /* text-align: left;
     */
    border: 1px solid #ebebeb;
    border-radius: 3px;
}
.how-to-coll ul{
}
.how-to-coll li{
    text-align: left;
    border-bottom: 1px solid #ebebeb;
    padding: 20px;
}
.how-to-coll li:last-child{
    border-bottom:0px;
}
.how-to-coll li h4.colact{
}
.how-to-coll li h4{
    text-align: left;
    font-size: 15px;
    margin-bottom: 0px;
    cursor: pointer;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    /* padding-right: 50px;
     */
}
.how-to-coll li h5{
    font-size: 14px;
    font-weight:600;
    margin-top:10px;
}
.how-to-coll li h4:after{
    content:'expand_more';
    color: #212529;
    right: 30px;
    font-size: 25px;
    line-height: 17px;
    transition: all 0.5s ease;
}
.how-to-coll li h4.colact:after{
    transform: rotate(180deg);
    transition: all 0.5s ease;
}
.how-to-coll li div{
    display: none;
    padding-top: 15px;
}
.how-to-coll li div p{
    text-align: left;
    font-size: 13px;
    line-height: 22px;
    margin: 0px;
}
.how-to-coll li div ol{
    padding: 15px 0px 0px 0px;
}
.how-to-coll li div ol li{
    border: 0px;
    padding: 0px;
    font-size: 13px;
    font-size: 13px;
    line-height: 22px;
    margin: 0px;
    color: #81878d;
    list-style-type: disc;
    margin-left: 18px;
}
.use-act-err{
    position: fixed;
    left: 0px;
    background: #fffaba;
    background: linear-gradient(to bottom,#ffea31,#ffbe5e 100%);
    right: 0px;
    width: 100%;
    z-index: 12;
    bottom: 0px;
    padding: 5px 10px;
    border-top: 1px solid #ece9b5;
}
.use-act-err p{
    margin: 0px;
    font-size: 13px;
    color: #000;
    text-align: center;
    border: 0px;
    background: none;
    padding: 4px;
    font-weight: 500;
}
.ud-sett{
}
.ud-sett table tr{
}
.ud-sett table tr td{
    font-size: 14px;
    font-weight: 500;
}
.ud-sett table tr td select{
    font-size: 14px;
    font-weight: 500;
    border: 0px;
    background: #f6f6f6;
    cursor: pointer;
}
.ud-sett table tr td .form-group{
    margin-bottom:0px;
}
.sub-btn{
    background: #51c0ff;
    border: 0px;
    font-weight: 600;
    font-size: 17px;
    padding: 10px 40px;
    font-size: 15px;
    border-radius: 50px;
    color: #fff;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.ud-sett table tr:last-child{
    border-bottom:0px;
}
.ud-sett table tr:last-child td{
    padding-bottom:0px;
}
.all-noti{
}
.com-noti{
    background: #21d78d;
    padding: 10px 40px;
    border-radius: 0 0 20px 20px;
    display: table;
    margin: 0 auto;
    box-shadow: 0px 8px 8px -5px rgba(0, 0, 0, 0.3);
    transition: all 0.5s ease;
    position: fixed;
    top: -100px;
    z-index: 22;
    left: 0px;
    width: 100%;
    text-align: center;
    background: linear-gradient(to top,#0cc87c,#21d78d 70%);
}
.com-noti.cnoti-show{
    top: 0px;
    transition: all 0.5s ease;
}
.com-noti p{
    color: #fff;
    font-size: 13.5px;
    margin: 0px;
}
.com-noti p span{
}
.com-noti .yes{
    border: 1px solid;
    padding: 0px 10px;
    border-radius: 50px;
    cursor: pointer;
    margin-left: 20px;
    background: none;
    color: #fff;
}
.com-noti .no{
    border: 1px solid;
    padding: 0px 10px;
    border-radius: 50px;
    cursor: pointer;
    margin-left: 20px;
    background: none;
    color: #fff;
    margin-left: 10px;
}
.c-not-sure{
}
.ud-payment.ud-pro-link{
    background: #f5f6fa;
    box-shadow: none;
    padding: 25px;
    border: 1px solid #eeeff1;
    border-radius: 10px;
	position:relative;
}
.ud-payment.ud-pro-link.bus-pg{
    background: #f7f2e6;
    border: 0px solid #dbeae4;
	position:relative;
}
.bus-pg .lis-pro-badg:before{
    background: #cac426b8;
}
.ud-payment.ud-pro-link .lis-pro-badg{padding-top: 25px;}
.ud-pro-link .pay-rhs{
}
.ud-pro-link .pay-rhs ul li input{
    border: 1px solid #e4e4e4;
    background: #fffdfd;
    padding: 5px 10px;
    border-radius: 5px;
    width: 100%;
    font-size: 12px;
    font-weight: 500;
    color: #767879;
}
.ud-pro-link .pay-rhs ul li.pro{
    width: 100%;
    margin: 12px 0 15px 0;
}
.ud-pro-link .pay-rhs ul li.pre{
    margin-bottom: 0px;
    width: 100%;
}
.ud-pro-link .pay-rhs ul li.pre a{
    border: 0px;
    font-weight: 600;
    padding: 5px 20px;
    font-size: 9px;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    background: #1877de;
    background: -webkit-linear-gradient(to top, #2d6eb5, #1877de);
    background: linear-gradient(to top, #2d6eb5, #1877de);
}

.ud-pro-link .pay-rhs ul li:nth-child(2) span{
    margin-right:25px;
}
.us-pro-main{/* background-size: 250px; */margin-top: 52px;margin-bottom:180px;}
.us-pro-main .container{position: relative;z-index: 9;}
.us-pro-main:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 402px;
    background: #142a52e6;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 9;
    box-shadow: 0px 0px 32px -6px rgba(0, 0, 0, 0.27);
}
.us-pro-main:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 400px;
    background: url(../images/face.jpg) #edf6fd;
    background-size: 100px;
    left: 0px;
    top: 0px;    
}
.us-pro{
    float: left;
    width: 100%;
    position: relative;
    border-radius: 5px;
}
.us-pro-sec-1{
    /* float: left;
     */
    /* width: 60%; */
    margin: 0 auto;
    display: table;
    box-shadow: 0px 0px 32px -6px rgba(0, 0, 0, 0.27);
    background: #ccd1d6;
}
.us-pro-sec-1-lhs{
    float: left;
    width: 30%;
    text-align: center;
    padding: 30.5px 0px 21px 0px;
    /* border-radius: 0px 0px 10px 0px; */
    background: #fff;
}
.us-pro-sec-1-lhs .pro{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
    /* border: 5px solid #ffffff; */
    box-shadow: 0px 6px 12px -3px rgba(0, 0, 0, 0.27);
    margin: 0 auto;
    display: table;
}
.us-pro-sec-1-rhs .pro-bg{
    /* position: absolute; */
    /* left: 0px; */
    /* top: 0px; */
    width: 100%;
    height: 350px;
    object-fit: cover;
    z-index: 0;
    /* border-radius: 0px 0px 5px 0px; */
}
.us-pro-sec-1-lhs h1{
    margin-top: 20px;
    font-size: 24px;
    font-weight: 600;
}
.us-pro-sec-1-lhs p{}
.us-pro-sec-1-rhs{
    float: left;
    width: 70%;
    /* padding-left: 50px; */
    overflow: hidden;
}
.us-pro-sec-1-rhs h1{
    font-size: 28px;
    font-weight: 700;
    display: inline-block;
    margin: 0px;
    padding-right: 15px;
}
.us-pro-sec-1-lhs button{
    background: #0a77ff;
    border: 0px;
    font-weight: 600;
    font-size: 16px;
    padding: 4px 21px;
    border-radius: 30px;
    display: inline-block;
    color: #fff;
    text-align: center;
    top: -7px;
    position: relative;
    text-transform: lowercase;
}
.us-pro-main .pro-listing-box div:nth-child(1) p{
    font-weight: 500;
    color: #949494;
    text-overflow: ellipsis;
    height:auto;
    white-space: nowrap;
    font-size: 13px;
    }
.us-pro-main .log p{
    border: 1px solid #f1e5e0;
    background: #fdf9f7;
}
.us-pro-sec-1-lhs ul.lis-cou{
    padding: 10px 0px 10px 0px;
    border-bottom: 1px solid #dee5ea;
    display: table;
    margin: 0 auto;
    margin-bottom: 10px;
    /* display: none; */
}
.us-pro-sec-1-lhs ul.lis-cou li{
    float: left;
    font-size: 12px;
    padding-right: 8px;
    font-weight: 600;
    font-family: 'Quicksand', sans-serif;
}
.us-pro-sec-1-lhs ul.lis-cou li b{
}
.us-pro-sec-1-lhs p{
    float: left;
    font-size: 13px;
    font-family: 'Quicksand', sans-serif;
    font-weight: 600;
    width: 100%;
}
.us-pro-sec-1-rhs p b{
}
.us-pro-sec-1-lhs ul.pro-soci{
    /* float: left; */
    /* width: 100%; */
    margin: 0 auto;
    display: table;
    /* padding-top: 20px; */
}
.us-pro-sec-1-lhs ul.pro-soci li{
    float: left;
    margin-right: 8px;
}
.us-pro-sec-1-rhs ul.pro-soci li a{
}
.us-pro-sec-1-lhs ul.pro-soci li a img{
    width: 28px;
}
.us-pro-sec-2{
    margin-top: 50px;
}
.us-pro-nav{
    border-bottom: 1px solid #dee5ea;
}
.us-pro-nav ul{
    margin: 0 auto;
    display: table;
}
.us-pro-nav ul li{
    float: left;
    /* padding: 0px 10px;
     */
}
.us-pro-nav ul li span{
    font-size: 16px;
    font-weight: 700;
    padding: 16px 10px;
    cursor: pointer;
    display: inline-block;
    font-family: 'Quicksand', sans-serif;
}
.us-pro-nav ul li span.act{
    border-bottom: 2px solid #0a77ff;
    color: #0a77ff;
}
.us-propg-main{
    /* padding-top: 50px;
     */
}
.us-propg-main h2{
    font-size: 20px;
    padding: 0px 15px;
    font-weight: 600;
}
.us-ppg-listings{
}
.us-ppg-listings label.rat{display:none;}
.pro-rel-posts .us-ppg-blog{
    padding-top: 10px;padding-bottom:130px;
}
.us-ppg-event{
}
.us-ppg-follow{
}
.us-pro-sec-3{
}
.us-pro-sec-4{
}
.us-ppg-com ul{
}
.us-ppg-com ul li{
    float: left;
    width: 33.3333%;
}
.pro-rel-events .us-ppg-com{
    padding-top: 15px;
}
.pro-listing-box{
    background: #fff;
    position: relative;
    overflow: hidden;
    transition: all 0.5s ease;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.11);
    margin: 15px;
}
.pro-listing-box:hover div:nth-child(2) span{
    background: #2da2ff;
    transition: all 0.5s ease;
}
.pro-listing-box div:nth-child(1){
    position:relative;
}
.pro-listing-box div:nth-child(1) img{
    width: 100%;
    transition: all .5s ease;
    height: 185px;
    object-fit: cover;
    border-radius: 2px;
    /* float: left;
     */
}
.pro-listing-box div:nth-child(1) h2{
    font-size: 17px;
    font-weight: 700;
    padding: 25px 25px 0px 25px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
}
.pro-listing-box div:nth-child(1) p{
    padding: 0px 25px;
    font-size: 14px;
    height: 40px;
    overflow: hidden;
}
.pro-listing-box div:nth-child(1) label.rat{
    /* position: absolute;
     */
    padding-left: 25px;
}
.pro-listing-box div:nth-child(1) label.rat i{
    color: #51c0ff;
    font-size: 20px;
    width: 14px;
}
.pro-listing-box div:nth-child(2){
}
.pro-listing-box div:nth-child(2) span{
    display: block;
    width: 100%;
    background: #0b253a;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    letter-spacing: 1px;
    padding: 8px 5px;
    cursor:pointer;
}
.us-ppg-com{
    float: left;
    width: 100%;
    padding-top: 40px;
}
.us-ppg-com .fclk{
}
.pro-eve-box{
    background: #fff;
    position: relative;
    overflow: hidden;
    transition: all 0.5s ease;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.11);
    margin: 15px;
    border: 8px solid #fff;
    border-radius: 5px;
    border-bottom: 0px;
}
.pro-eve-box:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom,#14171e4a 23%,#000000bf 96%);
    z-index: 2;
    border-radius: 5px;
    transition: all 0.5s ease;
}
.us-ppg-blog .pro-eve-box:before{
    display:none;
}
.us-ppg-blog .pro-eve-box h2{
    color:#000;
    font-size: 14px;
    margin-bottom: 0px;
}
.us-ppg-blog .pro-eve-box p{
    margin-bottom: 0px;
    color: #6a6a6a;
}
.pro-eve-box:hover{
    box-shadow: 0px 16px 11px -7px rgba(0, 0, 0, 0.68);
    transition: all 0.5s ease;
    transform: scale(1.01);
}
.pro-eve-box div img{
    width: 100%;
    transition: all .5s ease;
    height: 200px;
    object-fit: cover;
    border-radius: 2px;
}
.pro-eve-box div:nth-child(2){
    z-index: 2;
    position: absolute;
    margin-top: -135px;
    color: #fff;
    width: 100%;
    padding-left: 15px;
    padding-right: 10px;
}
.us-ppg-blog div:nth-child(2){
    margin-top: 0px;
    position: relative;
    background: #fff;
    padding: 15px;
}
.us-ppg-blog div:nth-child(2) span{
    position: absolute;
    right: 25px;
    top: -182px;
    font-size: 14px;
    font-weight: 500;
    color: #000000;
    background: #cad721;
    padding: 1px 10px;
    border-radius: 12px;
}
.pro-eve-box span{
    padding-left: 15px;
    font-size: 38px;
    font-weight: 700;
    color: #e1ba26;
}
.pro-eve-box span b{
}
.pro-eve-box h2{
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    font-size: 20px;
}
.pro-eve-box p{
    font-size: 13px;
    padding: 0px 15px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    color: #dddcdc;
}
.pro-sm-box{
    background: #fff;
    padding: 10px;
    border-radius: 50px;
    position: relative;
    display: inline-block;
    width: 100%;
    transition: all 0.5s ease;
}
.pro-sm-box:hover{
    background: #fffaea;
    box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.68);
    transition: all 0.5s ease;
    transform: scale(1.01);
}
.us-ppg-follow ul li{
    padding: 10px;
    width:25%;
}
.pro-sm-box:hover p{
    color:#333;
    transition: all 0.5s ease;
}
.pro-sm-box img{
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    float: left;
    margin-right: 10px;
}
.pro-sm-box h5{
    font-size: 14px;
    /* float: left;
     */
    line-height: 15px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    font-weight: 600;
    color: #333;
    margin-bottom: 3px;
    padding-top: 4px;
}
.pro-sm-box p{
    font-size: 12px;
    line-height: 15px;
    white-space: pre;
    overflow: hidden;
    font-weight: 400;
    color: #919ca1;
    margin-bottom: 0px;
    transition: all 0.5s ease;
}
.pro-sm-box p b{
    font-weight: 500;
    color: #333;
}
.pro-sm-box a{
    position: absolute;
    cursor: pointer;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 5;
}
.us-ppg-follow .ud-rhs-sec-2{
    border:0px;
    margin-bottom: 0px;
}
.pro-bot-shar{
    float: left;
    width: 100%;
    border-top: 1px solid #efd0d0;
    padding-top: 45px;
}
.pro-bot-shar h4{
    font-size: 20px;
    padding: 0px 15px;
    font-weight: 600;
    text-align: center;
    padding-bottom: 10px;
}
.pro-bot-shar ul{
    margin: 0 auto;
    display: table;
}
.pro-bot-shar ul li{
    float: left;
    margin-right: 10px;
    margin-bottom: 15px;
}
.sh-pro-face{
    background: #3b5998;
}
.sh-pro-shar{
    color: #fff;
    border-radius: 50px;
    /* padding: 8px 20px;
     */
}
.sh-pro-shar a{
    color: #fff;
    font-weight: 500;
    font-size: 11px;
    padding: 8px 14px 8px 14px;
    display: inline-block;
}
.sh-pro-shar a img{
    margin-right: 8px;
    width: 20px;
}
.sh-pro-twi{
    background: #55acee;
}
.sh-pro-link{
    background: #0e76a8;
}
.sh-pro-what{
    background: #55cd6c;
}
.blog-head{
     margin-top: 50px;
    padding: 65px 0px 0px 0px;
    position: relative;
    float: left;
    width: 100%;
    background-color: #5200dd;
    background: -webkit-linear-gradient(to right, #00e0a2, #0074db);
    background: linear-gradient(to right, #00e0a2, #0074db);
    height:200px;
}
.blog-head:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background-image: url(../images/new/bgIcons.png);
    background-repeat: repeat;
    opacity: 0.3;
    background-size: 400px;
    animation: blogbgani 300s linear 0s infinite both;
}
.eve-head{
    background: url(../images/event-bg.jpg) no-repeat center;
    background-size: cover;
}
.eve-head:before {
    background: #ffeee5;
    background: linear-gradient(to top,#fff,#ffc39fa6 100%);
}
.blog-head-inn{
    text-align: center;
    /* color: #212529;
     */
    position: relative;
}
.blog-head-inn h1{
    font-weight: 700;
    font-size: 36px;
    padding-bottom: 5px;
    color:#ffffff;
}
.blog-head-inn p{
    font-size: 18px;
    font-weight: 300;
    margin: 6px 0px 20px 0px;
    color: #ffffff;
}
.blog-body .us-ppg-com ul li{
    width: 33.3333%;
}
.blog-body .pro-eve-box p{
    padding:0px;
}
.blog-body .pro-eve-box div img{
    height:175px;
}
.blog-body .us-ppg-blog div:nth-child(2) span{
}
.blog-body .us-ppg-blog .pro-eve-box h2{
    font-size:15px;
    font-weight: 700;
}
.blog-body .us-ppg-blog .pro-eve-box p{
    font-size: 12px;
    /* margin: 0px;
     */
    line-height: 14px;
    margin-bottom: 6px;
    position: absolute;
    margin-top: -47px;
    background: #1977f3;
    color: #fff;
    padding: 3px 8px;
    font-weight: 500;
    border-radius: 50px;
}
.blog-head .ban-search{
    position:relative;
    width: 58%;
    background: none;
    padding:0px;
}
.blog-head .ban-search .sr-sea{
    width: 100%;
}
.blog-head .ban-search .sr-btn{
    width: 28%;
}
.event-body, .blog-body{
     float: left;
    width: 100%;
    padding-bottom: 60px;
    padding-top: 40px;
    background: #eef5ff;
}
.event-body .us-ppg-com ul li{
}
.event-body .us-ppg-com ul li .eve-box{
    margin: 10px;
}
.event-body .eve-box div:nth-child(3) .auth{
    padding-left: 0px;
}
.event-body .eve-box div:nth-child(1) a img{
    height: 210px;
}
.event-body .us-ppg-com ul li .eve-box .addr{
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
}
.eve-deta-pg{
    margin-top: 52px;
    float: left;
    width: 100%;
    background: #e4f4ff;
    background: linear-gradient(to top,#fff,#e4f4ff 70%);
}
.eve-deta-pg .eve-deta-pg-main{
    position: relative;
    float: left;
    width: 100%;
}
.eve-deta-pg .lhs{
    float: left;
    width: 65%;
    position: relative;
}
.eve-deta-pg .lhs .img{
    position: relative;
    overflow: hidden;
}
.eve-deta-pg .lhs .img:before {
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom,#ffffff00 23%,#282f3f 96%);
    border-radius: 5px;
    transition: all 0.5s ease;
    left: 0px;
    top: 0px;
}
.eve-deta-pg .lhs .img img{
    width: 100%;
    float: left;
    object-fit: cover;
    height: 425px;
    transition: all 0.5s ease;
}
.eve-deta-pg .head{
    margin-top: -120px;
    position: relative;
    z-index: 5;
    padding-left: 35px;
    color: #fff;
}
.eve-deta-pg .head .dat{
    font-size: 18px;
    font-weight: 500;
    color: #000000;
    background: #f6ff7f;
    padding: 5px 17px;
    border-radius: 25px;
    top: -20px;
    display: inline-block;
    position: relative;
}
.eve-deta-pg .head h1{
    font-size: 28px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    padding-right: 20px;
}
.eve-deta-pg .head .addr{
    display: block;
}
.eve-deta-pg .head .pho{
}
.eve-deta-pg .rhs{
    float: left;
    width: 35%;
}
.eve-deta-pg .rhs .pglist-p-com{
    margin-bottom:0px;
    border-radius: 0px;
    background: #fff;
}
.eve-deta-pg .rhs .quote-pop{
    padding: 25px 30px 0px 30px;
}
.eve-deta-pg .rhs .quote-pop h3{
}
.eve-deta-pg .rhs .quote-pop form{
}
.eve-deta-body{
    float: left;
    width: 100%;
    background: #fff;
    padding: 40px 0 50px 0;
}
.log .post-box h4 {
    text-align: left;
    font-size: 18px;
}
.log .post-box p {
    text-align: left;
}
.eve-deta-body .eve-deta-body-main{
}
.eve-deta-body .eve-deta-body-main .lhs{
    float: left;
    width: 65%;
    padding-right: 50px;
    border-right: 1px solid #e7e7e7;
}
.eve-deta-body .eve-deta-body-main .lhs p{
    font-size: 14px;
    line-height: 24px;
}
.list-pg-inn-abo h1, .list-pg-inn-abo h2, .list-pg-inn-abo h3, .list-pg-inn-abo h4, .list-pg-inn-abo h5, .list-pg-inn-abo h6{font-weight: 600;}
.list-pg-inn-abo h6{font-size:12px;}
.list-pg-inn-abo h5{font-size:14px;}
.list-pg-inn-abo h4{font-size:16px;}
.list-pg-inn-abo h3{font-size:18px;}
.list-pg-inn-abo h2{font-size:20px;}
.list-pg-inn-abo h1{font-size:22px;}
.list-pg-inn-abo p img, .list-pg-inn-abo img{width: 32px !important;height:auto !important;border-radius:2px;padding: 4px;}


.pro-pbox-4 h1, .pro-pbox-4 h2, .pro-pbox-4 h3, .pro-pbox-4 h4, .pro-pbox-4 h5, .pro-pbox-4 h6{font-weight: 600;}
.pro-pbox-4 h6{font-size:12px;}
.pro-pbox-4 h5{font-size:14px;}
.pro-pbox-4 h4{font-size:16px;}
.pro-pbox-4 h3{font-size:18px;}
.pro-pbox-4 h2{font-size:20px;}
.pro-pbox-4 h1{font-size:22px;}
.pro-pbox-4 p img, .pro-pbox-4 img{width:100% !important;height:auto !important;border-radius:2px;}


.eve-deta-body .eve-deta-body-main .lhs h1, .eve-deta-body .eve-deta-body-main .lhs h2, .eve-deta-body .eve-deta-body-main .lhs h3, .eve-deta-body .eve-deta-body-main .lhs h4, .eve-deta-body .eve-deta-body-main .lhs h5, .eve-deta-body .eve-deta-body-main .lhs h6{font-weight: 600;}
.eve-deta-body .eve-deta-body-main .lhs h6{font-size:14px;}
.eve-deta-body .eve-deta-body-main .lhs h5{font-size:16px;}
.eve-deta-body .eve-deta-body-main .lhs h4{font-size:18px;}
.eve-deta-body .eve-deta-body-main .lhs h3{font-size:20px;}
.eve-deta-body .eve-deta-body-main .lhs h2{font-size:22px;}
.eve-deta-body .eve-deta-body-main .lhs h1{font-size:24px;}
.eve-deta-body .eve-deta-body-main .lhs p img, .eve-deta-body .eve-deta-body-main .lhs img{width:100% !important;height:auto !important;border-radius:2px;}

.eve-deta-body .eve-deta-body-main .rhs{
    float: left;
    width: 35%;
    padding-left: 50px;
}
.eve-deta-body .pro-bot-shar{
    margin-bottom: 0px;
}
.eve-deta-body .rhs h4{
    font-size: 18px;
    font-weight: 600;
}
.eve-deta-body .rhs .sec-1{
    margin-bottom: 40px;
}
.eve-deta-body .rhs .sec-1 ul{
}
.eve-deta-body .rhs .sec-1 ul li{
    font-size: 14px;
    margin-bottom: 10px;
    padding-left: 15px;
}
.eve-deta-body .rhs .sec-1 ul li:before{
    content: 'radio_button_checked';
    position: absolute;
    /* width: 6px; */
    /* height: 6px; */
    /* background: #d0d1c3; */
    border-radius: 50%;
    margin: 1px 0px 0px -20px;
    font-weight: 900;
    font-size: 12px;
    color: #47b83f;
}
.eve-deta-body .rhs .sec-1 ul li b{
}
.eve-deta-body .rhs .sec-2{
    margin-bottom: 40px;
}
.eve-deta-body .rhs .sec-2 iframe{
    border: 0px;
    width: 100%;
    height: 150px;
    border: 5px solid #fff;
    box-shadow: 0px 3px 14px -8px rgba(42, 42, 42, 0.8);
}
.eve-deta-body .rhs .sec-3{
    border-top: 1px solid #e7e7e7;
    padding-top: 25px;
}
.eve-deta-body .rhs .sec-3 .ud-lhs-s1{
    padding-bottom:0px;
}
.pro-rel-events, .pro-rel-posts{
    float: left;
    width: 100%;
    /* border-top: 1px solid #efd0d0;
     */
    /* padding-top: 45px;
     */
    margin-top: 50px;
}
.pro-rel-events h4, .pro-rel-posts h4{
    font-size: 20px;
    padding: 0px 15px;
    font-weight: 600;
    text-align: center;
    padding-bottom: 0px;
    position: relative;
    /* color: #ff853c;
     */
}
.pro-rel-events h4:after{}
.eve-deta-body .auth h4{
    text-align: left;
    font-size: 12px;
    padding-left: 0px;
}
.eve-deta-body .rhs .sec-4{float: left;width: 100%;}
.eve-deta-body .rhs .sec-4 h4{
    font-size: 16px;
}
.eve-deta-body .rhs .sec-4 ul{height: 320px;overflow: hidden;}
.eve-deta-body .rhs .sec-4 ul:hover{overflow-y: auto;}
.eve-deta-body .rhs .sec-4 ul li{
    padding-bottom: 8px;
}
.eve-deta-body .rhs .sec-4 input{
    border: 0px;
    border-bottom: 1px solid #e2e2e2;
    width: 100%;
    margin: 15px 0px 20px 0px;
    font-size: 14px;
}
.eve-deta-body .rhs .sec-4 ul li a{
    font-size: 13px;
    color: #333;
    font-weight: 400;
    padding-left: 25px;
}
.eve-deta-body .rhs .sec-4 ul li a:before {
    content: "keyboard_arrow_right";
    margin: 4px 0 0 -25px;
    position: relative;
    top: 3px;
    left: -6px;
}
.eve-deta-body .rhs .sec-4 ul li a:hover{
    color: #0989e7;font-weight:600;
}
.eve-deta-body.blog-deta-body .rhs .sec-3 {
    border-top: 0px solid #e7e7e7;
    padding-top: 0px;
    /* border-bottom: 1px solid #e7e7e7; */
    margin-bottom: 30px;
    padding-bottom: 0px;
    float: left;
    width: 100%;
}
.eve-deta-body.blog-deta-body .rhs .sec-3 .ud-lhs-s1{
    padding-bottom: 25px;
}
.pro-rel-posts{
}
.pro-rel-posts .pro-eve-box p{
    padding:0px;
}
.db-noti{
}
.db-noti ul{
}
.db-noti ul li{
    color: #969595;
    border-bottom: 1px solid #e9e9e9;
    padding: 10px 0;
    transition: all 0.5s ease;
}
.db-noti ul li:hover{
    transition: all 0.5s ease;
    background: #fafafa;
    padding-left: 20px;
    box-shadow: 0px 0px 21px 2px rgba(157, 152, 152, 0.27);
}
.db-noti ul li div{
    font-size: 14px;
    color: #333;
    font-weight: 500;
}
.db-noti ul li div a{
    font-weight: 600;
    color: #128fcc;
}
.db-noti ul li div a:hover{
    text-decoration: underline;
}
.db-noti ul li span{
    font-size: 12px;
}
.db-noti ul li p{
    font-size: 13px;
    margin-bottom: 0px;
    color: #646464;
}
.add-list-ser{
}
.add-list-ser ul li{
    border: 1px solid #f7eae3;
    margin-bottom: 25px;
    padding: 20px 15px 15px 15px;
    border-radius: 2px;
    background: #fff8f5;
}
.ui-datepicker {
    padding: .2em .2em 0;
    display: none;
}
.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}
.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: 500;
    color: #aaaaaa;
    border: 0;
}
.ui-datepicker td {
    border: 0;
    padding: 1px;
}
/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}
/* Component containers ----------------------------------*/
.ui-widget {
    /* font-family: Arial, Helvetica, sans-serif; */
    font-size: 13px;
    font-weight: 500;
    color: #5f6165;
    line-height: 18px;
}
.ui-widget .ui-widget {
    font-size: 1em;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    /* font-family: Arial, Helvetica, sans-serif;
     */
    font-size: 1em;
    border: 0px;
    height: 25px;
    padding: 0px 10px;
    border-radius: 3px;
    margin: 0px 5px !important;
    font-family: 'Poppins', sans-serif;
    font-size: 14px !important;
    font-weight: 600;
}
.ui-widget.ui-widget-content {
    /* border: 0px solid #c5c5c5; */
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.25);
    /* padding: 20px; */
    /* width: 335px; */
    overflow: hidden;
    overflow-y: auto;
    /* min-height: 150px;*/
    /* max-height: 300px;*/
}
/* Interaction states ----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button,
    /* We use html here because we need a greater specificity to make sure disabled works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 0px solid #b4b4b4;
    background: #f6f6f6;
    font-weight: normal;
    color: #4f4f4f;
    text-align: center;
    width: 40px;
    height: 40px;
    padding: 10px;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
    font-weight: normal;
    border: 0px solid #dad55e;
    background: #ffbd77;
    color: #ffffff;
    border-radius: 25px;
}
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus {
    color: #2b2b2b;
    text-decoration: none;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{
    display: none;
}
.ad-pri-cal{
    margin-top: 10px;display:none;
}
.ad-pri-cal ul{
}
.ad-pri-cal ul li{
    float: left;
    width: 25%;
}
.ad-pri-cal ul li div{
    background: #fffce3;
    border: 1px solid #efebc8;
    padding: 20px;
    display: block;
    text-align: center;
    margin: 0px 10px;
}
.ad-pri-cal ul li:last-child div{
    border: 1px solid #16be7a;
    background: #21d78d;
    color: #fff;
}
.ad-pri-cal ul li span{
    font-size: 14px;
}
.ad-pri-cal ul li h5{
    margin: 5px 0px 0px 0px;
    font-weight: 600;
    font-size: 22px;
}
.db-fol-grid{
}
.db-fol-grid ul{
}
.db-fol-grid ul li{
    float: left;
    width: 33.3333%;
}
.pro-fol-gr{
    transition: all 0.5s ease;
    border: 1px solid #f9fcff;
    background: #fff;
    margin: 10px;
    /* height: 352px; */
    padding: 15px 15px;
    float: left;
    box-shadow: 0px 1px 11px -2px #9494945e;
    position: relative;
    width: 94%;
}
.pro-fol-gr img{
    width: 100%;
    height: 150px;
    border-radius: 0%;
    object-fit: cover;
    float: left;
}
.pro-fol-gr h4{
    font-size: 12px;
    font-weight: 400;
    /* margin: 15px 0px; */
    color: #a7a7a7;
    text-align: left;
    /* padding-left: 85px; */
    padding-top: 20px;
    float: left;
    display: inline-block;
    width: 100%;
}
.comity-all-user .pro-fol-gr h4{height: 55px;}
.comity-all-user .pro-fol-gr img{
    border-radius: 5px;
}
.comity-all-user .pro-fol-gr .count-li{display: none;}
.pro-fol-gr h4 b{
    color: #000;
    display: block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.pro-ful-img{
    position: relative;
    float: left;
    width: 100%;
}
.pro-fol-gr ol{
    float: left;
    width: 100%;
    padding: 0px;
    position: absolute;
    background: #fff;
    left: 0px;
    top: 0px;
    padding: 10px 10px;
    transition: all 0.2s ease;
    background: linear-gradient(to bottom,#fff,#fcf6f3 70%);
    opacity: 0;
    transform: translateY(-10px);
}
.pro-fol-gr:hover ol{
    opacity: 1;
    transition: all 0.2s ease;
    transform: translateY(0px);
    text-align: center;
    background: #e5f5fb;
    box-shadow: 0px 18px 4px -13px #3333338f;
}
.pro-fol-gr ol li{
    color: #919191;
    display: block;
    font-size: 9px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.pro-fol-gr ol li b{
    color: #333;
    display: block;
    font-size: 16px;
    font-weight: 600;
}
.pro-fol-gr span{width: 33.333%;float: left;font-size: 11px;color: #8d98a3;font-weight: 500;text-align: center;}
.pro-fol-gr:hover{
    box-shadow: 0px 16px 11px -7px rgba(55, 63, 67, 0.45);
    transition: all 0.5s ease;
    /* transform: scale(1.01);
     */
}
.pro-fol-gr span.userfollow{
    background: #c7e3ff;
    color: #0865d4;
    font-size: 12px;
    font-weight: 600;
    float: left;
    padding: 3px 10px;
    border-radius: 2px;
    display: block;
    width: 100%;
    text-align: center;   cursor: pointer;
}
.enq-sav{
    position: absolute;
    top: 10px;
    right: 10px;
}
.enq-sav i{
       cursor: pointer;
       border-radius: 50%;
       background: #fff;
       /* font-size: 16px; */
       padding: 1px 1px;
       text-align: center;
       /* line-height: 14px; */
       width: 22px;
       height: 22px;
       box-sizing: border-box;
       transition: all 0.5s ease;
       border: 1px solid #f1f0ed;
       color: #4173ea;
       display: inline-block;
}
.enq-sav i img{width: 14px;height: 14px;filter: contrast(0.2);opacity: 0.5;transition: all 0.5s ease;vertical-align: initial;}
.enq-sav i.sav-act{
    /* box-shadow: 0 0 0 rgb(246, 184, 0); */
    animation: pulse 1.5s 1;
    border-radius: 50%;
    /* border: 1px solid #bfd2ff; */
    /* background: #bfd2ff; */
    border: 1px solid #fdf5dd;
    /* border: 1px solid #f6b800; */
    /* color: #f6b800; */
    background: #fdf5dd;
    }
.tooltip-inner {
    background-color: #00cc00;
}
.enq-sav i.sav-act img{
    opacity: 1;
    filter: contrast(1);
}
.enq-sav i:hover img{
    opacity: 1;
    filter: contrast(1);
}
.ldelik.sav-act{
    background: #4274eb;
    color: #ffffff;
    border: 1px solid #4274eb;
    transition: all 0.5s ease;
}
.ldelik.sav-act b{
    color: #ffffff;
}
.ldelik.sav-act:before {
    color: #ffffff;
}
.list-pg-write-rev{
}
.list-pg-write-rev .col{
    padding: 0px;
}
.list-pg-write-rev .row .col{
    padding: 0px 15px;
}

span#Review_Disable, div#pop_enq_success, #pop_enq_same{
    display: block;
    text-align: center;
    padding: 20px 10px;
    border-radius: 2px;
    margin-bottom: 20px;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
}
span#Review_Disable{
    border: 1px solid #d2e0ef;background: #ecf5ff;color: #486b91;
}
div#pop_enq_success{
    border: 1px solid #8bf6bf;    background: #d5ffea;
}
div#pop_enq_success p{color: #106e43;margin:0px;}
#pop_enq_same{border: 1px solid #ffd5d5;
    background: #ffd5d5;font-size: 12px;}
#pop_enq_same p{color: #ac6c6c;margin:0px;font-size: 12px;}

/*-------------------------------------------------*/
/* TEMPLATE STYLES
/*-------------------------------------------------*/
.template-comm{
    margin-top: 52px;
    padding-bottom: 150px;
    padding-top: 40px;
    color: #5e6673;
}
.template-def .container{
    max-width: 750px;
}
.templ-def{}
.template-def .templ-def-rhs{display: none;}
.template-comm img{
    width: 100%;
    margin: 0px 0px 20px 0px;border-radius: 5px;
}
.template-comm h1, .template-comm h2, .template-comm h3, .template-comm h4, .template-comm h5, .template-comm h6{margin: 5px 0px 20px 0px;}
.template-comm h2{}
.template-comm h3{}
.template-comm h4{}
.template-comm h5{}
.template-comm h6{}
.template-comm p{
    font-size: 15px;
    line-height: 26px;
    color: #78808d;
}
.template-comm a{}
.template-rhs{}
.template-rhs .templ-def-cent{
    float: left;
    width: 70%;
}
.template-rhs .templ-def-rhs{
    float: left;
    width: 30%;
    padding-left: 50px;
}
.templ-def-rhs .box{
    padding-top: 25px;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.templ-def-rhs .box h2{
    font-size: 18px;
    font-weight: 600;
}
.templ-def-rhs .box ul{}
.templ-def-rhs .box ul li{}
.templ-def-rhs .box ul li .eve-box-list{
    margin-bottom: 5px;
}
.templ-def-rhs .box ul li .eve-box-list img{
    width: 65px;
    margin: 0px;
    border-radius: 0px;
    padding-right: 10px;
}
.templ-def-rhs .box ul li .eve-box-list h4{
    margin-bottom: 0px;
    font-weight: 800;
    font-size: 14px;
    padding-top: 10px;
}
.templ-def-rhs .box ul li .eve-box-list p{
    font-size: 12px;
}
.templ-rhs-list{}
.templ-rhs-list ul li{
    margin-bottom: 10px;
}
.templ-rhs-list div{
    border: 1px solid #efefef;
    border-radius: 5px;
    position: relative;
    padding-bottom: 10px;
}
.templ-rhs-list div img{
    border-radius: 5px 5px 0px 0px;
    height: 130px;
    object-fit: cover;
}
.templ-rhs-list div h3{
    color: #000;
    font-weight: 600;
    font-size: 16px;
    padding: 0px 15px;
    margin-bottom: 5px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
}
.templ-rhs-list div p{
    font-size: 13px;
    padding: 0px 15px;
    margin-bottom: 0px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    /* text-transform: lowercase; */
}
.templ-rhs-list div a{position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;}
.templ-rhs-list .pri{
    padding: 0px 15px;
    background: none;
    font-size: 14px;
}
.templ-rhs-list .pri b{
    color: #000;
    padding-right: 10px;
}
.template-rhs .hot-page2-hom-pre-1{
    width: 15%;
}
.template-rhs .hot-page2-hom-pre-1 img{
    height: 40px;
    border-radius: 50px;
    object-fit: cover;
    margin: 0px;
}
.template-rhs .hot-page2-hom-pre-2{
    padding-right: 0px;
}
.template-rhs .hot-page2-hom-pre-head h4{
    margin: 0px;
}
.template-rhs .hot-page2-hom-pre-2 h5{
    margin-bottom: 0px;
}
.template-rhs .hot-page2-hom-pre-2 p{}
.template-rhs .hot-page2-hom-pre ul li{
    /* padding: 0px; */
}
.templ-def-rhs .hot-page2-hom-pre{padding-top: 5px;}
.templ-def-rhs .hot-page2-hom-pre ul li:hover{box-shadow: none;}

.templ-rhs-form{position: relative;overflow: hidden;background: #ffffff;padding: 30px;margin-bottom: 5px;width: 100%;box-shadow: 0px 7px 20px -5px rgba(150, 150, 150, 0.29);border-radius: 0px 0px 10px 10px;}
.templ-rhs-form form{}
.templ-rhs-form .form-group{}
.templ-rhs-form .form-group input, .templ-rhs-form .form-group select, .templ-rhs-form .form-group textarea{
    border: 1px solid #e8e8e8;
    background: #fff;
    font-size: 13px;
    line-height: 20px;
    color: #7a7b7f;
    border-radius: 5px;}
.templ-rhs-form .form-group input{    padding: 0px 0px 0px 40px;}
.templ-rhs-form .form-group select{}
.templ-rhs-form .form-group textarea{}
.templ-rhs-form .btn-primary{background: #21d78d;border: 1px solid #21d78d;border-radius: 20px;font-size: 14px;font-weight: 500;padding: 7px 0px;transition: all ease 0.5s;display: block;width: 100%;}
.templ-rhs-form .form-group:before{
    margin: 7px 0px 0px 15px;
    color: #2196F3;
}

/*-------------------------------------------------*/
/* ALL LISTING GRID VIEW
/*-------------------------------------------------*/
.f2{
    margin: -45px 0px 10px 0px;
    float: left;
    display: inline-block;
    width: 100%;
    padding: 0px 15px;
    position: absolute;
}
.vfilter{
    display: inline-block;
    float: right;
    background: #fff;
    border-radius: 5px;
    padding: 5px;
    box-shadow: 2px 0px 9px 0px #33333321;
}
.vfilter i{
    vertical-align: sub;
    cursor: pointer;
    color: #93999b;
    font-size: 20px;
    padding: 0px 5px;
}
.vfilter i.act{
    color: #02acd2;
}
.vfilter i.ic1{display:none;}
.all-list-sh.cview1 .eve-box div:nth-child(1){width:100%}
.all-list-sh.cview1 ul li{float: left;width: 50%;}
.all-list-sh.cview1 .eve-box div .auth{width:50%;}
.all-list-sh.cview1 .eve-box div .links{width:50%;}
.all-list-sh.cview1 .links a, .all-list-sh.cview1 .links span{display:none;}
.all-list-sh.cview1 .links a:first-child{display:block;}
.all-list-sh.cview1 .addr{text-overflow: ellipsis;white-space: pre;overflow: hidden;}

.all-list-sh.cview3 .eve-box div:nth-child(1){width:100%}
.all-list-sh.cview3 ul li{float: left;width: 50%;}
.all-list-sh.cview3 .eve-box div .auth{width:50%;}
.all-list-sh.cview3 .eve-box div .links{width:50%;}
.all-list-sh.cview3 .links a, .all-list-sh.cview3 .links span{display:none;}
.all-list-sh.cview3 .links a:first-child{display:block;}
.all-list-sh.cview3 .addr{text-overflow: ellipsis;white-space: pre;overflow: hidden;}
.all-list-sh.cview3 .eve-box div:nth-child(3), .all-list-sh.cview3 .addr, .all-list-sh.cview3 .pho, .all-list-sh.cview3 .mail{display:none;}
.all-list-sh.cview3 .eve-box div:nth-child(2) {
    padding: 25px 25px 5px 25px;
}
.all-list-sh.cview3 .eve-box div:nth-child(1) img{height:235px;}


/*========== ALL SERVICES PAGE - SLIDER ===========*/
.cate-sli .carousel-inner a{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0}
.cate-sli .carousel-control-prev-icon,.cate-sli .carousel-control-next-icon{background-image:none;background:#fff;padding:25px;border-radius:50px;position:relative}
.cate-sli .carousel-control-prev-icon:before,.cate-sli .carousel-control-next-icon:before{content:"";font-size:42px;line-height:0;text-align:center;left:4px;color:#333;background: url('../images/icon/next.png') no-repeat;width:24px;height:24px;background-size: cover;}
.cate-sli .carousel-control-next-icon:before{
    margin: -10px 0px 0px 10px;
}
.cate-sli .carousel-control-prev-icon:before{
    transform: rotate(180deg);
    margin: -12px 0px 0px 8px;
}

/*========== PRODUCT - SLIDER ===========*/
.bpro-sli .carousel-inner a{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0}
.bpro-sli .carousel-control-prev-icon,.bpro-sli .carousel-control-next-icon{background-image:none;background:#fff;padding:25px;border-radius:50px;position:relative}
.bpro-sli .carousel-control-prev-icon:before,.bpro-sli .carousel-control-next-icon:before{content:"";font-size:42px;line-height:0;text-align:center;left: 14px;top: 15px;color:#333;background: url('../images/icon/next.png') no-repeat;width:24px;height:24px;background-size: cover;}
.bpro-sli .cate-sli .carousel-control-next-icon:before{
    margin: -10px 0px 0px 10px;
}
.bpro-sli .cate-sli .carousel-control-prev-icon:before{
    transform: rotate(180deg);
    margin: -12px 0px 0px 8px;
}
.bpro-sli .carousel-control-prev-icon:before{transform: rotate(180deg);left:11px;}


/*========== LISTING DETAIL - SLIDER ===========*/
.list-pg-inn-sp .carousel-inner a{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0}
.list-pg-inn-sp .carousel-control-prev-icon,.list-pg-inn-sp .carousel-control-next-icon{background-image:none;background:#fff;padding:25px;border-radius:50px;position:relative}
.list-pg-inn-sp .carousel-control-prev-icon:before,.list-pg-inn-sp .carousel-control-next-icon:before{content:"";font-size:42px;line-height:0;text-align:center;left: 13px;top: 13px;color:#333;background: url('../images/icon/next.png') no-repeat;width:24px;height:24px;background-size: cover;}
.list-pg-inn-sp .bpro-sli .cate-sli .carousel-control-next-icon:before{
    margin: -10px 0px 0px 10px;
}
.list-pg-inn-sp .bpro-sli .cate-sli .carousel-control-prev-icon:before{
    transform: rotate(180deg);
    margin: -12px 0px 0px 8px;
}
.list-pg-inn-sp .carousel-control-prev-icon:before{transform: rotate(180deg);}


.ani-quo{
    position: fixed;
    bottom: -10px;
    right: -400px;
    z-index: 10;
    transition: all 2s ease;
    cursor: pointer;
}
.ani-quo.ani-quo-act{right:0px;transition: all 2s ease;}
.ani-q1{
    background: #fff;
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #fff3e2;
    transition: all .5s ease;
    box-shadow: 0 7px 23px -13px rgb(37, 39, 42);
    margin-right: 65px;
    position: relative;
    margin-bottom: 18px;
}
.ani-q1:after{
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: auto;
    right: -1px;
    bottom: -20px;
    border: 12px solid;
    border-color: #ffffff #fec9a3 transparent transparent;
}
.ani-q1 h4{
    font-size: 22px;
    color: #000;
    font-weight: 600;
}
.ani-q1 p{
    margin: 0px;
    font-size: 14px;
    font-weight: 400;
    padding-bottom: 12px;
}
.ani-q1 span{
    background: #149f5c;
    color: #fff;
    padding: 10px 30px;
    border-radius: 3px;
    border: 0px solid #333;
    display: inline-block;
    font-weight: 400;
    text-transform: capitalize;
}
.ani-q2{}
.ani-q2 img{
    width: 150px;
    float: right;
}

.ani-quo-form{
    position: fixed;
    right: -400px;
    width: 375px;
    bottom: 15px;
    border-radius: 15px;
    z-index: 33;
    background: #13324c;
    overflow-y: auto;
    transition: all 0.5s ease-in-out;
    box-shadow: -22px 0px 73px -22px rgba(42, 42, 42, 0.48);
    border: 1px solid #f9fcff;
    background: #fff;
    padding: 15px 15px;
    box-shadow: 0px 1px 11px -2px #737373c9;
    background: url(../images/city-bg.png) no-repeat #fff;
    background-position: right bottom;
    background-size: 100%;
}
.ani-quo-form.ani-quo-form-act{transition: all 0.5s ease-in-out;right: 20px;}
.ani-quo-form .tit{
    margin: 0px;
    padding-top: 20px;
}
.ani-quo-form .tit h3{
    font-size: 15px;
    line-height: 28px;
    color: #000;
}
.ani-quo-form .tit h3 span{
    display: block;
    font-weight: 700;
    font-size: 20px;
}
.ani-quo-form .hom-col-req{
    box-shadow: none;
    margin: 0px;
    background: none;
}
.ani-quo-form .hom-col-req form{
    padding: 25px;
}
.ani-quo-form .hom-col-req form input, .all-list-filt-form input{
    /* border: 0px; */
    /* border-radius: 0px; */
    border: 1px solid #e8e8e8;
    background: #fff;
    font-size: 13px;
    line-height: 20px;
    color: #7a7b7f;
    border-radius: 5px;
}
.ani-quo-form .hom-col-req form select, .all-list-filt-form select{
    font-size: 13px;
    line-height: 20px;
    color: #7a7b7f;
    border-radius: 5px;
}
.ani-quo-form .hom-col-req form button, .all-list-filt-form .hom-col-req form button{
    /* background: #006cc7; */
    /* border: 1px solid #006cc7; */
    font-size: 13px;
    letter-spacing: 0.3px;
    border-radius: 5px;
}
.ani-req-clo{
    color: #333;
    font-size: 25px;
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
}
.all-list-filt-form{
    float: left;
    width: 100%;
    background: #f5f7fb;
    padding-top: 30px;
    position: sticky;
    top: 50px;
}
.all-list-filt-form .tit{
    margin-bottom: 0px;
}
.all-list-filt-form .tit h3{
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0px;
}
.all-list-filt-form .tit h3 span{
    display: block;
    font-weight: 700;
}
.all-list-filt-form form{
    padding: 20px 30px 30px 30px;
}
.all-list-filt-form .hom-col-req{
    background: #f5f7fb;
    margin: 0px;
    box-shadow: none;
}
.all-list-filt-form input, .all-list-filt-form select, .all-list-filt-form textarea{background: #fff;font-size: 12px;}
.all-list-filt-form .form-group{margin-bottom: 10px;}
#home_slide_enq_success{background: #fff;/* position: fixed; *//* right: 20px; *//* top: 60px; *//* z-index: 1; *//* border-radius: 3px; */padding: 10px 20px;}
#home_slide_enq_success p{color: #27b347;margin: 0px;font-size: 12px;font-weight: 500;}
#home_slide_enq_success ~ .all-list-filt-form{position: inherit;}
.soc-log .g-signin2 .abcRioButtonLightBlue {
    width: 100% !important;
    margin-bottom: 10px;
    color: #666;
    background: #fff;
    border: 1px solid #dadada;
    box-shadow: none;
}
.soc-log .abcRioButtonIcon {
    left: 32%;
    position: absolute;
}

.how-wrks{
    float: left;
    width: 100%;
    position: relative;
    /* display: none; */
}
.how-wrks-2{padding-bottom: 180px;}
.how-wrks .home-tit{margin-bottom:40px;}
.how-wrks .home-tit h2{}
.how-wrks .home-tit h2 span{}
.how-wrks .home-tit p{}
.how-wrks-inn{}
.how-wrks-inn ul{}
.how-wrks-inn ul li{
    float: left;
    width: 25%;
}
.how-wrks-inn ul li div{
    text-align: center;
    border: 1px solid #f1f1f1;
    border-radius: 5px;
    padding: 30px;
    margin: 0px 10px;
    position: relative; 
    transition: all 0.5s ease;
}
.how-wrks-inn ul li div:hover{    background: #fff;
    transform: translateY(-8px);
    box-shadow: 0 19px 46px -39px rgb(37, 39, 42);}
.how-wrks-inn ul li div span{
    position: relative;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    background: #548aff;
    color: #fff;
    font-size: 16px;
    padding: 3px 0px;
    display: table;
    margin: 0 auto;
    margin-top: -44px;
}
.how-wrks-inn ul li div img{
    width: 72px;
    margin-top: 25px;
}
.how-wrks-inn ul li div h4{
    font-weight: 600;
    font-size: 22px;
    padding: 20px 0px 2px 0px;
}
.how-wrks-inn ul li div p{
    margin: 0px;
    font-size: 13px;
    color: #636363;
}


.mob-app{
    float: left;
    width: 100%;
    padding-top: 100px;
    position: relative;
    z-index: 5;
}
.mob-app .lhs{
    float: left;
    width: 50%;
}
.mob-app .lhs img{
    width: 80%;
}
.mob-app .rhs{
    float: left;
    width: 50%;
}
.mob-app .rhs h2{
    font-size: 32px;
    padding-bottom: 20px;
}
.mob-app .rhs h2 span{}
.mob-app .rhs ul{
    padding-bottom: 20px;
}
.mob-app .rhs ul li{
    font-size: 15px;
    padding-bottom: 10px;
    padding-left: 30px;
}
.mob-app .rhs ul li:before{
    content:'chevron_right';
    margin: -2px 0px 0px -27px;
    color: #0291d2;
}
.mob-app .rhs ul ~ span{font-size: 14px;float: left;padding-bottom: 25px;}
.mob-app .rhs form {
    position: relative;
    overflow: hidden;
    background: #fff;
    padding: 20px;
    margin: 25px 0px 0px 0px;
    box-shadow: 0px 1px 20px -13px rgba(42, 42, 42, 0.86);
    width: 80%;
}
.mob-app .rhs form ul {
    padding: 0px;
    margin: 0px;
}
.mob-app .rhs form ul li {
    list-style-type: none;
    display: inline-block;
    float: left;
    padding: 0px;
}
.mob-app .rhs form ul li:before{display:none;}
.mob-app .rhs form ul li input {
    width: 100%;
    background: #FFF;
    border: 1px solid #f1f3f5;
    padding: 8px;
    font-size: 15px;
    font-weight: 500;
    font-family: 'Quicksand', sans-serif;
}
.mob-app .rhs form ul li input[type="submit"] {
    color: #fff;
    border: 1px solid #1ebef0;
    font-weight: 600;
    border-radius: 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #0291d2;
    /* background: linear-gradient(to bottom, #01a0d8, #0485b3); */
}
.mob-app .rhs form ul li:nth-child(1) {
    width: 65%;
}
.mob-app .rhs form ul li:nth-child(2) {
    width: 35%;
}
.mob-app .rhs a img{width: 150px;float:left;margin: 0px 5px 5px 0px;}


/*---======================---*/
.soc-log{
    float: left;
    width: 100%;
    padding: 15px 30px 0px 30px;
    margin-left: 25%;
}
.soc-log ul{}
.soc-log ul li{
    float: left;
    margin-bottom: 18px;
    margin-right: 15px;
}
.soc-log ul li a{
    float: left;
    width: 100%;
    display: block;
    border-radius: 0;
    font-size: 18px;
    font-weight: 500;
    vertical-align: middle;
    padding: 10px 5px 10px 15px;
    box-shadow: 0px 8px 18px -8px rgb(42 42 42 / 17%);
}
.soc-log ul li a span{
    margin-right: 10px;
    color: #ffffff;
}
.soc-log ul li a img{
    width: 22px;
    padding-right: 5px;
}
.soc-log ul li a.login-goog{
    margin-bottom: 10px;
    color: #4f7083;
    background: #fff;
    border: 1px solid #ccc;
}
.soc-log ul li a.login-fb{
    color: #666;
}

/*--========================================--*/
.filt-alist-near{}
.filt-alist-near .tit{
    background: #20344c;
    color: #fff;
    padding: 18px;
    margin-bottom: 0px;
    border-radius: 5px 0 0 0;
}
.filt-alist-near .tit h4{
    font-size: 15px;
    margin: 0px;
    text-align: left;
    font-weight: 600;
}
.near-ser-list{
    float: left;
    width: 100%;
    margin-bottom: 20px;
    padding: 0px 17px;
    min-height: auto;
    max-height: 300px;
    overflow: hidden;
}
.near-ser-list:hover{overflow-y: auto;}
.near-ser-list ul{}
.near-ser-list ul li{
    position: relative;
    overflow: hidden;
    padding: 10px 0px;
    border-bottom: 1px solid #e4e4e4;
    width: 100%;
}
.near-ser-list ul li .near-bx{
    position: relative;
    float: left;
    width: 100%;
}
.near-ser-list ul li .near-bx a{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}
.near-ser-list ul li .near-bx .ne-1{
    width: 10%;
    float: left;
}
.near-ser-list ul li .near-bx .ne-1 img{
    width: 32px;
    height: 32px;
    border-radius: 28px;
    border: 1px solid #fff;
}
.near-ser-list ul li .near-bx .ne-2{
    width: 80%;
    padding: 0px 15px;
    float: left;
}
.near-ser-list ul li .near-bx .ne-2 h5{
    color: #20344c;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    margin-bottom: 4px;
    font-weight: 600;
}
.near-ser-list ul li .near-bx .ne-2 p{
    color: #7b868f;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    display: block;
    margin: 0px;
    font-family: 'Quicksand', sans-serif;
    font-weight: 600;
    letter-spacing: 0px;
    text-transform: unset;
}
.all-pro-pg .near-ser-list ul li .near-bx .ne-2{width:90%;}
.near-ser-list ul li .near-bx .ne-3{
    float: left;
    width: 10%;
}
.near-ser-list ul li .near-bx .ne-3 span{
    width: 24px;
    height: 24px;
    background: #7dc34a;
    padding: 2px 3px;
    text-align: center;
    color: #fff;
    border-radius: 2px;
    font-weight: 400;
    font-size: 12px;
}

/*---======================---*/
.all-list-bre{
    margin-top: 150px;
    /* background: url('../images/all-list-bg.jpg') no-repeat #5085f7; */
    padding: 40px 0px 35px 0px;
    position: relative;
    /* background-size: cover; */
}
.all-pro-bre{background: url('../images/all-product-bg.jpg') no-repeat #5085f7;background-size: cover;background-position: center center;margin-top: 50px;padding-bottom: 80px;}
.all-list-bre:before{
    content:'';
    position: absolute;
    width:100%;
    height: 100%;
    left: 0px;
    right: 0px;
    top:0px;
    bottom: 0px;
    background: #0d598d05;
}
.map-error-box{
        margin: 0 auto;
    background: #ffddd2;
    border: 1px solid #ffc1bc;
    font-size: 13px;
    padding: 10px 20px;
    border-radius: 2px;
    color: #bb4c4c;
    position: absolute;
    box-shadow: 0px 2px 10px -2px #686868;
    font-weight: 500;
    width: 100%;
    text-align: center;
    z-index: 13;
}
.all-pro-bre:before{background: linear-gradient(to right,#866a05d6,#00000038);}
.all-list-bre .sec-all-list-bre{opacity: 1!important;}
.all-list-bre h1, .all-list-bre h2{
    font-weight: 600;
    margin: 0px;
    font-size: 32px;
    line-height: 34px;
    width: 100%;
    color: #fff;
    padding-bottom: 10px;
    position: relative;
    text-transform: capitalize;
}
.all-list-bre ul{
    float: left;
    position: relative;
}
.all-list-bre ul li{
    float: left;
    margin-right: 25px;
}
.all-list-bre ul li:after{
    content:'keyboard_arrow_right';
    color: #fff;
    font-size: 16px;
    padding: 2px;
}
.all-list-bre ul li:last-child:after{display:none;}
.all-list-bre ul li a{
    color: #fff;
    font-size: 12px;
    text-transform: capitalize;
}

/*---======================================================---*/
.biz-pro{
    margin-top: -100px;
    position: relative;
}
.biz-pro .row{box-shadow: 0px 0px 25px 0px rgba(42, 42, 42, 0.13);background: #fff;z-index: 9;padding-top: 17px;border-radius: 5px;}
.biz-pro-bre:before{    background: #4274ebde;}
.biz-pro .lhs{
    position: relative;
    padding-bottom: 65px;
}
.bpro-sli{
    position: sticky;
    top: 84px;
    margin-bottom: 20px;
    border: 1px solid #f0f0f0;
    padding: 25px 0px;
}
.bpro-sli .carousel-item:before{background: none;}
.bpro-sli .carousel-item img{
    width: 100%;
    /* height: 125px; */
    object-fit: contain;
    }
.biz-pro-btn{position: sticky;top: 455px;}
.biz-pro-btn .btn{
    color: #fff;
    padding: 12px 20px;
    border-radius: 1px;
    width: 50%;
    display: block;
    text-align: center;
    float: left;
    font-weight: 500;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.2);
}
.biz-pro-btn .btn1{
    background: #425d75;
    color: #fff !important;
    cursor: pointer;
}
.biz-pro-btn .btn2{
    background: #fb641b;
}
.biz-pro .rhs{}
.pro-pri-box{}
.pro-pbox-1{
    margin-top: 0px;
    background: none;
    padding: 0px;
    float: left;
    width: 100%;
}
.pro-pbox-1:before{background: none;}
.pro-pbox-1 ul{}
.pro-pbox-1 ul li{}
.pro-pbox-1 ul li:after{
    color: #333;
}
.pro-pbox-1 ul li a{
    color: #333;
}
.pro-pbox-2{
    float: left;
    width: 100%;
    padding-bottom: 10px;
}
.pro-pbox-2 h1{
    font-size: 26px;
    font-weight: 600;
    padding: 12px 0 8px 0;
    margin-bottom: 0px;
}
.pro-pbox-2 .rat{
    background: #4caf50;
    padding: 4px;
    font-weight: 600;
    color: #fff;
    font-size: 12px;
    border-radius: 2px;
    display: none;
}
.pro-pbox-2 .veri{
    background: #43a463;
    color: #fff;
    font-weight: 500;
    font-size: 11px;
    padding: 2px 10px;
    border-radius: 2px;
    text-transform: uppercase;
    letter-spacing: 1px;    
}
.pro-pbox-2 .veri:before{}
.pro-pbox-2 .pro-cost{
    float: left;
    width: 100%;
    padding-top: 0px;
    font-size: 34px;
    font-weight: 700;
}
.pro-pbox-2 .pro-off{
    font-size: 18px;
    color: #4caf50;
    font-weight: 500;
}
.pro-pbox-com{
    margin-top: 24px;
    border-radius: 2px;
    background-color: #fff;
    border: 1px solid #f0f0f0;
    padding: 24px;
    color: #212121;
    float: left;
    width: 100%;
}
.pro-pbox-com h4{
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 25px;
}
.pro-pbox-com .ud-lhs-s1 h4{    margin: 0px;
    font-size: 16px;    font-weight: 600;}
.pro-pbox-com .ud-lhs-s1{padding-bottom: 0px;}
.pro-pbox-com p{
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    padding-bottom: 12px;
    color: #333;
}
.pro-pbox-3{}
.pro-pbox-3 h4{}
.pro-pbox-3 ul li{
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    padding-bottom: 12px;
    color: #333;
    padding-left: 30px;
}
.pro-pbox-3 ul li:before{
    content:'arrow_drop_up';
    cursor: pointer;
    color: #3567d6;
    border-radius: 50%;
    background: #d2e0ff;
    font-size: 20px;
    padding: 0px 0px;
    text-align: center;
    width: 21px;
    height: 21px;
    box-sizing: border-box;
    transition: all 0.5s ease;
    transform: rotate(90deg);
    line-height: 20px;
    margin: 0px 0px 0px -28px;
}
.pro-pbox-5{}
.pro-pbox-5 ul li{
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    padding-bottom: 12px;
    color: #0b253a;
}
.pro-pbox-5 ul li .pro-spe-li{
    width: 35%;
    display: inline-block;
    color: #909090;
    vertical-align: top;
}
.pro-pbox-5 ul li .pro-spe-po{
    width: 60%;
    display: inline-block;
}
.pro-pbox-7 a{
    background: #ebf7fd;
    color: #345361;
    font-weight: 500;
    font-size: 13px;
    margin: 0px 10px 10px 0px;
    padding: 3px 10px;
    border-radius: 3px;
}

/*--================================================--*/
.list-det-fix{
    position: fixed;
    top: -100px;
    left: 0px;
    right: 0px;
    background: #fff;
    z-index: 99;
    padding: 0px 0px;
    box-shadow: 0px 11px 18px -8px rgba(42, 42, 42, 0.14);
    transition: all 0.5s ease;
    display: none;
}
.list-det-fix.list-det-fix-act{top: 0px;transition: all 0.5s ease;}
.list-det-fix-inn{
    float: left;
    width: 100%;
}
.list-fix-pro{
    float: left;
    width: 5%;
}
.list-fix-pro img{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-top: 4px;
    object-fit: cover;
}
.list-fix-tit{
    float: left;
    width: 72%;
    padding: 4px 0px 0px 12px;
}
.list-fix-tit h3{
    margin: 0px;
    font-weight: 700;
    font-size: 19px;
    padding-bottom: 3px;
}
.list-fix-tit p{
    margin: 0px;
    font-size: 13px;
    font-weight: 500;
    color: #3f4040;
}
.list-fix-tit p b{
    color: #333;
}
.list-fix-btn{
    float: left;
    width: 22%;
}
.list-fix-btn span{
    background: #f44336;
    color: #ffffff;
    border: 1px solid #f44336;
    transition: all 0.5s ease;
    box-shadow: 0 0 0 rgb(244, 67, 54);
    padding: 7px 25px;
    font-size: 15px;
    font-weight: 700;
    display: inline-block;
    cursor: pointer;
    border-radius: 2px;
    margin-top: 6px;
    animation: none;
    font-family: 'Quicksand', sans-serif;
    /* text-transform: uppercase; */
    float: right;
}

/*-------------------------------------------------*/
/* =  CONTACT US & ABOUT US & FEEDBACK
/*-------------------------------------------------*/
.con-us-map{margin-top:53px}
.con-us-map iframe{width:100%;height:250px;border:0}
.con-us-loc{padding-top:40px;padding-bottom: 150px;}
.con-us-loc .tit h2{font-weight:600;font-size:24px}
.con-us-loc .tit p{font-size:14px}
.con-us-loc h4{font-size:18px;font-weight:600;padding-bottom:10px}
.con-us-loc h5{font-size:15px;font-weight:600;padding-bottom:10px}
.con-us-loc p{font-size:13px}
.con-us-loc ul li{font-size:13px;/* padding-left:30px; */padding-bottom:10px;line-height:22px;}
.con-us-loc ul li:before{margin-left:-30px;display:none;}
.con-us-loc ul li a{color:#000}
.fedback{margin-bottom:160px}
.fedback img.fed{width:100%;height:280px;object-fit:cover;z-index:0}
.fed-box{width:60%;background:#fff;margin:0 auto;display:table;margin-top:-100px;z-index:2;position:relative;box-shadow:0 0 38px -21px #333;border-radius:5px}
.fed-box:before{content:'';position:absolute;background:#dcefff;width:40%;height:100%;right:0}
.fed-box .lhs{float:left;width:60%;padding:50px;position:relative}
.fed-box .lhs h3{text-transform:uppercase;font-weight:700;font-size:18px;padding-bottom:20px;color:#106ebd}
.fed-box .lhs form .form-group input{font-weight:500;font-size:14px;border:1px solid #ececec}
.fed-box .lhs form .form-group textarea{height:90px;padding:15px;border:1px solid #ececec}
.fed-box .lhs form button{background:#04b1ff;border:0 solid #0291d2;font-weight:500;text-transform:uppercase;letter-spacing:1px;font-size:12px}
.fed-box .rhs{float:left;width:40%;padding:50px;position:relative}
.fed-box .rhs h2{font-size:32px}
.fed-box .rhs p{font-size:13px}
.fed-box .rhs ul li{float:left;padding:0 10px 10px 0}
.fed-box .rhs ul li a img{width:30px;border-radius:50%;padding:4px;border:1px solid #b7c8d6}
.fed-box .rhs h4{display:inline-block;width:100%;font-size:16px;font-weight:700;padding-top:30px;padding-bottom:6px}
.fed-box .rhs h4~p{margin-bottom:4px;font-size:12px}
.commun-pg-main{background: #fff;}

.comunity-ban:before{background: linear-gradient(to top,#fff,#a6abb79e 100%);}
.about-ban h1, .about-ban input{position:relative;font-weight: 600;}
.comunity-ban{padding-bottom: 0px;}
.commun-pg-main input{
       border-radius: 30px;
       box-shadow: 0 5px 41px -14px rgb(60 63 66 / 32%);
       color: #40454a;
       max-width: 100%;
       width: 384px;
       border: 1px solid #e9e9ef;
       font-weight: 600;
       font-family: 'Quicksand', sans-serif;
       display: block;
       line-height: 40px;
       font-size: 15px;
       outline: none;
       height: 58px;
       background: #ffffff;
       box-sizing: border-box;
       padding: 0px 25px 0px 45px;
       margin: 0 auto;
       margin-top: 20px;
}
.about-ban p{position:relative;margin:0;font-weight:300;font-size:18px}
.about-us{text-align:center;padding-top:40px;width:80%;margin:0 auto}
.about-us h2{font-size:32px;font-weight:700;padding-bottom:25px}
.about-us p{font-size:14px}
.abou-pg .home-tit{padding-top:0px}
.abou-pg .home-tit h2 span{
    font-size: 32px;
}
.abou-pg .how-wrks-inn ul li {

    margin-bottom: 6%;
}
.abou-pg .home-tit p{
    font-size: 14px;
    padding-bottom: 15px;
}
.abou-pg .abo-memb{}
.abou-pg .abo-memb ul li div{
    padding: 0px;
    padding-bottom: 20px;
}
.abou-pg .abo-memb ul li div img{
    width: 100%;
    margin: 0px;
}
.abou-pg .abo-memb ul li div h4{
    font-size: 16px;
    font-weight: 700;
    padding-top: 20px;
}
.abou-pg .abo-memb ul li div p{
    padding: 0px 15px;
    font-size: 12px;
}
.abou-pg .about-ban{color:#fff;margin-bottom: -68px;}

.abou-pg {
    text-align: center;
    padding: 50px;
    padding: 50px 0px 40px 0px;
    position: relative;
    background-color: #5200dd;
    background: -webkit-linear-gradient(to right, #1977f3, #ef5e94);
    background: linear-gradient(to right, #1977f3, #ef5e94)
}
.ser-head:before, .abou-pg:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background-image: url(../images/new/bgIcons.png);
    background-repeat: repeat;
    opacity: 0.3;
    background-size: 400px;
    animation: blogbgani 300s linear 0s infinite both;
}
@keyframes blogbgani {
  0%   {background-position: 0px 0px;}
  100%  {background-position: 0px 5000px;}
}
/*-------------------------------------------------*/
/* =  V2 HOME PAGE
/*-------------------------------------------------*/
.h2-ban-ql{display: none;margin: 0 auto;width: 100%;position: relative;padding-top: 0px;margin-top: 50px;}
.h2-ban-ql ul{
    margin: 0 auto;
    display: table;
}
.h2-ban-ql ul li{
    float: left;
    text-align: center;
}
.h2-ban-ql ul li div{
    border: 1px solid #485565;
    border-radius: 5px;
    position: relative;
    padding: 10px;
    width: 115px;
    margin: 0px 5px;
    transition: all 0.5s ease;
    background: #20344c80;
}
.h2-ban-ql ul li div:hover{
    background: #20344c;
    /* border: 1px solid #122338; */
    box-shadow: 0px 6px 21px -6px #0b1017;
}
.h2-ban-ql ul li div img{
    width: 32px;
}
.h2-ban-ql ul li div h5{
    color: #fff;
    font-size: 11px;
    padding: 7px 0px 0px 0px;
    margin: 0px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.h2-ban-ql ul li div h5 span{
    display: block;
    font-size: 30px;
    font-weight: 300;
}
.h2-ban-ql ul li div a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
}
.hom-h2-pri{
    background: #fff;
    padding: 70px 0 0px 0px;
    float: left;
    width: 100%;
}
.hom-h2-pri .tit h2{}
.hom-h2-pri .tit p{}
.hom-h2-pri .pri-box{
    background: #fafcfd;
    border-radius: 10px;
    box-shadow: 0px 1px 10px 4px #68769229;
}
.hom-h2-pri .pri-box .c2{
    background: #2140d7;
    border-radius: 10px 10px 0px 0px;
}
.hom-h2-pri .pri-box .c2 h4{
    color: #fff;
    text-transform: capitalize;
    font-weight: 700;
}
.hom-h2-pri .pri-box .c2 p{
    color: #fff;
    font-size: 12px;
}
.hom-h2-pri ul li:nth-child(3) .pri-box{
    background: #445dd8;
    color: #fff;
    box-shadow: 0px 1px 10px 4px #68769229;
}
.hom-h2-pri ul li:nth-child(3) .pri-box .c4 ol li{color:#fff;}
.hom-h2-pri .c4 ol li{
    font-size: 12px;
}
.hom-h2-pri .c4 ol li:before{}
.hom-h2-pri:hover .c3 a{}
.hom-h2-pri ul li:nth-child(3) .pri-box .c3 a{}

/*--==================================================--*/
.all-products{
    margin-top: -50px;
    padding-bottom: 150px;
}
.all-products .col-md-3{padding-top: 30px;}
.all-product-total{}
.all-product-total ul{}
.all-product-total ul li{
    float: left;
    width: 33.3333%;
}
.all-pro-box{
    border: 1px solid #002f3433;
    float: left;
    width: 100%;
    position: relative;
    background: #fff;
    transition: all 0.5s ease;
}
.all-pro-box:hover{
    box-shadow: 0px 9px 27px -16px #33333387;
    transform: translateY(-3px);    
}
.all-pro-img{padding: 10px;}
.all-pro-img img{
    width: 100%;
    height: 125px;
    object-fit: contain;
}
.all-product-total .all-pro-aut{
    display: none;
}
.all-product-total .all-pro-aut .auth{
    position: absolute;
    margin: -20px 0px 0px 12px;
}
.all-pro-txt{
    padding: 15px 15px 15px 15px;
    float: left;
    width: 100%;
    position: relative;
}
.all-pro-txt h4{
    font-weight: 600;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    float: left;
    width: 100%;
    color: #5c6369;
    padding-bottom: 0px;
}
.all-pro-txt .pri{
    padding: 0px;
    background: none;
    font-family: 'Quicksand', sans-serif;
    line-height: 32px;
    color: #5c6369;
    font-size: 14px;
}
.all-pro-txt .pri b{font-size: 21px;font-weight: 700;color: #000;}
.all-pro-txt .links{
    z-index: 9;
    right: 94px;
    position: absolute;
    bottom: 44px;
}
.all-pro-txt .links a{
    float: left;
    font-size: 12px;
    font-weight: 600;
    padding: 4px 12px;
    border-radius: 50px;
    cursor: pointer;
    background: #ffd500;
    color: #000;
    display: inline-block;
    z-index: 2;
    position: absolute;
    width: 86px;
    text-align: center;
}
.all-pro-box .pro-view-full{
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    /* background: #333; */
    z-index: 1;
}
.pro-rel-pro-box{
    float: left;
    width: 100%;
}
.pro-rel-pro-box h4{
    color: #000;
    text-align: center;
    margin-top: 50px;
}
.pro-rel-pro-box .pro-eve-box{
    border: 1px solid rgba(0, 47, 52, 0.2);
    box-shadow: none;
}
.pro-rel-pro-box .pro-eve-box img{
    object-fit: contain;
    padding: 15px;
}
.pro-rel-pro-box .pro-eve-box span{}
.pro-rel-pro-box .pro-eve-box h2{
    color: #000;
    font-weight: 600;
    font-size: 15px;
}
.pro-rel-pro-box .us-ppg-com{padding-top: 0px;}
.btn-ser-need-ani{background:#1977f3;color: #fff;padding: 10px 20px 10px 35px;border-radius: 33px;border: 0px solid #333;position: fixed;bottom: 10px;right: 20px;z-index: 9;cursor: pointer;font-size: 13px;font-weight: 700;font-family: 'Quicksand', sans-serif;box-shadow: 0 0 0 rgb(0 178 169);animation: pulse 1.5s infinite;}
.btn-ser-need-ani:before{    content: 'phone';
    color: #fff;
    margin: -1px 0px 0px -20px;
    font-size: 15px}

.comity-all-user{
    padding: 60px 0px;
    float: left;
    width: 100%;   margin-bottom:0px; 
}
.comity-all-user ul{}
.comity-all-user ul li{
    float: left;
    width: 16.5%;
}
.comity-all-user ul li .pro-fol-gr{
    /* border: 1px solid #f9fcff; */
    /* background: #fff; */
    /* margin: 10px; */
    /* height: 221px; */
    /* padding: 15px 15px; */
    /* float: left; */
}
.comity-all-user ul li .pro-fol-gr:hover{
    box-shadow: none;
    background: #ebf8ff;
    border: 1px solid #ebf8ff;
    /* transform: translateY(-6px); */
    box-shadow: 0px 5px 28px -5px rgba(55, 63, 67, 0.45);
}
.comity-all-user ul li .pro-fol-gr:hover ol{
    transform: translateY(-10px);
}
.pro-fol-gr .count-li{
    opacity: 1;
    position: relative;
    background: none;
    padding: 0px 0px 15px 0px;
    display: table;
    /* border-top: 1px solid #dee4ea; */
    transform: translateY(0px);
    margin: 15px 0px 15px 0px;
    border-bottom: 1px solid #eaeef3;
    float: left;
    width: 100%;
}
.pro-fol-gr .count-li span{}
.pro-fol-gr .count-li span b{
    color: #333;
    display: block;
    font-size: 16px;
    font-weight: 600;    
}
.pro-fol-gr h4{
    text-align: center;
    /* padding-left: 85px; */
}
.pro-fol-gr h4 b{
}
.pro-fol-gr ol li{
    width: 33.3333%;
    /* text-transform: capitalize; */
    letter-spacing: 1px;
}
.comity-all-user ul li .pro-fol-gr ol li b{}
.comity-all-user ul li .pro-fol-gr span{cursor: pointer;}
.pro-fol-gr .comm-viw-pro-btn{/* background: #008dff; *//* color: #fff; *//* font-weight: 600; */font-size: 10px;/* border-radius: 2px; *//* text-align: center; *//* cursor: pointer; *//* text-transform: uppercase; *//* display: inline-block; *//* letter-spacing: 0.5px; */position: absolute;top: 0px;right: 0px;left: 0px;bottom: 0px;width: 100%;height: 100%;}

.pro-fol-gr .pro-pg-msg{
    float: left;
    width: 100%;
}
.pro-fol-gr .pro-pg-msg span{
    float: left;
    color: #2196F3;
    font-size: 12px;
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 2px;
    text-transform: uppercase;
    width: auto;display: none;
}
.pro-fol-gr .pro-pg-msg span i{
    color: #2196F3;
    font-size: 14px;
    font-weight: 600;
    vertical-align: sub;
}
.pro-fol-gr .pro-pg-msg a, .pro-fol-gr .pro-pg-msg .userfollow{
    background: #c7e3ff;
    color: #0865d4;
    font-size: 12px;
    font-weight: 600;
    float: left;
    padding: 3px 10px;
    border-radius: 2px;
    display: block;
    width: 100%;
    text-align: center;
}

/*---================ LISTING MAP VIEW =================---*/

.list-map{display:none;}
.list-map{
    position: relative;
    float: left;
    width: 100%;
    margin-top: 52px;
}
.list-map .list-map-resu{
    float: left;
    width: 78%;
    height: 200px;
    margin-left: 22%;
}
.list-map .list-map-resu iframe{
    height: 100%;
    width: 100%;
}
#list-map-resu-view{}
.list-map-filt .map-fi-view{
    padding: 0 11px 0 0;
    margin-bottom: 15px;
}
.list-map-filt .map-fi-view .ic-map-3{    color: #4274eb;}
.list-map .list-map-filt{
    position: absolute;
    bottom: 0px;
    top: 0px;
    background: #0b253a;
    z-index: 12;
    width: 22%;
    left: 0px;
    right: 0px;
    padding: 50px 15px 15px 15px;
    box-shadow: 0px -5px 25px -8px rgba(42, 42, 42, 0.24);
    transition: all 0.5s ease;
}
.list-map .list-map-filt:before{
    content: 'filter_list';
    margin: 0px 0px 0px 10px;
    font-size: 24px;
    color: #fff;
    background: #4274eb;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 33px;
    border-radius: 2px;
    left:15px;
}
.mob-map-filt{
    position: fixed;
    left: 24px;
    top: 70px;
    z-index: 15;
    display: none;    
}
.mob-map-filt i{
    font-size: 24px;
    color: #fff;
    background: #4274eb;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 33px;
    border-radius: 2px; }
.map-fi-com{
    float: left;
}
.map-fi-com select{
    font-size: 13px;
    height: 44px;
    color: #333;
    padding: 0px 8px;
    border: 1px solid #d1d1d1;
    width: 100%;
    border-radius: 2px;
    font-weight: 600;
    cursor: pointer;
}
.map-fi-com select option{}
.map-fi-com{
    width: 100%;
    padding: 10px;
}
.map-fi-com .ic3{color: #4274eb;}

/*---================ NOTIFICATION POPUP =================---*/
.pop-noti{
    width: 300px;
    position: fixed;
    z-index: 34;
    top: 68px;
    background: #fff;
    padding: 15px;
    border-radius: 3px;
    right: 1%;
    box-shadow: 0px 0px 16px 0px rgba(42, 42, 42, 0.16);
    transition: all 0.5s ease;
}
.pop-noti.act{right: 1%;}
.pop-noti:hover span{    background: #FFC107;
    color: #000;}
.pop-noti img{
    width: 36px;
    height: 36px;
    object-fit: cover;
    border-radius: 50%;
    float: left;
}
.pop-noti h4{
    font-size: 14.5px;
    font-weight: 600;
    margin: 0px;
    padding: 0px 0px 2px 50px;
}
.pop-noti p{
    font-size: 12px;
    color: #a4a4a4;
    margin: 0px;
    padding: 0px 0px 0px 50px;
}
.pop-noti span{
    position: absolute;
    right: 15px;
    top: 15px;
    background: #F44336;
    color: #fff;
    font-size: 11px;
    padding: 2px 10px;
    border-radius: 2px;
    text-transform: uppercase;transition: all 0.5s ease;
    letter-spacing: 1px;
}
.pop-noti a{
    position: absolute;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    top: 0px;
}

/*--============ MAP VIEW ============--*/
.list-map-resu .gm-style-iw{
    padding: 0px;
    width: 260px;
    border: 2px solid #fff;
    border-radius: 15px;
}
.list-map-resu .gm-style-iw-d{
    float: left;
    width: 100%;
    overflow: hidden !important;
}
.list-map-resu .gm-ui-hover-effect{}
.list-map-resu .gm-ui-hover-effect img{
    background: #fff;
    opacity: 1;
    border-radius: 50%;
    padding: 2px;
    width: 20px !important;
    height: 20px !important;
    margin: 6px !important;
}
.list-map-resu .gm-style-iw-d div{}
.list-map-resu .gm-style-iw-d div br{
    display: none;
}
.list-map-resu .gm-style-iw-d div a{}
.list-map-resu .gm-style-iw-d div a img{
    width: 100%;
    height: 130px;
    object-fit: cover;
}
.list-map-resu .gm-style-iw-d div a strong{
    display: block;
    color: #000;
    font-weight: 600;
    padding: 13px 13px 2px 13px;
    font-size: 15px;
    /* font-family: 'Quicksand', sans-serif; */
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre;
}
.list-map-resu .gm-style-iw-d div text{
    display: block;
    padding: 0px 13px 8px 13px;
    color: #566064;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre;
    font-size: 12px;
    /* text-transform: lowercase; */
}
.list-map-resu .gm-style img{ }
.list-map-resu .gm-style img:has{ }
.list-map-resu .gm-style img:parent{ }
.list-map-filt .chosen-container.chosen-with-drop .chosen-drop {
    top: initial;
    bottom: 100%;
    border: 0px;
    border-radius: 5px 5px 2px 2px;
    padding: 6px;
}
.list-map-filt .chosen-container{
    height:auto;border: 1px solid #d1d1d1;    width: 100% !important;
}
.list-map-filt .chosen-container-single .chosen-single span {
    margin-right: 0px;
    padding: 2px 0px 0px 10px;
    font-size: 13px;
    font-weight: 500;
    box-sizing: border-box;
    height: 33px
}
.list-map-filt .chosen-container-single .chosen-single{
    height: 33px;
    padding: 0px;line-height: 32px;border: 0px;
}
.list-map-filt .chosen-container-active .chosen-single{}
.list-map-filt .chosen-container-single .chosen-drop{}
.list-map-filt .chosen-container-single .chosen-search{}
.list-map-filt .chosen-container-single .chosen-search-input{}
.list-map-filt .chosen-container-single .chosen-results{
    padding: 0px;
}
.list-map-filt .chosen-container-single .chosen-results li{
    font-size: 13px;
    color: #2e3439;
}
.form-tip{opacity: 0;transition: all 0.5s ease;}
.form-tip a{font-size: 11px;
    text-decoration: underline;
    right: 21px;
    top: 4px;
    position: absolute;}
.form-group:hover .form-tip{opacity: 1;}
.ui-menu .ui-menu-item-wrapper{display: block;font-size: 12px;color: #5f6871;border-bottom: 1px solid #f3f4f6;padding: 7px 14px;font-weight: 500;}
.ui-menu .ui-menu-item-wrapper.ui-state-active{border:0px solid #ededed;margin: 0px;background: #e5f3ff;color: #008eff;}
.ui-menu .ui-menu-item-wrapper:hover{background: #e5f3ff;color: #008eff;}
.str-full {
    float: left;
    width: 100%;
    /* display: none; */
}


/*--============ JOB ============--*/
.all-jobs-ban{
    float: left;
    width: 100%;
    background: url('../images/all-job-bg.jpg') no-repeat;
    background-size: cover;
    padding: 100px 0px 175px 0px;
    margin-top: 55px;
    position: relative;
}
.all-jobs-ban:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background: #364250b0;
    /* background: linear-gradient(to top,#0b4d8fc7,#125dbbbd 100%); */
}
.all-jobs-ban .ban-search{
    float: left;
    display: block;
    margin: initial;
    width: 65%;
    background: #0000007a;
    /* padding: 0px; */
    box-shadow: none;
}
.all-jobs-ban h1{
    font-size: 50px;
    font-weight: 700;
    margin: 0px 0px 40px 0px;
    color: #fff;
    position: relative;
}
.all-jobs-ban .ban-search ul li.sr-sea{
    width: 50%;
    margin: 0px 1% 0px 0%;
}
.all-jobs-ban .ban-search ul li.sr-cit{
    display: block;
    margin: 0px 1% 0px 0%;
}
.all-jobs-ban .ban-search ul li.sr-btn{}
.all-jobs-ban .ban-search ul li.sr-btn input{
    background: #1637f0;
}
.job-pop-tag{
    position: relative;
    float: left;
    width: 100%;
    padding: 25px 0px 45px 0px;
}
.job-pop-tag h4{
    color: #fff;
    font-size: 18px;
    float: left;
    font-weight: 600;
    margin: 0px 10px 0px 0px;
    line-height: 28px;
}
.job-pop-tag a{
    background: #3503f494;
    color: #fff;
    font-size: 12.5px;
    padding: 2px 8px;
    border-radius: 3px;
    font-weight: 500;
}
.job-counts{
    position: relative;
    float: left;
    width: 100%;
}
.job-counts ul{}
.job-counts ul li{
    float: left;
    padding: 0px 20px 0px 25px;
    border-right: 1px solid #ffffff2b;
}
.job-counts ul li:first-child{padding-left: 0px;}
.job-counts ul li:last-child{border-right: 0px;}
.job-counts ul li span{
    font-size: 47px;
    color: #fff;
    font-weight: 300;
    font-family: 'Quicksand', sans-serif;
}
.job-counts ul li h4{
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.all-jobs{/* background: #fff; */float: left;width: 100%;/* margin-top: -50px; */}
.all-jobs .row{/* box-shadow: none; */border-radius: 10px;background: #fff;position: relative;}
.all-jobs .col-md-3{background: #fff;border-radius: 10px 0 0 0;padding: 20px 0px 30px 25px;}
.all-jobs .col-md-9{background: #fff;border-radius: 0 10px 0 0;}
.all-jobs .all-list-sh{background: #fff;}
.job-list{
    padding-top: 25px;
}
.job-list ul{}
.job-list ul li{
    margin-bottom: 15px;
    float: left;
    width: 100%;
}
.job-box{
    float: left;
    width: 100%;
    background: #fff;
    border: 1px solid #f0f0f0;
    padding: 10px;
    position: relative;
}
.job-box:hover .job-box-cta{
    background: #1bc96a;
}
.job-full-cta{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}
.job-box-img{
    float: left;
    /* width: 20%;;width: calc(20% - 65px);
    /* width: 20%; */
    background: #e4e4e4;
    border-radius: 5px;
    width: 90px;
    position: relative;
    height: 123px;
    padding-top: 18px;
}
.job-box-img img{
    width: 90px;
    /* height: 125px; */
    padding: 12px;
    object-fit: contain;
}
.job-box-con{
    float: left;
    width: calc(100% - 90px);
    padding: 15px 5px 15px 25px;
}
.job-box-con h4{
    font-weight: 600;
    font-size: 16px;
    color: #000;
}
.job-box-con span{
    font-size: 13px;
    color: #7187a2;
    padding-left: 20px;
    padding-right: 10px;
    font-weight: 500;
    float: left;
    line-height: 22px;
}
.job-box-con span:before{
    margin-left: -20px;
    color: #7187a2;
}
.job-ic-city:before{content: 'location_on';}
.job-ic-type:before{content: 'timer';}
.job-ic-open:before{content: 'supervisor_account';}
.job-box-con .job-box-cta{
    background: #673AB7;
    color: #fff;
    font-size: 13px;
    padding: 7px 20px;
    border-radius: 3px;
    font-weight: 700;
    font-family: 'Quicksand', sans-serif;
    display: inline-block;
    margin-top: 10px;
    transition: all 0.5s ease;
    float: left;
}
.job-det-desc .job-box-con .job-box-cta{
    background: #246df8;
    padding: 7px 30px;
    cursor: pointer;
}
.job-top{
    padding-right: 25px;
    /* border-left: 1px solid#e4e4e4; */
    /* padding-left: 25px; */
}
.job-top h3{
    font-size: 14px;
    color: #677b89;
    /* padding-left: 25px; */
    margin-bottom: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.job-top ul{}
.job-top ul li{
    padding-bottom: 10px;
    border-bottom: 1px solid #ededed;
    margin-bottom: 10px;
}
.job-top-box{position: relative;transition: all ease 0.5s}
.job-top-box:hover{
    padding-left: 10px;
}
.job-top-box:hover h4{
    color: #0961ea;
    text-decoration: underline;
}
.job-top-box img{
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    float: left;
}
.job-top-box h4{
    font-size: 13px;
    font-weight: 600;
    padding-left: 15px;
    margin-bottom: 0px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre;
}
.job-top-box .compny{
    padding-left: 16px;
    font-size: 11px;
    color: #333;
    font-weight: 500;
    display: table;
}
.job-top-box .city{
    font-size: 11px;
    color: #7187a2;
    padding-left: 5px;
}
.job-det-pg{background: #f5f5f5;}
.job-det-desc{
    margin-top: -100px;
    background: #fff;
    position: relative;
    padding: 20px;
    border-radius: 5px 5px 0 0;
    color: #5d6781;
    box-shadow: 0px 0px 25px 0px rgba(42, 42, 42, 0.13);
}
.job-det-desc .lhs{
    float: left;
    width: 100%;
    padding: 0 2px;
}
.job-det-desc .tit{}
.job-det-desc .tit .job-box{
    margin-bottom: 25px;
    /* padding: 0px; */
    /* border: 0px; */
    /* border-bottom: 1px solid #f0f0f0; */
    padding-bottom: 25px;
}
.job-det-desc .tit .job-box-img{}
.job-det-desc .tit .job-box-con{
    width: 100%;
    padding-bottom: 0px;
    text-align: left;
    /* padding: 0px; */
}
.job-det-desc .alpply{
    float: left;
    width: 100%;
    padding: 15px 0px;
}
.job-det-desc .alpply .cta-app{
    padding: 12px 35px;
    border-radius: 3px;
    background: #246df8;
    color: #ffffff;
    font-size: 16px;
    border: 1px solid rgba(36, 109, 248, 0.15);
    font-weight: 600;
    display: inline-block;
    cursor: pointer;
}
.job-det-desc .desc{}
.job-det-desc .desc p{
    font-size: 13px;
    line-height: 25px;
}
.job-det-desc .desc ul{}
.job-det-desc .desc ul li{}
.job-det-desc .desc span{}
.job-det-desc .lhs h4{
    font-size: 18px;
    font-weight: 700;
    /* padding-bottom: 8px; */
}
.job-det-desc .skills{
    padding-bottom: 25px;
}
.job-det-desc .skills h4{padding-bottom: 8px;}
.job-det-desc .skills ul li{
    color: #5d6781;
    font-size: 14px;
    padding-left: 20px;
    padding-bottom: 8px;
}
.job-det-desc .skills ul li:before{content: 'check';margin-left: -20px;background: #4CAF50;width: 15px;height: 15px;color: #fff;line-height: 15px;font-size: 10px;border-radius: 50%;font-weight: 600;padding: 1px 0px 0px 3px;}
.job-det-desc .quali{}
.job-det-desc .rhs{
    float: left;
    width: 100%;
    padding: 0px 25px 25px 25px;
    /* border: 1px solid #f0f0f0; */
    -webkit-box-shadow: 0 5px 5px 0 rgba(154,160,185,.05), 0 5px 30px 0 rgba(166,173,201,.22);
    box-shadow: 0 5px 5px 0 rgba(154,160,185,.05), 0 5px 30px 0 rgba(166,173,201,.22);
    background: #fff;
}
.job-det-desc .rhs h4{
    font-size: 14px;
    color: #677b89;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding-bottom: 10px;
}
.job-det-desc .job-summ{
    margin-bottom: 25px;
    padding-top: 25px;
    /* background: #fafafa; */
    /* padding: 25px 25px 15px 25px; */
    /* border: 1px solid #f0f0f0; */
    /* -webkit-box-shadow: 0 5px 5px 0 rgba(154,160,185,.05), 0 5px 30px 0 rgba(166,173,201,.22); */
    /* box-shadow: 0 5px 5px 0 rgba(154,160,185,.05), 0 5px 30px 0 rgba(166,173,201,.22); */
    /* background: #fff; */
}
.job-det-desc .job-summ .cta-app{
    padding: 7px 30px;
    border-radius: 3px;
    background: #246df8;
    color: #ffffff;
    font-size: 13px;
    border: 1px solid rgba(36, 109, 248, 0.15);
    font-weight: 600;
    display: inline-block;
    margin-top: 10px;
    cursor: pointer;
    /* text-transform: uppercase; */
    /* letter-spacing: 1px; */
}
.job-det-desc .job-summ ul{}
.job-det-desc .job-summ ul li{
    font-size: 12px;
    color: #696d71;
    padding-bottom: 8px;
}
.job-det-desc .job-summ ul li span{
    font-weight: 600;
    width: 118px;
    display: inline-block;
    color: #333;
}
.job-det-desc .map{
    margin-bottom: 25px;
}
.job-det-desc .map iframe{
    border: 0px;
    width: 100%;
    height: 150px;
}
.job-det-desc .shar{}
.job-det-desc .shar ul{}
.job-det-desc .shar ul li{
    float: left;
}
.job-det-desc .shar ul li a{}
.job-det-desc .shar ul li a img{
    width: 26px;
    margin-right: 5px;
}
.job-det-pg-ban{
    float: left;
    width: 100%;
    background: url(../images/all-job-bg.jpg) no-repeat;
    padding: 40px 0px 130px 0px;
    margin-top: 55px;
    position: relative;    
}
.job-det-pg-ban:before{    background: #364250b0;}
.job-comp-pro{}
.job-comp-img{}
.job-comp-img img{}
.job-det-desc .s1, .job-det-desc .s2, .job-det-desc .s3{float: left;}
.job-det-desc .s1{
    width: 25%;
    padding-right: 30px;
}
.job-det-desc .s3 .job-top{
    float: left;
    width: 100%;
    padding: 25px;
    margin-top: 25px;
}
.job-det-desc .s1 .job-lhs-tit{
    font-size: 14px;
    color: #677b89;
    /* padding-left: 25px; */
    margin-bottom: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;    
}
.job-det-desc .s1 .job-comp-pro{
    border: 1px solid #f4f4f4;
    /* background: #f0f0f0; */
    text-align: center;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 20px;
}
.job-det-desc .s1 .job-comp-img{}
.job-det-desc .s1 .job-comp-img img{
    width: 100%;
}
.job-det-desc .s2{
    width: 50%;
    padding-right: 30px;
}
.job-det-desc .s3{
    width: 25%;
}
.job-comp-soc{}
.job-comp-soc ul{}
.job-comp-soc ul li{
    font-size: 12px;
    font-weight: 500;
    color: #000;
    padding-left: 25px;
    margin-bottom: 8px;
}
.job-comp-soc ul li a{}
.job-comp-soc ul li:before{
    margin: -4px 0px 0px -25px;
}
.job-comp-abo{
    border-top: 1px solid #f4f4f4;
    padding: 15px 0px;
    margin: 20px 0;
    border-bottom: 1px solid #f4f4f4;
}
.job-comp-abo p{
    font-size: 12px;
    line-height: 22px;
    margin: 0px;
}

.dir-hide{display:none;}

/*--===== MESSAGE WINDOW =====--*/
.pop-mess{
    transition: all 0.5s ease;
    border: 1px solid #f9fcff;
    background: #fff;
    padding: 15px 15px;
    box-shadow: 0px 1px 11px -2px #737373c9;
    position: fixed;
    bottom: 15px;
    right: -500px;
    z-index: 12;
    border-radius: 10px;
    width: 350px;
}
.pop-mess.comm-msg-show{right:20px;}
.pop-mess .con{}
.pop-mess .s1{
    float: left;
    width: 100%;
}
.pop-mess .s1 img{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
    float: left;
}
.pop-mess .s1 h4{
    font-size: 12px;
    float: left;
    padding: 0px 0px 0px 12px;
    color: #969696;
}
.pop-mess .s1 h4 b{
    display: block;
    font-size: 16px;
    text-transform: capitalize;
    color: #000;
}
.pop-mess .s2{
    float: left;
    width: 100%;
}
.pop-mess .s2 h4{
    font-size: 10px;
    text-transform: uppercase;
    padding: 10px 0px;
    margin-bottom: 0px;
}
.pop-mess .s2 h4 b{}
.pop-mess .s2 .chosen-container{
    margin-bottom: 10px;
    border: 1px solid #f1eae5;
    height: 34px;
    border-radius: 5px;
}
.pop-mess .s2 .chosen-choices{
    height: 32px;
    padding-top: 0px;
    font-size: 13px;
    line-height: 20px;
    color: #7a7b7f;
    border-radius: 5px;
}
.pop-mess .s3{
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.pop-mess .s3 textarea{
    height: 120px;
    padding: 10px;
    font-size: 13px;
    line-height: 20px;
    color: #7a7b7f;
    border-radius: 5px;
}
.pop-mess .s4{}
.pop-mess .s4 button{
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    padding: 6px 20px;
    border-radius: 2px;
    text-transform: uppercase;
    background: #2196F3;
    border: 0px;
    letter-spacing: 1px;
    /* float: right; */
}
.pop-mess .s4 button i{
    font-size: 13px;
    font-weight: 500;
    vertical-align: bottom;
    line-height: 18px;
}
.pop-mess .s5{}
.pop-mess .s5 .comm-msg-pop-clo,.comm-msg-pop-clo1, .comm-msg-pop-clo2{
    position: absolute;
    right: 6px;
    top: 6px;
    cursor: pointer;
}
.pop-mess .s5 .comm-msg-pop-clo i,.comm-msg-pop-clo1 i, .comm-msg-pop-clo2 i{
    color: #a6a6a6;
    background: #ededed;
    padding: 2px;
    box-sizing: border-box;
    border-radius: 50px;
    font-size: 16px;
}

/*--===== DASHBOARD MESSAGE =====--*/
.mess-dash{
}
.mess-tit{
    padding-bottom: 10px;
    float: left;
    width: 100%;
}
.mess-tit div{
    font-size: 13px;
    float: left;
    font-weight: 600;
}
.mess-tit .s1{
    width: 3%;
    display: none;
}
.mess-tit .s2{
    width: 20%;
}
.mess-tit .s3{
    width: 63%;
}
.mess-tit .s4{
    width: 8%;
}
.mess-tit .s5{
    width: 6%;
}
.mess-tit .s6{
    width: 6%;
}
.mess-bd{
    float: left;
    width: 100%;
}
.mess-bd .main{
    float: left;
    width: 100%;
    border-bottom: 1px solid #e9e9e9;
    padding: 10px 0px;
}
.mess-bd .se1{
    font-size: 13px;
    float: left;
    width: 100%;
    cursor: pointer;
    z-index: 5;
    font-family: 'Poppins', sans-serif;
}
.mess-bd .se1 div{float:left;}
.mess-bd .se1 .s1{
    width:3%;
    display: none;
}
.mess-bd .se1 .s2{
    font-weight: 600;
    font-size: 13px;
    width: 20%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 15px;
    font-family: 'Poppins', sans-serif;
}
.mess-bd .se1 .s2 img{
    width: 42px;
    height: 42px;
    border-radius: 50%;
    object-fit: cover;
    float: left;
    margin-right: 15px;
    /* border: 2px solid #ffffff; */
    /* box-shadow: 0px 2px 8px 0px rgba(20, 20, 20, 0.2); */
}
.mess-bd .se1 .s2 span{
    display: block;
    font-size: 10px;
    font-weight: 400;
}
.mess-bd .se1 .s3{
    width: 80%;
    font-size: 12px;
    font-weight: 500;
    color: #4a4d54;
    padding-top: 5px;
}
.mess-bd .se1 .s4{
    width:8%;
}
.mess-bd .se1 .s4 a{
    background: #2196F3;
    color: #fff;
    border: 1px solid #2093ef;
}
.mess-bd .se1 .s5{
    width:6%;
}
.mess-bd .se1 .s6{
    width:6%;
}
.mess-bd .se1 .s5 a{}

.mess-bd .se2{
    float: left;
    width: 100%;
    padding: 15px 0px 7px 0px;
    display: none;
    position: relative;
}
.mess-bd .se2:before{
    content: '';
    position: absolute;
    width: 1px;
    height: 71%;
    background: #e0e0e0;
    left: 6.8%;
    top: 35px;
}
.mess-bd .se2 .mag-thrd{
    float: left;
    width: 100%;
    padding: 8px 0px 8px 5%;
    position: relative;
}
.mess-bd .se2 .mag-thrd .s1{
    font-weight: 600;
    font-size: 12px;
    float: left;
    width: 17%;
}
.mess-bd .se2 .mag-thrd .s1 img{
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    float: left;
    margin-right: 15px;
    border: 4px solid #ffffff;
    box-shadow: 0px 2px 8px 0px rgba(20, 20, 20, 0.2);
}
.mess-bd .se2 .mag-thrd .s1 span{
    display: block;
    font-size: 10px;
    font-weight: 400;
}
.mess-bd .se2 .mag-thrd .s2{
    font-size: 12px;
    float: left;
    width: 80%;
    padding-left: 6px;
}

/*-- TOOL TIP --*/
.ttip-com{
    position: absolute;
    z-index: 9;
}
.ttip-com i{width: 20px;height: 20px;background: #dde8fd;border-radius: 50px;color: #4d84ec;font-size: 15px;padding: 2px;}
.ttip-com:hover div{opacity: 1;}
.ttip-com div{
    background: #354558;
    color: #fff;
    font-size: 12px;
    padding: 10px;
    border-radius: 5px;
    opacity: 0;
    transition: all 0.5s ease;
    margin: -25px 0px 0px 28px;
    position: relative;
}
.ttip-com div:before{content: '';position: absolute;width: 10px;height: 10px;background: #354558;transform: rotateZ(45deg);left: -4px;top: 10px;}

.add-list-map .ttip-com{
    margin: -48px 0px 0px 402px;
}


.responsive-table {
    border-radius: 5px;
    font-size: 12px;
    font-weight: normal;
    border: none;
    border-collapse: collapse;
    width: 100%;
    max-width: 100%;
    white-space: nowrap;
    background-color: white;
}

.responsive-table td, .responsive-table th {
    padding: 8px;
}



.responsive-table td {

    font-size: 12px;
}

.responsive-table thead th {
    /* color: #ffffff; */
    /* background: #4FC3A1; */
}


.responsive-table thead th:nth-child(odd) {
    /* color: #ffffff; */
    /* background: #324960; */
}


/*--====== COUPONS ========--*/
.coup-sec, .coup-sec1{float: left;
    width: 100%;}
.coup-sec1 img{width:100%;float:left;}
.coup-sec2{
    float: left;
    width: 100%;
    text-align: center;
    padding-bottom: 50px;
}
.coup-sec2 h1{
    font-size: 42px;
    font-weight: 700;
    line-height: 48px;
}
.coup-sec2 p{
    font-size: 14px;
    color: #787984;
}
.coup-sec2 span{}
.coup-sec2 span:before{
    content: 'search';
    z-index: 1;
    margin: 13px 0px 0px 25px;
    font-size: 22px;
}
.coup-sec2 input{
    border-radius: 30px;
    box-shadow: 0 5px 41px -14px rgba(60,63,66,.32);
    color: #40454a;
    max-width: 100%;
    min-height: 56px;
    position: relative;
    top: 0;
    width: 384px;
    padding: 10px 10px 10px 60px;
    border: 1px solid #e9e9ef;
    font-weight: 600;
    font-family: 'Quicksand', sans-serif;
    transition: all 0.5s ease;
    background: #fff;
}
.coup-sec2 input:focus{border: 1px solid #c3c9d2;box-shadow: 0 14px 29px -9px rgb(60 63 66 / 32%);background: #ffffff;}
.coup-sec3{
    float: left;
    width: 100%;
    margin-bottom: 150px;
}
.coup-sec3 ul{}
.coup-sec3 ul li{
    float: left;
    width: 33.333%;
    padding: 15px;
}
.coup-sec-log{    text-align: center;
    margin: 0 auto;
    display: table;
    width: 80%;
    border-radius: 5px;
    padding: 25px;
    transition: all 0.5s ease;
    border: 3px dashed #fba606;
    box-shadow: 0px 12px 18px -9px #33333394;
    margin-bottom: 180px;}
.coup-sec-log h4{    font-size: 28px;
    font-weight: 700;
    line-height: 48px;}
.coup-sec-log p{    font-size: 16px;
    line-height: 28px;
    color: #79797b;}
.coup-sec-log a{    background: #4634b5;
    background: linear-gradient(to right, #3b33b2, #aa35ce);
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    padding: 12px 45px;
    display: inline-block;
    border-radius: 50px;
    cursor: pointer;}
.coup-box{
    float: left;
    width: 100%;
    box-shadow: 0px 1px 14px -4px #33333352;
    border-radius: 5px;
    padding: 15px;
    border: 2px dashed #ededf1e0;
    transition: all 0.5s ease;
    height: 195px;
    position: relative;overflow: hidden;
}
.coup-box-1{
    float: left;
    width: 90%;
    position: absolute;
    transition: all 0.5s ease;
}
.coup-box:hover{
    border: 2px dashed #4734b5;
    box-shadow: 0px 12px 18px -9px #33333394;
    transform: translateY(-3px);
}
.coup-box.act .coup-box-1{transform: translateX(-110%);}
.coup-box.act .coup-box-2{transform: translateX(0%);}
.coup-box:hover .coup-box-1 .s2 .rhs .get-coup-btn{}
.coup-box-1 .s1{
    float: left;
    width: 100%;
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.coup-box-1 .s1 .lhs{
    float: left;
    width: 75px;
}
.coup-box-1 .s1 .lhs img{
    width: 65px;
    border-radius: 5px;
    object-fit: cover;
}
.coup-box-1 .s1 .rhs{
    float: left;
    width: 70%;
    width: calc(100% - 75px);
}
.coup-box-1 .s1 .rhs h4{
    font-size: 16px;
    font-weight: 700;
    padding: 10px 5px 5px 5px;
    line-height: 20px;
    height: 55px;
    overflow: hidden;
}
.coup-box-1 .s2{
    float: left;
    width: 100%;
}
.coup-box-1 .s2 .lhs{
    float: left;
    width: 60%;
}
.coup-box-1 .s2 .lhs span{
    font-size: 11px;
    font-weight: 500;
    color: #474858;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.coup-box-1 .s2 .lhs h6{
    color: #000;
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 5px;
    line-height: 20px;
}
.coup-box-1 .s2 .lhs a{
    font-size: 10px;
    font-weight: 500;
    line-height: 12px;
    float: left;
}
.coup-box-1 .s2 .rhs{
    float: left;
    width: 40%;
    padding-top: 10px;
}
.coup-box-1 .s2 .rhs .get-coup-btn{
    background: #4634b5;  /* fallback for old browsers */
      /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #3b33b2, #aa35ce); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 6px 15px;
    display: inline-block;
    float: right;
    border-radius: 50px;
    cursor: pointer;
}
.coup-box-2{
    float: left;
    width: 90%;
    position: absolute;
    transition: all 0.5s ease;
    transform: translateX(110%);
    text-align: center;
    padding: 10px 0px 0px;
    height: 85%;
}
.coup-box-2 h4{
    color: #4634b5;
    font-weight: 700;
    font-size: 18px;
}
.coup-box-2 p{
    font-size: 11.5px;
    margin-bottom: 0px;
    font-weight: 400;
    color: #28292b;
    line-height: 16px;
    padding-top: 5px;
    padding: 5px 30px 5px 30px;
}
.coup-box-2 span{
    font-size: 12px;
    font-weight: 500;
    color: #0056b3;
    cursor: pointer;
    padding-left: 20px;
    position: absolute;
    right: 0px;
    bottom: 0px;
}
.coup-box-2 span:before{
    content: 'arrow_back';
    margin: -4px 0px 0px -20px;
    color: #0056b3;
    font-weight: 600;
}
.coup-box-2 i{
    font-size: 30px;
    font-weight: 800;
    display: block;
    font-style: normal;
    /* letter-spacing: 1px; */
}
.coup-box-2 a{
      background: #4634b5;  /* fallback for old browsers */
      /* Chrome 10-25, Safari 5.1-6 */
      background: linear-gradient(to right, #3b33b2, #aa35ce); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
      color: #fff;
      font-size: 12px;
      font-weight: 500;
      padding: 4px 15px;
      display: inline-block;
      /* float: right; */
      border-radius: 50px;
      cursor: pointer;
      }

.db-coupons{
    float: left;
    width: 100%;
    padding-top: 35px;
}
.db-coupons ul{}
.db-coupons ul li{
    float: left;
    width: 100%;
    border-bottom: 1px solid #e6e5e5;
    padding-bottom: 20px;
    margin-bottom: 25px;
}
.db-coup-lhs{
    float: left;
    width: 50%;
}
.db-coup-rhs{
    float: left;
    width: 50%;
    padding: 0px 0px 0px 50px;
}
.db-coup-rhs h5{
    /* padding-bottom: 15px; */
    position: relative;
}
.db-coup-rhs h5 b{
    font-size: 50px;
    font-weight: 700;
    position: absolute;
}
.db-coup-rhs h5 span{
    font-size: 16px;
    padding: 6px 0px 0px 90px;
    display: block;
}
.db-coup-rhs ol{
    padding: 20px 0px 0px 0px;
    float: left;
    width: 100%;
}
.db-coup-rhs ol li{
    margin: 0px;
    padding: 3px 0px;
    border: 0px;
    font-size: 12.5px;
    font-weight: 500;
    color: #8b909e
}
.db-coup-rhs ol li b{color:#54575f;}
.db-coup-rhs ol li a{
    border: 1px solid #007bff;
    padding: 1px 8px;
    border-radius: 3px;
    margin: 5px 5px 5px 0px;
    display: inline-block;
    font-size:12px;font-weight: 500;    
}
.inp-ttip{
    position: absolute;
    background: #caffd3;
    width: 250px;
    padding: 10px;
    z-index: 9;
    border-radius: 5px;
    font-size: 12px;
    box-shadow: 0px 9px 10px -13px #333;
    border: 1px solid #adf3b9;
    margin-top: 10px;
    line-height: 18px;
    font-weight: 400;display: none;
}
.inp-ttip b{}
.inp-ttip:before{
    content: '';
    width: 9px;
    height: 9px;
    border: 1px solid #adf3b9;
    background: #caffd3;
    left: 10px;
    top: -5px;
    transform: rotate(45deg);
    border-bottom: 0px;
    border-right: 0px;
}

/*--====== COMPANY PROFILE ========--*/
.comp-pro-pg{}
.com-pro-pg-head{
    position: fixed;
    background: #fff;
    width: 100%;
    top: 0px;
    left: 0;
    right: 0px;
    box-shadow: 0px 8px 18px -8px rgb(42 42 42 / 12%);
    z-index: 10;
}
.db-unfol-user{position: relative;float: left;width: 100%;}
.comp-head{width: 100%;padding: 10px 0px;}
.com-pro-pg-head img{
    max-width: 200px;
    float: left;
    object-fit: cover;
    height: 40px;
}
.com-pro-pg-head ul{
    float: right;
    margin-top: 2px;
}
.com-pro-pg-head ul li{
    float: left;
    display: inline-block;
}
.com-pro-pg-head ul li a{
    color: #333;
    font-size: 14px;
    font-weight: 500;
    padding: 8px;
    line-height: 28px;
}
.com-pro-pg-head ul li:last-child a{
    background: #6a8cbf;
    color: #fff;
    padding: 5px 20px;
    border-radius: 2px;
    margin-left: 8px;
}

.com-pro-pg-banner{}
.com-pro-pg-banner img{
    width: 100%;
    float: left;
    height: 400px;
    object-fit: cover;
}

.com-pro-pg-bd{
    float: left;
    width: 100%;
    background: #f1f4f7;
}
.com-pro-pg-bd .templ-rhs-form .form-group textarea{
    height: 110px;
}
.com-pro-pg-bd .templ-rhs-form form{
    margin-bottom: 0px;
}
.comp-tax{
    float: left;
    width: 100%;
    margin-top: 15px;
}
.comp-tax p{
    margin: 0px;
    border: 1px solid #c2def5;
    border-radius: 2px;
    padding: 10px;
    background: #ecf9ff;
    color: #0c6ab5;
    font-weight: 500;
    font-size: 18px;
}
.comp-tax p b{
    font-weight: 600;
    text-transform: uppercase;
}
.box-s1{
    float: left;
    width: 100%;
    box-shadow: 0px 8px 18px -8px rgb(42 42 42 / 12%);
    background: #fff;
    border-radius: 2px;
    margin-top: -125px;
    margin-bottom: 50px;
}
.pro-pg-logo{
    float: left;
    width: 23%;
    padding: 20px;
}
.pro-pg-logo img{
    width: 100%;
}
.pro-pg-bio{
    float: left;
    width: 57%;
    padding: 30px;
}
.pro-pg-bio h1{
    font-size: 34px;
    font-weight: 600;
    padding-bottom: 10px;
}
.pro-pg-bio h1 i img{
    filter: hue-rotate(40deg);
    width: 32px;
    border: 1px solid #ededed;
    border-radius: 50px;
    height: 32px;
    padding: 5px;
    margin-top: -20px;
}
.pro-pg-bio .bio{}
.pro-pg-bio .bio li{
    float: left;
    width: 50%;
    padding: 0px 10px 10px 0px;
}
.pro-pg-bio .bio li:first-child{width: 100%;}
.pro-pg-bio .bio li span{
    font-size: 15px;
    color: #5f6673;
    font-weight: 500;
}
.pro-pg-bio .bio li span img, .pro-pg-bio .bio li a img, .pro-pg-bio .bio li img{width: 16px;margin-right: 5px;opacity: 0.8;}
.pro-pg-bio .bio li a, .pro-pg-bio .bio li{
    font-size: 15px;
    color: #5f6673;
    font-weight: 500;
}
.pro-pg-bio .bio li a:hover{color: #0a77ff;}
.pro-pg-bio .bio li a img{
    /* margin-right: 5px; */
}

.pro-pg-bio .soc{
    padding-top: 10px;
    float: left;
    display: inline-block;
    width: 100%;
}
.pro-pg-bio .soc li{
    float: left;
    margin: 0px 5px 5px 0px;
}
.pro-pg-bio .soc li a{}
.pro-pg-bio .soc li a img{
    width: 28px;
    background: #eceff3;
    padding: 6px;
    border-radius: 5px;
    opacity: 0.7;
    transition: all 0.5s ease;
}
.pro-pg-bio .soc li a:hover img{
    opacity: 1;
    background: #cee8f7;
    /* filter: invert(1); */
}

.pro-pg-cts{
    float: left;
    width: 20%;
    padding: 40px 25px 25px 0px;
}
.pro-pg-cts a{
    color: #fff;
    padding: 10px 20px;
    border-radius: 2px;
    display: block;
    text-align: center;
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 13px;
}
.pro-pg-cts a.cta1{background: #f44336;}
.pro-pg-cts a.cta2{background: #5a6a7b;}
.pro-pg-cts a.cta3{background: #37b30e;}



.box-s2{
    padding-bottom: 50px;
    margin-bottom: 150px;
}
.box-s2 .lhs{
    float: left;
    width: 68%;
    box-shadow: 0px 8px 18px -8px rgb(42 42 42 / 12%);
    background: #fff;
    padding: 30px;
    margin-right: 4%;
}
.box-s2 .lhs .comp-abo{
    padding-bottom: 20px;
}
.box-s2 .lhs .comp-abo h2{
    font-size: 22px;
    font-weight: 600;
    padding-bottom: 15px;
}
.box-s2 .lhs .comp-abo h1{font-size: 24px;}
.box-s2 .lhs .comp-abo h3{font-size: 19px;}
.box-s2 .lhs .comp-abo h4{font-size: 16px;}
.box-s2 .lhs .comp-abo h5{font-size: 14px;}
.box-s2 .lhs .comp-abo h6{font-size: 12px;}
.box-s2 .lhs .comp-abo p{
    font-size: 14px;
    color: #5f6673;
    line-height: 28px;
}
.box-s2 .lhs .comp-pro{
    float: left;
    width: 100%;
    padding-bottom: 35px;
}
.box-s2 .lhs .comp-pro h2{
    font-size: 22px;
    font-weight: 600;
    padding-bottom: 15px;
}
.box-s2 .lhs .comp-pro .all-pro-box{width: 32.3%;margin:0.5%;}
.box-s2 .lhs .comp-pro .land-pack-grid{width: 32.3%;margin:0.5%;float: left;}
.box-s2 .lhs .comp-pro .eve-box div:nth-child(1) img{height: 180px;}
.box-s2 .rhs{
    float: left;
    width: 28%;
    /* box-shadow: 0px 8px 18px -8px rgb(42 42 42 / 12%); */
    /* background: #fff; */
    /* padding: 30px; */
    border-radius: 10px;
    position: relative;
}
.box-s2 .rhs .cpro-form{
    position: relative;
    /* width: 100%; */
    /* bottom: 0px; */
    /* top: 0px; */
    height: 100%;
}
.box-s2 .rhs .cpro-form .templ-rhs-eve{
    /* width: 100%; */
    position: sticky;
    top: 65px;
}
.comp-pro-edit{}
.comp-pro-edit h6{
color: #333;
    font-weight: 700;
    padding: 0px 0px 5px 0px;
    font-size: 16px;    
}
.edit-comp-pro{
    background: #edf6fd;
}
.edit-comp-pro:before{
    opacity: 0;
}
.edit-comp-pro .login-main{
    box-shadow: 0 5px 5px 0 rgba(154,160,185,.05), 0 5px 30px 0 rgba(166,173,201,.22);
}

/*--  SEARCH --*/
.tser-res{
    position: absolute;
    background: #fff;
    box-shadow: 0px 10px 13px 1px #3333331a;
    width: 100%;
    border-radius: 4px;
    margin: 0px 0px 0px 0px;
    /* padding: 12px; */
    /* display: none; */
    max-height: 300px;
    overflow-y: auto !important;
    border: 1px solid #e1e3e8;
    border-top: 0px;
    padding: 4px 0px 0px 0px;
    transform: translateY(10px);
    transition: all 0.5s ease;
    visibility: hidden;
    opacity: 0;
}
.tser-res.act{transform: translateY(0px);transition: all 0.5s ease;visibility: visible;opacity: 1;z-index: 1;width: 100%;border-radius: 0px 0px 4px 4px;margin-top: -2px;}
.top-ser .tser-res.act{width:100%;}
.tser-res li{
    list-style-type: none;
    /* padding-bottom: 5px; */
    width: 100%;
}
.tser-res li:last-child{
	padding-bottom:0px;
}
.tser-res li div{
    display: block;
    font-size: 12px;
    color: #5f6871;
    border-bottom: 1px solid #f3f4f6;
    padding: 7px 14px;
    font-weight: 500;position: relative;
}
.tser-res li div h4{font-size: 13px;margin-bottom: 2px;font-weight: 600;color:#03a9f4;}
.tser-res li a em{font-style: normal;color: #008eff;}
.tser-res li div:hover{
    background: #e5f3ff;color: #008eff;cursor: pointer;
}
.tser-res li.selected a{
    background: #e5f3ff;color: #008eff;
}
.tser-res li div span{
    font-size: 10px;
    display: block;
    text-transform: lowercase;
    color: #818a94;
}
.tser-res li div a{}
.tser-res li div.match h5, .tser-res li div.match span{}

/*-------------------------------------------------*/
/* =  EBOOK STYLES
/*-------------------------------------------------*/
.ebk-ban{
    background: url('../images/ebook-bg.jpg') no-repeat #ededed;
    background-size: cover;
    margin-top: 52px;
    padding: 50px 0px;position: relative;
}
.ebk-ban:before{content:'';position:absolute;width:100%;height:100%;left:0px;right:0px;top:0px;bottom:0px;background: #4b90cc;  /* fallback for old browsers */background: -webkit-linear-gradient(to top, #267ecfe6 14%, #1779d3ba 66%);  /* Chrome 10-25, Safari 5.1-6 */background: linear-gradient(to top, #134b7d9c 14%, #0e65b473 66%); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */}
.ebk-ban .container{position: relative;}
.ebk-ban .lhs{
    float: left;
    width: 65%;
    padding: 50px 50px 50px 100px;
}
.ebk-ban .lhs h1{
    color: #fff;
    font-size: 52px;
    font-weight: 700;
    line-height: 60px;
    padding-bottom: 20px;
}
.ebk-ban .lhs p{
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 10px;color: #fff;
}
.ebk-ban .lhs a.btn{
    background: #ffc107;
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 12px 30px;
    line-height: 20px;
    border-radius: 4px;
    letter-spacing: 2px;
}
.ebk-ban .lhs a.btn:hover{
    background: #c6ec07;
    box-shadow: 0px 9px 15px -3px #333;
}
.ebk-ban .rhs{
    float: left;
    width: 35%;
    padding-right: 100px;
}
.ebk-ban .rhs img{
    width: 100%;
    filter:drop-shadow(0px 1px 19px #333);
}
.ebk-con{
    padding: 50px 0px;
    margin-bottom: 100px;
}
.ebk-con .lhs{
    float: left;
    width: 35%;
    padding: 0px 20px 50px 80px;
}
.ebk-con .lhs h4{
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    padding-bottom: 15px;
}
.ebk-con .lhs form{
    background: #f5f7fb;
    padding: 30px;
    border-radius: 5px;
    position: sticky;
    top: 50px;
    box-shadow: 0px 1px 19px #383b402b;
    border: 1px solid #e0e2e4;
}
.ebk-con .lhs form input, .ebk-con .lhs form select, .ebk-con .lhs form textarea{
    border: 1px solid #e8e8e8;
    background: #fff;
    font-size: 13px;
    line-height: 20px;
    color: #7a7b7f;
    border-radius: 5px;
}
.ebk-con .lhs form input{}
.ebk-con .lhs form select{}
.ebk-con .lhs form textarea{height: 90px;}
.ebk-con .lhs form .btn{
    width: 100%;
    background: #fb5a4e;
    border: 0px;
    font-weight: 500;
    font-size: 14px;
    padding: 10px;
}
.ebk-con .rhs{
    float: left;
    width: 65%;
    padding: 0px 100px 50px 50px;
}
.ebk-con .rhs h1{}
.ebk-con .rhs h2{}
.ebk-con .rhs h3{}
.ebk-con .rhs h4{
    font-size: 24px;
    font-weight: 600;
    font-weight: 600;
}
.ebk-con .rhs h5{}
.ebk-con .rhs p, .ebk-con .rhs li{
    font-size: 15px;
    line-height: 26px;
    color: #5b5d61;
}
.ebk-con .rhs img{width:100%;margin: 5px 0px;border-radius: 2px;}
.ebk-con .rhs p a{}
.ebk-con .rhs ul{
    position: relative;
    padding: 8px 0px 15px 30px;
}
.ebk-con .rhs ul li{
    padding: 0px 0px 15px 30px;
    /* font-size: 14px; */
    /* font-weight: 500; */
    /* line-height: 24px; */
}
.ebk-con .rhs ul li:before{content: '';position: absolute;width: 15px;height: 15px;background: #3a4cb0;margin-left: -34px;z-index: 2;border-radius: 50px;border: 3px solid #fff;box-sizing: border-box;margin-top: 5px;box-shadow: 0 0px 10px 0.6px rgba(40, 30, 20, 0.08);}
.ebk-con .rhs ul li:nth-child(odd):before{
     background: #76cef1;
}
.ebk-con .rhs ul li:nth-child(even):before{
     background: #6ae697;
}
.ebk-con .rhs ul::after {
     content: '';
     background: #ececec;
     position: absolute;
     width: 1px;
     top: 15px;
     bottom: 0;
     height: 75%;
     left: 33px;
}

/*--==========================--*/
.pg-404{
    padding: 150px 0 170px;
    background: #090b52;
      /* fallback for old browsers */
      /* Chrome 10-25, Safari 5.1-6 */
    /* background: linear-gradient(to right, #142b6b, #4c288e); */ /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.pg-404 .inn1{
    text-align: center;
    color: #ffffff;
    width: 100%;
}
.pg-404 .inn1 b{
    font-size: 120px;
    line-height: 90px;
    color: #fff;
}
.pg-404 .inn1 h1{
    font-size: 40px;
    color: #e3c009;
}
.pg-404 .inn1 p{}
.pg-404 .inn1 a.btn1{
    font-size: 12px;
    padding: 5px 10px;
    display: inline-block;
    border-radius: 3px;
    background: #186dd6;
    color: #fff;
}
.pg-404 .inn1 a.btn2{
    font-size: 12px;
    padding: 5px 10px;
    display: inline-block;
    border-radius: 3px;
    background: #607D8B;
    color: #fff;
}

/*--==========================--*/
.pg-install{
    background: #f0f2f5;
    padding: 30px;
}
.pg-install .inn{
    width: 580px;
    margin: 0 auto;
    background: #fff;
    padding: 25px;
    box-sizing: border-box;
    box-shadow: 0 2px 4px rgba(126,142,177,.12);
    border-radius: 5px;
    /* margin-top: 50px; */
}
.pg-install .s1{
    padding-bottom: 30px;
}
.pg-install .s1 img{
    margin: 0 auto;
    display: table;
    width: 160px;
}
.pg-install .s2{}
.pg-install .s2 h4{
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    color: #667d9a;
}
.pg-install .s2 h4 b{
    color: #4e6582;
}
.pg-install .s2 p{
    font-size: 10.5px;
    margin: 0px 0px 15px 0px;
    background: #ebfff4;
    border: 1px solid #ccf1dd;
    padding: 10px;
    float: left;
    width: 100%;
    border-radius: 5px;
    box-sizing: border-box;
    line-height: 16px;
    font-weight: 400;
}
.pg-install .s2 p a{
    text-decoration: underline;
    color: #09b155;
}
 .pg-install .s2 table{}
 .pg-install .s2 table tr{}
 .pg-install .s2 table tr td{
    font-size: 11px;
    padding: 10px;
    color: #4e6582;
}
 .pg-install .s2 table tr td h6{
    font-size: 14px;
    margin: 0px;
    font-weight: 500;
    /* color: #333; */
}
 .pg-install .s2 table tr td input, .pg-install .s2 table tr td select{
    border: 1px solid #c6c8ca;
    font-size: 13px;
    padding: 5px;
    background: #f0f2f570;
    border-radius: 2px;
    font-weight: 500;
     width: 100%;
}
 .pg-install .s2 table tr td b{}
 .pg-install .s2 table tr td button{
    font-size: 12px;
    padding: 10px;
    display: inline-block;
    border-radius: 2px;
    background: #4CAF50;
    color: #fff;
    border: 0px;
    width: 100%;
    font-weight: 600;
    cursor: pointer;transition: all 0.4s ease;
}
.pg-install .s2 table tr td button:hover{    background: #3ca040;    box-shadow: 0px 6px 7px -2px #3333338c;}
.pg-install .s2-succ{}
.pg-install .s2-succ h4{
    font-size: 24px;
    margin-bottom: 10px;
    color: #0c9c4d;
    font-family: 'Roboto', sans-serif;
}
.pg-install .s2-succ p{
    text-align: center;
    color: #0c9c4d;
    font-size: 12.5px;
    line-height: 18px;
}
.user-act-code .login{
    text-align: center;
}
.user-act-code .login h4{
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 5px;
    display: none;
}
.user-act-code .login p{
    font-size: 13px;
    font-weight: 500;
    color: #79797b;
    padding: 0px 30px;
}
.user-act-code .login p b{
    font-size: 22px;
    color: #0fb953;
}
.user-act-code .ud-notes{}
.user-act-code .templ-acti{
    background: none;
    padding: 0px;
    margin-top: 10px;
}
.user-act-code .templ-acti ul{
    margin: 0 auto;
    width: 80%;
}
.user-act-code .templ-acti ul li{}
.user-act-code .templ-acti input{
    font-size: 16px;
    font-weight: 500;
    padding: 8px;
    border: 0px;
    border-bottom: 1px solid #cacaca;
    height: 40px;
    border-radius: 2px;
    float: left;
    width: 100%;
    text-align: center;
}
.user-act-code .templ-acti button{
    height: 40px;
    float: left;
    background: #0fb953;
    border: 1px solid #0fb953;
    font-weight: 500;
    border-radius: 2px;
    width: 100%;
    margin-top: 10px;
}
.radi-v4{
    float: left;
    padding: 0px 12px 5px 0px;
}
.radi-v4 input{}
.radi-v4 label{
} 
.radi-v4 [type="radio"]:checked,
.radi-v4 [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.radi-v4 [type="radio"]:checked + label,
.radi-v4 [type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #333;
    font-weight: 600;
}
.radi-v4 [type="radio"]:checked + label:before,
.radi-v4 [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 1px;
    width: 18px;
    height: 18px;
    border: 1px solid #a8bdb4;
    border-radius: 100%;
    background: #fff;
}
.radi-v4 [type="radio"]:checked + label{color: #0ba265;}
.radi-v4 [type="radio"]:checked + label:after,
.radi-v4 [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #0ba265;
    position: absolute;
    top: 4px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.radi-v4 [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.radi-v4 [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.buy-poin{
    font-family: 'Poppins';
}
.buy-poin h5{
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'Poppins';
    padding: 15px 15px 8px 0px;
}
.buy-poin .notes{
    border: 1px solid #76eabb;
    background: #dffff2;
    color: #0b8c58;
    font-weight: 500;
    padding: 3px;
    border-radius: 5px;
    font-size: 13px;
}
.buy-poin .form-group label{
    font-weight: 500;
}
.buy-poin .form-group input{
    font-size: 32px !important;
    font-weight: 600;
}

/*--====== PAGENATION =======--*/
ul.simple-pagination{list-style:none}
.simple-pagination{display:block;overflow:hidden;padding: 20px 0px 158px 0;margin:0;width: 100%;}
.simple-pagination ul{list-style:none;padding:0;margin: 0 auto;display: table;}
.simple-pagination li{list-style:none;padding: 0 !important;margin:0;float:left;width: auto !important;}
.all-listing .simple-pagination{    padding: 20px 0px 15px 0;}
span.ellipse.clickable{cursor:pointer}
.ellipse input{width:3em}
.compact-theme a,.compact-theme span{float:left;color:#333;font-size:14px;line-height:24px;font-weight:400;text-align:center;border:1px solid #AAA;border-left:none;min-width:14px;padding:0 7px;box-shadow:2px 2px 2px rgba(0,0,0,0.2);background:#efefef;background:-moz-linear-gradient(top,#fff 0%,#efefef 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#efefef));background:-webkit-linear-gradient(top,#fff 0%,#efefef 100%);background:-o-linear-gradient(top,#fff 0%,#efefef 100%);background:-ms-linear-gradient(top,#fff 0%,#efefef 100%);background:linear-gradient(top,#fff 0%,#efefef 100%)}
.compact-theme a:hover{text-decoration:none;background:#efefef;background:-moz-linear-gradient(top,#efefef 0%,#bbb 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#efefef),color-stop(100%,#bbb));background:-webkit-linear-gradient(top,#efefef 0%,#bbb 100%);background:-o-linear-gradient(top,#efefef 0%,#bbb 100%);background:-ms-linear-gradient(top,#efefef 0%,#bbb 100%);background:linear-gradient(top,#efefef 0%,#bbb 100%)}
.compact-theme li:first-child a,.compact-theme li:first-child span{border-left:1px solid #AAA;border-radius:3px 0 0 3px}
.compact-theme li:last-child a,.compact-theme li:last-child span{border-radius:0 3px 3px 0}
.compact-theme .current{background:#bbb;background:-moz-linear-gradient(top,#bbb 0%,#efefef 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#bbb),color-stop(100%,#efefef));background:-webkit-linear-gradient(top,#bbb 0%,#efefef 100%);background:-o-linear-gradient(top,#bbb 0%,#efefef 100%);background:-ms-linear-gradient(top,#bbb 0%,#efefef 100%);background:linear-gradient(top,#bbb 0%,#efefef 100%);cursor:default}
.compact-theme .ellipse{background:#EAEAEA;padding:0 10px;cursor:default}
.light-theme a,.light-theme span{float:left;color:#666;font-size:14px;line-height:24px;font-weight:400;text-align:center;border:1px solid #BBB;min-width:14px;padding:0 7px;margin:0 5px 0 0;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,0.2);background:#efefef;background:-moz-linear-gradient(top,#fff 0%,#efefef 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#efefef));background:-webkit-linear-gradient(top,#fff 0%,#efefef 100%);background:-o-linear-gradient(top,#fff 0%,#efefef 100%);background:-ms-linear-gradient(top,#fff 0%,#efefef 100%);background:linear-gradient(top,#fff 0%,#efefef 100%)}
.light-theme a:hover{text-decoration:none;background:#FCFCFC}
.light-theme .current{    background: #05a2ec;
    color: #FFF;
    border-color: #4703cc;
    box-shadow: 0 1px 0 rgb(255 255 255), 0 0 2px rgb(0 0 0 / 30%) inset;
    cursor: default;
    background: #8E2DE2;
}
.light-theme .ellipse{background:none;border:none;border-radius:0;box-shadow:none;font-weight:700;cursor:default}
.dark-theme a,.dark-theme span{float:left;color:#CCC;font-size:14px;line-height:24px;font-weight:400;text-align:center;border:1px solid #222;min-width:14px;padding:0 7px;margin:0 5px 0 0;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,0.2);background:#555;background:-moz-linear-gradient(top,#555 0%,#333 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#555),color-stop(100%,#333));background:-webkit-linear-gradient(top,#555 0%,#333 100%);background:-o-linear-gradient(top,#555 0%,#333 100%);background:-ms-linear-gradient(top,#555 0%,#333 100%);background:linear-gradient(top,#555 0%,#333 100%)}
.dark-theme a:hover{text-decoration:none;background:#444}
.dark-theme .current{background:#222;color:#FFF;border-color:#000;box-shadow:0 1px 0 rgba(255,255,255,0.2),0 0 1px 1px rgba(0,0,0,0.1) inset;cursor:default}
.dark-theme .ellipse{background:none;border:none;border-radius:0;box-shadow:none;font-weight:700;cursor:default}

@media screen and (max-width:1370px){
    .ud-cen-s1 ul li div p{
    }
    .eve-box div:nth-child(2) h4{
        font-size: 16px;
    }
    .all-list-sh .eve-box div:nth-child(2) span{
        font-size: 13px;
    }
    .all-list-sh .eve-box div:nth-child(3) .links a, .all-list-sh .eve-box div:nth-child(3) .links span{
        font-size:12px;
    }
    .filt-com h4{
        font-size:14px;
    }
    .bb-text h4{
        font-size:22px;
    }
    .foot-supp h2{
        font-size:18px;
    }
    .db-list-ststus {
        padding: 2px 5px;
        font-size: 9px;
    }
    .db-list-rat {
        padding: 2px 5px;
        font-size: 15px;
        color: blue;
    }
    .ud-cen-s2 table tr td:nth-child(2) img {
        width: 32px;
        height: 32px;
    }
    .ud-cen-s2 table tr td:nth-child(2){
        font-size: 17px;
    }
    .ud-cen-s2 table tr td:nth-child(2) span{
        font-size: 9px;
    }
    .ud-cen-s2 table tr th{
        font-size: 17px;
        padding: 14px 8px 14px 0px;
    }
    .db-list-edit{
        font-size: 9px;
    }
    .ud-rhs-sec-2 ul li a p, .ud-rhs-sec-1 ul li a p{
        font-size:11px;
    }
    .ud-rhs-sec-2 ul li a h5, .ud-rhs-sec-1 ul li a h5{
        font-size: 11px;
    }
    .ud-cen-s3 ul li .db-eve a h5{
        font-size:12.5px;
    }
    .ud-cen-s2 h2, .ud-cen-s3 h2{
        font-size: 13px;
    }
    .ud-cen-s2{
        overflow:hidden;
        overflow-x: auto;
    }
    .ud-rhs-promo{
    padding: 20px;
}
    .ud-rhs-promo h3{
    font-size: 20px;
}
    .ud-rhs-promo p{
    font-size: 11px;
}
    .ud-rhs-promo a{
    font-size: 9px;
}
    .add-list .steps, .udb-inst{
    font-size: 10px;
}
    .ud-cen-s2 a.db-tit-btn, .ud-cen-s3 a.db-tit-btn{
    font-size: 9px;
}
    .ud-lhs-s1 h4{
    font-size: 15px;
}
    .ud-lhs-s1 .ud-lhs-view-pro{
    font-size: 10px;
}
    .ud-lhs-s2 ul li a{
    font-size: 12px;
}
    .ud-lhs-s2 ul li a img{
    width: 22px;
}
    .ud-rhs-pay-inn h3{
    font-size: 13px;
    padding: 10px 15px;
}
    .ud-rhs-pay-inn ul{
    padding: 15px;
}
    .ud-rhs-pay-inn ul li{
    font-size: 11px;
}
    .ud-rhs-pay-inn ul li b{
    width: auto;
}
    .ud-rhs-sec-1 ul, .ud-rhs-sec-2 ul, .ud-rhs-sec-3 ul, .ud-rhs-sec-4 ul{
    padding: 15px;
}
    .ud-rhs-sec-1 ul li{
    padding-bottom: 6px;
    margin-bottom: 8px;
}
}
@media screen and (max-width:1250px){
    .list-bann img{
        /* height:445px; */
    }
    .list-ban-btn {
        border-left: 1px solid #e3e6ea;
        padding: 25px 0px 25px 10px;
    }
}
@media screen and (max-width:1200px){
    .ud-lhs {
        width: 20%;
        padding: 40px 0px 0px 15px;
    }
    .ud-cen, .ud-enqu .ud-cen{
        width: 55%;
    }
    .ud-rhs {
        width: 19%;
        /* margin-top: 50px; */
        padding: 40px 0px 0px 0px;
    }
    .ud-rhs-sec-1, .ud-rhs-sec-2, .ud-rhs-sec-3, .ud-rhs-sec-4{
        width: 100%;
        float: left;
    }
    .ud-rhs-sec-3 .list-ri-peo-like ul li{
        width:90px;
    }
    .ud-rhs-sec-2 ul li{
        float:left;
        width:25%;
    }
    .ud-rhs-sec-1 ul li a p, .ud-rhs-sec-1 ul li a h5{
        white-space: initial;
    }
    .ud-rhs-sec-3{
        margin-bottom:0px;
    }
    .us-pro-sec-1{
    }
    .us-pro-sec-1-rhs h1{
        font-size: 32px;
    }
}
@media screen and (max-width:1150px){
    .ud-lhs-s2 ul li a {
        font-size: 13px;
        padding: 8px 0px;
        text-overflow: ellipsis;
        white-space: pre;
        overflow: hidden;
    }
    .top-ser{width:30%;}
}
@media screen and (max-width:1100px){
    .pg-list-1-left h3, .pg-list-1-left p{
        /* padding-left: 205px; */
    }
    .comity-all-user ul li {
    width: 33.333%;
}
    .pg-list-1-left img{
        width: 175px;
        height:175px;
    }
    .pag-p1-phone{
        /* padding-left:210px; */
    }
    .pg-list-1-left .stat {
        top: 44px;
        left: 49px;
    }
    .list-ban-btn ul li span:before {
        margin-top: -4px;
    }
    .list-ban-btn ul li span {
        font-size: 12px;
        padding: 8px 5px 8px 44px;
    }
    .list-ban-btn {
        padding: 33px 0px 33px 10px;
    }
    .login-main.add-list {
        width: 90%;
    }
    .list-fix-pro {
    width: 7%;
}
    .list-fix-tit{width:50%}
    .list-fix-btn{width:32%;}
    .top-ser{
       padding: 8px 0px 0px 15px;
        width:26%;
    }
    .hom-nav .bl li a{font-size: 12px;}
    .coup-box-1 .s2 .lhs, .coup-box-1 .s2 .rhs{width:50%}
}
@media screen and (max-width:1024px){
    .all-list-sh .eve-box div:nth-child(3) .links a, .all-list-sh .eve-box div:nth-child(3) .links span {
        font-size: 12px;
        padding: 4px 8px;
    }
    .ebk-con .lhs{padding: 0px 20px 50px 0px;}
    .ebk-con .rhs{padding: 0px 0px 50px 50px;}
    .coup-box-2 p{    padding: 5px 10px 5px 10px;}
}
@media screen and (max-width:992px){
    .hom-mpop .col-md-3, .hom-mpop .col-md-9 {
        max-width: 100%;
    }
    .template-def .container{
        max-width: 90%;
    }
    .wed-foot-link-pop ul li{width:25%;}
    .pop-menu {
    left: 0px;
            position: fixed;
    overflow-y: auto;
    height: 100%;
    bottom: 0px;
}
    .mv-pro-menu{display: block;padding-bottom:30px;}
    .pmenu-spri, .sh-all-scat ul{
    width: 100%;
}
    .coup-sec3 ul li{width:50%;}
    .pmenu-spri ul li{
    width: 20%;
    text-align: center;
}
    .pmenu-spri ul li a{border: 3px solid #ffffff;box-sizing: border-box;margin: 0px;background: #f0f0f0;padding: 24px 10px;}
    .pmenu-spri ul li a img{
    margin: 0 auto;
    display: table;
}
    .pmenu-cat{
    border-top: 1px solid #d6d6d6;
    border-left: 0px;
    padding-top: 30px;
    padding-left: 0px;
    margin-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
    
    .dir-home-nav-bot ul li:nth-child(1) {
    width: 100%;
}
    .dir-home-nav-bot ul li:nth-child(2), .dir-home-nav-bot ul li:nth-child(3){width:100%;    margin: 0px 0px 5px 0px;}
    .ban-tit h1 b{font-size: 40px;}
    .ban-tit h1{font-size:20px;}
    .ban-search{    width: 85%;}
    .top-ser{width: 45%;padding: 6px 0px 0px 50px;}
    .hom-mpop .col-md-9{padding-top:20px;}
    .hom-col-req{margin: 0px;}
    .cate-sli{margin-top:55px;}
    .hom-top{
        padding: 5px 0px 10px 0px;
        height: 55px;
    }
    .hom-head{
        padding: 100px 0px 30px 0px;margin-bottom: 0px;
    }
    .pmenu-cat ul li{width:25%;}
    .ban-ql{margin-bottom: 0px; padding-top: 10px;    margin-top: 30px;   padding-bottom: 30px;}
    .ban-ql ul li div{/* width: 145px; */padding: 20px 10px;}
    .pri ul li{
        width:50%;
    }
    .pri-box .c4 ol li{
        font-size:14px;
        text-overflow: ellipsis;
        white-space: pre;
        overflow: hidden;
    }
    .land-pack ul li {
        width: 33.333%;
    }
    .hcity div:nth-child(1) img{
        height:250px;
    }
    .inte ul li {
        width: 50%;
        padding: 5px 0px;
    }
    .ho-popu-bod .col-md-4{
        max-width: 100%
    }
    .hot-page2-hom-pre{
        margin-bottom:30px;
    }
    .ho-popu-bod .col-md-4:last-child .hot-page2-hom-pre{
        margin-bottom:0px;
    }
    .bb-img img {
        margin: -1px 0px 0px 0px;
    }
    .bb-text {
        max-width: 80%;
    }
    .bb-link {
        max-width: 100%;
        padding: 20px 0px 0px 18%;
    }
    .wed-foot-link ul li {
        width: 100%;
    }
    .wed-foot-link div {
        padding-left: 30px;
        width: 33.333%;
    }
    .eve-box div:nth-child(3), .v3-list-ql {
        display:none;
    }
    .list-pg-lt {
        width: 100%;
    }
    .list-pg-rt {
        width: 100%;
        padding: 0;
    }
    .pg-list-1 .col-md-10, .pg-list-1 .col-md-2 {
        max-width: 100%;
        flex: 100%;
    }
    .list-ban-btn{
            border-left: 0px;
    margin: 0 auto;
    display: table;
    width: 100%;
    padding: 0 0 25px 0;
    }
    .list-ban-btn ul li span {
        font-size: 14px;
        padding: 8px 15px 8px 44px;
    }
    .list-ban-btn ul li span:before {
        margin-top: -2px;
    }
    .list-ban-btn ul li {
        float: left;
        margin: 0px 5px 10px 5px;
    }
    .pg-list-1 .col-md-2{
    }
    .pg-list-1-left{
            text-align: center;
    width: 100%;
    padding-right: 0px;
    }
    .pg-list-1-left img {
        width: 175px;
        height: 175px;
        float: initial;
        margin: initial;
        margin-top: -109px;
        position: relative;
    }
    .pg-list-1-left .stat {
        top: initial;
        left: initial;
        position: relative;
        display: table;
        margin: 0 auto;
    }
    .pg-list-1-left h3 {
        float: left;
        width: 100%;
        margin-bottom: 0px;
        /* margin-top: 15px; */
            color: #000;
    }
    .pg-list-1-left .rat {
        float: initial;
        padding: 0px 0px 10px 0px;
        display: table;
        margin: 0 auto;
    }
    .pg-list-1-left p, .pag-p1-phone{
        padding-left:0px;
        width: 100%;
        color:#333;
    }
    .pag-p1-phone ul {
        margin: 0 auto;
        display: table;
    }
    .wed-hom-footer{
        padding: 60px 0px 45px 0px;
    }
    .land-pack-grid-text h4 {
        padding: 15px 12px;
        font-size: 20px;
    }
    .hcity div:nth-child(2) h4{
        font-size:16px;
    }
    .pg-list-1-left .rat i{
        margin:0px 2px;
    }
    .bl, .fil-mob-view, .db-open .al, .ud-lhs{
        display:none;
    }
    .mob-me-ic, .fil-mob{
        display:block;
    }
    .fil-mob.fil-mob-act{
        display:block;
    }
    .ud-cen, .ud-enqu .ud-cen {
        width: 100%;
        margin: 0px;
    }
    .ud-rhs{width: 100%;padding: 20px 150px;}
    .ud-rhs-sec-2 ul li{
        width:33.333%;
    }
    .eve-deta-pg .rhs .quote-pop {
        padding: 40px 40px;
    }
    .us-ppg-blog div:nth-child(2) span{
        font-size: 12px;
    }
    .us-ppg-blog .pro-eve-box h2{
        font-size: 15px;
    }
    .pro-rel-posts .pro-eve-box p{
        font-size: 12px;
    }
    .blog-head-inn h1{
        font-size: 36px;
    }
    .blog-head-inn p{
        font-size: 20px;
    }
    .blog-head .ban-search {
        width: 90%;
    }
    .blog-head .ban-search .sr-btn{
        margin-top:0px;
    }
    .blog-body .us-ppg-com ul li {
        width: 33.333%;
    }
    .blog-head {
        margin-top: 55px;
    }
    .all-listing .col-md-3.fil-mob-view{
       margin-top: 78px;
    position: fixed;
    z-index: 9;
    background: #fff;
    left: -100%;
    top: 0px;
    overflow-y: auto;
    height: 100%;
    padding: 70px 40px 50px 30px;
    flex: 0 0 100%;
    max-width: 80%;
    transition: all 0.5s ease;
    display: block;
    }
    .fil-mmob-act .fil-mob-clo {
    display: block;
}
    .all-listing .col-md-3.fil-mob-view.fil-mmob-act {
    transition: all 0.5s ease;
    left: 0%;
}
    .all-list-sh {
        background: none;
        padding-top: 20px;
        padding-bottom: 50px;
        width: 100%;
    }
    .all-listing .col-md-9{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .us-pro-sec-1 {
        width: 90%;
    }
    .pro-listing-box div:nth-child(1) h2, .us-ppg-blog .pro-eve-box h2{
        font-size:16px;
    }
    .pro-listing-box div:nth-child(1) img{
        height:125px;
    }
    .pmenu-cat {
        width: 100%;
        padding-right: 0px;
        padding-bottom: 50px;
    }
    .pmenu-eve {
        width: 100%;
    }
    .ser-head .ban-search {
        width: 90%;
    }
    .f2{margin: 0px;padding: 0px;}
    .mob-app .lhs{display:none;}
    .mob-app .rhs{width: 100%;padding: 0px 30px;}
    .mob-app .rhs form{width: 100%;padding: 0px;}
    .pg-list-1-pro{}
     .fed-box .lhs{
    width: 100%;
}
    .fed-box .rhs{
    width: 100%;
    padding-top: 0px;
}
    .fed-box:before{
    width: 100%;
}
    .all-list-bre{margin-top: 75px;padding: 70px 0px 20px 0px;}
    .all-listing .col-md-9{
        padding: 15px 0px 30px 15px;
    background: #f5f5f5;
    border-radius: 5px;    
    }
    .list-map .list-map-filt{
        position: fixed;
            left: -100%;
        width: 300px;    padding: 72px 15px 15px 15px;
    }
    .list-map .list-map-filt.act{left:0%;}
    .list-map .list-map-filt.act:before{display:none;}
    .list-map .list-map-resu{
        margin-left:0px;
        width:100%;
    }
    .mob-map-filt{display: block;cursor: pointer;}
     .list-bann{}
    .list-bann img{
    height: 210px;
}
    .pg-list-1{
    margin: 0px;
}
    .pg-list-1-pro{
    width: 100%;
}
    .pg-list-1-pro img{
    margin: 0 auto;
    display: table;
    float: initial;
    margin-top: -90px;
}
    .pg-list-1-pro .stat{
    position: relative;
    margin: 0 auto;
    display: table;
    left: 0px;
    float: initial;
    margin-top: -25px;
}
    .pag-p1-phone ul a{}
    .pag-p1-phone ul a li{
    color: #157dd0;
}
    .list-ban-btn ul{
            margin: 0 auto;
    display: table;
    }
    .pag-p1-phone ul li:before{color:#333;}
    .list-ban-btn ul li .cta{    background: #ededed;}
    .ud{padding: 90px 0px 80px 0px}
    .pro-pg-logo{width:20%}
    .pro-pg-bio{width:80%;}
    .pro-pg-cts{width:100%;padding: 0px 25px 25px 24%;}
    .pro-pg-cts a{
        display: inline-block;
    }
    .box-s2 .lhs{width:100%;margin-right: 0px;margin-bottom: 30px;}
    .box-s2 .rhs .cpro-form .templ-rhs-eve{position: relative;}
    .box-s2 .rhs{width:100%;}
    .box-s2 .lhs .comp-pro .all-pro-box{width: 32.3%;margin:0.5%;}
    .box-s2 .lhs .comp-pro .land-pack-grid{width: 32.3%;margin:0.5%;}
    .ud-inn{display:block;float:left;padding-bottom: 150px;}
    .ebk-ban .lhs{width:100%;padding: 50px;text-align: center;}
    .ebk-ban .rhs{width: 100%;padding: 20px;}
    .ebk-ban .rhs img{width: 370px;margin: 0 auto;display: table;}
    .hm3-auto-ban .rhs{padding: 0px;}
    .hom2-hom-ban-main .hom2-hom-ban{padding: 30px;}
    .hom2-hom-ban-main .hom2-hom-ban h2{font-size:20px;}
    .all-products .all-pro-txt .links{
    position: relative;
    left: 0px;
    bottom: 0px;
    right: initial;
}
    .all-products .all-pro-txt .links a{
    position: relative;
    width: 100%;
    border-radius: 2px;
    font-size: 15px;
}
}
@media screen and (max-width:768px){
    .how-wrks-inn ul li{width:50%;}
    .how-wrks-inn ul li div{margin:10px;}
    .carousel-indicators, .top-ser, .land-pack-grid-text h4 .dir-ho-cat{
        display:none;
    }
    .hom2-hom-ban-main .hom2-hom-ban{width: 100%;margin: 15px 0px;;}
    .ban-ql ul li div h4{
    font-size: 20px;
}
    .ban-ql ul li div p{
    font-size: 16px;
}
    .home-tit h2{font-size:30px;}
    .land-pack-grid-text h4{text-align: center;font-size:16px;}
    .home-city ul li:nth-child(1) .hcity div:nth-child(1) img{height:250px;}
    .pmenu-cat ul li, .wed-foot-link-pop ul li{width:50%;}
    .h-city-1, .h-city-2, .h-city-3{width: 100%;}
    .all-list-sh .eve-box div:nth-child(2) .links a:nth-child(2), .all-list-sh .eve-box div:nth-child(2) .links a:nth-child(3){/* display:none; */}
    .all-list-sh .eve-box div:nth-child(2) .links{padding-top: 20px;border-top: 1px solid #ededed;margin-top: 20px;}
    .dmact .top-ser{display:none !important;}
    .ban-search ul li.sr-cit {
        width: 30%;
    }
    .hm3-auto-ban:before{background: linear-gradient(to right,#030b19d6,#0000006e);}
    .hom-cre-acc-left h3{
    font-size: 18px;
}
    .hom-cre-acc-left h3 span{
    display: block;
    font-size: 32px;
}
    .commun-pg-main input{width:75%;}
    .list-foot-abo, .list-foot-faq{width: 90%;}
    .ban-search ul li.sr-sea {
            width: 100%;
    margin: 0px;
    }
    .fed-box{width: 100%;}
    .ban-search ul li.sr-btn {
        width: 100%;
        margin-top: 0px;
    }
    .land-pack ul li {
        width: 50%;
    }
    .country iframe, .country img {
        width: 100%;
    }
    .country img{
        height:auto;
        object-fit: cover;
    }
    .land-pack-grid {
        width: 100%;
        margin: 0px 5% 20px 5%;
        box-shadow: 0px 5px 13px 0px rgba(0, 0, 0, 0.14);
    }
    .land-pack-grid-text{
        margin-top:0px;
    }
    .hom-head {
        padding: 80px 0px 20px 0px;
    }
    .ban-tit h1 b{
        font-size:40px;
        line-height: 45px;
        padding-bottom: 15px;
        padding-top: 10px;
    }
    .ban-tit h1{
        font-size: 20px;
        margin-bottom: 0px;
    }
    .ban-ql ul li {
        margin: 0px;
        width: 100%;
    }
    .ban-ql ul li div {
        width: 100%;
        padding: 20px 10px 30px 10px;
        margin: 15px 0px;
        border-radius: 10px;
    }
    .home-city ul li {
        width: 50%;
        margin-bottom: 15px;
        margin-bottom: 15px;
    }
    .hcity div:nth-child(2) h4{
        font-size:18px;
    }
    .hom-eve-lhs-2 {
        width: 100%;
        padding-left: 15px;
        margin-top:25px;
    }
    .eve-box div:nth-child(1) img{
        height:150px;
    }
    .home-tit{
        padding-top:70px;
    }
    .home-tit h2{
        font-size: 32px;
    }
    .login-main.add-list {
        width: 90%;
    }
    .bot-book{
        text-align: center;    margin-bottom: 55px
    }
    .bot-book .bb-img {
        float: initial;
        max-width: 100%;
    }
    .bb-text {
        max-width: 100%;
        margin-top:30px;
    }
    .bb-link {
        padding: 20px 0px 0px 0px;
    }
    .biz-pro .lhs{    margin-bottom: 0px;}
    .biz-pro-btn {
    position: relative;
    top: initial;
}
    .country-inn h4{
        font-size: 24px;
        line-height: 34px;
    }
    .country .cont1 {
        font-size: 24px;
    }
    .country .cont2 {
        font-size: 24px;
    }
    .foot-supp h2{
        font-size:16px;
        line-height: 28px;
    }
    .wed-hom-footer h4 {
        padding-bottom: 5px;
        padding-top: 0px;
    }
    .wed-foot-link-1{
        text-align: center;
    }
    .fot-app{
        border-top: 1px solid #e9e9e9;
        padding: 30px 0px;
        margin-top: 15px;
    }
    .fot-app ul, .wed-foot-link-1 ul{
        margin:0 auto;
        display: table;
    }
    .foot-count{
        margin-top: 30px;
    }
    .all-list-sh ul li{
        float:left;
        width:50%;
    }
    .list-filt-v2 ul li{width:16.6666666%;}
    .pro-listing-box div:nth-child(1) img{
        height:150px;
    }
    .us-ppg-com ul li{
        width:50%;
    }
    .all-list-sh .eve-box div:nth-child(1) {
        width: 100%;
    }
    .all-list-sh .eve-box {
        margin: 0px;    float: left;
    width: 100%;
    }
    .all-list-sh .rat {
    position: relative;
    right: 48px;
    top: 0px;
    left: 0px;
}
    .eve-box div:nth-child(2) {
        padding: 15px;
    }
    .pro-rel-events .eve-box div:nth-child(2) {
        padding: 20px 20px 15px 20px;
    }
    .hom-event .eve-box div:nth-child(2) {
        padding: 20px;
    }
    .eve-box div:nth-child(2) h4{
        font-size:15px;
    }
    .all-listing .col-md-9 {
        padding: 0px;
        /* background: none; */
    }
    .all-listing .col-md-3 {
        padding: 30px 0px 0px 15px;
    }
    .lhs-ads {
        margin-bottom: 0px;
    }
    .list-bann img {
        height: 175px;
    }
    .pag-p1-phone ul li{
        width:100%;
        margin-bottom: 10px;
    }
    .pag-p1-phone ul li:last-child{
        margin-bottom: 0px;
    }
    .list-bann{
        margin-top:55px;
    }
    .pg-list-1{
}
    .carousel-item img{
        height:235px;
    }
    .home-list-pop img{
        margin-bottom:20px;
    }
    .list-rom-pric {
        right: 25px;
        top: -158px;
        font-size: 16px;
    }
    .list-room-deta p{
        padding-right:0px;
    }
    .lr-user-wr-con{
        width:85%;
    }
    .lr-user-wr-con p {
        font-size: 13px;
        line-height: 22px;
    }
    .lp-ur-all-left{
        width: 60%;
    }
    .lp-ur-all-right{
        width: 40%;
        padding-right: 0px;
    }
    .lp-ur-all-right h5{
        padding-top:0px;
    }
    .lp-ur-all-right p label i {
        width: 15px;
        font-size: 21px;
    }
    .lp-ur-all-right p span{
        font-size: 12px;
        line-height: 14px;
        padding: 5px;
    }
    .pglist-off-last .home-list-pop-desc{
        padding-left:0px;
    }
    .pglist-off-last .home-list-pop .col-md-3{
        padding-right:0px;
    }
    .db-open .al{
        display:none;
    }
    .ud-cen-s3 ul li{
        width:50%;
    }
    .ud-pro-link .pay-rhs ul li:last-child{
        width:100%;
    }
    .ud-pro-link .pay-rhs ul li:nth-child(3), .ud-pro-link .pay-rhs ul li:nth-child(4){
        width: 100%;
    }
    .ud-rhs-sec-3 .list-ri-peo-like ul li {
        width: 72px;
    }
    .ud-cen-s1 ul li div{text-align: center;padding: 20px 15px 15px;}
    .ud-cen-s1 ul li div p{
        margin-bottom: 15px;
    }
    .ud-cen-s1 ul li div b{
        font-size: 38px;
        position: relative;
        padding: 5px 8px;
        width: auto;
        height: auto;
        top: auto;
        border-radius: 10px;
    }
    .ud-cen-s1 ul li div h4{
    padding: 15px 10px 5px;
    font-size: 18px;
}
    .ud-cen-s1 ul li div p{
    padding: 0px;
    margin-bottom: 0px;
    font-size: 14px;
}
    table {
        border: 0;
    }
    table caption {
        font-size: 1.3em;
    }
    
    .pro-fol-gr span {
        padding: 5px 25px;
        font-size: 10px;
    }
    .pro-fol-gr ol li{
        font-size:9px;
    }
    .pay-rhs ul li .ud-stat-pay-btn{
        font-size: 12px;
    }
    .ud-payment .pay-rhs ul li{
        width:100%;
    }
    .pay-rhs ul li:nth-child(2){
        font-size: 22px;
    }
    .ud-cen-s2 a.db-tit-btn, .ud-cen-s3 a.db-tit-btn {
        position: relative;
        right: initial;
        top: initial;
    }
    .ud-cen-s2 a.db-tit-btn-2-ads {
        right: initial;
    }
    .login-main, .login-main.add-list {
        width: 100%;
    }
    .login-main{
        margin: initial;
        display: initial;
    }
    .how-to-coll li h4{
        font-size:13px;
    }
    .cre-dup a{
        margin-bottom: 15px;
    }
    .add-list-ste-inn ul li a b{
        display:none;
    }
    .add-list-ste-inn ul li a {
        width: 44px;
        height: 44px;
        padding: 10px 0px 0px 0px;
    }
    .add-list-ste-inn ul li a span {
        font-size: 11px;
        text-transform: uppercase;
    }
    .add-list-ste-inn ul:after {
        height: 1px;
        top: 25px;
    }
    .add-list-add-btn, .add-list-rem-btn {
        width: 30px;
        height: 30px;
        line-height: 29px;
        padding-left: 1px;
        font-size: 21px;
        top: 5px;
    }
    .add-list-rem-btn{
        right:35px;
    }
    .add-list-add-btn{
        right:75px;
    }
    .add-lis-done .btn-primary{
        margin-bottom: 10px;
    }
    .login-reg{
        padding: 100px 0 150px 0;
    }
    .log h4{
        font-size: 18px;
        /* text-align: left;
         */
    }
    .add-lis-done h4{
        font-size: 24px;
        margin-bottom: 10px;
    }
    .add-lis-done p{
        font-size: 14px;
    }
    .eve-deta-pg .lhs{
        margin-bottom:20px;
    }
    .eve-deta-pg .lhs, .eve-deta-pg .rhs{
        width:100%;
    }
    .eve-deta-pg .lhs .img img{
        height:250px;
    }
    .eve-deta-body .eve-deta-body-main .lhs{
        width:100%;
        padding-right:0px;
        border-right: 0px solid #e7e7e7;
        border-bottom: 1px solid #e7e7e7;
        padding-bottom:15px;
        margin-bottom:30px
    }
    .eve-deta-body .eve-deta-body-main .rhs{
        padding-left:0px;
        width:100%;
    }
    .eve-deta-pg .head h1, .eve-deta-pg .head .dat{
        font-size:22px;
    }
    .blog-body .us-ppg-com ul li {
        width: 50%;
    }
    .pro-rel-events .event-body .us-ppg-com ul li, .event-body .us-ppg-com ul li {
        width: 50%;
    }
    .event-body .eve-box div:nth-child(2) {
        padding: 20px;
    }
    .blog-head {
        padding: 45px 0px 0px 0px;
    }
    .blog-head-inn h1 {
        font-size: 28px;
    }
    .blog-head-inn p {
        font-size: 18px;
    }
    .ad-pri-cal ul li div {
        padding: 10px;
        margin: 0px 2px;
    }
    .ad-pri-cal ul li span {
        font-size: 12px;
    }
    .ad-pri-cal ul li h5 {
        margin: 5px 0px 0px 0px;
        font-size: 18px;
    }
    .us-pro-sec-1 {
        width: 100%;
    }
    .us-pro-sec-1-rhs h1 {
        font-size: 24px;
        display: block;
    }
    .us-pro-sec-1-rhs button {
        padding: 5px 30px;
        top: 7px;
    }
    .us-pro-sec-1-rhs ul.lis-cou li{
        font-size: 14px;
    }
    .us-pro-nav ul li span {
        font-size: 14px;
        padding: 16px 5px;
    }
    .user-tc-diff ul li .pri-box{
        margin: 0px;
    }
    .user-tc-diff ul li .pri-box .c4 ol{
        width:90%;
    }
    .ser-head .ban-search ul li.sr-btn{margin-top:0px;width:40%;}
    .list-det-fix{}
    .list-fix-pro, .list-fix-tit{display: none;}
    .list-fix-btn{width:100%;}
    .list-fix-btn span{display: block;width: 100%;text-align: center;padding: 8px 5px;}
    .list-det-fix{bottom:-100px;top:initial;padding: 0px;}
    .list-det-fix.list-det-fix-act{bottom: 0px;top:initial;}
    .comity-all-user ul li {width: 50%;}
    .list-ban-btn ul li .cta-get:before{display:none;}
    .list-ban-btn ul li .cta-get{
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    z-index: 9;
    text-align: center;
    text-transform: uppercase;
    box-shadow: none;
    animation: none;
    letter-spacing: 1px;
            padding: 10px 5px;
    font-size: 15px;
    }
    .pmenu-spri ul li{width:31%;}
    .pmenu-spri ul li a img{margin-bottom: 10px;}
    .eve-box div:nth-child(2) span, .eve-box div:nth-child(2) span.pho, .eve-box div:nth-child(2) span.mail{width: 100%;}
    .responsive-table {
        display: block;
        width: 100%;
    }
    .responsive-table thead, .responsive-table tbody, .responsive-table thead th {
        display: block;
    }
    .responsive-table thead th:last-child{
        border-bottom: none;
    }
    .responsive-table thead {
        float: left;
        width: 30%;
    }
    .responsive-table tbody {
        width: auto;
        position: relative;
        overflow-x: auto;
    }
    .responsive-table td, .responsive-table th {
        padding: 20px .625em .625em .625em;
        height: 60px;
        vertical-align: middle;
        box-sizing: border-box;
        overflow-x: hidden;
        overflow-y: auto;
        width: 120px;
        font-size: 13px;
        text-overflow: ellipsis;
    }
    .responsive-table thead th {
        text-align: left;
        border-bottom: 1px solid #f7f7f9;
    }
    .responsive-table tbody tr {
        display: table-cell;
    }
    .responsive-table tbody tr:nth-child(odd) {
        background: none;
    }
    .responsive-table tr:nth-child(even) {
        background: transparent;
    }
    .responsive-table tr td:nth-child(odd) {
        background: #F8F8F8;
        border-right: 1px solid #E6E4E4;
    }
    .responsive-table tr td:nth-child(even) {
        border-right: 1px solid #E6E4E4;
    }
    .responsive-table tbody td {
        display: block;
        text-align: center;
    }
    .com-pro-pg-head img{}
    .hom-top{display: block;}
    .com-pro-pg-head{display:none;}
    .pro-pg-logo, .pro-pg-bio .bio li{width: 100%;}
    .pro-pg-logo img{
    width: 100px;
    height: 100px;
    margin: 0 auto;
    display: table;
}
    .pro-pg-bio{width: 100%;}
    .pro-pg-cts{width:100%;padding: 0px 25px 25px 24px;}
    .pro-pg-cts a{
        display: inline-block;
    }
        .box-s2 .lhs .comp-pro .all-pro-box{width: 48%;margin: 1%;}
    .box-s2 .lhs .comp-pro .land-pack-grid{width: 48%;margin: 1%;}
    .ebk-ban .lhs h1{font-size: 32px;line-height: 40px;}
    .ebk-ban .lhs{padding-top: 0px;}
    .ebk-con .lhs{width:100%;padding: 30px;}
    .ebk-con .rhs{width:100%;padding: 0px 30px 0px 30px}
    .hcity div:nth-child(2){left:0px;padding-left: 20px;}
    .str .land-pack ul li{padding: 0px 15px;}
    .full-bot-book{padding: 40px 25px 0px 25px;}
    .hom-event{padding: 0px 20px;}
    .all-list-sh .links a{
    margin: 1.5%;
    float: left;
    width: 46%;
    text-align: center;
}
    .all-products .all-list-sh .links a{}
    .eve-box div:nth-child(2) span.addr{min-height:50px;}
    .btn-ser-need-ani, .pmenu-spri{display: none;}
    .pmenu-cat{
    border-top: 0px;
    margin-top: 0px;
    padding-top: 0px;
}
    .btn-ser-need-ani.fsbtn{/* display: block; *//* position: relative; */padding: 6px;/* bottom: auto; */right: auto;/* background: #007bff; *//* animation: none; */border-radius: 50%;/* width: 60px; */height: 60px;margin: 0 auto;display: table;margin-top: -20px;box-shadow: 0px 9px 19px 6px rgb(42 42 42 / 46%);text-transform: uppercase;letter-spacing: 0.5px;/* border: 5px solid #191919; */}
    .btn-ser-need-ani.fsbtn:before{display: none;}
    .fqui-menu{display: block;}
    .db-coup-lhs, .db-coup-rhs{width:100%;}
    .db-coup-rhs{padding: 30px 0px 0px 0px}
    .top-ser{display:block;position: fixed;top: 0px;left: 0px;right: 0px;width: 100%;padding: 10px 20px;background: #0e0e0ec4;box-shadow: 0px 12px 18px 4px #33333354;transition: all 0.5s ease;z-index: 4;opacity: 0;visibility: hidden;height: 100%;}
    .top-ser.top-ser-act{/* top: 54px; */visibility: visible;opacity: 1;display: block !important;}
    .top-ser.top-ser-act input{
        background: #f4f5f7;
        font-family: 'Quicksand', sans-serif;
        padding: 7px 40px 7px 20px;
    }
    .mess-bd .se1 .s2{
    width: 100%;
    padding: 0px 0px 1px 0px;
    font-size: 14px;
}
    .mess-bd .se1 .s3{
    width: 100%;
    padding-left: 58px;
    color: #3b434e;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
    .mess-tit{display: none;}
    .ud-cen-s2 a.comm-msg-act-btn{
    position: absolute;
    right: 15px;
    top: 15px;
}
    .h2-ban-ql ul li div{margin:5px;}
    .ban-search{width: 90%;}
    .hm3-auto-ban .lhs{padding: 50px 50px 0px 0px;}
    .hm3-auto-ban .rhs{padding: 0px;}
    .hm3-auto-ban .lhs h1{    font-size: 44px;line-height: 50px;}
    .hm3-auto-ban{background-size: cover !important;}
    .all-listing .f2{display: none;}
}
@media screen and (max-width:576px){
    .container {
        max-width: 90%;
        padding: 0px;
    }
    .how-wrks-inn ul li{width:100%;}
    .inte ul li, .coup-sec3 ul li{
        width:100%;
    }
    .wed-foot-link div {
        padding-left: 15px;
        width: 33.333%;
    }
    .list-room-deta .list-enqu-btn ul li{
        width:50%;
    }
    .lr-user-wr-con{
        display:contents;
    }
    .lr-user-wr-img {
        margin: 0px 10px 20px 0px;
    }
    .pri ul li {
        width: 100%;
    }
    .ud-rhs-sec-2 ul li {
        width: 50%;
    }
    .db-fol-grid ul li {
        width: 50%;
    }
    .pro-fol-gr ol li{
        font-size:7px;
        width: 33.333%;
    }
    .pro-fol-gr h4 b{
        font-size:14px;
    }
    .pro-fol-gr img {
        width: 75px;
        height: 75px;
    }
    .comity-all-user .pro-fol-gr img{width: 100px;height: 100px;margin: 0 auto;display: table;float: initial;border-radius: 50px;/* margin-top: -65px; */}
    .pro-rel-events .event-body .us-ppg-com ul li {
        width: 100%;
    }
    .pro-rel-events .eve-box div:nth-child(3) {
        display: block;
    }
    .event-body .us-ppg-com ul li .eve-box {
        margin: 10px;
    }
    .user-tc-diff ul li{
        width:100%;
    }
    .user-tc-diff ul li:first-child{
        margin-bottom:20px;
    }
    .user-tc-diff ul li .pri-box .c4 ol li:first-child{
        margin-bottom:0px;
    }
    .dir-home-nav-bot ul li span{padding-bottom: 20px;font-size: 24px;}
    .dir-home-nav-bot{text-align: center;}
        .box-s2 .lhs .comp-pro .all-pro-box{width: 100%;margin: 1% 0px;}
    .box-s2 .lhs .comp-pro .land-pack-grid{width: 100%;margin: 1% 0px;}
    .ebk-ban .lhs{padding: 15px;}
    .hm3-auto-ban .lhs {
    padding: 40px 20px 20px 20px;
    width: 100%;
    text-align: center;
}
    .hm3-auto-ban .rhs{width: 100%;padding: 30px 30px 0px 30px;}
    .ud-rhs{padding: 20px 30px;}
    .all-list-sh ul li{width: 100%;}
    .all-listing .col-md-9{background: none;}
    .all-listing .row{box-shadow: none;}
    .all-list-sh .eve-box{    border-radius: 8px;    border: 0px solid #fff;}
    .all-list-sh .eve-box div:nth-child(2){padding: 30px;}
    .all-list-sh .eve-box div:nth-child(2) h4 a{font-size:20px;}
    .all-list-sh span.addr, .all-list-sh span.pho, .all-list-sh span.mail{font-size:16px !important;}
    .all-list-bre{    padding: 70px 20px 20px 20px;}
    .ser-re-cout{top:90px;z-index: 11;width: 100%;    max-width: 95% !important;}
    .soc-log .abcRioButtonIcon{left: 27%;}
    .ud-cen-s3 ul li .db-eve a h5{font-size: 16px;}
}
@media screen and (max-width:526px){
    .lp-ur-all-left {
        width: 100%;
        border-right: 0px solid #6b7f8a;
        padding-right: 0px;
        border-bottom: 2px solid #6b7f8a;
        padding-bottom: 20px;
    }
    .lp-ur-all-right {
        width: 100%;
        padding: 20px 0px 0px 0px;
    }
    .frmtip {
        font-size: 11px;
        right: 12px;
        top: -8px;
        background: #fff;
        padding: 0px 10px;
    }
    .log-bot ul li span{
        font-size:12px;
    }
    .log-bot ul li {
        padding: 0px 4px;
    }
    .msg-op{    width: 100%;
    height: 100%;
    top: 0px;}
    .msg-op.msg-sho-act{right: 0px;}
    .msg-op .s3 form textarea{width: 70%;}
    .msg-op .s3 form button{width: 30%;}
}
@media screen and (max-width:480px){
    .pmenu-cat ul li{
        width: 100%;
    }
    .hm3-auto-ban .lhs h1 {
    font-size: 34px;
    line-height: 38px;
}
    .wed-foot-link-pop ul li{width:50%;}
    .hcity div:nth-child(1) img, .home-city ul li:nth-child(1) .hcity div:nth-child(1) img {
        height: 210px;
    }
    .home-city ul li:nth-child(1) div:nth-child(2) h4{font-size:14px;}
    .hcity div:nth-child(2){
        margin-top: -150px;
    }
    .hom-eve-lhs-1 {
        width: 100%;
        margin-bottom: 20px;
        padding-left:0px;
        padding-right: 0px;
    }
    .hom-eve-lhs-2{
        margin-top:0px;
        padding-left:0px;
        padding-right: 0px;
    }
    .ban-search ul li.sr-cit {
        width: 100%;
    }
    .commun-pg-main input{width:95%;}
    .sh-all-scat-box .lhs{width:100%;}
    .sh-all-scat-box .lhs img{height: 160px;}
    .sh-all-scat-box .rhs{width:calc(100% - 0px);width: 100%;}
    .ban-search ul li.sr-sea {
        width: 100%;
        margin: 10px 0px 0px 0px;
    }
    .ban-search{
        width:90%;
    }
    .ban-tit h1 b {
        font-size: 26px;
        line-height: 32px;
    }
    .home-tit{
        padding-top:60px;
    }
    .home-tit h2{
        font-size: 28px;
    }
    .hcity div:nth-child(2) h4 {
        font-size: 14px;
    }
    .wed-foot-link div {
        width: 50%;
    }
    .wed-foot-link div:nth-child(2){
        border-right: 0px solid #dadada;
    }
    .wed-foot-link div:last-child {
        border-right: 0px solid #dadada;
        border-top: 1px solid #dadada;
        width: 100%;
        margin-top: 35px;
        padding-top: 35px;
    }
    .wed-foot-link div:last-child ul li{
        width: 50%;
    }
    .wed-foot-link{
        padding: 35px 0px 30px 0px;
    }
    .all-list-sh ul li {
        width: 100%;
    }
    .list-bann img {
        height: 150px;
    }
    .pg-list-1-left h3 {
        font-size: 20px;
        padding: 12px 0px;
    }
    .pg-list-1-left img {
        width: 125px;
        height: 125px;
        margin-top: -79px;
    }
    .fot-app ul li a img {
        width: 125px;
        height: 50px;
    }
    .list-filt-v2 ul li{width:16.6666666%;}
    .list-filt-v2 .chbox label{
        padding: 4px 2px 0px 2px;
        font-size:10px;
    }
    .hom-eve-com {
        float: initial;
    }
    .carousel-item img{
        height:180px;
    }
    .home-list-pop-desc h3{
        font-size:16px;
    }
    .list-pg-write-rev form .row{
        margin: 0px;
    }
    .list-pg-write-rev form .col{
        display: contents;
    }
    .list-pg-write-rev form .rating{
        margin: 0px 0px 10px 0px;
    }
    .ud-cen-s3 ul li{
        width:100%;
    }
    .ud-rhs-sec-2 ul li {
        width: 100%;
    }
    .ud-cen-s1 ul li {
    }
    .ud-cen-s1 ul li:nth-child(2) div{
        margin:0px;
    }
    .ud-cen-s1{    padding: 30px 30px 5px 30px;}
    .cd-cen-intr {
    padding: 30px 30px 0 30px;
}
    .ud-cen-s3 ul li:nth-child(2n+2) div {
        margin: 0px 0px;
    }
    .ud-pro-link .pay-lhs, .ud-payment .pay-lhs{
        width: 100%;
        margin-bottom: 15px;
    }
    .ud-pro-link .pay-lhs img, .ud-payment .pay-lhs img{
        object-fit: cover;
        height: 135px;
        width: 135px;
        border-radius: 50%;
        margin: 0 auto;
        display: table;
        float: initial;
    }
    .ud-pro-link .pay-rhs, .ud-payment .pay-rhs{
        width: 100%;
        padding-left: 0px;
        text-align: center;
    }
    .pay-rhs ul li:nth-child(2) {
        font-size: 18px;
    }
    .ud-payment{
        box-shadow: 0px 0px 0px 1px rgba(157, 152, 152, 0.06);
    }
    .ud-cen-s1 ul li div{
            padding: 15px 8px 5px 8px;
    border: 3px solid #fff;
    }
    .ud-cen-s1 ul li div h4{
        font-size:14px;
    }
    .ud-cen-s1 ul li div b {
        font-size: 32px;
    }
    .ud-cen-s1 ul li div p{
        display:none;
    }
    .ud-rhs-sec-3 .list-ri-peo-like ul li {
        width: 45px;
    }
    .db-noti ul li div{
        font-size:13px;
    }
    .db-noti ul li p{
        font-size:12px;
    }
    .ud-cen-s2 a.db-tit-btn, .ud-cen-s3 a.db-tit-btn {
        padding: 3px 5px;
        font-size: 11px;
    }
    .cre-dup a, .cre-dup span{
        font-size:13px;
    }
    .add-list .skip {
        font-size: 11.5px;
        letter-spacing: 1px;
    }
    .add-list-ste-inn ul li {
        margin: 0px 5px;
    }
    .blog-head .ban-search .sr-sea{
    }
    .blog-head .ban-search {
        width: 100%;
    }
    .blog-head .ban-search .sr-btn {
        width: 35%;
    }
    .blog-body .us-ppg-com ul li, .event-body .us-ppg-com ul li {
        width: 100%;
    }
    .event-body .eve-box div:nth-child(3) {
        display: block;
    }
    .event-body .eve-box div:nth-child(1) a img {
        height: 165px;
    }
    .ad-pri-cal ul li {
        width: 50%;
    }
    .ad-pri-cal ul li div{
        margin:5px;
    }
    .us-pro-sec-1-lhs {
        width: 100%;
    }
    .us-pro-sec-1-lhs img {
        width: 200px;
        height: 200px;
        margin: 0 auto;
        display: table;
    }
    .us-pro-sec-1-rhs {
        float: left;
        width: 100%;
        padding-left: 0px;
        text-align: center;
        padding-top: 30px;
    }
    .us-pro-sec-1-rhs ul.lis-cou {
        float: initial;
        border-bottom: 1px solid #efd0d0;
        padding-bottom: 17px;
        margin: 0 auto;
        display: table;
        margin-top: 25px;
        margin-bottom: 20px;
    }
    .us-pro-sec-1-rhs h1{
        padding-right:0px;
    }
    .us-pro-sec-1-rhs p {
        float: initial;
        text-align: center;
    }
    .us-pro-sec-1-rhs ul.pro-soci {
        float: initial;
        width: auto;
        margin: 0 auto;
        display: table;
        margin-top: 25px;
    }
    .us-pro-sec-1{
        padding: 30px;
        background: #fff;
        border-radius: 5px;
        box-shadow: 0px 1px 19px 0px rgba(42, 42, 42, 0.08);
    }
    .us-pro-sec-1-rhs ul.lis-cou li {
        font-size: 12px;
        padding-right: 4px;
    }
    .us-ppg-com ul li {
        width: 100%;
    }
    .all-list-sh .links{}
    .list-ban-btn ul li{width:100%;}
    .list-ban-btn ul li .cta {
    background: #ededed;
    display: block;
    width: 100%;
    text-align: center;
}
    .pmenu-spri ul li{width: 43%;}
    .menu{margin: 10px 10px 8px 1px;}
    .hom-nav .ic-logo{width:170px;padding-top: 10px;}
    .cd-cen-intr-inn:before{display:none;}
    .cd-cen-intr-inn{padding: 30px;text-align: center;background: linear-gradient(to right, #3ee4b6, #429dde, #7b4ffc);}
    .all-list-sh ul li{width:100%;padding: 15px 30px 15px;}
    .list-filt-v2 ul li{padding: 2px;}
   .ud-cen a.db-tit-btn {
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 15px;
    padding: 10px 5px !important;
    font-size: 13px !important;
    
}
    .ud-rhs-pay-inn h3{font-size: 14px;}
    .ud-rhs-status ul li span{font-size: 13px;}
    .ud-cen-s2 table tr th{font-size: 12px;}
    .ud-cen-s2 table tr td{font-size: 11px;}
    .ud-cen-s2 table tr td:nth-child(2) {font-size: 11px;text-align: left;}
    .ud-lhs-s2 ul li a {
    font-size: 17px;
    padding: 10px 0px;
    font-family: 'Poppins';
    font-weight: 500;
}
.ud-lhs-s1 h4 {
    font-size: 18px;
    padding-top: 0px;
    margin-top: 15px;
}    
}
@media screen and (max-width:420px){
    .pmenu-cat ul li, .pmenu-eve ul li{
        width:100%;
    }
    .pmenu-eve ul li:nth-child(odd) div {
        margin: 0px 0px 15px 0px;
    }
    .pmenu-eve ul li:nth-child(even) div {
        margin: 0px 0px 15px 0px;
    }
    .comity-all-user ul li {width: 100%;}
    .blog-head .ban-search ul li.sr-sea input{width:330px;}
}

.demo .home-city ul li{width:33.3333%;}
.demo .home-city ul li div{}
.demo .hcity div:nth-child(1) img{margin:0px;}
.demo .hcity div:nth-child(1) img{height:225px;}
.country.demo {
    background-position: center bottom;
    background-size: 45%;
    margin-top: 60px;
}
.demo .home-tit{padding-top:65px;}
.wed-hom-footer.demo .home-tit{padding-top:0px;}
.demo .inte ul li div h4{padding-bottom:0px;}
.demo .hcity div:nth-child(2) img{
    border: 5px solid #fff;
    background: #fff;
}
.foot-count ul li a{color: #7f7f7f;font-size: 12px;text-transform: capitalize;}
.hom-top.demo .hom-nav .ic-logo{margin-left:0px;}
.chosen-select{width:100%}
.chosen-select-deselect{width:100%}
.chosen-container{display:inline-block;font-size:14px;position:relative;vertical-align:middle;height: 51px;border: 1px solid #f1eae5;}
.chosen-container .chosen-drop{background:#fff;border:1px solid #ccc;border-bottom-right-radius:4px;border-bottom-left-radius:4px;-webkit-box-shadow:0 8px 8px rgba(0,0,0,.25);box-shadow:0 8px 8px rgba(0,0,0,.25);margin-top:-1px;position:absolute;top:100%;left:-9000px;z-index:1060}
.chosen-container.chosen-with-drop .chosen-drop{left:0;right:0}
.chosen-container .chosen-results{color:#555;margin:0 4px 4px 0;max-height:240px;padding:0 0 0 4px;position:relative;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}
.chosen-container .chosen-results li{display:none;line-height:1.42857143;list-style:none;margin:0;padding:5px 6px}
.chosen-container .chosen-results li em{background:#feffde;font-style:normal}
.chosen-container .chosen-results li.group-result{display:list-item;cursor:default;color:#999;font-weight:700}
.chosen-container .chosen-results li.group-option{padding-left:15px}
.chosen-container .chosen-results li.active-result{cursor:pointer;display:list-item}
.chosen-container .chosen-results li.highlighted{background-color:#428bca;background-image:none;color:#fff}
.chosen-container .chosen-results li.highlighted em{background:transparent}
.chosen-container .chosen-results li.disabled-result{display:list-item;color:#777}
.chosen-container .chosen-results .no-results{background:#eee;display:list-item}
.chosen-container .chosen-results-scroll{background:#fff;margin:0 4px;position:absolute;text-align:center;width:321px;z-index:1}
.chosen-container .chosen-results-scroll span{display:inline-block;height:1.42857143px;text-indent:-5000px;width:9px}
.chosen-container .chosen-results-scroll-down{bottom:0}
.chosen-container .chosen-results-scroll-down span{background:url(chosen-sprite.html) no-repeat -4px -3px}
.chosen-container .chosen-results-scroll-up span{background:url(chosen-sprite.html) no-repeat -22px -3px}
.chosen-container-single .chosen-single{background-color:#fff;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;/* border:1px solid #ccc; */border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;/* -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075); *//* box-shadow:inset 0 1px 1px rgba(0,0,0,.075); */color:#555;display:block;height: 48px;overflow:hidden;line-height:34px;padding: 9px 5px 0 12px;position:relative;text-decoration:none;white-space:nowrap;}
.chosen-container-single .chosen-single span{display:block;margin-right:26px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chosen-container-single .chosen-single abbr{background:url(../images/chosen-sprite.png) right top no-repeat;display:block;font-size:1px;height:10px;position:absolute;right:26px;top:12px;width:12px}
.chosen-container-single .chosen-single abbr:hover{background-position:right -11px}
.chosen-container-single .chosen-single.chosen-disabled .chosen-single abbr:hover{background-position:right 2px}
.chosen-container-single .chosen-single div{display:block;height:100%;position:absolute;top:0;right:0;width:18px}
.chosen-container-single .chosen-single div b{background:url(../images/chosen-sprite.png) no-repeat 0 7px;display:block;height:100%;width:100%}
.chosen-container-single .chosen-default{color:#777}
.chosen-container-single .chosen-search{margin:0;padding:3px 4px;position:relative;white-space:nowrap;z-index:1000}
.chosen-container-single .chosen-search input[type="text"]{background:url(chosen-sprite.html) no-repeat 100% -20px,#fff;border:1px solid #ccc;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);margin:1px 0;padding:4px 20px 4px 4px;width:100%;height: 40px;}
.chosen-container-single .chosen-drop{margin-top:-1px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}
.chosen-container-single-nosearch .chosen-search input{position:absolute;left:-9000px}
.chosen-container-multi .chosen-choices{background-color:#fff;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;cursor:text;margin:0;overflow:hidden;padding:7px 2px 0 11px;position:relative;height: 48px;/* border:1px solid #e4e6f2; */font-size:15px;font-weight:500;}
.chosen-container-multi .chosen-choices li{float:left;list-style:none}
.chosen-container-multi .chosen-choices .search-field{margin:0;padding:0;white-space:nowrap}
.chosen-container-multi .chosen-choices .search-field input[type="text"]{background:transparent!important;border:0!important;-webkit-box-shadow:none;box-shadow:none;color:#555;height:32px;margin:0;padding:4px;outline:0}
.chosen-container-multi .chosen-choices .search-field .default{color:#999}
.chosen-container-multi .chosen-choices .search-choice{background-clip:padding-box;background-color: #f2f8fd;border: 1px solid #e9eff4;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;color: #1386d1;cursor:default;line-height: 13px;margin:6px 0 3px 5px;padding: 4px 20px 3px 5px;position:relative;font-size: 13px;}
.chosen-container-multi .chosen-choices .search-choice .search-choice-close{background:url(chosen-sprite.html) right top no-repeat;display:block;font-size:1px;height:10px;position:absolute;right:4px;top:5px;width:12px;cursor:pointer}
.chosen-container-multi .chosen-choices .search-choice .search-choice-close:hover{background-position:right -11px}
.chosen-container-multi .chosen-choices .search-choice-focus{background:#d4d4d4}
.chosen-container-multi .chosen-choices .search-choice-focus .search-choice-close{background-position:right -11px}
.search-choice-close:after{content: 'close';
    position: absolute;
    color: #7291aa;
    font-size: 13px;
    font-weight: 600;}
.chosen-container-multi .chosen-results{margin:0;padding:0}
.chosen-container-multi .chosen-drop .result-selected{display:none}
.chosen-container-active .chosen-single{border:1px solid #66afe9;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.075) inset,0 0 8px rgba(82,168,236,.6);box-shadow:0 1px 1px rgba(0,0,0,.075) inset,0 0 8px rgba(82,168,236,.6);-webkit-transition:border linear .2s,box-shadow linear .2s;-o-transition:border linear .2s,box-shadow linear .2s;transition:border linear .2s,box-shadow linear .2s}
.chosen-container-active.chosen-with-drop .chosen-single{background-color:#fff;border:1px solid #66afe9;border-bottom-right-radius:0;border-bottom-left-radius:0;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.075) inset,0 0 8px rgba(82,168,236,.6);box-shadow:0 1px 1px rgba(0,0,0,.075) inset,0 0 8px rgba(82,168,236,.6);-webkit-transition:border linear .2s,box-shadow linear .2s;-o-transition:border linear .2s,box-shadow linear .2s;transition:border linear .2s,box-shadow linear .2s}
.chosen-container-active.chosen-with-drop .chosen-single div{background:transparent;border-left:none}
.chosen-container-active.chosen-with-drop .chosen-single div b{background-position:-18px 7px}
.chosen-container-active .chosen-choices{border:1px solid #66afe9;border-bottom-right-radius:0;border-bottom-left-radius:0;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.075) inset,0 0 8px rgba(82,168,236,.6);box-shadow:0 1px 1px rgba(0,0,0,.075) inset,0 0 8px rgba(82,168,236,.6);-webkit-transition:border linear .2s,box-shadow linear .2s;-o-transition:border linear .2s,box-shadow linear .2s;transition:border linear .2s,box-shadow linear .2s}
.chosen-container-active .chosen-choices .search-field input[type="text"]{color:#111!important}
.chosen-container-active.chosen-with-drop .chosen-choices{border-bottom-right-radius:0;border-bottom-left-radius:0}
.chosen-disabled{cursor:default;opacity:.5!important}
.chosen-disabled .chosen-single{cursor:default}
.chosen-disabled .chosen-choices .search-choice .search-choice-close{cursor:default}
.chosen-rtl{text-align:right}
.chosen-rtl .chosen-single{padding:0 8px 0 0;overflow:visible}
.chosen-rtl .chosen-single span{margin-left:26px;margin-right:0;direction:rtl}
.chosen-rtl .chosen-single div{left:7px;right:auto}
.chosen-rtl .chosen-single abbr{left:26px;right:auto}
.chosen-rtl .chosen-choices .search-field input[type="text"]{direction:rtl}
.chosen-rtl .chosen-choices li{float:right}
.chosen-rtl .chosen-choices .search-choice{margin:6px 5px 3px 0;padding:3px 5px 3px 19px}
.chosen-rtl .chosen-choices .search-choice .search-choice-close{background-position:right top;left:4px;right:auto}
.chosen-rtl.chosen-container-single .chosen-results{margin:0 0 4px 4px;padding:0 4px 0 0}
.chosen-rtl .chosen-results .group-option{padding-left:0;padding-right:15px}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div{border-right:none}
.chosen-rtl .chosen-search input[type="text"]{background:url(chosen-sprite.html) no-repeat -28px -20px,#fff;direction:rtl;padding:4px 5px 4px 20px}
@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 144dpi) {
    .chosen-rtl .chosen-search input[type="text"],.chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-single div b,.chosen-container-single .chosen-search input[type="text"],.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span{background-image:url(chosen-sprite%402x.html)!important;background-size:52px 37px!important;background-repeat:no-repeat!important}
}

/*my-css*/
.home-about{
    position: relative;
    padding: 100px 0 60px;
}
.img-1{
    width: 80%;
    max-width: 100%;
    border-radius: 30px 0px 30px 0px;
    float: right;
}
.img-2{
     width: 80%;
    border-radius: 30px 0px 30px 0px;
    position: absolute;
    left: -25px;
    bottom: 27px;
}
.ab-exp {
    padding: 35px 25px 35px 25px;
    background-color: #1977f3;
    color: #ffffff;
    border-radius: 20px 0px 20px 0px;
    position: absolute;
    top: -49px;
    text-align: center;
}
.about-left .ab-iner{
    margin-top: 7%;
}
.about-left .ab-iner h4{

}
.about-left .ab-iner p{
      margin-top: 18px;
      color: gray;
     line-height: 1.8em;
     font-size: 15px;
}
/*register*/
.block-space- span {
    color: #f37d22;
}
.pad-tb {
    padding-bottom: 60px;
}
.service-section {
    background: #fff;
    position: relative;
    overflow: hidden
}

.image-block img {
    width: 100%;
    border-radius: 8px
}

.img-block img {
    width: 100%;
    border-radius: 8px
}

.white-text {
    color: #fff !important
}

.shape-num .shape-loc:first-child:before {
    content: '';
    background: url(../images/shape/shape-1.svg);
    background-size: auto;
    position: absolute;
    height: 150px;
    width: 150px;
    background-repeat: no-repeat;
    left: -40px;
    bottom: -60px;
    z-index: -1
}

.shape-num .shape-loc:last-child:after {
    content: '';
    background: url(../images/shape/shape-2.svg);
    background-size: auto;
    position: absolute;
    height: 150px;
    width: 150px;
    background-repeat: no-repeat;
    right: -40px;
    bottom: -60px;
    z-index: -1
}

.shape-bg2 img {
    z-index: 1;
    position: relative
}

.shape-bg2 {
    position: relative;
    overflow: hidden;
}

.shape-bg2:after {
    content: '';
    background: url(../images/shape/shape-2.svg);
    background-size: auto;
    position: absolute;
    height: 150px;
    width: 150px;
    background-repeat: no-repeat;
    right: -40px;
    bottom: -60px;
    z-index: -1
}

.shape-bg2:before {
    content: '';
    background: url(../images/shape/shape-1.svg);
    background-size: auto;
    position: absolute;
    height: 150px;
    width: 150px;
    background-repeat: no-repeat;
    left: -40px;
    bottom: -60px;
    z-index: 0
}


.s-block {
    background: #fff;
    text-align: center;
    background-size: 200%;
    background-position: top right;
    background-repeat: no-repeat;
    text-align: center;
    padding: 50px 20px;
    margin: 0;
    position: relative;
    border: 1px solid #d4f0ff;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, .059), 0 8.2px 8.9px -30px rgba(0, 0, 0, .071), 0 25px 40px -30px rgba(0, 0, 0, .2);
    box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, .059), 0 8.2px 8.9px -30px rgba(0, 0, 0, .071), 0 25px 40px -30px rgba(0, 0, 0, .2)
}

.service-section .s-block {
    background: url(../images/shape-7.svg) #fff;
    background-size: 180px;
    background-position: top right;
    background-repeat: no-repeat
}

.s-card-icon {
    width: 80px;
    margin: 0 auto 30px
}

.s-block h4 {
    margin: 0 0 10px
}

.s-block a {
    display: inline-block;
    margin: 30px 0 0;
    color: #050748;
    font-family: Poppins, sans-serif
}

.upset {
    position: relative;
    z-index: 5
}

.wide-block {
    padding: 40px 30px;
    margin: 5px 0;
    position: relative;
    border: 0 solid #d4f0ff;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, .059), 0 8.2px 8.9px -30px rgba(0, 0, 0, .071), 0 25px 40px -30px rgba(0, 0, 0, .2);
    box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, .059), 0 8.2px 8.9px -30px rgba(0, 0, 0, .071), 0 25px 40px -30px rgba(0, 0, 0, .2)
}

.service-img1 {
    background: #fdd7332e;
}

.service-img1:after {
    background: url(../images/service/service-img-1.png)
}

.service-img2 {
    background: #ffdadb
}

.service-img2:after {
    background: url(../images/service/service-img-2.png)
}

.service-img3 {
    background: #d6edff
}

.service-img3:after {
    background: url(../images/service/service-img-3.png)
}

.service-img4 {
    background: #ffede1
}

.service-img4:after {
    background: url(../images/service/service-img-4.png)
}

.wide-block:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-size: 280px;
    background-position: right center;
    background-repeat: no-repeat
}

.block-space- {
    max-width: 50%;
    position: relative;
    z-index: 555
}

.wide-block h4 {
    margin: 20px 0 30px
}

.tilt3d .statistics-img {
    transform-style: preserve-3d;
    transform: perspective(1000px)
}

.tilt3d .statistics-img img {
    transform: translateZ(20px)
}
.sign__shape img {
    position: absolute;
    z-index: 0;
}
.sign__shape img.bg {
    left: 33%;
    top: 26%;
    opacity: 0.06;
    max-width: 100%;
    animation: signBg 5s linear 0s infinite alternate;
    -webkit-animation: signBg 5s linear 0s infinite alternate;
}
.sign__shape img.man-1 {
    left: 16%;
    top: 52%;
    z-index: 1;
}
.sign__shape img.man-2 {
    top: 45%;
    right: 19%;
}
.about-page{
    background-color: #ffffff;
}
.about-page p{
    color: #888;
    margin-top: 5%;
    font-size: 15px;
    line-height: 1.8em;
}
.btn-play {
    position: relative;
    display: block;
    width: 80px;
    height: 80px;
    background-color: #056eb9;
    -webkit-border-radius: 20px;
    border-radius: 50px;
    -webkit-transition: background-color .3s ease-in-out,color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out,color .3s ease-in-out;
    transition: background-color .3s ease-in-out,color .3s ease-in-out;
}
.btn-play {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.btn-play {
    background-color: #1977f3;
}
.btn-play:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 7px;
    margin: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 0 12px 15px;
    border-color: transparent transparent transparent #fff;
}
.how-wrks.about .how-wrks-inn ul li {
    float: left;
    width: 33.33%;
}
.sec-pad {
    padding-top: 0px;
    padding-bottom: 70px;
}
.mt100 {
    margin-top: 50px;
}
.sub-heading {
   font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    display: block;
    color: #f37c20;
}
/*new*/
.infotechno-contact-us-bg {
   background-color: aliceblue;
   background-size: cover;
   background-repeat: no-repeat;
   height: 550px;
   margin: 76px 0 0;
}
.infotechno-contact-us-bg:before{
position: absolute;
content: "";
width: 65%;
left:0;
height: 550px;
background-image: url(../images/new/left-img.jpg);
}
.section-space--ptb_120 {
       padding-top: 100px;
       padding-bottom: 100px;
       margin-top: 7%;
      margin-bottom: 3%;
}
.conact-us-wrap-one .heading {
    position: relative;
    padding-left: 34px;
    font-weight: 600;
    line-height: 1.4;
    color: #ffffff;
}
.conact-us-wrap-one .heading::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 4px;
    height: 94%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #ffffff;
}
.text-color-primary {
    color: #086AD8;
}
.conact-us-wrap-one .sub-heading {
    margin-top: 30px;
    margin-bottom: 25px;
    font-size: 18px;
    margin-left: 34px;
    color: #ffffff;
}
.conact-us-wrap-one {
    padding-top: 15%;
    padding-right: 20px;
}
.contact-info-one .icon h2 {
    margin-bottom: 30px;
    font-size: 30px;
    color: #0c0c0c;
}
.contact-info-one .heading{
    font-size: 15px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 600;
    cursor: pointer;
    padding: 18px;
    margin: 0 auto;
    margin-bottom: 25px;
    color: #1977f3;
    border: 1px solid #1977f3;
}
.contact-info-one .call-us{
    line-height: 1.17;
    color: #002fa6;
    position: relative;
    display: inline-block;
}
button.btn-ser-need-ani{
   position: relative;
    margin-top: 37px;
    margin-left: 7%;
    border:none;
}
.contact-info-one.text-center {
 padding-top:50px;
}
.testimonial-card {
    background-image: url(../images/new/testi-bg13.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 45px 50px 70px;
    border-radius: 5px 5px 5px 5px;
    text-align: center;
    color: #ffffff;
}

.testimonial-card::before {
    content: '';
    width: 93%;
    height: 100%;
    background-color: var(--whiteColor);
    -webkit-box-shadow: var(--boxShadow);
    box-shadow: var(--boxShadow);
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0
}

.testimonial-card img {
    border-radius: 50%;
    width: 60px;
    height: 60px;
}
.testimonial-card-intro {
    margin: 0 auto;
    width: 30%;
}
.testimonial-card p {
    color: #ffffff;
    font-size: 15px;
    font-style: italic;
    padding: 28px 10px;
}

.testimonial-card .testimonial-intro-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.testimonial-card .testimonial-intro-area h4 {
    margin-bottom: 5px;
    font-size: 20px;
    font-weight: 700;
    margin-top:3px;
}

.testimonial-card .testimonial-intro-area span {
    font-size: 14px;
    font-family: var(--fontFamily2)
}

.testimonial-card .testimonial-card-text {
    position: relative;
    z-index: 2
}
.testimonial-card .carousel-indicators {
    bottom: -60px;
    left:8%;
}
.stars ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.stars ul li {
    display: inline-block
}

.stars ul li i {
    color: #ffab00
}

.testimonial-slider-area {
    position: relative
}

/*----------------------------------------*/
/*  CTA Section CSS
/*----------------------------------------*/
.cta-section {
    position: relative;
    margin-bottom: 160px;
}

.cta-section:after {
    content: "";
    position: absolute;
    width: 67%;
    height: 100%;
    right: 0;
    top: 0;
    background: #1977f3;
    z-index: 2;
}


.cta-section .cta-image-box {
    position: absolute;
    width: 50%;
    height: 100%;
    left: 0;
    background-image: url("../images/admin-log-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
 

.cta-section .container {
    position: relative;
    z-index: 9;
}

.cta-section .cta-content h2 {
    color: #fff;
}

.cta-section .cta-content p {
    color: #fff;
    margin-bottom: 30px;
}

.cta-section .cta-content .cta-img-icon {
    display: inline-block;
    height: 80px;
    position: relative;
    width: 50px;
    margin-right: 40px;
    margin-bottom: 30px;
}

.cta-section .cta-content .cta-img-icon:last-child {
    margin-right: 0;
}

.cta-section .cta-content .cta-img-icon img {
    position: absolute;
    left: 0;
    bottom: 0;
    max-height: 100%;
}
.cta-section.ac.pt100.pb50 {
    margin-bottom: 228px;
}
.cta-section1:after {
    content: "";
    position: absolute;
    width: 67%;
    height: 100%;
    left: 0;
    top: 0;
    background: #222222;
    z-index: 2;
}
.cta-section.ac.pt100.pb50 {
       margin-bottom: 180px;
       margin-top: 6%;
}
.cta-section {
    position: relative;
    margin-bottom: 160px;
}
.pb50 {
    padding-bottom: 50px;
}
.pt100 {
    padding-top: 75px;
}
.cta-section1 .cta-image-box1 {
    position: absolute;
    width: 50%;
    height: 100%;
    right: 0;
    background-image: url(../images/84115679305551554468man-sitting-on-bench-having-a-cup-of-coffee-374044.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
button.btn.border-white {
    color: #ffffff;
    padding: 8px 20px;
}
/*new*/
.rs-about.style8 .widget-center {
  background: url(../images/new/exp-bg13.png);
  background-repeat: no-repeat;
  background-position: center;
  margin: -162px 0px 0px 260px;
  padding: 65px 0px 165px 0px;
  position: relative;
}
.rs-about.style8 .widget-center .content-part {
  position: absolute;
  left: 112px;
  text-align: center;
}
.rs-about.style8 .widget-center .content-part .title {
  font-size: 36px;
  line-height: 40px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 5px;
}
.rs-about.style8 .widget-center .content-part p {
  font-size: 15px;
  font-weight: 500;
  text-transform: uppercase;
  color: #ffffff;
  margin: 0px 0px 0px 0px;
}
.sec-title3 .sub-title {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    color: #1977f3;
    display: block;
    margin-bottom: 10px;
}
.sec-title3 .title {
    font-size: 35px;
    line-height: 1.3em;
    font-weight: 600;
    color: #111111;
    margin-bottom: 0;
}
.sec-title3 .title.title2 {
    max-width: 600px;
}
.sec-title3 .desc {
    font-size: 18px;
    font-weight: 500;
    color: #111111;
    margin: 25px 0;
    line-height: 1.6em;
}
.sec-title3 .description {
    color: #666666;
    margin-bottom: 35px;
    font-size: 15px;
    width: 90%;
}
.readon2.get-new {
    padding: 10px 28px;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    background-color: transparent;
    background-image: linear-gradient( 20deg, #015eea 23%, #02a3f4 98%);
    border-radius: 0;
    letter-spacing: 0;
}
.readon2.get-new:hover{
    color: #ffffff;
}
.readon2 {
    outline: none;
    display: inline-block;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    border-radius: 2px;
    transition: all 0.3s ease;
    font-family: 'Poppins', sans-serif;
    text-transform: none;
    letter-spacing: 1px;
}
.rs-about.style8{
    padding-top: 5%;
}
.rs-about .sec-title3{
   padding-top: 0%;
}
.rs-services {
    margin: 40px 0 80px;
}
.rs-services .addon-services {
  background: url(../images/new/service-shape.png);
  background-repeat: no-repeat;
  background-position: 200px 150px;
  padding: 45px 26px 40px 40px;
  background-color: #fff;
  box-shadow: 0 0 30px #eee;
  text-align: center;
  height: 300px;
}
.rs-services .addon-services .services-icon {
  margin-bottom: 20px;
}
.rs-services .addon-services .services-icon img {
  max-width: unset;
  width: 50px;
  height: 50px;
}
.rs-services .addon-services .services-text .title {
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  margin-bottom: 20px;
}
.rs-services .addon-services .services-text .title a {
  color: #111111;
}
.rs-services .addon-services .services-text .title a:hover {
  color: #12adfc;
}
.rs-services .addon-services .services-text .services-txt {
  margin-bottom: 0;
  font-size: 15px;
}
.rs-about.style11 {
    position: relative;
    padding: 80px;
    color: #ffffff;
}

.blue-light{
    background-image: linear-gradient(
160deg, #0052f5 0%, #4899f9 100%);
}
.sec-title7 .title {
    font-size: 36px;
    line-height: 40px;
    color: #ffffff;
    font-family: poppins, sans-serif;
    font-weight: 700;
    position: relative;
    margin-bottom: 15px;
}
.y-middle {
    margin-top: 5%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.rs-about.style11 .images-part {
  border-style: solid;
  border-width: 20px 20px 20px 20px;
  border-color: #fff;
  border-radius: 50px 50px 50px 50px;
}
.rs-about.style11 .images-part img {
  border-radius: 20px 20px 20px 20px;
}
.rs-about.style11 .animations {
  position: absolute;
  top: 7%;
  right: 20%;
}
.rs-about.style11 .animations img{
width:70%;
}
.rs-about.inner .image-part {
  position: relative;
}
.rs-about.inner .image-part img {
  border-radius: 10px;
}
.rs-about.inner .image-part .author-info {
  background: #106eea;
  text-align: center;
  padding: 30px 30px;
  width: 270px;
  border-radius: 8px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -64px;
}
.rs-about.inner .image-part .author-info .name {
  color: #ffffff;
  font-weight: 600;
  font-size: 25px;
  line-height: 32px;
  margin-bottom: 8px;
  text-transform: uppercase;
}
.rs-about.inner .image-part .author-info .designation {
  color: #ffffff;
  display: block;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 2.5px;
}
.row.y-middle .sec-title7 {
    width: 90%;
    padding-left: 5%;
    line-height: 2em;
}
.row.y-middle .sec-title7 p{
    margin-bottom: 40px;
}
.couter-part {
    text-align: center;
    margin-top: 20%;
}
a.white-btn {
    color: #ffffff;
    border: 1px solid;
    padding: 9px 15px;
    border-radius: 8px;
    font-size: 15px;
}
.dance2 {
    -webkit-animation: dance2 4s alternate infinite;
}
@keyframes dance2 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
  }
  50% {
    -webkit-transform: translate3d(15px, -15px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, -15px, 15px);
  }
}
.rs-animations .spinner {
    position: absolute;
    bottom: 0;
    z-index: -11;
}
.rs-animations .spinner.dot {
    top: -45px;
    left: -40px;
}
.scale {
    animation: scale 8s alternate infinite;
    webkit-animation: scale 2s alternate infinite;
}
@-webkit-keyframes scale {
  0% {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
.rs-animations .spinner {
    position: absolute;
    bottom: 0;
    z-index: -11;
}
.rs-animations .spinner.ball {
    bottom: -85px;
    right: 14%;
}
.dance2 {
  -webkit-animation: dance2 4s alternate infinite;
}
@keyframes dance2 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
  }
  50% {
    -webkit-transform: translate3d(15px, -15px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, -15px, 15px);
  }
}
.shape-bg2 {
  background: url(../images/new/shape-bg2.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
  margin-bottom: 0;
}
.gutter-16 {
    margin-left: 5px;
    margin-right: 5px;
}
.mb-119 {
    margin-bottom: 119px;
}
.rs-services.style9 .service-wrap {
  box-shadow: 0px 0px 45px -22px rgba(0, 0, 0, 0.22);
  padding: 40px 25px 30px;
  background-image: linear-gradient(180deg, #ffffff 0%, #f2f4fc 100%);
  margin-bottom: 25px;
}
.rs-services.style9 .service-wrap .icon-part {
  margin-bottom: 27px;
}
.rs-services.style9 .service-wrap .icon-part img {
  max-width: 70px;
}
.rs-services.style9 .service-wrap .title {
  margin-bottom: 18px;
}
.rs-services.style9 .service-wrap .title a {
  color: #1c1b1b;
}
.rs-services.style9 .service-wrap .title a:hover {
  color: #1c3988;
}
.about-left h6{
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    color: #1977f3;
    display: block;
    margin-bottom: 10px;
}
.home-about.mis:after{
position: absolute;
content: "";
background-image: url(../images/new/shape-3.png);
top: 0;
width: 100%;
height: 160px;
}
.home-about{
    position: relative;
}
.bg10 {
    background-image: url(../images/new/bg10.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}
.top-part{
 padding-top: 93px;
 padding-bottom: 124px;
}
.white-color {
    color: #ffffff !important;
}
.bg11 {
    background-image: url(../images/new/bg11.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}
.pb-100 {
    padding-bottom: 100px;
}
.gutter-20 {
    margin-left: -10px;
    margin-right: -10px;
}
.rs-pricing.style1 .pricing-wrap {
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 0 0.2rem 2.8rem rgba(36, 36, 36, 0.1);
  text-align: center;
  padding: 50px 0 40px;
}
.rs-pricing.style1 .pricing-wrap .top-part {
  margin-bottom: 37px;
  padding: 0;
}
.rs-pricing.style1 .pricing-wrap .top-part .title {
  font-size: 24px;
  line-height: 32px;
  font-weight: 400;
  margin-bottom: 29px;
 color: #1977f3;
}
.rs-pricing.style1 .pricing-wrap .top-part .price {
  color: #106eea;
  font-size: 60px;
  font-weight: 700;
  font-family: 'Poppins', sans-serif;
  margin-bottom: 11px;
  line-height: 1;
}
.rs-pricing.style1 .pricing-wrap .top-part .price span {
  font-size: 24px;
  margin-right: 3px;
  font-family: 'Roboto', sans-serif;
}
.rs-pricing.style1 .pricing-wrap .top-part .priod {
  font-weight: 700;
  color: #106eea;
}
.rs-pricing.style1 .pricing-wrap .middle-part li {
  margin-bottom: 8px;
}
.rs-pricing.style1 .pricing-wrap .middle-part li i {
  margin-right: 10px;
  min-width: 15px;
}
.rs-pricing.style1 .pricing-wrap .middle-part li:last-child {
  margin: 0;
}
.rs-pricing.style1 .pricing-wrap .btn-part {
  margin-top: 48px;
}
.rs-pricing.style1 .pricing-wrap .btn-part a {
  padding: 11px 23px;
  border-radius: 3px;
  color: #ffffff;
  background: #106eea;
  display: inline-block;
  font-size: 16px;
}
.rs-pricing.style1 .pricing-wrap .btn-part a:hover {
  background: #228bfd;
}
.rs-pricing.style1 .video-sec {
  padding: 199px 0;
  background: url(../images/new/videobg1.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  max-width: 885px;
  margin: 0 auto -100px;
  position: relative;
  z-index: 2;
  text-align: center;
  border-radius: 5px;
}

.mt--60 {
    margin-top: -60px;
}
.mt--120 {
    margin-top: -120px;
}
.mt--180 {
    margin-top: -180px;
}
.gray-bg {
    background: #f1f6fc;
}
.pb-100 {
    padding-bottom: 100px;
}
.pt-200 {
    padding-top: 200px;
}
.pr-30 {
    padding-right: 30px;
}
.mb-30 {
    margin-bottom: 30px;
}
.sec-title .sub-title.primary {
    color: #106eea;
    margin-bottom: 15px;
}
.list-pg-bg.user-main-profile {
    margin-top: 4%;
    padding-top: 16px;
    background: #fff;
}
.list-pg-bg.user-main-profile .list-pg-lt{
	    background: transparent;
}

.formpicture {
    width: 36px;
    margin-bottom: 0%;
    height: 36px;
    border-radius: 20%;
    object-fit: cover;
    float: left;
    margin-right: 7px;
    border: 1px solid #a9a9a97a;
}

.cate-main-page{
  margin: 60px 0 180px;
}
.eve-deta-pg.blog-detail {
    padding-top: 5%;
}
.ab-faq-btn {
    margin: 0 35% 30px;
}
.abou-pg.white-bg {
    background: #ffffff!important;
}
.abou-pg.white-bg:before{
content: "";
position: absolute;
display: none;
}
.mob .log div button.btn {
    width: 50%;
    margin-left: 27%;
    margin-top: 12px;
}
#SMSArea .col-2{
    padding: 0 2px;
    margin-right: 10px;
}
 .smsCode {
    display: block;
    font-size: 25px;
    border: solid 1px #ccc;
    box-shadow: 0 0 5px #ccc inset;
    width:100%;
    outline: none;
    border-radius: 12px 0 12px 12px!important;
    margin-bottom: 10px;
    height: 44px!important;
    margin-top: 14px;
  }
    .SMSArea .col-2:after {
    position: absolute;
    content: "..";
    color: #c8b9b9;
    top: 15px;
    right: -12px;
   }
 .SMSArea .col-2:last-child:after{
  display: none;
 }
.smsCode::placeholder{
position: relative;
top:5px;
}

.wfm-summery ul {
    list-style: none;
    padding-inline-start: 0;
    display: flex;
    border-bottom: 1px solid #ebeaea;
    padding-bottom: 10px;
}
.wfm-summery li {
      position: relative;
    padding: 17px 0px;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    display: grid;
    text-align: center;
}
.wfm-summery li span {
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
    height: 50px;
    font-size: 13px;
    background: #eeeffc;
    padding: 1rem !important;
    text-align: center;
    margin: 0 auto;
    border-radius: 1.4rem !important;
    line-height: 20px;
    margin-bottom: 15px;
}
.wfm-summery li span:after {
    height: 15px;
    width: 15px;
    border: 3px solid #fff;
    position: absolute;
    background: #0c5ece;
    border-radius: 100%;
    bottom: 48px;
    left: 50%;
    transform: translateX(-50%);
    content: "";
}

.job-prof-pg .lhs .profile{position: relative;float: left;width: 100%;}
.defa-prof-pg .lhs .profile{margin-top: 0px;margin-bottom: 7%;}
.defa-prof-pg .jpro-ban-bg-img img{border-radius: 8px;}
.jpro-ban-bg-img span{
    position: absolute;
    left: 15px;
    top: 15px;
    color: #fff;
    font-size: 9px;
    padding: 6px 5px;
    border-radius: 4px;
    font-weight: 400;
    display: inline-block;
    background: #e18a09;
}
.jpro-ban-bg-img span b{}
.jpro-ban-bg-img{
    position: relative;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 4%), 0 2px 4px -1px rgb(0 0 0 / 2%);
}
.jpro-ban-bg-img:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background: #24222669;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to top, #0b0b0bc7 30%, #07070705);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to top, #0b0b0bc7 30%, #07070705); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    opacity: 0.9;
    border-radius: 5px;
}
.jpro-ban-bg-img img{
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-radius: 8px;
}
.exp-prof-pg .jpro-ban-bg-img img{border-radius: 0px 0px 8px 8px;}
.jpro-ban-tit{
    float: left;
    width: 100%;
    padding: 30px 10px 30px 25px;
    margin-top: -140px;
    position: relative;
}
.jpro-ban-tit .s1{
    float: left;
    width: 20%;
}
    .jpro-ban-tit .s1 img {
        width: 100%;
        border-radius: 5px;
        box-shadow: 0 4px 6px -1px rgb(0 0 0 / 4%), 0 2px 4px -1px rgb(0 0 0 / 2%);
        height: 200px;
        object-fit: cover;
        z-index: 4;
        position: relative;
        border: 1px solid #ccc;
    }
.jpro-ban-tit .s2{
    float: left;
    width: 45%;
    padding: 0px 20px 0px 25px;
    color: #fff;
}
.jpro-ban-tit .s2 h1{
    font-size: 34px;
    font-weight: 600;
    
    margin-bottom: 0px;
   
 
}
.jpro-ban-tit .s2 span{
    font-size: 13px;
    color: #d5d4d4;
}
.jpro-ban-tit .s2 p{
    margin: 0px;
    font-size: 15px;
    font-weight: 600;
    color: #d5d4d4;
}
.jpro-ban-tit .s3{
    float: left;
    width: 33%;
    padding: 35px 0px 0px 0px;
}
.jpro-ban-tit .s3 .cta{
    color: #fff;
    font-size: 12px;
    padding: 9px 15px;
    border-radius: 4px;
    font-weight: 600;
    display: inline-block;
    transition: all 0.5s ease;
    float: right;
    background: #718995;
    cursor: pointer;
}
.jpro-ban-tit .s3 .cta:hover{background: #556c78;}
.jpro-ban-tit .s3 .cta.fol{
    margin: 0px 8px;
}
.jpro-ban-tit .s3 .cta.fol:hover{    background: #0534e1;}
.jpro-ban-bg-img p{
    font-size: 9px;
    color: #35762a;
    position: absolute;
    left: 118px;
    top: 15px;
    margin: 0px;
    background: #fbfcfaeb;
    padding: 0px 5px;
    border-radius: 4px;
    font-weight: 400;
}
.jpro-ban-bg-img p b{}
.jpro-bd{
    float: left;
    width: 100%;
    margin-bottom: 150px;
}
.jpro-bd-com{
    background: #fff;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 4%), 0 2px 4px -1px rgb(0 0 0 / 2%);
    margin-bottom: 40px;
    padding: 30px 30px 25px 30px;
    border-radius: 5px;
    float: left;
    width: 100%;
}
.jpro-bd-com h4, .jb-pro-bio h4{
    padding-bottom: 10px;
    font-size: 18px;
    font-weight: 500;
}
.jpro-bd-com ul{}
.jpro-bd-com ul li{
    font-size: 13px;
    font-weight: 400;
    color: #6a6a6a;
    padding: 2px 0px 2px 20px;
}
.jpro-bd-com ul li:before{
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50px;
    margin: 6px 0px 0px -17px;
}
.jpro-bd-com span{
    font-size: 11px;
    font-weight: 500;
    float: left;
    line-height: 22px;
    background: #def3ff;
    padding: 0px 6px;
    margin: 0px 5px 5px 0px;
    border-radius: 3px;
    display: inline-block;
}
.jpro-ban-tit .s3 .cta.fol {
    background: #246df8;
}
.fa-edit:before, .fa-pencil-square-o:before {
    content: "\f044";
    font-family: 'FontAwesome';
    color: #1977f3;
}
.pglist-p-com-ti.flex{
    display: flex;
}
.pglist-p-com-ti.flex h3{
    width: 90%;
}
.pglist-p-com-ti .icon{
 width: 10%;
 margin-left: 50%;
}
.progress {
    border-radius: 0;
    position: fixed;
    top: 37px;
    left: 0;
    height: 5px;
    background-color: #135bba;
    transition: all linear 0.1s;
    min-width: 0em;
    z-index: 99;
}
a.otp-a {
   display: inline-block;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    width: 50%;
    margin-left: 28%;
    background: #1977f3;
    border: 0px;
    font-weight: 600;
    font-size: 17px;
    padding: 10px 0px;
    border-radius: 50px;
}
.profile-img img {
    width: 40px;
    border-radius: 50%;
    border: 2px solid #fff;
}
.section-dashbaord {
    margin: 84px 19px;
    margin-bottom: 40px;
}
.profile-img a {
    border: initial!important;
    background-color: transparent!important;
}
p.signup-op {
    margin-top: 20px;
}
.login.register{
    padding: 40px 40px 40px;
}
ul.time-sch{
    list-style: none;
}
ul.time-sch li{
    float: left;
    width: 100%;
    padding: 5px;
    color: rgba(45,46,47,1);
    font-weight: 500;
    display: flex
}
ul.time-sch li span.head-day{
        width: 20%;
}
.pglist-p-com-ti h3 {
    width: 80%;
}
.new-btn {
    position: absolute;
    right: 35%;
    line-height: 2em;
    font-weight: 600;
    color: #1977f3;
    cursor: pointer;
    padding-top: 10px;
}
.bg-gray {
    background: #f6f6f6 !important;
}
#add-about {
    padding: 25px 30px;
}
.edit-busines .readon2.get-new{
  padding: 7px 24px;
}
.modal {
    background: #0000008f;
}
 i.img-ch{
    font-size: 16px;
    color: #26ae61;
    position: absolute;
    background: #ffffff;
    border-radius: 100%;
    cursor: pointer;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    bottom: 7px;
    right: -5px;
    font-weight: 700;
}
.edit-busines .fa-pencil-alt:before {
    content: "\f303";
    font-family: inherit;
    font-weight: 900;
    color: #186fc9;
    font-size: 12px;
    margin-top: -13px;
    margin-left: 10px;
}
.img-sec-up {
    border: 2px dotted #1977f3;
    padding-left: 30%;
    padding-bottom: 25px;
}
.com-padd.rating-page {
    margin-top: 6%;
}
.com-padd.rating-page .list-pg-lt {
    width: 65%;
}
.com-padd.rating-page .lp-ur-all-rat ul li {
    display: inline-flex;
}
.login-main.thank-you-con {
    margin-top: 28%;
    padding-bottom: 25px;
}
.login-main.thank-you-con h1{
    text-align: center;
}
/*pyment-css*/
.rounded {
    border-radius: 1rem
}

.nav-pills .nav-link {
    color: #555
}

.nav-pills .nav-link.active {
    color: white
}

input[type="radio"] {
    margin-right: 5px
}

.bold {
    font-weight: bold
}
.payment-screen .card{
    -webkit-box-shadow: 0 5px 5px 0 rgb(154 160 185 / 5%), 0 5px 30px 0 rgb(166 173 201 / 22%);
    box-shadow: 0px 40px 80px 0px rgb(2 2 26 / 14%);
    background: #fff;
    margin: 0 auto;
    display: table;
    position: relative;
    border-radius: 5px;
    border:none;
}
.payment-screen .card-header {
    background-color:transparent;
    border-bottom: none;
}
.payment-screen .card-footer {
    background-color: transparent;
    border-top: none;
}
.login-reg.payment-screen {
    padding-bottom: 80px;
}
.nav-pills .nav-link.active i, .nav-pills .show > .nav-link i {
    color: #007bff;
}

@media screen  and (min-width:320px) and (max-width:767px){
    .infotechno-contact-us-bg:before {
    width: 100%;
    height: 400px;
    }
    .infotechno-contact-us-bg {
       height: 100%;
     }
     .abou-pg {
       padding: 85px 0px 40px 0px;
    }
    .about-ban h1, .about-ban input {
       font-size: 25px;
     }
     .about-ban p {
       font-size: 15px;
    }
   .rs-about.style8 .widget-center {
    display: none;
    }
    .sec-title3 .title {
    font-size: 20px;
    }
   .sec-title3 .desc {
    font-size: 15px;
    margin: 15px 0;
    }
    .rs-about.style11 {
     padding: 20px;
    }
    .sec-title7 .title {
    font-size: 25px;
    }
    .rs-about.style11 .animations img {
      display: none;
    }
    .rs-about.style11 .images-part {
     border-width: 10px 10px 10px 10px;
    }
    .couter-part {
      margin-top: 10%;
    }
    .row.y-middle .sec-title7 p {
      margin-bottom: 30px;
      margin-top: 20px;
     }
     .about-left .ab-iner {
      margin-top: 9%;
     }
     .home-about {
      padding: 40px 0 60px;
     }
     .mt--120 {
       margin-top: 0;
     }
     .login {
     padding: 20px 0px 0px;
     background-color: #ffffff;
     }
     .ab-faq-btn {
       margin: 28px 26% 30px;
     }
     .rs-questions {
        padding-top: 130px;
        padding-bottom: 0;
      }

}

.suscription-inner{
    position: relative;
    padding: 60px 0;
    margin-top: 50px;
}
.plan-tab{
    position: sticky;
    top: 90px;
    background-color: #fff;
    padding: 1rem 0 2.5rem 0;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}
.plan-tab h3{
    border-bottom: 0.1875rem solid #1977f3;
    font-size: .875rem;
    padding: 0.6rem 1.65rem 15px;
    color: #1977f3;
    text-align: center;
    font-weight: 500;
}
.nav-pills.plan-tab .nav-link.active {
    color: white;
    background-color: #f0f5ff;
    border-right: 0.1875rem solid #1977f3;
    color: #214796;
}
.nav-pills.plan-tab .nav-link {
    color: #767b87;
    padding: 0.85rem 1.25rem;
    border-bottom: 1px solid rgba(0,0,0,.125);
    text-decoration: none;
    font-size: .875rem;
    font-weight: 500;
    border-radius: 0;
}
.plan-right-tab {
    border-radius: 10px;
    border: 0;
    border-bottom: 0 solid rgba(0,0,0,.125);
    margin: 0 auto;
    box-shadow: 0 0 0.875rem rgb(33 71 150 / 10%);
    background-color: #ffffff;
}
.plan-right-tab h3{
    font-size: 1.25rem;
    padding: 1.2rem 0.5rem 0.5rem 1.25rem;
    min-height: 3.75rem;
}
.plan-card {
    position: relative;
    border-top: 1px solid #d7d7d7!important;
    padding: 1.75rem 1.25rem;
    background-color: #fff;
}
.plan-card ul{
 display: flex;
}
.plan-card ul li{
    width: 22%;
}
.txt_small_title {
    font-size: 12px;
    margin-bottom: 0.375rem;
    text-transform: uppercase;
    color: gray;
    font-weight: 500;
}
.txt_amt {
    color: #000;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 500;
}
.col-red{
    color: #eb0000;
    cursor: pointer;
}
.plan-card a{
    font-size: 14px;
}
.plan-card .btn{
    background: #1977f3;
    color: #ffffff;
    border: 1px solid #1977f3;
    padding: 8px 20px;
    border-radius: 5px;
    display: inline-block;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 12px;
}
.plan-card ul li.view{
    padding-top: 5px;
}
.pri-box.new-paln-box {
    margin: 20px 0;
    background: #e7ebf8;
}

.pri-box.new-paln-box .c2 h4{
    margin-bottom: 0;
    font-size: 13px;
}
.pri-box.new-paln-box .c3 p {
    border-bottom: 1px solid #ffffff;
}
.benefit-sus p {
    margin-bottom: 3px;
    font-size: 13px;
    color: #1977f3;
    width: 50%;
}
.benefit-sus h5{
     font-size: 13px;
    font-weight: 600;
    margin-top: 2px;
}
.pri-box.new-paln-box .c3 {
    padding: 20px 20px 0;
}
.pri-box.new-paln-box .c5 a {
    padding: 10px 25px;
    width:auto;
}
.pri-box.new-paln-box .c4 ol li span{
   float: right;
    color: #000;
    padding-right: 15px; 
}
.benefit-sus {
    display: flex;
    width: 100%;
}
a.skip-url {
    text-decoration: underline;
}
.back-icon {
    position: absolute;
    right: 64px;
    z-index: 1;
    top: 15px;
    color: #1977f3;
}
.suscription-skip {
       position: absolute;
    right: 105px;
    z-index: 1;
    top: 15px;
    color: #1977f3;
}
.back-icon svg{
    width: 20px;
    height: 20px;
}
.pri-box.new-paln-box .c2 {
    margin: 20px 10px 0;
    border-radius: 12px;
    width: fit-content;
    padding: 10px 20px;
    background: #1977f3;
}
.add-profile {
    position: relative;
    padding: 60px 0 80px;
    background-color: #f1f9fe;
    max-width: 960px;
    margin: 10% auto 13%;
    -webkit-box-shadow: 0px 5px 62px 0px rgb(0 0 0 / 19%);
    box-shadow: 0px 5px 62px 0px rgb(0 0 0 / 19%);
}
.form-horizontal {
    padding: 30px 30px 0;
}
.form-horizontal .form-control{
    padding: 10px 10px 10px 25px;
    height: 60px;
    font-size: 14px;
    border: 1px solid #ddeef9;
    border-radius: 0;
    box-shadow: none;
    background: #ddeef9;
}
.form-horizontal textarea.form-control{
	height: auto;
}
 .form-horizontal .form-control:focus{
    border-color: #fff;
    box-shadow: none;
}
 .form-horizontal .control-label{
    font-size: 17px;
    color: #fff;
    position: absolute;
    top: 5px;
    left: 27px;
    text-align: center;
}
 
.form-horizontal .radio label{
    padding-left: 0;
    font-size: 14px;
}
 
.form-horizontal .checkbox{
    margin-top: 10px;
    margin-bottom: 10px;
}
 
.form-horizontal .checkbox label{
    font-size: 14px;
}
 
.form-horizontal .btn{
    display: block;
    width: 100%;
    font-size: 14px;
    color: #4e4e4e;
    margin: 10px 0;
    border: 2px solid #fff;
    background: transparent;
    border-radius: 0;
    padding: 10px 25px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: all 0.5s ease 0s;
}
 
.form-horizontal .btn:hover{
    border-color: #fff;
    color: #333;
}
 
.form-horizontal .btn:before{
    content: "";
    width: 100%;
    height: 100%;
    background: #fff;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: -1;
    transition: all 0.5s ease 0s;
}
 
.form-horizontal .btn:hover:before{
    top: 0;
}
 
.form-horizontal .radio input[type="radio"]{
    position: absolute;
    opacity: 0;
}
 
.form-horizontal .radio input[type="radio"] + .radio-label:before{
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background:#fffefe;
    border: 1px solid #b4b4b4;
    position: relative;
    top: 5px;
    margin-right: 16px;
    text-align: center;
    -webkit-transition: all 250ms ease 0s;
    transition: all 250ms ease 0s;
}
 
.form-horizontal .radio input[type="radio"]:checked + .radio-label:before{
    background: #1977f3;
    box-shadow: inset 0 0 0 2px #f4f4f4;
}
 
.radio input[type="radio"]:focus + .radio-label:before{
    outline: none;
    border-color: #d09ef5;
}
 
.form-horizontal .checkbox-custom{
    opacity: 0;
    position: absolute;
}
 
.form-horizontal .checkbox-custom,
.form-horizontal .checkbox-custom-label{
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
}
 
.form-horizontal .checkbox-custom-label{
    position: relative;
}
 
.form-horizontal .checkbox-custom + .checkbox-custom-label:before{
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    line-height:15px;
    text-align: center;
    background: transparent;
    border: 1px solid #fff;
    vertical-align: middle;
    margin-right: 10px;
}
 
.form-horizontal .checkbox-custom:checked + .checkbox-custom-label:before{
    content: "\f00c";
    font-family: "Font Awesome 5 Free"; font-weight: 900;
    font-size: 10px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
}
 
.form-horizontal .checkbox label{
    padding-left: 0;
}
 
/*.form-control::-moz-placeholder{
    color:#fff;
}*/

.form-horizontal .form-group ::placeholder { 
  color:#2e2d2c;
  opacity: 1; 
}

 .form-horizontal .form-group ::-ms-input-placeholder { 
  color:#2e2d2c;
}

.form-horizontal .form-group ::-ms-input-placeholder { 
  color: #2e2d2c;
}
.add-profile h4{
    color: #1977f3;
    font-weight: 500;
}
#add-product {
    background-color: #f1f9fe;
}
.company-profile{
    position: relative;
    padding:16px 40px 30px;
    background-color: aliceblue;
    border-radius: 12px;
    margin-bottom: 20px;
}
.company-profile .media img{
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.company-profile .media h4{
   font-size: 17px;
    font-weight: 600;
    padding-top: 21px;
    margin-bottom: 3px;
}
.company-profile .media-body p{
  padding: 0;
  font-weight: 600;
}
.company-profile p{
     font-size: 14px;
     padding: 0px 0 0;
     color: gray;
}
.company-profile a{
    font-size: 13px;
    letter-spacing: 0.05em;
    text-decoration: underline;
}
.more {
    color: #ffffff;
    padding: 6px 20px;
    border-radius: 2px;
    font-size: 14px;
    display: table;
    background: #1977f3;
    margin-top: 20px;
}
.more:hover{
    color : #ffffff;
}
.membership-rev {
    padding: 20px;
}
#add-location {
    background-color: #f1f9fe;
    margin-bottom: 20px;
}
.fa-window-close:before {
    font-family: 'Font Awesome 5 Free';
    position: relative;
}
.time-sec-week{
    width:77%;
	color: #7c758d;
	    font-size: 13px;
}
span.delete-time{
   background: #e0ada9;
    color: #fff;
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
    line-height: 19px;
    border-radius: 50px;
    float: right;
    margin-top: 4px;
    cursor: pointer;
}
form.row.time-form {
    border-top: 1px solid #e9e0e0;
    margin-top: 12px;
    padding-top: 25px;
}
.add-more-time {
    width: 30px;
    height: 30px;
    background-color: #1977f3;
    color: #fff;
    text-align: center;
    float: right;
    border-radius: 50%;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
    margin-right: 10px;
}
.business-profile{
	    background: #EFF3F6;
		    padding-top: 20px;

}

.business-profile.list-pg-bg .com-padd {
    padding: 18px 18px 10px 18px;
        background: #EFF3F6;
   border-radius: 0;
    float: left;
    width: 100%;
}

.business-profile .pglist-bg  h4{
	padding: 15px 20px;
    background: #fff;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    margin-bottom: 0px;
}
.business-profile  ul.time-sch li{
    border-bottom: 2px solid #fafafa;
	    padding-top: 10px;
    padding-bottom: 10px;
}

.business-profile .fa-times:before {
    font-family: 'Font Awesome 5 Free';
    position: relative;
	font-weight: 900;
	color: #fff;	
    font-size: 14px;

}
.row.time-form .form-control{
	    font-size: 12px;
}

.fulldayopen-wrap{
	  font-size: 12px;
}

.add-review .fa-plus:before{
	font-family: 'Font Awesome 5 Free';
    position: relative;
	font-weight: 900;
	color: #000;	
    font-size: 14px;
}

.add-review .home-list-pop-desc  h2{
	    font-weight: bold;
    font-size: 50px;
	    margin-bottom: 0;
}
.add-review .home-list-pop-desc  h5{
	    margin-bottom: 0;
}
.add-review .home-list-pop-desc span{
	font-size:12px;
}
.star-list li img{
	    width: auto;
    transition: all .5s ease;
    height: auto
}
.review_listing figure {
    width: 40px;
    height: 40px;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    float: left;
    margin-right: 15px;
}
.review_listing img{
    transition: all .5s ease;
    height: auto;
	    width: 100%;
	
}
.review_listing .rating img{
	 width: auto;
    transition: all .5s ease;
    height: auto
}

.review_listing  .rating{
	    float: revert;
}
.business-profile .pglist-bg .review_listing h4{
	    padding: 0;
    background: #fff;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.add-review{
	        margin-left: 10px;
		    font-size: 13px;
}

.review_listing-page{
   
}
.review_listing-page .cd-cen-intr {
    padding: 22px 20px 0 20px;
}
.review_listing-page .container{
	    background: transparent;
}

.review_listing-page .review_listing {
        background-color: #EFF3F6;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    padding: 25px;
    box-sizing: content-box;
    box-shadow: 0 2px 4px rgb(3 27 78 / 6%);
    margin-bottom: 30px;
}

.review_listing-page .review_listing h4{
	    padding: 0;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.review_listing-page .review_listing h3 {
    font-size: 18px;
    padding-bottom: 8px;
    color: #000000;
    padding-top: 5px;
    font-weight: 700;
}
.review_listing-page .review_listing em{
	font-size:12px;
}
.review_listing-page .review_listing p{
	    margin-bottom: 10px;
    font-size: 14px;

}

.review_listing .btn-ser-need-ani:before{
	display:none;
}
.review_listing .btn-ser-need-ani .fa-eye{
	margin-right:5px;
}
.review_listing .btn-ser-need-ani .fa-eye:before{
	font-family: 'Font Awesome 5 Free';
    position: relative;
    font-weight: 900;
    color: #fff;
    font-size: 14px;

}
.user-main-profile .container{
	background: transparent;
}
.user-main-profile .list-pg-lt{
	    width: 100%;
    float: left;
    background: #f5f8ff;
}
	
.user-main-profile  .title-heading {
    border-bottom: 1px solid #e0e6f5;
position: relative;
   
}
.pglist-bg{
	    border-radius: 7px;
}
.user-main-profile  .title-heading h4 {
    padding: 15px 20px;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    margin-bottom: 0px;
}
.pro-soci  li {
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    color: #859d93;
    margin: 0px 15px 15px 0px;
    background: #e9fcf4;
    padding: 20px;
    border-radius: 6px;
}
.pro-soci  li img{
	
	        width: auto!important;
}
.my-business ul li{
	    display: inline-block;
    width: 49%;
}

.pro-listing-box img{
	    width: 100%!important;
}

.my-business .more{
	margin-top: 0;
	display: inline-block;
}

.user-main-profile .ud-rhs-promo {
    float: none; 
}

.hot-page2-hom-pre{
	    border-radius: 10px;
}

.user-main-profile .hot-page2-hom-pre h4{
	
	font-size: 18px;
}

.business-listing button.more {
       position: absolute;
    right: 0;
    top: 0;
    margin: 7px;
    background: transparent;
    color: #000;
    text-decoration: underline;
}

.quick-access h4 {
    background: -webkit-linear-gradient( 
45deg
,#2627fa,#ff544f 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    border: 1px dashed #6835c6;
    border-radius: 15px;
    padding: 10px 0px;
    text-transform: uppercase;
    letter-spacing: .5px;
}
.quick-access ul li{
    opacity: 1;
    padding: 0;
}
.quick-access.pmenu-spri ul li a img{
    float: left;
}
.quick-access.hot-page2-hom-pre div {
    float: none; 
    padding-left: 40px;
}
.quick-access.hot-page2-hom-pre h5{
       font-weight: 600;
    font-size: 15px;
    
}
.quick-access.hot-page2-hom-pre p{
       margin-bottom: 0;
    font-weight: 400;
    font-size: 11px;
}
.quick-access.hot-page2-hom-pre span{
       margin-bottom: 0;
    font-weight: 400;
    font-size: 11px;
color:#1070bd;
}

.business-profile .db-tit-btn{
	    position: static;
}
.business-action {
    position: absolute;
    right: 16px;
}

.business-action a{
	       border: 1px solid #007ad9;
    padding: 5px;
    border-radius: 3px;
    width: 31px;
    display: inline-block;
    height: 31px;
    line-height: 22px;
    text-align: center;
	color:#333;
}

.business-action a.delete{
	color:#f37979;
}
.ud-payment.ud-pro-link.bus-pg .view-business{
    border: 0px;
    font-weight: 600;
    padding: 5px 20px;
    font-size: 9px;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    background: #1877de;
    background: -webkit-linear-gradient(to top, #2d6eb5, #1877de);
    background: linear-gradient(to top, #2d6eb5, #1877de);
	
}

.business-dashbaord-inner{
padding:20px;	
}

.business-dashbaord-inner .new-btn{
	    top: 0;
		 right: 5%;
	padding-top: 0;
}
.business-dashbaord .fa-pencil-alt:before {
    content: "\f303";
    font-family: inherit;
    font-weight: 900;
    color: #186fc9;
    font-size: 12px;
    margin-top: -13px;
    margin-left: 10px;
}
.business-dashbaord .fa-times:before {
    font-family: 'Font Awesome 5 Free';
    position: relative;
    font-weight: 900;
    color: #fff;
    font-size: 14px;
}
.business-dashbaord{
	    box-shadow: none;
		    background: transparent;
			    padding: 0;
    margin-top: 25px;
}

.business-dashbaord .pglist-p-com-ti {
    padding: 10px;
}
.business-dashbaord .pglist-bg h4 {
    padding: 15px 20px;
    background: #fff;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    margin-bottom: 0px;
}
.user-self-profile ul li{
	    float: none;
    width: 100%;
}

.sidebar {
/*    height: 100%;*/
    background: #fff;
    border-radius: 1.25rem;
    box-shadow: 0rem 0.3125rem 0.3125rem 0rem rgb(82 63 105 / 5%);
    padding: 0px;
    overflow: hidden;
    overflow-y: auto;
}
    .sidebar ul li {
        padding: 10px;
    }
        .sidebar ul li:last-child{
            border:none;
        }
        .sidebar ul li a {
            color: #000;
            display:block;
        }
    .sidebar ul li.active {
        padding: 10px;
    }
        .sidebar ul li.active a {
            color: white;
        }
        .sidebar ul li.active svg {
            color: white;
        }
        .table thead th {
                vertical-align: bottom;
                border-bottom: 1px solid #dee2e6;
                border-top: none;
                font-size: 15px;
            }
.table tbody td {
    font-size: 13px;
    vertical-align: middle;
}
    .table tbody td a {
        color: #00b2a9;
        color: #00b2a9;
    }
    body {
        background: #f5f6fa;
    }
.listing {
    background: #fff;
    margin-bottom: 30px;
}

    .listing .card {
        border: none;
        
    }
.badge {
    padding: 5px 8px;
    /*    min-width: 120px;*/
}
.document-info {
    background: #1977f3;
    width: 24px;
    height: 24px;
    text-align: center;
    padding: 2px;
    color: white !important;
    border-radius: 4px;
    display: block;
    box-shadow: 3px 3px 18px -2px #00000030;
}
    .document-info:hover{
        color:#fff!important;
    }

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
}

.accordion-button::after {
    flex-shrink: 0;
    width: 1.05rem;
    height: 1.05rem;
    right: 17px;
    top: 19px;
    margin-left: auto;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
}
    .table tbody td.action a {
        border: 1px solid #007ad9;
        padding: 5px;
        border-radius: 3px;
        width: 31px;
        display: inline-block;
        height: 31px;
        line-height: 16px;
        text-align: center;
        color: #333;
    }
    .table tbody td.action a.delete {
        color:#dc3545;
    }
    .table tbody td.action a.view {
        color: #1977f3;
    }

.editbtn {
    background: #607d8b;
    width: 24px;
    height: 24px;
    text-align: center;
    padding: 1px;
    color: white !important;
    border-radius: 4px;
    box-shadow: 3px 3px 18px -2px #0000002e;
}
.delbtn {
    background: #f27b20;
    width: 24px;
    height: 24px;
    text-align: center;
    padding: 2px;
    color: white !important;
    border-radius: 4px;
    box-shadow: 3px 3px 18px -2px #00000030;
}
.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
  
}

.sidebar svg {
    /* background: #607d8b; */
    width: 30px;
    height: 30px;
    /* font-size: 28px; */
    padding: 2%;
    border-radius: 6px;
    color: #155bb7;
    margin-right: 3%;
}
.sidebar .accordion > .card .card-header {
    margin-bottom: -1px;
    background: #fff;
}
    .sidebar .accordion > .card .card-header button {
        color: #0d0d0d;
        font-weight: 600;
        font-size: 17px;
        padding: 0px 0px;
        text-decoration: none;
        letter-spacing: .3px;
    }
        .sidebar .accordion > .card .card-header button:focus {
            box-shadow: unset;
        }
.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgb(245 246 250);
    border-radius: 1.25rem;
    box-shadow: 0rem 0.3125rem 0.3125rem 0rem rgb(82 63 105 / 5%);
}

.pagespeed.box {
    background: #fff;
    padding: 20px 20px;
    border-radius: 8px;
    box-shadow: 10px 10px 30px 0 rgb(0 0 0 / 20%);
    align-items: center;
}


.pagespeed.box .icon {
    width: 40px;
    max-width: 40px;
    flex: 0 0 40px;
}
.pagespeed .info {
    padding-left: 20px;
}
    .pagespeed .info .dlab-title {
        color: #000;
        font-size: 24px;
        line-height: 1.2;
        margin-bottom: 10px;
    }

    .pagespeed .info p {
    font-size: 16px;
    line-height: 1.5;
    vertical-align: top;
    display: flex;
    align-items: start;
    margin-bottom: 0;
}


.sidebar-img-section .sidebar-img-content {
    background: #6362e7;
    color: #fff;
    height: 100%;
    position: relative;
    border-radius: 20px;
    text-align: center;
    padding: 15px;
    /* margin-top: 24%; */
    height: 286px;

}
.numersize {
    font-size: 27px;
    margin: 0;
    font-weight: 500;
}

.sidebar-img-section .sidebar-img-content img {
    margin-top: -71px;
    height: 137px;
    width: auto;
    /* background: #f4f7fb; */
    padding: 4%;
    /* border-radius: 22px;*/
}

    .sidebar-img-section .sidebar-img-content h4 {
        font-weight: 700;
        margin-top: 5%;
    }


    .sidebar-img-section .sidebar-img-content a.txt {
        color: rgba(255,255,255,0.7);
        margin-bottom: 15px;
        display: block;
        margin-top: 5%;
    }

    .sidebar-img-section .sidebar-img-content .btn {
        padding: 0.2rem 1.1rem;
        color: #000000;
        background: #ffeb3b;
        margin-top: 4%;
    }

a.db-tit-btn {
    position: absolute;
    right: 15px;
    top: 13px;
    color: #333;
    font-size: 13px;
    font-weight: 500;
    border-radius: 3px;
    padding: 9px 17px;
    color: #fff;
    font-size: 14px;
    background: #485563;
    background: -webkit-linear-gradient(to top, #697480, #9ba3ab);
    background: #00b2a9;
}

.headpara {
    margin-bottom: 3%;
    background: aliceblue;
    background-color: #fff;
    /* background-clip: border-box; */
    /* border: 1px solid rgb(245 246 250); */
    margin-bottom: 2%;
    border-radius: 10px;
    box-shadow: 0rem 0.3125rem 0.3125rem 0rem rgb(82 63 105 / 5%);
    padding: 20px;
}

.headpara h2 {
    font-size: 23px;
    font-weight: 600;
    margin: 0;
}

.breadcrumb {
    background-color: rgba(0,0,0,0);
    padding: 0;
    margin-top: 1%;
    margin-bottom: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    color: black;
}

    .breadcrumb li {
        font-size: 14px;
        letter-spacing: 0.5px;
        font-family: "Roboto",sans-serif;
        font-weight: 500;
        line-height: 16.41px;
        margin-right: 1%;
    }

.breadcrumb .breadcrumb-item a {
    padding: 6px 7px;
    background-color: #f4f6fd;
    border-radius: 5px;
}

.breadcrumb .breadcrumb-item a svg {
    width: 16px;
    height: 16px;
    vertical-align: text-top;
}

.page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item {
    color: #6362e7;
}
.breadcrumb-item + .breadcrumb-item::before {
    float: left;
    padding-right: 0.5rem;
}
    .breadcrumb-item + .breadcrumb-item {
    padding-left: 0.5rem;
}

        .breadcrumb-item + .breadcrumb-item::before {
            display: inline-block;
            padding-right: 0.5rem;
            color: #6c757d;
            content: "";
        }

.toptitleset {
    width: 100%;
    display: inline-flex;
}

.toptitleset .form-control {
        margin-left: auto;
        width: 28%;
    }

    .toptitleset a {
        height: fit-content;
        margin-left: 1%;
        padding: 11px 16px !important;
        margin-top: 0px !important;
        font-size: 13px !important;
        border-radius: 5px !important;
        position: inherit !important;
        background: #00b2a9!important;
    }

.badge-success {
    font-size: 12px;
    /*    min-width: 105px;*/
    padding: 5px 8px;
    font-weight: 400;
    text-align: center;
    background-color: rgba(15, 183, 107, 0.12) !important;
    color: #26af48 !important;
}

.badge-danger {
    font-size: 12px;
    /* min-width: 105px; */
    padding: 5px 8px;
    letter-spacing: .3px;
    font-weight: 400;
    text-align: center;
    background-color: rgb(255 218 218 / 49%) !important;
    color: #FF0000 !important;
}
.subs {
    background: #ffeb3b33 !important;
    /* border: 1px solid #3f51b5; */
    color: #ffc412 !important;
}

td .view {
    border: 1px solid #007ad900 !important;
    /* padding: 5px; */
    border-radius: 3px !important;
    width: 100% !important;
    display: inline-flex !important;
    height: auto !important;
    line-height: 1.1 !important;
    text-align: center !important;
    color: #333;
    font-size: 13px;
    /* min-width: 105px; */
    padding: 5px 3px;
}

    td .view svg {
        margin-right: 0px;
    }

.chcktbl1 {
    width: 18px;
    height: 18px;
}

.sidebar ul .active {
    background: #1977f3;
    padding: 3px;
}

.dash-count {
    float: right;
    margin-right: 4%;
}

a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
    color: white;
    text-decoration: none;
}

td a:hover {
    color: black!important;
}

/* width */
::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f7f7f7;
}
.subs2 {
    background-color: #f1f1f1 !important;
    color: black !important;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #cecece;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

.roundimg {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 100%;
    background: #f5f6fa7a;
    border: 1px solid #cecece59;
}

#frmExportft {
    height: fit-content;
    margin-left: 1%;
    padding: 13px 16px !important;
    margin-top: 0px !important;
    font-size: 13px !important;
    border-radius: 5px !important;
    position: inherit !important;
    background: #00b2a9 !important;
}

.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #000000;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

    .page-link:focus {
        z-index: 2;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 0%);
        color: white;
        background: #1977f3;
    }

.bottom {
    padding: 0 2%;
    display: flex;
}
.listing .card {
    border: none;
    box-shadow: none;
}
.dataTables_paginate {
    margin-left: auto;

}
.dataTables_info {
    font-size: 15px;
    color: #999b9c;
}

.bottom a {
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #000000;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.toppopup-img {
    width: 70px;
    margin: 4% auto 0% auto;
}

.popupclose {
    position: absolute;
    top: 4%;
    right: 3%;
}

.popupbtnn{
    width: inherit;
    padding: 2%;
    font-size: 20px;
    background: #4c7af1;
    border: none;
    color: white;
}