/*custom css start*/
min-height
.margin-top-0 {
    margin-top: 0px !important;
}
.margin-top-10 {
    margin-top: 10px !important;
}

.mt-6 {
    margin-top: 60px !important;
}

.mt-7 {
    margin-top: 70px !important;
}

.mt-8 {
    margin-top: 80px !important;
}

.mt-9 {
    margin-top: 90px !important;
}

.mt-10 {
    margin-top: 100px !important;
}

.mt-11 {
    margin-top: 110px !important;
}

.mt-12 {
    margin-top: 120px !important;
}

.mt-13 {
    margin-top: 130px !important;
}

.mt-14 {
    margin-top: 140px !important;
}

.mt-40 {
    margin-top: 40px !important;
}

.mt-30 {
    margin-top: 30px !important;
}

.mt-26 {
    margin-top: 26px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.pb-6 {
    padding-bottom: 50px;
}

.pb-7 {
    padding-bottom: 60px;
}

.pb-8 {
    padding-bottom: 70px;
}

.pb-16 {
    padding-bottom: 16px;
}

.ml-minus-10 {
    margin-left: -10px !important;
}

.ml-minus-12 {
    margin-left: -12px !important;
}

.ml-minus-15 {
    margin-left: -15px;
}

.ml-minus-16 {
    margin-left: -16px !important;
}

.ml-minus-18 {
    margin-left: -18px !important;
}

.mt-minus-96 {
    margin-top: -96px !important;
}

.mt-minus-30 {
    margin-top: -30px !important;
}

.min-height {
    min-height: 636px !important;
}
.min-height-0 {
    min-height: 0px !important;
}

.margin-bottom-20 {
    margin-bottom: -20px;
}

.line-h {
    line-height: 45px !important;
}

.f-10 {
    font-size: 10px !important;
}

.f-12 {
    font-size: 12px !important;
}

.f-14 {
    font-size: 14px !important;
}

.f-16 {
    font-size: 16px !important;
}

.f-18 {
    font-size: 18px !important;
}

.f-20 {
    font-size: 20px !important;
}

.f-22 {
    font-size: 22px !important;
}

.f-24 {
    font-size: 24px !important;
}

.f-38 {
    font-size: 38px !important;
}

.f-36 {
    font-size: 36px !important;
}

.f-28 {
    font-size: 28px !important;
}

.f-50 {
    font-size: 50px !important;
}

.w-38 {
    width: 38% !important;
}

.w-40 {
    width: 38% !important;
}

.w-42 {
    width: 38% !important;
}

.w-44 {
    width: 38% !important;
}

.w-46 {
    width: 38% !important;
}

.w-48 {
    width: 38% !important;
}

.w-52 {
    width: 52% !important;
}

/*.w-54{
	width:54% !important;
}*/

.w-54 {
    width: 65% !important;
}

.w-56 {
    width: 56% !important;
}

.w-58 {
    width: 58% !important;
}

.w-60 {
    width: 60% !important;
}

.w-62 {
    width: 62% !important;
}

.color-white, .color-white:focus {
    color: #FFF !important;
}

.color-b {
    color: #000000 !important;
}

.d-color {
    color: #f9060d !important;
}

.l-height-20 {
    line-height: 20px;
}

.l-height-22 {
    line-height: 22px;
}

.l-height-24 {
    line-height: 24px;
}

.l-height-26 {
    line-height: 26px;
}

.l-height-28 {
    line-height: 28px;
}

.l-height-30 {
    line-height: 30px;
}

.l-height-40 {
    line-height: 40px;
}

.l-height-50 {
    line-height: 50px;
}

.margin-l-r {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

ul {
    list-style: none;
}

.padding-l-r {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.color-31 {
    color: #313131 !important;
}

.color-d2 {
    color: #d2d2d2 !important;
}

.color-31p {
    color: #212529 !important;
}

.form-minus-m {
    margin-bottom: -80px;
}

/*custom css end*/

body {
    font-family: Poppins-Regular;
}

@font-face {
    font-family: "Poppins-Regular";
    src: url("../css/font/Poppins-Regular.ttf");
}

@font-face {
    font-family: "Poppins-Semi-Bold";
    src: url("../css/font/Poppins-Semi-Bold.ttf");
}

@font-face {
    font-family: "Poppins-Medium";
    src: url("../css/font/Poppins-Medium.ttf");
}

@font-face {
    font-family: "Poppins-ExtraLight";
    src: url("../css/font/Poppins-ExtraLight.ttf");
}

@font-face {
    font-family: "Poppins-Light";
    src: url("../css/font/Poppins-Light.ttf");
}

@font-face {
    font-family: "Poppins-Italic";
    src: url("../css/font/Poppins-Italic.ttf");
}

@font-face {
    font-family: "Poppins-Bold";
    src: url("../css/font/Poppins-Bold.ttf");
}

.Poppins-Light {
    font-family: 'Poppins-Light', sans-serif !important;
}

.Poppins-Regular {
    font-family: 'Poppins-Regular', sans-serif !important;
}

.Poppins-Semi-Bold {
    font-family: 'Poppins-Semi-Bold', sans-serif !important;
}

.Poppins-Medium {
    font-family: 'Poppins-Medium', sans-serif !important;
}

.Poppins-Italic {
    font-family: 'Poppins-Italic', sans-serif !important;
}

.Poppins-ExtraLight {
    font-family: 'Poppins-ExtraLight', sans-serif !important;
}

.Poppins-Bold {
    font-family: 'Poppins-Bold', sans-serif !important;
    font-size: 34px;
    color: #FFF;
}

.Poppins-Bold {
    font-family: 'Poppins-Bold', sans-serif !important;
    font-size: 34px;
    color: #FFF;
}

.Poppins-Bold-new {
    font-family: 'Poppins-Bold', sans-serif !important;
    color: #FFF;
}

.Poppins-Bold-font {
    font-family: 'Poppins-Bold', sans-serif !important;
}

/*header main section start*/

/*navbar start*/

/*.nav-btn-cstm-color {
     font-size: 14px;
     background-color: #000;
     text-align: center;
     text-transform: uppercase;
     padding: 7px 28px 7px 30px !important;
     border: 1px solid #000;
     border-radius: 5px;
     margin: 1.5px auto;
}
*/

.nav-btn-cstm-color {
    font-size: 14px;
    background-color: #000;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid #000;
    border-radius: 5px;
    margin: 1.5px auto;
    width: 225px;
    height: 36px;
    color: #FFF !important;
    transition: 0.5s ease-in-out;
}

.nav-signup-btn-cstm-color {
    font-size: 16px;
    color: #1a1a1a !important;
}

.bg-color {
    background-color: #FFF !important;
    height: 60px;
    box-shadow: inset 0px 0px 0px 1px #eee;
    z-index: 999;
}

/* .color-black {
    background-color: #000 !important;
} */

.b-left {
    position: relative;
    left: -18px;
    top: 7px;
}

/*navbar end*/

.s1 {
    min-height: 90px;
}

.bg-cover {
    background-image: url(../images/cover.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: auto;
    min-height: 560px;
}

.MultiCarousel {
    float: left;
    overflow: hidden;
    padding: 15px;
    width: 100%;
    position: relative;
}

.MultiCarousel .MultiCarousel-inner {
    transition: 1s ease all;
    float: left;
}

.MultiCarousel .MultiCarousel-inner .item {
    float: left;
}

.MultiCarousel .MultiCarousel-inner .item>div {
    text-align: center;
    padding: 10px;
    /*margin:10px;
     */
    background: #f1f1f1;
    color: #666;
}

.MultiCarousel .leftLst, .MultiCarousel .rightLst {
    position: absolute;
    border-radius: 50%;
    top: calc(50% - 20px);
}

.MultiCarousel .leftLst {
    left: 0;
}

.MultiCarousel .rightLst {
    right: 0;
}

.bg-transparent {
    background-color: transparent !important;
}

.MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over {
    pointer-events: none;
    background: #fff;
    padding: 0px;
    height: 16px;
    width: 16px;
}

.hoverbox:hover .img-hover .category {
    margin-top: -10px;
    transition: .4s ease-in-out;
    transition-timing-function: linear;
    transition-delay: .3s;
}

.category {
    transition: .6s;
}

.nav-btn-cstm-search {
    background-color: #2d2d2d;
    color: #FFF;
    /* width: 130px; */
    text-align: center;
    /* border-radius: 5px; */
    /* height: 38px; */
    margin-top: 23px !important;
    padding: 9px;
    display: inline-block;
    /* float: left; */
    position: relative;
    right: 62px;
    /* border: none; */
    /* outline:none; */
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.nav-btn-cstm-search button {
    background-color: #f9060d;
    color: #FFF;
    width: 130px;
    text-align: center;
    border-radius: 5px;
    height: 38px;
    /* margin-top: 27px !important; */
    padding: 9px;
    display: inline-block;
    /* float: left; */
    border: none;
    outline: none;
}

.search-icon1 {
    position: absolute;
    right: 12px;
    top: 6px;
}

/* .nav-btn-cstm-search:hover{
     background-color: red;
     color: #FFF;
     width: 130px;
     text-align: center;
     border-radius: 5px;
     height: 38px;
} */

.img-hover {
    min-height: 40px;
}

.left-btn {
    background: #FFF;
    border: none;
    color: #494747;
    padding: 0px;
    height: 16px;
    width: 16px;
}

.left-btn:hover {
    background: #FFF !important;
    border: none !important;
    color: #494747 !important;
}

.left-btn:focus {
    background: #f9060d !important;
    border: none !important;
    color: #FFF !important;
    box-shadow: none;
}

.next-angle-arrow {
    font-size: 14px !important;
    font-weight: bold !important;
}

.next-angle-arrow:before {
    content: "\f104";
    position: absolute;
    top: 1.2px;
    left: 6.5px;
}

.next-angle-arrow1:before {
    content: "\f104";
    position: absolute;
    top: 1.5px;
    left: 4.4px;
}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: none;
}

.next-angle-arrow1 {
    font-size: 14px !important;
    font-weight: bold !important;
    /*position: relative;
    bottom: 18px;
    right: 8px;*/
}

.content-hr {
    display: inline-block;
    position: relative;
    padding: 0;
    margin: -27px auto;
    height: 0;
    max-height: 0;
    font-size: 1px;
    clear: both;
    border: none;
    border-bottom: 1px solid #ffffff;
    width: 86%;
}

.MultiCarousel .MultiCarousel-inner .item>.bg-transparent:hover {
    /* margin-top: 2px;
     */
    transition: .6s;
    font-weight: bold;
}

.MultiCarousel .MultiCarousel-inner .item>.bg-transparent:hover:after {
    /*content: "\f077";
     */
    content: "\f0d8";
    font-family: FontAwesome;
    position: absolute;
    bottom: 1.1px;
    color: #FFF;
    font-size: 18px;
    font-weight: normal;
}

.bgBlack {
    background-color: #2d2d2d;
}

.brto {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.padding {
    padding: 5px 0 5px 20px;
}

.mtop {
    margin-top: 23px;
}

.searchbox {
    position: relative;
    height: 40px;
    width: 288px;
    margin: auto;
    /* overflow: hidden;*/
    border-bottom: 1px solid #fff;
    background: none;
    color: #fff;
    perspective: 1800px;
    perspective-origin: 40% 40%;
    transform-style: preserve-3d;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.searchbox--active {
    color: #000;
}

.searchbox:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 20px;
    left: 0px;
    transform: rotateX(90deg);
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.searchbox--active:after {
    top: 0px;
    left: 0px;
    transform: rotateX(0deg);
}

.searchbox input {
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 100%;
    padding-left: 0px;
    padding-right: 44px;
    border: none;
    font-size: 14px;
    color: inherit;
    background: none;
}

.searchbox button {
    position: absolute;
    z-index: 1;
    right: 10px;
    top: 0px;
    height: 100%;
    width: 44px;
    border: none;
    background: none;
    font-size: 1.4em;
    color: inherit;
}

.search-cstm:focus {
    color: #FFF;
    background-color: transparent;
    border-color: transparent;
    outline: 0;
    box-shadow: none;
}

.search-cstm {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #FFF;
    background-color: transparent;
    background-clip: padding-box;
    border: none;
    border-radius: 0px;
    transition: none;
    padding: -1px 12px 0px 12px;
    -webkit-appearance: none;
}

.searchbox input::placeholder {
    color: #FFF !important;
}

button:focus {
    outline: none !important;
}

.search-bar {
    position: relative;
    background-color: rgba(0, 0, 0, 0.61);
    left: 0;
    right: 0;
    bottom: 100px;
    height: 100px;
    width: 100%;
}

.nav-btn-cstm-color:hover {
    border: 1px solid transparent;
    background-color: #f9060d;
    color: #FFF !important;
    transition: .4s ease-in-out;
    transition-timing-function: linear;
}

.category {
    min-height: 34px;
}

.category-text {
    min-height: 44px;
    height: auto;
    min-width: 145px;
    margin-left: 10px;
}

.search-cstm select {
    -webkit-appearance: none;
    background-image: url(../images/angle-down.png);
    background-repeat: no-repeat;
    background-position: right;
    margin-left: 0px;
    cursor: pointer;
}

.serach-icon1 {
    float: right;
    position: relative;
    left: 5px;
}

.search-icon1 {
    float: right;
    position: relative;
    left: 5px;
    top: 0px;
}

/*header main section end*/

/*multi-item carousel start*/

.properties-s1 {
    margin-top: -60px;
}

.testimonial {
    padding: 0px;
    margin: 0px;
    position: relative;
}

.testimonial .pic {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 5px solid #c7373c;
    overflow: hidden;
    margin: 0 auto;
    position: absolute;
    top: -50px;
    left: 0;
    right: 0;
}

.testimonial .pic img {
    width: 100%;
    height: auto;
}

.testimonial .description {
    font-size: 15px;
    color: #5e595b;
    line-height: 27px;
    text-align: center;
    margin: 0;
    position: relative;
}

.testimonial .description:before {
    content: "\f10d";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 25px;
    color: #d7d7d7;
    position: absolute;
    top: 0;
    left: -2px;
}

.testimonial .title {
    display: inline-table;
    padding: 10px;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #ea816b;
    font-size: 20px;
    font-weight: 700;
    color: #c7373c;
    letter-spacing: 1px;
    text-transform: uppercase;
    position: absolute;
    bottom: -22px;
    left: 0;
    right: 0;
}

.testimonial .post {
    font-size: 15px;
    color: #671a36;
}

.owl-theme .owl-controls {
    width: 97%;
    height: 50px;
    opacity: 1;
    position: absolute;
    top: 28%;
}

.owl-theme .owl-controls .owl-buttons div {
    width: 50px;
    height: 50px;
    line-height: 40px;
    border-radius: 0;
    background: transparent;
}

.owl-prev {
    position: absolute;
    left: -5%;
}

.owl-next {
    position: absolute;
    right: -5%;
}

.owl-prev:after, .owl-next:after {
    content: "\f053";
    font-family: FontAwesome;
    font-size: 30px;
    color: #b4b4b4;
    opacity: 1;
}

.owl-next:after {
    content: "\f054";
    position: absolute;
    right: 10px;
}

.owl-theme .owl-controls .owl-buttons div {
    background: transparent !important;
    opacity: 1 !important;
}

.owl-cstm {
    margin-left: 5px !important;
}

.owl-cstm .owl-prev {
    left: -45px;
}

@media only screen and (max-width: 479px) {
    .testimonial {
        padding: 70px 10px 30px;
    }
    .testimonial .description:before {
        top: -20px
    }
    .testimonial .title {
        font-size: 12px;
    }
    .testimonial .post {
        font-size: 11px;
    }
}

.pr-img1 {
    width: 280px;
    height: 146px;
    object-fit: cover;
    /*border-radius: 6px 6px 0px 0px;
     */
}

.pr1 {
    text-align: left;
    width: 100%;
    font-size: 14px;
    min-height: 21px;
}

.mb1 {
    margin-bottom: 0px !important;
}

.pr2 {
    width: 61.4%;
    color: #1a1a1a;
    font-size: 14px;
    float: left;
    text-align: left;
}

.just-ask-btn {
    width: 90px;
    color: #FFF;
    float: right;
    background-color: #f9060d;
    height: 30px;
    padding: 3px;
    text-align: center;
    border-radius: 5px;
    margin: -7px auto;
}

.just-ask-btn:hover {
    width: 90px;
    color: #FFF;
    float: right;
    background-color: #f9060d;
    height: 30px;
    padding: 3px;
    text-align: center;
    border-radius: 5px;
    margin: -7px auto;
}

.just-ask-btn:focus {
    text-decoration: none;
    outline: none;
    color: #FFF;
}

.box {
    width: 280px;
    /* box-shadow: 5px 0px 14px 0px #DDD;
     */
    box-shadow: 0 0px 2px rgba(0, 0, 0, .15);
    float: left;
    border-radius: 6px 6px 0px 0px;
    height: auto;
    margin: 6px;
    min-height: 209px;
    transition: 0.5s cubic-bezier(0.075, 0.82, 0.165, 1) all;
    overflow: hidden;
}

.box2 {
    background-color: #FFF;
    width: 100%;
    padding: 10px 0px 0px 10px;
    box-shadow: 0px 2px 1px 1px #DDD;
    float: none;
    height: auto;
    width: 100%;
    padding: 10px;
    min-height: 62px;
    border-radius: 0px 0px 4px 4px;
}

.properties:after {
    border-top: 4px solid red;
    content: "";
    position: absolute;
    top: -4px;
    bottom: 0;
    left: 15px;
    right: 0;
    width: 5%;
}

/*End multi-item carousel*/

/*works section start*/

.works {
    background-image: url(../images/works-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: auto;
    /*min-height:564px;*/
    min-height: 420px;
}

.works-c:after {
    border-top: 4px solid red;
    content: "";
    position: absolute;
    /*top: 65px;*/
    top: 20px;
    bottom: 0;
    left: 15px;
    right: 0;
    width: 6.7%;
}

.works-c {
    /*margin-top: 70px;*/
    margin-top: 26px;
}

.works-c1 {
    background-color: #f9060d;
    width: 75px;
    height: 75px;
    color: #FFF;
    border-radius: 5px;
}

/* .works-c1:hover {
     background-color: #f9060d;
     width: 75px;
     height: 75px;
     color: #FFF;
     border-radius: 5px;
}*/

.w-text1 {
    display: table;
    margin: auto;
    padding-top: 8px;
    font-weight: bold;
}

.work-m1 {
    width: 100%;
    height: auto;
}

.w-text2 {
    color: #FFF;
    float: right;
    width: 100%;
}

.works-main {
    float: left;
    width: 100%;
    display: flex;
}

.w-text3 {
    color: #FFF;
    width: 100%;
}

/*End work section*/

/*start mobileapp section*/

.mobile-section {
    background-image: url(../images/part.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
    min-height: 700px;
    background-position: bottom;
}

.mb-text1 {
    color: #000;
    margin-top: 110px !important;
    min-height: 84px;
    width: 100%;
}

.mb-text2 {
    margin-top: 90px;
    color: #000;
}

.mobile-application {
    color: #807e7e !important;
    background-image: none !important;
}

.input-border:after {
    border-bottom: 1px solid red;
    content: "";
    position: absolute;
    bottom: 14px;
    left: 15px;
    right: 0;
    width: 64%;
}

.input-border2:after {
    border-bottom: 1px solid red;
    content: "";
    position: absolute;
    bottom: 14px;
    left: 0;
    right: 0;
    width: 100%;
}

.app-btn {
    background-color: #f9060d;
    height: 40px;
    width: 150px;
    border-radius: 5px;
    display: inline-block;
    text-align: center;
    padding: 6px;
}

.link-btn {
    color: #FFF;
    text-decoration: none;
}

.link-btn:focus {
    outline: none;
    text-decoration: none;
    color: #FFF;
}

.link-btn:hover {
    outline: none;
    text-decoration: none;
    color: #FFF;
}

.app-btn:hover {
    background-color: #000;
    height: 40px;
    width: 150px;
    border-radius: 5px;
    display: inline-block;
    text-align: center;
    padding: 6px;
    transition: .4s ease-in-out;
    transition-timing-function: linear;
}

.appstore-img2 {
    margin: 0px 10px;
}

.mobile-img {
    max-width: 80% !important;
    margin-left: 46px;
}

/*End mobileapp section*/

/*signup section start*/

/*.red-box {
     background-color: #f9060d;
     height: 500px;
     padding: 0;
     margin: 0;
     position:relative;
     left: -53px;
     right: 0;
     top: -86px;
     bottom: 0;
}*/

.red-box {
    background-color: #f9060d;
    height: 620px;
    padding: 0;
    margin: 0;
    position: relative;
    left: -53px;
    right: 0;
    top: -86px;
    bottom: 0;
    width: 675px;
}

/*.red-box2 {
     background-color:#FFF;
     height: 500px;
     padding: 0;
     margin: 0;
     position: relative;
     left: -30px;
     right: 0;
     top: -86px;
     bottom: 0;
     width: 112%;
}*/

.red-box2 {
    background-color: #FFF;
    height: 620px;
    padding: 0;
    margin: 0;
    position: relative;
    left: -22px;
    right: 0;
    top: -86px;
    bottom: 0;
    width: 688px;
}

.cstm-contain {
    display: table;
    margin: auto;
    width: 86%;
}

.r1 {
    color: #FFF;
    margin-top: 100px;
    min-height: 54px;
}

.r2 {
    color: #FFF;
    margin-top: 50px;
    min-height: 84px;
}

.r3 {
    color: #f9060d;
    margin-top: 100px;
    min-height: 54px;
}

.r4 {
    color: #f9060d;
    margin-top: 50px;
    min-height: 84px;
}

.signup-btn {
    color: #FFF;
    font-size: 20px;
    text-decoration: none;
    text-transform: uppercase;
}

.signup-btn:hover {
    color: #FFF;
    font-size: 20px;
    text-decoration: none;
    outline: none;
}

.signup-btn:focus {
    color: #FFF;
    font-size: 20px;
    text-decoration: none;
    outline: none;
}

.sign-up-d {
    background: transparent;
    width: 200px;
    height: 50px;
    border-radius: 5px;
    border: 1px solid #FFF;
    padding: 10px;
    text-align: center;
    margin-top: 80px;
}

.sign-up-d:hover {
    background: transparent;
    width: 200px;
    height: 50px;
    border-radius: 5px;
    border: 1px solid #FFF;
    padding: 10px;
    text-align: center;
    margin-top: 80px;
}

.signup-btn2 {
    color: #f9060d;
    font-size: 20px;
    text-decoration: none;
    text-transform: uppercase;
}

.signup-btn2:hover {
    color: #f9060d;
    font-size: 20px;
    text-decoration: none;
    outline: none;
}

.signup-btn2:focus {
    color: #f9060d;
    font-size: 20px;
    text-decoration: none;
    outline: none;
}

.sign-up-d2 {
    background: transparent;
    width: 200px;
    height: 50px;
    border-radius: 5px;
    border: 1px solid #f9060d;
    padding: 10px;
    text-align: center;
    margin-top: 80px;
}

/*.s-main {
     height: 414px;
}*/

.s-main {
    /*height: 409px;*/
	height: 515px;
    background-color: transparent;
}

/*signup section end*/

/*user testimonial section start*/

.testimonial {
    text-align: center;
    /*margin: 20px 30px 40px;
     */
}

.testimonial .pic {
    display: inline-block;
    width: 100px;
    height: 100px;
    border-radius: 25px;
    border: 4px solid #6b2014;
    box-shadow: 0 7px rgba(0, 0, 0, 0.1), 0 5px #e4ac01;
    margin-bottom: 15px;
    overflow: hidden;
}

.testimonial .pic img {
    width: 100%;
    height: auto;
}

.testimonial .description {
    padding: 0 20px 20px;
    font-size: 15px;
    color: #333;
    line-height: 30px;
    border-radius: 25px;
    border-bottom: 4px solid #6b2014;
    box-shadow: 0 7px rgba(0, 0, 0, 0.1), 0 5px #e4ac01;
    margin-bottom: 25px;
}

.testimonial .title {
    display: block;
    margin: 0 0 7px 0;
    font-size: 20px;
    font-weight: 600;
    color: #6b2014;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.testimonial .post {
    display: block;
    font-size: 15px;
    color: #e4ac01;
    text-transform: capitalize;
}

.owl-theme .owl-controls {
    margin-top: 0;
}

.owl-theme .owl-controls .owl-page span {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #6b2014;
    opacity: 0.8;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.45);
    transition: all 0.3s ease 0s;
}

.owl-theme .owl-controls .owl-page.active span {
    background: #888686 !important;
    opacity: 1 !important;
}

@media only screen and (max-width: 479px) {
    .testimonial {
        padding: 20px 15px 40px;
    }
    .testimonial .description {
        padding: 0 5px 20px;
    }
}

.user-testimonial {
    background-color: #EEE;
    min-height: 570px;
    height: auto;
}

.top-cstm {
    margin-top: 76px;
}

.dot-cstm .owl-controls.clickable {
    position: absolute;
    top: 103%;
    left: 0;
    right: 0;
}

.user-t1 {
    color: #313131;
    text-align: justify;
    min-height: 63px;
    line-height: 26px;
}

.user-t2 {
    color: #313131;
    text-align: justify;
    min-height: 27px;
}

.double-img {
    position: relative;
    top: 10px;
    right: 122px;
}

.user-b1 {
    float: left;
    background-color: #FFF;
    padding: 12px 23px;
    height: auto;
    min-height: 298px;
    border-radius: 10px;
    width: 377px;
    /*box-shadow: 0 0px 3px 0 rgba(0, 0, 0, 0.2);
     */
    box-shadow: 0px 1px 20px 0px rgb(214, 211, 211);
    margin: 10px;
}

.checked {
    color: #f6bc18;
}

.star-icon {
    float: left;
}

.half-dd {
    color: orange;
}

.dot-cstm .owl-page span {
    width: 8px !important;
    height: 8px !important;
}

.user-review {
    width: 60%;
    display: table;
    margin: auto;
    margin-top: 70px !important;
}

.user-served {
    color: #313131;
    font-size: 26px;
}

.user-served2 {
    color: #1a1a1a;
    margin-top: -17px;
}

.rating {
    border: none;
    float: left;
}

.star-icon {
    float: left;
    margin-top: -21px;
    /* margin-left: -2px;*/
}

.rating>input {
    display: none;
}

.rating>label:before {
    margin: 2px;
    font-size: 18px;
    font-family: FontAwesome;
    display: inline-block;
    content: "\f005";
}

.rating>.half:before {
    content: "\f089";
    position: absolute;
}

.rating>label {
    color: #e2e2e2;
    float: right;
}

.rating>input:checked~label, .rating:not(:checked)>label:hover, .rating:not(:checked)>label:hover~label {
    color: #f6bc18;
}

.rating>input:checked+label:hover, .rating>input:checked~label:hover, .rating>label:hover~input:checked~label, .rating>input:checked~label:hover~label {
    color: #f9060d;
}

/*End user testimonial section*/

/*footer start*/

.f-c {
    color: #f9060d;
    font-size: 23px;
    margin-bottom: 10px;
}

.footer {
    margin-top: 40px;
}

.fc2 {
    color: #000;
    line-height: 24px;
}

.list-unstyled.quick-links a {
    color: #000;
    line-height: 28px;
    font-size: 14px;
}

.b2:after {
    border-bottom: 1px solid #FFF;
    width: 50%;
    content: "";
    position: absolute;
    height: 5px;
    left: 13px;
    top: 36px;
    clear: both;
    display: table;
}

.b2:nth-child(2):after {
    border-bottom: 1px solid red !important;
    width: 50% !important;
    content: "";
    position: absolute;
    height: 5px;
    left: 13px;
    top: 36px;
}

.col-half-of {
    margin-left: 5%;
}

.fc5 {
    color: #FFF;
    line-height: 24px;
    width: 81%;
}

.fc6 {
    line-height: 24px;
    color: #FFF;
    margin-bottom: 0px;
}

.col-half-2 {
    margin-left: -172px;
}

.col-half-3 {
    margin-left: -30px;
}

.margin-top-minus {
    margin-top: -38px;
}

.social-icons li {
    vertical-align: top;
    display: inline;
    height: 100px;
}

ul.social-icons {
    margin-left: -42px;
}

a.social-icon {
    margin: 3px;
}

.social-icons a {
    color: #000;
    font-size: 16px;
}

.social-icons a:hover {
    color: #000;
    font-size: 16px;
}

.social-icons-2 li {
    vertical-align: top;
    display: inline;
    height: 100px;
}

ul.social-icons-2 {
    margin-left: -44px;
    margin-top: -10px;
}

a.social-icon-2 {
    margin: 3px;
}

.social-icons-2 a {
    color: #000;
    font-size: 26px;
}

.social-icons-2 a:hover {
    color: #000;
    font-size: 26px;
}

.fc8 {
    color: #000;
}

.col-x {
    position: relative;
    min-height: 278px;
    padding-right: 0px;
    padding-left: 18px;
}

.col-half-offset {
    margin-left: 7.10%;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

.col-x1 {
    max-width: 174px;
}

.col-x2 {
    max-width: 160px;
}

.col-x3 {
    max-width: 300px;
}

.col-x4 {
    max-width: 160px;
}

.col-x5 {
    max-width: 200px;
}

.city-img {
    position: absolute;
    top: -110px;
    left: 0;
    right: 0;
    display: table;
    margin: auto;
}

.copyright {
    background: #f5f5f5;
    height: 50px;
    width: 100%;
}

.copyright-text {
    color: #313131;
    font-size: 14px;
    padding: 16px 0px 0px 0px;
    text-align: center;
}

/*footer end*/

.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);
    opacity: 1 !important;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #000 !important;
}

.d-center {
    /* display: table;
     */
    /* margin: auto;
     */
    margin-left: 113px;
}

.k3 {
    margin-left: 16px;
}

.nav-btn-model-search {
    background-color: red;
    color: #FFF;
    width: 76px;
    text-align: center;
    border-radius: 5px;
    height: 33px;
    margin-left: 40px;
    margin-top: 26px !important;
    padding: 5px;
    display: inline-block;
    text-decoration: none;
}

.nav-btn-model-search:hover {
    color: #FFF;
}

.nav-btn-model-search:focus {
    color: #FFF;
    outline: none;
    text-decoration: none;
}

.model-cstm1 .modal-footer {
    padding: 0px 15px 22px 0px !important;
}

.model-cstm1 {
    width: 30%;
    top: -30px;
}

/*sprite img*/

.bg-logo {
    width: 146px;
    height: 40px;
    background: url(../images/logo2.png) -8px 0px;
}

.bg-double {
    width: 88px;
    height: 70px;
    background: url(../images/double.png) -10px -10px;
}

/*end sprite img*/

/*log in nad sign up model start*/

.m-lg {
    font-size: 24px !important;
    color: #000;
}

.m-signup {
    font-size: 18px !important;
    color: #f9060d;
    opacity: 1 !important;
    margin-top: 4px !important;
    position: absolute;
    right: 30px;
}

.close-icon {
    color: #656161 !important;
    font-size: 38px;
    position: absolute;
    top: 0px;
    right: 11px;
    font-weight: normal;
    opacity: 1 !important;
}

.close-icon:hover {
    color: #656161 !important;
    opacity: 1 !important;
}

.sign-up-btn-just-ask {
    color: #f9060d;
    margin-right: 8px;
}

.sign-up-btn-just-ask:hover {
    color: #f9060d;
}

.sign-up-btn-just-ask:focus {
    color: #f9060d;
    outline: none;
}

.lable-clr {
    color: #2a88f9;
}

.recaptcha {
    width: 70%;
    float: right;
    height: 88px;
}

.captcha-div {
    width: 100%;
}

.captcha-text {
    width: 30%;
    float: left;
}

.forget-pass {
    float: right;
}

.login-just-ask-btn {
    color: #FFF;
    width: 150px;
    display: table;
    margin: auto;
    background-color: #f9060d;
    border: none;
    border-radius: 5px;
    text-align: center;
    height: 40px;
    padding: 2px;
    font-size: 20px;
}

.login-just-ask-btn:hover {
    color: #FFF;
    background-color: #f9060d;
}

.login-just-ask-btn:focus {
    color: #FFF;
    outline: none;
}

.border-none {
    border: none;
}

.span-or {
    display: block;
    position: absolute;
    left: 50%;
    top: 0px;
    margin-left: -70px;
    background-color: #fff;
    width: 140px;
    text-align: center;
    color: #000000;
    font-size: 14px;
}

.hr-or {
    height: 1px;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    width: 107%;
    margin-left: -14px;
}

.login-or {
    position: relative;
    color: #aaa;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.footer-social-icon {
    display: table;
    margin: auto;
}

.fb-icon-cstm {
    color: #FFF;
    background-color: #3b5998;
    padding: 6px 8px;
    border-radius: 5px;
    height: 27px;
    width: 28px;
    text-align: center;
    font-size: 22px !important;
}

.sign-up-with-fbb {
    background-color: #3b5998;
    padding: 5px;
    color: #FFF;
    border-radius: 5px;
    text-decoration: none;
    text-align: center;
}

.sign-up-with-fb {
    color: #FFF;
    text-decoration: none;
}

.loginBtn--facebook:before {
    border-right: #fff 1px solid;
    background: url(../images/icon_facebook.png) 6px 6px no-repeat;
}

.loginBtn:before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 34px;
    height: 100%;
    font-family: "FontAwesome";
}

.loginBtn--facebook {
    background-color: #4C69BA;
    background-image: linear-gradient(#4C69BA, #3B55A0);
    text-shadow: 0 -1px 0 #354C8C;
}

.loginBtn-f {
    background-color: #da2c4;
    text-shadow: 0 -1px 0 #354C8C;
}

.loginBtn {
    box-sizing: border-box;
    position: relative;
    margin: 0px;
    padding: 10px 15px 10px 45px;
    border: none;
    text-align: left;
    line-height: 28px;
    white-space: nowrap;
    border-radius: 5px;
    font-size: 12px;
    color: #FFF;
    border-radius: 5px;
}

.col-md-margin-1 {
    margin-top: -30px;
}

.cstm-input {
    background-color: #f6f6f6 !important;
    border: none !important;
    height: 40px !important;
    box-shadow: none !important;
    width: 100% !important;
    text-align: left !important;
    margin: 0px !important;
    border-radius: 5px;
    font-size: 14px;
    font-family: Poppins-Regular;
}

.red-border {
    border: 1px solid #f9060d !important;
}

.header-cstm {
    padding: 5px 16px 5px 16px !important;
    border: none !important;
}

.header-cstm:after {
    border-bottom: 1px solid #dee2e6;
    content: "";
    width: 94%;
    position: absolute;
    top: 47px;
}

.trms-condition {
    width: 100% !important;
    margin-bottom: 12px;
}

.t1 {
    font-size: 14px;
    color: #000;
}

.t2 {
    color: #007bff;
}

.t3 {
    color: #007bff;
}

.f-text {
    color: #000;
    margin-top: -10px;
    margin-bottom: 6px;
}

.fade2 {
    transform: scale(1);
    opacity: 0;
    transition: all .5s linear;
}

.fade2.show {
    opacity: 1;
    transform: scale(1);
}

.crozz-img {
    width: 17px;
    height: 17px;
}

.model-cstm2 {
    width: 26%;
    top: -30px;
}

/*End log in and sign up model*/

/*business landline page start*/

.img-mobile {
    left: 8px;
    position: relative;
}

.landline-bg-cover {
    background-image: url(../images/landling-cover-img.png);
    background-repeat: no-repeat;
    height: 450px;
    background-size: cover;
    width: 100%;
}

.news-cstm-t2 {
    color: #FFF;
    margin-top: -15px;
}

.has-search .form-control {
    text-align: center;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 3.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
    font-size: 18px;
}

.b-line {
    height: 55px;
    background-color: #FFF;
    border: none;
    border-radius: 0px;
    box-shadow: none;
    font-size: 16px;
    width: 345px;
    padding: 0px 41px;
    -webkit-appearance: none;
}

.b-line:focus {
    height: 55px;
    background-color: #FFF;
    border: none;
    border-radius: 0px;
    box-shadow: none;
    font-size: 16px;
    width: 345px;
}

.b-line2 {
    height: 55px;
    background-color: #FFF;
    border: none;
    border-radius: 0px;
    box-shadow: none;
    font-size: 16px;
    -webkit-appearance: none;
    margin-left: 25px;
    width: 82%;
    z-index: 9;
    position: relative;
    color: #495057;
}

.b-line3 {
    height: 55px;
    background-color: #FFF;
    border: none;
    border-radius: 0px;
    box-shadow: none;
    font-size: 16px;
    padding: 10px;
    width: 108%;
    margin-left: -29px;
    text-align: left;
    color: #495057;
}

.b-line3:focus {
    height: 55px;
    background-color: #FFF;
    border: none;
    border-radius: 0px;
    box-shadow: none;
    font-size: 16px;
    outline: none;
}

.b-line2:focus {
    height: 55px;
    background-color: #FFF;
    border: none;
    border-radius: 0px;
    box-shadow: none;
    font-size: 16px;
    width: 82%;
}

.box-landline {
    display: table;
    margin: auto;
    width: 59%;
    z-index: 999;
}

.br-left {
    border-left: 3px solid #DDD;
    position: relative;
    left: 103px;
    z-index: 999;
    height: 55px;
    display: block;
}

.bus-landline-btn {
    background-color: #f9060d;
    color: #FFF;
    width: 140px;
    text-align: center;
    border-radius: 5px;
    height: 40px;
    padding: 9px;
    display: inline-block;
    position: absolute;
    right: 36px;
    top: 8px;
    text-transform: uppercase;
    border: transparent;
}

.bus-landline-btn:hover {
    color: #FFF;
}

.bus-landline-btn:focus {
    outline: none;
}

.input-mobile input::placeholder {
    color: #495057 !important;
}

.l-text1 {
    color: #FFF;
}

.signin-cstm {
    color: #f9060d;
}

/*service section*/

.bg-services1 {
    width: 205px;
    height: 40px;
    background: url(../images/services-img.png) -10px -69px;
}

.bg-services2 {
    width: 204px;
    height: 40px;
    background: url(../images/services-img.png) -10px -129px;
    position: relative;
    left: 43px;
}

.bg-services3 {
    width: 232px;
    height: 39px;
    background: url(../images/services-img.png) -10px -10px;
    position: relative;
    left: 70px;
}

.services-s {
    width: 82%;
    margin: 0 auto;
    padding: 36px;
    height: 115px;
}

/*end service section*/

/*start PG to KG partner section*/

.partner-s-bg {
    background-color: #f5f5f5;
    height: auto;
    /*min-height:740px;*/
    min-height: 610px;
    width: 100%;
}

.j-ask-partner {
    color: #313131;
    width: 100%;
    font-size: 38px !important;
    min-height: 114px;
}

.j-ask-partner:before {
    border-top: 4px solid #f9060d;
    position: absolute;
    top: 51px;
    height: 5px;
    width: 6%;
    content: "";
    left: 47%;
}

.just-ask-p2 {
    width: 75%;
    margin: 0px auto;
}

.bg-icon_1 {
    width: 56px;
    height: 50px;
    background: url(../images/join-u.png) -88px -10px;
    position: relative;
    right: 11px;
    top: 9px;
}

.bg-icon_2 {
    width: 58px;
    height: 50px;
    background: url(../images/join-u.png) -10px -10px;
    position: relative;
    right: 11px;
    top: 9px;
}

.bg-icon_3 {
    width: 50px;
    height: 50px;
    background: url(../images/join-u.png) -10px -80px;
    position: relative;
    right: 11px;
    top: 9px;
}

/*End PG to KG partner section*/

/*landline work section start*/

.ln-work11 {
    color: #313131;
    font-size: 24px;
    margin-top: -7px !important;
    min-height: 72px;
}

.ja-2 {
    line-height: 24px;
}

.ja-4 {
    line-height: 24px;
}

.ja-3 {
    width: 100%;
    position: relative;
    right: 24px;
    min-height: 94px;
}

.macbook {
    width: 600px;
    position: absolute;
    left: -30px;
}

.ja-5 {
    min-height: 57px;
}

.ln-work3 {
    width: 100%;
    float: left;
    min-height: 203px;
}

.w1 {
    color: #313131;
    font-size: 38px;
}

.w2 {
    color: #313131;
    font-size: 38px;
}

.w3 {
    color: #313131;
    font-size: 38px;
}

.ja-5:before {
    border-top: 4px solid #f9060d;
    position: absolute;
    top: -6px;
    height: 5px;
    width: 6%;
    content: "";
    left: 47%;
}

.landline-work {
    height: auto;
    min-height: 1364px;
}

.ln-work {
    height: 55px;
    width: 55px;
}

.ln-work2 {
    padding-top: 0px;
}

.ln-work4 {
    color: #313131;
    font-size: 24px;
    margin-top: -7px !important;
    min-height: 36px;
}

.ln-work5 {
    color: #313131;
    margin-top: 10px;
    float: left;
}

.iphoneX {
    position: relative;
    left: 15px;
}

.work-img-2 {
    position: relative;
    margin-top: -21px;
    margin-bottom: 30px;
}

.work-s-hr {
    border-bottom: 1px solid #eee;
    width: 100%;
    margin: 0px;
}

.work-img-3 {
    position: relative;
    top: -24px;
    right: 27px;
    width: 398px;
    height: 270px;
}

.work-s-hr2 {
    border-bottom: 1px solid #eee;
    width: 100%;
    margin-top: -22px;
}

.new-cstm {
    min-height: 79px;
}

.ln-work12 {
    color: #313131;
    font-size: 24px;
    margin-top: -7px !important;
    min-height: 72px;
}

.margin-minus {
    margin-top: 37px !important;
    min-height: 84px;
}

.margin-minus:before {
    border-top: 4px solid #f9060d;
    position: absolute;
    top: 113px;
    height: 5px;
    width: 11%;
    content: "";
    left: 16px;
}

.ln-work13 {
    min-height: 42px;
}

.work-input {
    height: 50px;
    background-color: #FFF;
    border: 1px solid #DDD;
    border-radius: 0px;
    box-shadow: none;
    font-size: 16px;
    width: 345px;
    margin-left: -17px;
}

.work-input:focus {
    outline: none !important;
    box-shadow: none;
    border: 1px solid #DDD;
}

.app-btn-2 {
    height: 50px;
    width: 144px;
    padding: 12px;
    border-radius: 0px;
    position: relative;
    right: 30px;
    transition: 1s;
}

.app-btn-2:hover {
    height: 50px;
    width: 144px;
    padding: 12px;
    border-radius: 0px;
    position: relative;
    right: 30px;
    transition: 1s;
    text-align: center;
    display: inline-block;
}

.app-btn-2:focus {
    outline: none;
}

.testimonial-header {
    color: #000;
    font-size: 38px;
    min-height: 57px;
}

.testimonial-header:before {
    border-top: 4px solid #f9060d;
    position: absolute;
    top: 35px;
    height: 5px;
    width: 6%;
    content: "";
    left: 47%;
}

[data-tip] {
    position: relative;
}

[data-tip]:before {
    content: '';
    /* hides the tooltip when not hovered */
    display: none;
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #f9060d;
    position: absolute;
    top: 39px;
    left: 63px;
    z-index: 8;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
    color: #f9060d;
    transition: all 0.7s !important;
}

[data-tip]:after {
    display: none;
    content: attr(data-tip);
    position: absolute;
    top: 45px;
    left: 48px;
    padding: 9px 23px;
    background: #f9060d;
    color: #fff;
    z-index: 9;
    font-size: 0.75em;
    height: 37px;
    line-height: 18px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    white-space: nowrap;
    word-wrap: normal;
    color: #FFF;
    transition: all 0.7s !important;
}

[data-tip]:hover:before, [data-tip]:hover:after {
    display: block;
    transition: all 0.7s !important;
}

.just-ask-fix-btn {
    position: fixed;
    bottom: 110px;
    z-index: 9999;
    right: 0;
}

/*End landline work section*/

/*End business landline page*/

/*start quick service page*/

.quick-service-modal {
    max-width: 50%;
}

/*select box with icon*/

.quick-s1 {
    color: #000;
    text-align: end;
    width: 70%;
}

.mandatory-a {
    position: relative;
    right: 0px;
    top: -14px;
}

.q-s2 {
    border: none;
}

.quick-s4 {
    /*  -webkit-appearance: none;*/
    border: none;
    box-shadow: none;
    outline: none;
    top: -9px;
    position: relative;
    right: 30px !important;
}

.quick-s5 {
    -webkit-appearance: none;
    border: none;
    box-shadow: none;
    outline: none;
    right: 107px;
    position: relative;
    top: -9px;
}

.quick-s4:focus {
    -webkit-appearance: none;
    border: none;
    box-shadow: none;
    outline: none;
    top: -9px;
    position: relative;
}

.quick-s5:focus {
    -webkit-appearance: none;
    border: none;
    box-shadow: none;
    outline: none;
    right: 107px;
    position: relative;
    top: -9px;
}

.quick-input-group {
    width: 60%;
    top: -9px;
}

.user-i {
    position: relative;
    color: #f9060d;
    left: 3px;
}

.select-m {
    width: 100%;
    margin-left: 16px;
    min-height: 54px;
}

.select-m:after {
    border: 0.7px solid #000;
    width: 88%;
    content: "";
    position: absolute;
    bottom: 24px;
    left: 0;
    margin-left: 34px;
}

/*end select box with iocn*/

.quick-s6 {
    border: none;
    box-shadow: none;
    outline: none;
    position: relative;
    top: -6px;
    right: 24px;
}

.quick-s6:focus {
    border: none;
    box-shadow: none;
    outline: none;
    position: relative;
    top: -6px;
}

.select-m2 {
    width: 100%;
    margin-left: 16px;
    min-height: 40px;
}

.select-m2:after {
    border: 0.7px solid #000;
    width: 88%;
    content: "";
    position: absolute;
    bottom: 10px;
    left: 0;
    margin-left: 34px;
}

.select-m3 {
    width: 100%;
    margin-left: 16px;
    min-height: 40px;
}

.select-m3:after {
    border: 0.7px solid #000;
    width: 88%;
    content: "";
    position: absolute;
    bottom: 10px;
    left: 0;
    margin-left: 34px;
}

.envelope-i {
    color: #f9060d;
    position: relative;
    left: 3px;
}

.slider-h-i {
    color: #f9060d;
    position: relative;
    left: 3px;
    font-weight: bold !important;
}

.tc-2 {
    color: #067ef9;
}

.tc-1 {
    color: #313131;
    margin-bottom: -10px !important;
    float: left;
    position: relative;
    left: 19px;
}

.qf-btn {
    display: table;
    margin: auto;
    margin-bottom: 40px;
}

.just-ask-btn-1 {
    width: 200px;
    color: #FFF;
    float: right;
    background-color: #f9060d;
    height: 49px;
    padding: 11px;
    text-align: center;
    border-radius: 5px;
    margin: -7px auto;
    border: transparent;
}

.just-ask-btn-1:focus {
    width: 200px;
    color: #FFF;
    float: right;
    background-color: #f9060d;
    height: 49px;
    padding: 11px;
    text-align: center;
    border-radius: 5px;
    margin: -7px auto;
}

.just-ask-btn-1:hover {
    width: 200px;
    color: #FFF;
    float: right;
    background-color: #f9060d;
    height: 49px;
    padding: 11px;
    text-align: center;
    border-radius: 5px;
    margin: -7px auto;
}

.bg-quick_2 {
    width: 37px;
    height: 37px;
    background: url(../images/quick-img.png) -10px -10px;
}

.bg-quick_1 {
    width: 29px;
    height: 38px;
    background: url(../images/quick-img.png) -10px -67px;
}

.bg-quick_3 {
    width: 37px;
    height: 37px;
    background: url(../images/quick-img.png) -67px -10px;
}

.footer-border {
    display: block !important;
    margin: 0;
    padding: 0;
}

.m-top-d {
    margin-bottom: 20px;
    min-height: 52px;
}

.test[style] {
    padding-right: 0 !important;
    margin: 0px !important;
}

.test.modal-open {
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

.test2[style] {
    padding-right: 0 !important;
    margin: 0px !important;
}

.test2.modal-open {
    overflow-x: hidden;
    overflow-y: auto;
}

.test3.modal-open {
    overflow-x: hidden;
    overflow-y: auto;
}

.test3[style] {
    padding-right: 0px !important;
    margin: 0px !important;
}

.test3.modal-open {
    overflow-x: hidden !important;
}

.test4.modal-open {
    overflow-x: hidden !important;
    overflow-y: auto;
}

.test4[style] {
    padding-right: 0px !important;
    margin: 0px !important;
}

.test5.modal-open {
    overflow-x: hidden !important;
    overflow-y: auto;
}

.test5[style] {
    padding-right: 0px !important;
    margin: 0px !important;
}

/*End quick service page*/

/*phone varification page start*/

.bg-111 {
    background-image: url(../images/overlay-phone-vaification.png);
    background-size: cover;
    height: auto;
    min-height: 1050px;
    background-repeat: no-repeat;
    width: 100%;
}

.otp-b {
    width: 680px;
    height: auto;
    min-height: 525px;
    background-color: #f5f5f5;
    display: table;
    margin: auto;
    border-radius: 5px;
}

.j-111 {
    color: #FFF;
}

.j-112 {
    width: 18px;
    height: 18px;
    position: relative;
    /*right: 74px;*/
    margin-right: 74px;
    color: #FFF;
}

.j-213 {
    color: #000;
    width: 100%;
}

.j-215 {
    color: #067ef9;
}

.code-form input[type=password] {
    height: 45px;
    width: 45px;
    font-size: 25px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin: 3px;
}

.code-form input[type=password]:focus {
    height: 45px;
    width: 45px;
    font-size: 25px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin: 3px;
    outline: none;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.j-217 {
    position: absolute;
    right: 0;
    max-width: 104.7%;
    width: 137%;
    border: 1px solid #c8c8c8;
    left: -16px;
}

.j-218 {
    position: relative;
    background-color: #989696;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: table;
    margin: auto;
    top: 20px;
    z-index: 9999;
}

.j-221 {
    color: #313131;
}

.j-222 {
    color: #313131;
}

.phone-v {
    position: relative;
    right: 8px;
}

.j-223 {
    width: 220px;
    height: 30px;
    border: 1px solid red;
    padding: 3px;
    background-color: #FFF;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: table;
    margin: auto;
}

.j-224 {
    color: red;
}

.j-224:focus {
    color: red;
    outline: none;
}

.j-224:hover {
    color: red;
}

.h-212 {
    height: auto;
    /*  min-height: 550px;*/
    width: 680px;
}

/*End phone varification page*/

/*My account page start*/

.h-20 {
    color: #000 !important;
}

.h-21 {
    color: #313131;
    border-radius: 0px !important;
    margin-left: 16px;
}

.border2 {
    border: 1px solid #000!important;
}

.h-23 {
    margin-left: -40px;
}

.input-group>.h-21:focus {
    z-index: 9;
    outline: none;
    box-shadow: none;
}

.h-24:hover {
    color: #f9060d;
    background-color: inherit !important;
}

.h-24 {
    color: #f9060d;
    background-color: inherit !important;
}

.h-24:focus {
    outline: none !important;
    box-shadow: none;
    border: none;
    color: #f9060d;
    background-color: inherit !important;
}

.h-25:focus {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

.h-24:active:focus {
    box-shadow: none !important;
    color: #f9060d;
}

.h-24:active:active {
    box-shadow: none !important;
    color: #f9060d !important;
}

.h-26 {
    color: #313131 !important;
}

#wrapper {
    width: 100%;
}

#wrapper .container {
    max-width: 1020px;
    display: block;
}

#wrapper2 {
    width: 100%;
}

#wrapper2 .container {
    max-width: 1020px;
    display: block;
}

#wrapper3 {
    width: 100%;
}

#wrapper3 .container {
    max-width: 1020px;
    display: block;
}

.just-ask-tab {
    background-color: #f5f5f5;
    height: 50px;
    box-shadow: inset 1px 1px 8px -2px #0000008c;
}

.h-31 {
    color: #313131;
    margin-top: 10px;
}

.tab-right {
    font-size: 16px !important;
    position: relative;
    left: 18px;
    top: 2px;
    font-weight: bold !important;
}

/*a.nav-link.active.h-33 {
    background-color: transparent;
    border: none;
    color: red;
}*/

.h-30 .nav-item .nav-link.active {
    color: #f9060d;
    background-color: transparent;
    border: none;
}

.h-34 {
    color: #313131;
}

.h-34:hover {
    color: #313131;
    border: none;
}

.h-30 .h-34 {
    border: none;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.h-34 {
    display: block;
    padding: 11px 20px;
    margin: 0px !important;
}

.h-34 {
    display: block;
    padding: 11px 20px;
    margin: 0px !important;
}

/*Tab Start*/

.h-30 .nav-item .nav-link.active {
    color: #f9060d;
    background-color: transparent;
    border: none;
}

a:hover, a:focus {
    outline: none;
    text-decoration: none;
}

.h-tab .nav-tabs {
    border-bottom: none;
    position: relative;
    margin-top: 12px;
    margin-left: -20px;
}

.h-tab .nav-tabs li {
    margin-right: 15px;
}

.h-tab .nav-tabs li a {
    /*padding: 0px 20px;*/
    padding: 0px 10px;
    font-size: 17px;
    color: #25283d;
    border-radius: 0;
    margin-right: 0;
    border: none;
    position: relative;
    transition: all 0.5s ease 0s;
    display: block;
}

.h-tab .nav-tabs li a:hover {}

.h-tab .nav-tabs li a:before {
    content: "";
    width: 100%;
    height: 4px;
    background: #f9060d;
    position: absolute;
    bottom: -14px;
    left: 0;
    transform: scale(0);
    transition: all 700ms ease 0s;
}

.h-tab .nav-tabs li.active a, .h-tab .nav-tabs li.active a:focus, .h-tab .nav-tabs li.active a:hover {
    border: none;
    color: #f9060d;
}

.h-tab .nav-tabs li a:hover:before, .h-tab .nav-tabs li.active a:before, .h-tab .nav-tabs li a:hover:after, .h-tab .nav-tabs li.active a:after {
    transform: scale(1);
}

.h-tab .tab-content {
    padding: 20px;
    background: #fff;
    font-size: 14px;
    color: #a09d9d;
    line-height: 26px;
    margin-top: 40px;
}

.h-tab .tab-content h3 {
    font-size: 24px;
    margin-top: 0;
}

.fade:not(.show) {
    opacity: 10;
}

.d-inline-cstm {
    display: inherit !important;
    margin: 0 !important;
}

@media only screen and (max-width: 479px) {
    .h-tab .nav-tabs li {
        width: 100%;
        margin-bottom: 12px;
    }
    .h-tab .nav-tabs li a {
        text-align: center;
    }
}

/*Tab End*/

.a-20 {
    color: #313131;
}

.row-cstm {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.a-24 {
    width: 100%;
}

.a-26 {
    background-color: #eaeaea;
    height: 40px;
}

.a-27 {
    color: #313131;
    padding: 3px 10px;
    text-align: left;
    width: 80%;
    float: left;
}

.a-28 {
    background-color: #f9060d;
    height: 40px;
    display: inline-block;
}

.a-29 {
    color: #FFF;
    float: right;
    padding: 9px 19px;
}

.a-29:hover {
    color: #FFF;
}

.a-32 {
    color: #313131;
    padding: 0px 10px;
}

.a-31 {
    background-color: #FFF;
    /*box-shadow: 0px 0px 0px 1px #eee;*/
    height: auto;
    width: 100%;
    min-height: 100px;
}

.user-profile-pic {
    position: relative;
    right: 21px;
}

.a-38 {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    width: 93%;
    margin: 0;
    position: relative;
    left: 15px;
}

.a-36 {
    color: #313131;
}

.a-40 {
    color: #067ef9;
}

.que-mark {
    color: #067ef9;
    position: relative;
    left: 4px;
    z-index: 1;
}

.user-pro-pic {
    height: 160px !important;
    max-width: 160px !important;
}

/*.aa-26 {
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
}*/

.aa-26 {
    min-height: 243px;
}

.aa-50 {
    min-height: 169px;
}

.aa-51 {
    min-height: 105px;
    margin-bottom: 00px;
}

.aa-52 {
    min-height: 170px;
}

.exclamation-tri {
    color: #f9060d;
}

.a-40 {
    color: #067ef9;
}

.a-41 {
    color: #313131;
}

.dropdown-toggle::after {
    color: #b3b3b3;
    font-size: 18px;
}

.aa-26 {
    box-shadow: -1px 0px 11px -1px #00000024;
}

.aa-52 {
    box-shadow: -1px 0px 11px -1px #00000024;
}

.aa-50 {
    box-shadow: -1px 0px 11px -1px #00000024;
}

.aa-51 {
    box-shadow: -1px 0px 11px -1px #00000024;
}

/*End My account page*/

/*Edit public info modal start*/

.a-60 {
    color: #313131;
}

.a-61 {
    color: #c8c8c8;
    opacity: 1 !important;
}

.a-61:hover {
    color: #c8c8c8;
    opacity: 1 !important;
}

.a-63 {
    background-color: #dfdfdf;
    width: 134px;
    height: 30px;
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    position: absolute;
    right: 40px;
}

.a-64 {
    color: #313131;
    position: relative;
    top: 2px;
}

.a-64:hover {
    color: #313131;
}

.h-30 {
    height: 30px;
}

.input-formcontrol-cstm:focus {
    box-shadow: none;
    border: 1px solid #ced4da;
}

.a-70-modal {
    width: 500px !important;
    height: auto;
    margin-top: 100px;
    min-height: 390px;
}

.a-71 {
    color: #313131;
}

.a-72 {
    width: 80px;
    height: 30px;
    background-color: red;
    border: none;
    color: #FFF;
    padding: 4px;
    outline: none;
}

.a-72:hover {
    width: 80px;
    height: 30px;
    background-color: red;
    border: none;
    color: #FFF;
    padding: 4px;
    outline: none;
}

.a-72:focus {
    width: 80px;
    height: 30px;
    background-color: red;
    border: none;
    color: #FFF;
    padding: 4px;
    outline: none;
}

/*End Edit public info modal*/

/*login/signup modal start*/

.login-modal-class {
    z-index: 9999;
    position: relative;
}

.signup-modal-class {
    z-index: 9999;
    position: relative;
}

/*End*/

/*start Edit private info modal start*/

.radio2 {
    position: absolute !important;
    top: 0 !important;
    left: -61px !important;
}

[type="date"] {
    background: #fff url(https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/calendar_2.png) 97% 50% no-repeat;
}

[type="date"]::-webkit-inner-spin-button {
    display: none;
}

[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0;
}

.date-picker {
    display: block;
}

.date-picker input {
    border: 1px solid #ced4da;
    border-radius: 5px;
    background-color: #fff;
    padding: 3px 5px;
    width: 100%;
    height: 30px;
}

.a-92 {
    color: #313131;
}

/*End edit private infor modal*/

/*update photo modal start*/

.a-90-modal {
    width: 500px;
    height: auto;
    margin-top: 100px;
    min-height: 390px;
}

.update-pro-pic2 {
    width: 125px !important;
    height: 125px !important;
}

.a-94 {
    width: 140px;
    height: 30px;
    background-color: red;
    display: inline-block;
    text-align: center;
    padding: 3px;
    border-radius: 5px;
    color: #FFF;
}

.a-95:hover {
    color: #FFF !important;
}

.a-97 {
    color: #313131;
}

.header-c1 {
    padding: 10px 20px 13px 17px;
}

label {
    cursor: pointer;
}

.a-95 {
    padding: 0px;
    margin: 0px;
    text-align: center;
}

/*End update photo modal*/

/*Dashboard start*/

.request-text1 {
    color: #313131;
    margin-top: 40px;
}

.b-24 {
    width: 100%;
}

.md-request {
    height: auto;
    min-height: 98px;
    background-color: #FFF;
    box-shadow: 0px 0px 6px 1px #eee;
    width: 97%;
    position: relative;
    left: 17px;
    top: -14px;
}

.request-service-tab .nav-tabs {
    border-bottom: none;
    position: relative;
    margin-left: -6px;
}

.request-box-li li {
    border: 1px solid #d6d6d6;
    width: 230px;
    height: 50px;
}

.request-service-tab .nav-tabs {
    border-bottom: none;
    position: relative;
    margin-top: 0px;
    margin-left: 0px;
}

.request-service-tab .nav-tabs li {
    margin-right: 10px;
}

.request-service-tab .nav-tabs li a {
    padding: 0px 6px;
    font-size: 17px;
    color: #25283d;
    border-radius: 0;
    margin-right: 0;
    border: none;
    position: relative;
    transition: all 0.5s ease 0s;
    display: block;
}

.request-service-tab .nav-tabs li a:hover {}

.request-service-tab .nav-tabs li a:before {
    content: "";
    width: 100%;
    height: 3px;
    background: #f9060d;
    position: absolute;
    bottom: -9px;
    left: 0px;
    transform: scale(0);
    transition: all 700ms ease 0s;
}

.request-service-tab .nav-tabs li.active a, .request-service-tab .nav-tabs li.active a:focus, .request-service-tab .nav-tabs li.active a:hover {
    border: none;
}

.request-service-tab .nav-tabs li a:hover:before, .request-service-tab .nav-tabs li.active a:before, .request-service-tab .nav-tabs li a:hover:after, .request-service-tab .nav-tabs li.active a:after {
    transform: scale(1);
}

.request-service-tab .tab-content {
    padding: 20px;
    background: #fff;
    font-size: 14px;
    color: #a09d9d;
    line-height: 26px;
    margin-top: 40px;
}

.request-service-tab .tab-content h3 {
    font-size: 24px;
    margin-top: 0;
}

.request-box {
    position: relative;
    top: 7px;
}

.review-box {
    position: relative;
    top: 7px;
}

.min-height-page {
    height: auto;
    min-height: 550px;
}

@media only screen and (max-width: 479px) {
    .request-service-tab .nav-tabs li {
        width: 100%;
        margin-bottom: 12px;
    }
    .request-service-tab .nav-tabs li a {
        text-align: center;
    }
}

/*End Dashboard*/

/*services page start*/

.tab.request-service-tab {
    width: 88%;
}

.Add.Services-btn {
    width: 230px;
    height: 50px;
    background-color: red;
    text-align: center;
    text-decoration: none;
    padding: 9px;
    position: relative;
    right: 44px;
}

.services-redirect-btn {
    color: #FFF;
}

.services-redirect-btn:hover {
    color: #FFF;
}

.list-service-box {
    height: auto;
    min-height: 353px;
    background-color: #FFF;
    box-shadow: 0px 0px 6px 1px #eee;
    width: 97%;
    position: relative;
    left: 17px;
    top: -14px;
}

.sr1 {
    color: #313131;
    margin-top: 3px;
    position: relative;
    right: 23px;
}

.bg-s_icon1 {
    width: 19px;
    height: 29px;
    background: url(../images/services-icon.png) -51px -56px;
    position: relative;
    right: 6px;
}

.bg-s_icon2 {
    width: 29px;
    height: 24px;
    background: url(../images/services-icon.png) -60px -10px;
    position: relative;
    right: 6px;
}

.bg-s_icon3 {
    width: 30px;
    height: 26px;
    background: url(../images/services-icon.png) -10px -10px;
    position: relative;
    right: 6px;
}

.bg-s_icon4 {
    width: 21px;
    height: 29px;
    background: url(../images/services-icon.png) -10px -56px;
    position: relative;
    right: 6px;
}

.services1 {
    padding: 0px 17px;
}

.sr-box-border {
    border: 1px solid #cccccc;
    padding: 10px 8px 0px 0px;
    position: relative;
    left: 8px;
    height: 50px;
    width: 100%;
}

.trash2 {
    color: #bfbfbf;
    font-size: 18px;
    position: relative;
    top: 4px;
    left: 15px;
}

.services-hr {
    border-color: #cccccc;
    margin-top: 18px;
    width: 95.4%;
    position: relative;
    right: 7px;
}

.add-select-services {
    color: #313131;
    margin-top: -5px;
}

.ad-s1-btn {
    color: #FFF;
}

.ad-s1-btn:hover {
    color: #FFF;
}

.add-select-btn {
    width: 120px;
    height: 40px;
    background-color: #f9060d;
    text-align: center;
    border-radius: 5px;
    padding-top: 8px;
    float: right;
    margin-right: 25px;
    margin-top: -7px;
}

.add-select {
    padding: 0px 11px;
}

.s-20 {
    position: relative;
    right: 30px;
}

.s-21 {
    color: #313131;
    margin-top: 40px;
}

.s-23 {
    border-color: #cccccc;
    width: 250px;
    position: relative;
    right: 0px;
    top: -6px;
}

.s-25 {
    color: #313131;
}

.s-26 {
    color: #313131;
    position: relative;
    top: -12px;
}

.s-27 {
    margin-top: -16px;
}

.s-28 {
    margin-top: -16px;
}

.bg-sofa {
    width: 30px;
    height: 16px;
    background: url(../images/sf.png) -10px -10px;
    position: relative;
    right: 6px;
    top: 7px;
}

.review-btn2 {
    color: #313131;
}

.review-btn2:hover {
    color: #313131;
}

.review-btn {
    width: 130px;
    height: 30px;
    background-color: #cdcccc;
    border-radius: 5px;
    text-align: center;
    padding-top: 3px;
}

.r-btn-box {
    margin-left: 27px;
}

.hidden {
    display: none;
}

.sr-box-border2 {
    padding: 10px 8px 0px 0px;
    position: relative;
    left: 8px;
    height: 50px;
    width: 100%;
}

.services-hr2 {
    border-color: #cccccc;
    margin-top: 0px;
    width: 95.4%;
    position: relative;
    right: 7px;
}

.rate-clr {
    color: #313131;
}

.services-hr4 {
    border: 0.6px solid #cccccc;
    width: 33%;
    position: relative;
    bottom: 40px;
    margin-bottom: 0px;
    right: 225px;
}

.rating-filter {
    position: relative;
    top: -30px;
}

.write-review {
    color: #313131;
    margin-top: -24px;
}

.max-words {
    color: #313131;
    margin-left: 6px;
    font-style: italic;
}

.form-control-textarea:focus {
    border: 0.6px solid #cccccc !important;
    box-shadow: none !important;
}

.form-control-textarea {
    border: 0.6px solid #cccccc !important;
    box-shadow: none !important;
    margin-top: -13px;
}

.clnt-review-btn {
    background-color: red;
    width: 165px;
    height: 40px;
    border-radius: 5px;
    text-align: center;
    padding-top: 8px;
}

.clnt-review-back-btn {
    background-color: red;
    width: 60px;
    text-align: center;
    float: right;
    border-radius: 5px;
    height: 30px;
    padding-top: 4px;
    margin-top: 6px;
}

chosen-field.select2-container {
    width: 700px !important;
}

.select2-container--default .select2-selection--multiple {
    border: 1px solid #CCCCCC !important;
    border-radius: 0px !important;
    cursor: text !important;
    height: auto !important;
    min-height: 40px !important;
    padding: 5px !important;
}

.select2-container--default .select2-search--inline .select2-search__field {
    font-family: Poppins-Semi-Bold !important;
    position: relative;
    left: 33px;
    font-size: 16px !important;
    color: #313131 !important;
    top: 3px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 0px !important;
    position: relative;
    left: 30px;
    top: 0px;
}

.select2-results__option[aria-selected] {
    color: #313131;
}

.select2-results__option.check32 {
    color: red !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered:after {
    font-family: "Font Awesome 5 Free";
    content: "\f002";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-weight: bold;
    left: 11px;
    position: absolute;
    color: #CCC;
    top: 11px;
}

.chosen-field {
    padding: 16px 10px;
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 260px !important;
    overflow-y: auto;
}

.search-step-1 {
    position: relative;
    top: -14px;
}

.search-back-btn {
    position: relative;
    right: 25px;
    top: -6px;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #CCCCCC;
    border-radius: 0px;
    height: auto;
    min-height: 40px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: none !important;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #CCCCCC;
    border-radius: 0px !important;
    outline: none;
}

.select2-search--dropdown .select2-search__field {
    border: 1px solid #cccccc;
}

.select2-search--dropdown .select2-search__field:focus {
    border: 1px solid #cccccc !important;
}

[type=search] {
    outline: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #313131 !important;
    line-height: 37px !important;
    font-family: poppins-Regular !important;
    font-size: 16px !important;
    position: relative !important;
    left: 35px;
    line-height: 37px !important;
    overflow: visible!important;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    position: absolute !important;
    right: 44px;
    font-size: 24px;
    color: #999999;
    top: 0px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered:before {
    font-family: "Font Awesome 5 Free";
    content: "\f002";
    display: inline-block;
    padding-right: 5px;
    vertical-align: middle;
    font-weight: bold;
    position: relative;
    right: 22px;
    color: #999999;
}

.select2-container--default .select2-results>.select2-results__options {
    font-family: Poppins-Regular;
    font-size: 16px;
}

.chosen-field .sss {
    color: red !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #999999 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    font-weight: bold;
    position: absolute;
    right: 12px;
    font-size: 22px;
    top: 6px;
    color: #999999;
    margin-top: 0px !important;
    margin-right: 0px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding: 0 2px !important;
}

.service-step-2 {
    opacity: 0.4;
}

.service-step-3 {
    opacity: 0.4;
}

/*End services page*/

/*Home Appliance step 2 start*/

.step2-hr {
    width: 90%;
    position: relative;
    right: 8px;
    top: -20px;
}

.mark-services {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 44px;
    margin-right: 15px;
    font-size: 13px;
}

input[type=checkbox] {
    display: none;
}

.mark-services:before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: 1px;
    background-color: transparent;
    border: solid 1px #CCC;
}

.checkbox-cstm {
    position: relative;
    left: 16px;
}

.checkbox-cstm label {
    margin-bottom: 10px;
}

.checkbox-cstm label:before {
    border-radius: 3px;
}

/*<!--.checkbox-cstm input[type=checkbox]:checked + label:before{
	content: "\2713";
	font-size: 16px;
	color: #FFF;
  	background:#f9060d;
	text-align: center;
    line-height: 21px !important;
	border:transparent;
	font-weight:bold;
}-->*/

.checkbox-cstm input[type=checkbox]:checked+label:before {
    content: "\f00c";
    font-size: 16px;
    color: #FFF;
    background: #f9060d;
    text-align: center;
    line-height: 21px !important;
    border: transparent;
    font-family: fontawesome;
}

.top-minus {
    width: 100%;
    position: relative;
    top: -13px;
}

.step2-btn {
    background-color: red;
    width: 85px;
    height: 40px;
    border-radius: 5px;
    text-align: center;
    text-decoration: none;
    padding: 9px;
    float: right;
    position: relative;
    left: 154px;
    top: -24px;
}

.step3-back {
    width: 25%;
    float: right;
    position: relative;
    top: -16px;
}

.step2-hr {
    width: 91%;
    right: 4px;
}

.step4-hr {
    width: 91%;
    right: 4px;
    top: -4px;
    position: relative;
}

.s-313 {
    margin-top: -16px;
}

.s-314 {
    margin-top: -16px;
}

/*End Home Appliance step 2*/

/*Start step3 services page*/

.services-detail {
    margin-top: -22px;
    margin-left: 14px;
    margin-bottom: 30px;
}

.s-detail-m1 {
    width: 100%;
}

.service-que {
    position: absolute;
    right: 46px;
    top: -36px;
}

.modal-ok-btn {
    background-color: red;
    float: right;
    width: 60px;
    height: 40px;
    padding: 6px;
    text-align: center;
    border-radius: 5px;
    margin-top: -27px;
    margin-bottom: 20px;
}

.success-modal-main {
    width: 420px;
    height: 189px;
    margin-top: 120px;
}

.header-success {
    position: relative;
    top: 14px;
    border: none;
}

.succes-modal-hr {
    border: 0.6px solid #CCC;
    width: 86%;
    position: relative;
    left: -11px;
    top: -14px;
}

.s-modal-text {
    margin-top: -32px;
}

.close-icon.success {
    position: absolute;
    top: -20px;
}

select#sel1 span .select2-container {
    display: none !important;
}

/*End step3 services page*/

/*service request page Start*/

.leads-box {
    width: 100%;
    background-color: #FFF;
    min-height: 140px;
    height: auto;
    box-shadow: 0px 0px 7px -1px #0000001c;
}

.lead-date {
    color: #a3a0a0;
    position: relative;
    top: 5px;
}

.l-name {
    color: #313131;
}

.lead-types-box {
    width: 100%;
}

.chat-btn {
    background-color: #FFF;
    text-align: center;
    width: 85px;
    height: 30px;
    padding: 2px;
    border: 1px solid #f9060d;
    border-radius: 5px;
}

.phone-btn {
    background-color: #FFF;
    text-align: center;
    width: 85px;
    height: 30px;
    padding: 4px;
    background-color: #f9060d;
    border-radius: 5px;
}

.phone-icon {
    transform: rotateY(180deg);
    color: #FFF;
}

.phone-btn-b {
    color: #f9060d;
}

.phone-btn-b:hover {
    color: #f9060d;
}

.chat-icon {
    position: relative;
    right: 4px;
}

.phone-icon {
    position: relative;
    right: 4px;
}

.btn-box {
    width: 54%;
    float: right;
    margin-right: 20px;
    margin-top: -4px;
}

.l-service-name {
    position: relative;
    top: -14px;
}

.services-request-page {
    height: auto;
    min-height: 700px;
}

/*End Service Requst page*/

/*chat box start*/

.chat-box-main {
    background-color: #FFF;
    box-shadow: 0px 0px 5px -1px #00000014;
    width: 990px;
    height: 560px;
}

/*.pro-box {
    background: #504f4f;
    position: absolute;
    left: 0;
    right: 0;
    height: 65px;
    padding-top: 15px;
}*/

.pro-box {
    background: #504f4f;
    position: absolute;
    left: 16px;
    right: 0;
    height: 65px;
    padding-top: 15px;
    z-index: 1024;
    width: 93%;
}

.profile-chat {
    border: 1px solid #504f4f;
    float: left;
    width: 100%;
    height: 560px;
    overflow-y: scroll;
}

.profile-chat-search {
    margin-top: 80px;
}

.pro-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 3.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
    font-size: 16px;
    right: 24px;
    top: -7px;
}

.pro-search .form-control {
    text-align: left;
    border-radius: 50px;
    height: 40px;
    box-shadow: none;
}

.pro-search .form-control:focus {
    box-shadow: none;
    border-color: #ced4da;
}

.pro-d {
    float: right;
    position: relative;
    top: 4px;
}

.user-msgs {
    background-color: #f9060d;
    text-align: center;
    width: 45px;
    height: 20px;
    border-radius: 25px;
    position: relative;
    right: 8px;
}

.msgs-no {
    position: relative;
    top: 0px;
}

.pro-search-hr2 {
    width: 100%;
    position: relative;
    top: -20px;
}

.pro-search-hr {
    width: 100%;
    position: relative;
    top: 16px;
}

.row-margin {
    margin-top: -26px;
}

/*.msg-detail {
    background-color: #f9060d;
    position: absolute;
    width: 106%;
    left: -15px;
    right: 0;
    height: 90px;
}*/

.msg-detail {
    background-color: #f9060d;
    position: sticky;
    width: 108%;
    height: 90px;
    top: 0;
    margin-left: -14px;
    z-index: 9;
}

.user-msgs2 {
    color: #000;
    max-width: 86%;
    text-align: left;
    margin-top: 20px;
    background-color: #c3c0c1;
    min-height: 44px;
    height: auto;
    display: inline-block;
    padding: 10px;
    border-radius: 5px;
    margin-left: 38px;
}

.user-msgs4 {
    color: #000;
    max-width: 95%;
    text-align: left;
    margin-top: 6px;
    background-color: #c3c0c1;
    min-height: 44px;
    height: auto;
    display: inline-block;
    padding: 10px;
    border-radius: 5px;
    margin-left: 38px;
}

.pro-msg-m {
    width: 100%;
}

.user-msgs2:before {}

.notification-time4 {
    color: #000000;
    width: 70%;
    float: left;
    text-align: right;
    margin-top: -10px;
}

.notification-time5 {
    color: #000000;
    width: 40%;
    float: left;
    text-align: right;
    margin-top: -10px;
    min-height: 20px;
}

.user-msgs3 {
    color: #000;
    max-width: 86%;
    text-align: left;
    background-color: #c3c0c1;
    min-height: 44px;
    height: auto;
    display: inline-block;
    padding: 10px;
    border-radius: 5px;
    float: right;
    margin-right: 46px;
}

.pro-msg-m2 {
    width: 100%;
}

.chat-input {
    flex: 0 0 auto;
    height: 45px;
    background: #FFF;
    border-top: none;
    box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, .14), inset 0px 0px 0px rgba(0, 0, 0, .28);
    width: 88%;
    border: none;
}

.chat-input input {
    height: 44px;
    line-height: 0px;
    outline: 0 none;
    border: none;
    width: calc(100% - 60px);
    color: #000;
    /*text-indent: 10px;*/
    /* font-size: 12pt;*/
    padding: 0px 10px;
    ;
    background: #FFF;
}

.chat-input button {
    float: right;
    outline: 0 none;
    border: none;
    background: rgba(255, 255, 255, .25);
    height: 40px;
    padding: 2px 0 0 0;
    margin: 10px;
    transition: all 0.15s ease-in-out;
    border-radius: 0px;
    position: relative;
    left: 74px;
    top: -53px;
    width: 63px;
    color: #999999;
    opacity: 0.5;
}

.chat-input input[good]+button {
    box-shadow: none;
    background: transparent;
    color: #f9060d;
    opacity: 10;
}

/*.chat-input input[good] + button:hover {
    box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}*/

.chat-input input[good]+button path {
    fill: white;
}

/*.chat-bottom {
    position: absolute;
    width: 100%;
    bottom: -47px;
}*/

/*.chat-bottom {
    position: fixed;
    bottom: -47px;
    width: 45%;
}*/

.chat-input {
    flex: 0 0 auto;
    height: 45px;
    background: #FFF;
    border-top: none;
    box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, .14), inset 0px 0px 0px rgba(0, 0, 0, .28);
    width: 37%;
    border: none;
    position: fixed;
    bottom: 6px;
}

.chat-input input::placeholder {
    color: #999999 !important;
    opacity: 5;
    font-size: 16px !important;
    padding: 10px !important;
    font-family: 'Poppins-Light', sans-serif !important;
}

.pro-search input::placeholder {
    font-family: 'Poppins-Bold', sans-serif !important;
    font-size: 16px;
    color: #313131;
    opacity: 0.4;
}

.default-box {
    display: table;
    margin: 164px auto;
}

.img-text2 {
    color: #999999;
    opacity: 0.5;
    text-align: center;
    max-width: 77%;
    margin: auto;
}

.chat-default-img {
    margin: auto;
    display: table;
}

.chat-box-1 {
    cursor: pointer;
    min-height: 134px;
    height: auto;
}

.chat-box-2 {
    cursor: pointer;
    margin-top: -36px;
}

/*.chat-active {
	background-color:#000 !important ;
}*/

.chat-active {
    background-color: #e2e2e2 !important;
    height: 98px !important;
    position: absolute;
    width: 100%;
}

.height-fix {
    height: 560px;
    overflow-y: scroll;
    overflow-x: hidden;
    margin-left: -16px;
}

/*
::-webkit-scrollbar {
    width: 0px;   Remove scrollbar space
    background: transparent;   Optional: just make scrollbar invisible */

/*}*/

/*Optional: show position indicator in red
::-webkit-scrollbar-thumb {
    background: #FF0000;
}*/

/**/

/**/

/*mobile chat start*/

.m-chat-img {
    width: 52px !important;
    position: relative !important;
    left: 22px !important;
    top: 0px !important;
    float: left;
}

.chat-mobile-d {
    float: right;
    position: relative;
    right: 10px;
}

.mobile-chat-user-name {
    position: relative;
    left: 60px;
    top: -3px;
}

.mobile-chat-s-detail {
    font-size: 12px !important;
    position: relative;
    top: -17px;
    left: 61px;
    width: 84%;
}

.mobile-chat-no {
    background-color: #f9060d;
    border-radius: 100px;
    height: 24px;
    width: 24px;
    position: relative;
    top: -16px;
    right: 12px;
    padding: 1px 8px;
    text-align: center;
}

header {
    background: #AEAEAE;
    color: #FFF;
    padding: 15px 0;
}

header .title {
    font-size: 34px;
}

.inner-exp-interests {
    position: relative;
    max-width: 1080px;
    margin: 0 auto;
    min-width: 320px;
    padding: 0 0px;
}

.item-list {
    overflow: hidden;
}

.item-list .item {
    position: relative;
    display: table;
    width: 100%;
    background: #FFF;
    margin-top: 15px;
    margin-bottom: -32px;
}

.item-list .item>div {
    padding: 10px;
}

.item-list .item>div {
    padding: 10px;
}

.item-list-msg {
    padding: 0px 0px 9px 0px !important;
}

.item-list .item .action {
    position: absolute;
    width: 80px;
    height: 100%;
    top: 0;
    border: 0;
    color: #FFF;
    outline: none;
}

.item-list .item .action:first-child::before, .item-list .item .action:last-child::before {
    position: absolute;
    top: 0;
    content: '';
    width: 2000px;
    height: 100%;
}

.item-list .item .action:first-child {
    left: -80px;
}

.item-list .item .action:first-child::before {
    right: 80px;
}

/*div#myModal {
    width: 100%;

}*/

.item-list .item .action:last-child {
    right: -80px;
}

.item-list .item .action:last-child::before {
    left: 80px;
}

.item-list .item .action, .item-list .item .action::before {
    background: #f9060d;
}

.item-list.example-3 .action {
    width: 140px;
}

.item-list.example-3 .item .action:first-child {
    left: -140px;
}

.item-list.example-3 .item .action:first-child::before {
    right: 140px;
}

.item-list.example-3 .item .action:last-child {
    right: -140px;
}

.item-list.example-3 .item .action:last-child::before {
    left: 140px;
}

.button-bg-red {
    background-color: red !important;
}

.block-button-bg-green {
    background-color: green !important;
}

/*modal saved-search page*/

p.confirmation-modal {
    text-align: center;
}

button.btn.btn-default5 {
    background-color: transparent;
    color: red;
}

a.btn.btn-danger5.btn-ok {
    background-color: transparent;
    color: red;
}

button.btn.btn-default5:focus {
    outline: none;
}

/*swipe icon*/

.swipe-image {
    width: 25px;
    position: absolute;
    top: 45px;
    left: 28px;
}

.column-a1 {
    float: left;
    width: 33.33%;
    padding: 10px;
    height: 94px;
    background-image: url(../images/girl-profile-14.png);
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 10px;
}

.column-a2 {
    float: left;
    width: 33.33%;
    padding: 10px;
    height: 94px;
    background-image: url(../images/girl-profile-14.png);
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 10px;
}

.column-a3 {
    float: left;
    width: 33.33%;
    padding: 10px;
    height: 94px;
    background-image: url(../images/girl-profile-14.png);
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 10px;
}

.grid-a3 {
    margin-left: 0px;
    margin-right: -10px;
    position: relative;
}

.main {
    position: relative;
}

.main .red-icon {
    position: absolute;
    right: 40%;
    background-color: #FFF;
    border-radius: 57%;
    width: 30px !important;
    top: 7%;
}

.main .red-icon2 {
    position: absolute;
    right: 40%;
    background-color: #FFF;
    border-radius: 57%;
    width: 30px !important;
    top: 77%;
}

.main .red-iconb {
    position: absolute;
    right: 6%;
    background-color: #FFF;
    border-radius: 57%;
    width: 20px !important;
    top: 5%;
}

.main .red-iconb2 {
    position: absolute;
    right: 6%;
    background-color: #FFF;
    border-radius: 57%;
    width: 20px !important;
    top: 33%;
}

.main .red-iconc {
    position: absolute;
    right: 6%;
    background-color: #FFF;
    border-radius: 57%;
    width: 20px !important;
    top: 57%;
}

.main .red-iconc2 {
    position: absolute;
    right: 6%;
    background-color: #FFF;
    border-radius: 57%;
    width: 20px !important;
    top: 85%;
}

img.plus-redb {
    position: absolute;
    width: 22px;
    top: -9px;
    right: 125px;
}

img.plus-redc {
    background-color: #FFF;
    border-radius: 57%;
    width: 20px !important;
    top: -9px;
    position: absolute;
    right: 22px;
}

img.plus-redc2 {
    background-color: #FFF;
    border-radius: 57%;
    width: 26px !important;
    position: absolute;
    right: 9%;
    bottom: 5px;
}

.main img {
    border-radius: 10px;
}

.slideboxbg {
    background-color: red;
}

.slidebg {
    background-color: white;
}

.express-interests-box12 {
    width: 98%;
    float: left;
    padding: 4px 0px 5px 0px;
    margin-left: 3px;
}

.swipe-button {
    height: 140px;
    position: relative;
    overflow: hidden;
    background-color: transparent;
    margin-top: 10px
}

.swipe-button2 {
    height: 140px;
    position: relative;
    background-color: #444;
    margin-top: 50px
}

.swipe-area {
    position: absolute;
    top: 0;
    height: 100%;
}

.swipe-back {
    background-color: green;
    right: 0;
    min-width: 100px;
    line-height: 100px;
    color: white;
    text-align: center;
}

.swipe-front {
    background-color: #FFF;
    width: 100%;
    left: 0;
}

.swipe-back ul {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    list-style-type: none;
    display: flex;
}

.swipe-back li {
    flex: none;
}

.swipe-back li a {
    display: block;
    height: 100px;
    width: 100px;
    text-decoration: none;
    color: white !important;
    font-weight: normal;
    text-shadow: none;
}

.main2 {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.col-padding {
    padding-right: 19px;
    padding-left: 4px;
}

.swipe-front {
    touch-action: none;
}

.abd {
    background-color: red;
    height: 200px;
}

.mobile-chat-hr2 {
    box-sizing: content-box;
    height: 0;
    z-index: 9999;
    position: relative;
    top: -24px;
}

.pro-msg-m:after {
    width: 0;
    height: 0;
    content: "";
    left: 23px;
    position: absolute;
    border-style: solid;
    border-width: 20px 0px 0px 18px;
    border-color: #c3c0c1 transparent transparent transparent;
    margin-top: 20px;
}

.pro-msg-m2:after {
    width: 0;
    height: 0;
    content: "";
    right: 32px;
    position: absolute;
    border-style: solid;
    border-width: 20px 15px 3px 11px;
    border-color: #c3c0c1 transparent transparent transparent;
    margin-top: 0px;
}

.user-msgs4:before {
    width: 0;
    height: 0;
    content: "";
    top: 10px;
    left: -25px;
    position: relative;
    border-style: solid;
    border-width: 20px 0px 0px 18px;
    border-color: #c3c0c1 transparent transparent transparent;
}

/*mobile chat end*/

/*chat box End*/

/*membership miodal start*/

.bg-seting {
    width: 35px;
    height: 35px;
    background: url('css_sprites.png') -10px -10px;
}

.membership-modal-main {
    width: 520px;
    margin-top: 120px;
    position: relative;
    right: 88px;
    min-height: 455px;
    height: auto;
}

.seting-icon {
    display: table;
    margin: auto;
    position: relative;
    top: -12px;
}

.header-membership {
    border: none;
}

.ms-modal-hr {
    float: left;
    width: 100%;
    position: absolute;
    top: 63px;
    right: 0;
    left: 0;
    border-color: #999999;
}

.m-btn-basic {
    width: 150px;
    height: 25px;
    background-color: #f9060d;
    text-align: center;
    padding: 1px;
    letter-spacing: 5px;
    text-transform: uppercase;
    border-radius: 25px;
    display: table;
    margin: auto;
    margin-top: -21px;
    z-index: 9999;
}

.w-img2 {
    position: relative;
    top: 16px;
}

.crozz-img {
    z-index: 999;
    position: relative;
}

.membership-t3 {
    position: relative;
    top: -14px;
}

.member-plan {
    background-color: red;
    height: 20px;
}

.member-plan {
    height: 45px;
    width: 100%;
    background-color: #f2f2f2;
    position: relative;
    top: -16px;
}

.upgrade1 {
    position: relative;
    left: 0px;
    text-align: center;
}

.m1 {
    position: relative;
    top: 14px;
}

.m2 {
    position: relative;
    top: 4px;
}

.m3 {
    position: relative;
    top: 4px;
}

.m4 {
    position: relative;
    top: 4px;
}

.radio-m {
    position: relative;
    top: 16px;
}

/*radio btn costom*/

.radio {
    position: relative;
    cursor: pointer;
    line-height: 20px;
    font-size: 14px;
    margin: 15px;
}

.radio .label {
    position: relative;
    display: block;
    float: left;
    margin-right: 10px;
    width: 20px;
    height: 20px;
    border: 2px solid #c8ccd4;
    border-radius: 100%;
    -webkit-tap-highlight-color: transparent;
}

.radio .label:after {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #f9060d;
    transform: scale(0);
    transition: all 0.6s ease;
    opacity: 0.08;
    pointer-events: none;
}

.radio:hover .label:after {
    transform: scale(3.6);
}

input[type="radio"]:checked+.label {
    border-color: #9e9e9e;
}

input[type="radio"]:checked+.label:after {
    transform: scale(1);
    transition: all 0.5s cubic-bezier(0.35, 0.9, 0.4, 0.9);
    opacity: 1;
}

.cntr {
    position: absolute;
    top: calc(50% - 10px);
    left: 0;
    width: 100%;
    text-align: center;
}

.hidden {
    display: none;
}

.credit {
    position: fixed;
    right: 20px;
    bottom: 20px;
    transition: all 0.2s ease;
    -webkit-user-select: none;
    user-select: none;
    opacity: 0.6;
}

.credit img {
    width: 72px;
}

.credit:hover {
    transform: scale(0.95);
}

/*end radio btn costom*/

.ms-modal-hr2 {
    float: left;
    width: 100%;
    position: absolute;
    top: 66px;
    right: 0;
    left: 0;
    border-color: #e5e5e5;
}

.membership-select-btn {
    width: 80px;
    height: 40px;
    text-align: center;
    padding: 8px;
    background-color: #f9060d;
    display: table;
    margin: auto;
    border-radius: 5px;
    opacity: 0.2;
}

.swipe-trash {
    display: table !important;
    margin: auto !important;
    font-size: 18px !important;
    position: relative !important;
    top: -3px !important;
}

.ms-modal-hr3 {
    border-color: #999999;
    width: 100%;
    left: 0;
    right: 0;
}

.or-select {
    background-color: red;
    height: 20px;
    width: 20px;
    border-radius: 50px;
    padding: 2px;
    text-align: center;
    position: relative;
    margin: auto;
    top: -26px;
}

.check-plan {
    position: relative;
    top: -23px;
}

.upgrade-membership-btn {
    background-color: red;
    height: 40px;
    width: 244px;
    border-radius: 5px;
    padding: 8px;
    text-align: center;
    position: relative;
    margin: auto;
    top: -33px;
}

.o2 {
    opacity: 1;
}

/*membership modal end*/

/*membership pages start*/

/*plan page*/

.membership-page-tab {
    position: relative;
    right: 70px;
}

.plan-box {
    background-color: #FFF;
    box-shadow: 0px 0px 9px -2px #0003;
    height: auto;
    min-height: 1117px;
    margin-bottom: 12px;
    width: 100%;
}

.plan-img {
    display: table;
    margin: auto;
    margin-top: 40px;
}

.plan-basic {
    width: 150px;
    height: 25px;
    border-radius: 25px;
    background-color: #f9060d;
    text-align: center;
    padding: 0px;
    letter-spacing: 4px;
    text-transform: uppercase;
    display: table;
    margin: 18px auto;
    position: relative;
    z-index: 9;
}

.plan-basic-box {
    border: 1px solid #eeeeef;
    height: auto;
    min-height: 370px;
    width: 240px;
    display: table;
    margin: -27px auto;
    z-index: 99;
    transition: all 0.7s;
}

.plan-basic-box1 {
    border: 1px solid #eeeeef;
    height: auto;
    min-height: 370px;
    width: 240px;
    display: table;
    margin: -27px auto;
    z-index: 99;
    transition: all 0.7s;
}

.plan-basic-box2 {
    border: 1px solid #eeeeef;
    height: auto;
    min-height: 370px;
    width: 240px;
    display: table;
    margin: -27px auto;
    z-index: 99;
    transition: all 0.7s;
}

.plan-basic-box3 {
    border: 1px solid #eeeeef;
    height: auto;
    min-height: 370px;
    width: 240px;
    display: table;
    margin: -27px auto;
    z-index: 99;
    transition: all 0.7s;
}

.plan-basic-box4 {
    border: 1px solid #eeeeef;
    height: auto;
    min-height: 370px;
    width: 240px;
    display: table;
    margin: -27px auto;
    z-index: 99;
    transition: all 0.7s;
}

.plan-basic-box5 {
    border: 1px solid #eeeeef;
    height: auto;
    min-height: 370px;
    width: 240px;
    display: table;
    margin: -27px auto;
    z-index: 99;
    transition: all 0.7s;
}

.plan-basic-box6 {
    border: 1px solid #eeeeef;
    height: auto;
    min-height: 370px;
    width: 240px;
    display: table;
    margin: -27px auto;
    z-index: 99;
    transition: all 0.7s;
}

.plan-ul {
    list-style: none;
    margin-top: 30px !important;
    min-height: 131px;
    height: auto;
}

.plan-check-f {
    color: #4da5f2;
    position: relative;
    right: 7px;
    font-size: 10px;
}

.plan-check-f1 {
    color: #4da5f2;
    position: relative;
    right: 7px;
    font-size: 10px;
}

.plan-check-f2 {
    color: #4451f2;
    position: relative;
    right: 7px;
    font-size: 10px;
}

.plan-check-f3 {
    color: #6600ff;
    position: relative;
    right: 7px;
    font-size: 10px;
}

.plan-check-f4 {
    color: #4a0080;
    position: relative;
    right: 7px;
    font-size: 10px;
}

.plan-check-f5 {
    color: #001c80;
    position: relative;
    right: 7px;
    font-size: 10px;
}

.plan-check-f6 {
    color: #80005e;
    position: relative;
    right: 7px;
    font-size: 10px;
}

.basic-plan-li {
    line-height: 26px;
    margin-left: -9px;
}

.basic-plan-hr {
    width: 70px;
    background: #4da5f2;
    height: 5px;
    border: none;
}

.basic-plan-hr2 {
    width: 70px;
    background: #4451f2;
    height: 5px;
    border: none;
}

.basic-plan-hr3 {
    width: 70px;
    background: #6600ff;
    height: 5px;
    border: none;
}

.basic-plan-hr4 {
    width: 70px;
    background: #4a0080;
    height: 5px;
    border: none;
}

.basic-plan-hr5 {
    width: 70px;
    background: #001c80;
    height: 5px;
    border: none;
}

.basic-plan-hr6 {
    width: 70px;
    background: #80005e;
    height: 5px;
    border: none;
}

.plan-price1 {
    display: table;
    margin: -12px auto;
    min-height: 24px;
}

.plan-price2 {
    display: table;
    margin: -16px auto;
}

.art1 {
    background-image: url(../images/art1.png);
    background-position: bottom;
    height: 96px;
    width: 239px;
    position: relative;
    top: 20px;
}

.art2 {
    background-image: url(../images/art2.png);
    background-position: bottom;
    height: 96px;
    width: 239px;
    position: relative;
    top: 20px;
}

.art3 {
    background-image: url(../images/art3.png);
    background-position: bottom;
    height: 96px;
    width: 239px;
    position: relative;
    top: 20px;
}

.art4 {
    background-image: url(../images/art4.png);
    background-position: bottom;
    height: 96px;
    width: 239px;
    position: relative;
    top: 20px;
}

.art5 {
    background-image: url(../images/art5.png);
    background-position: bottom;
    height: 96px;
    width: 239px;
    position: relative;
    top: 20px;
}

.art6 {
    background-image: url(../images/art6.png);
    background-position: bottom;
    height: 96px;
    width: 239px;
    position: relative;
    top: 20px;
}

.plan-choose {
    width: 110px;
    height: 30px;
    background-color: #FFF;
    border-radius: 5px;
    display: table;
    margin: auto;
    text-align: center;
    position: relative;
    top: 45px;
    padding: 3px;
}

.plan-basic-box:hover {
    box-shadow: 0px 0px 50px 17px rgba(0, 0, 0, 0.08);
    transition: all 0.9s;
    background-color: #FFF;
    border-color: transparent;
}

.plan-basic-box2:hover {
    box-shadow: 0px 0px 50px 17px rgba(0, 0, 0, 0.08);
    transition: all 0.9s;
    background-color: #FFF;
    border-color: transparent;
}

.plan-basic-box3:hover {
    box-shadow: 0px 0px 50px 17px rgba(0, 0, 0, 0.08);
    transition: all 0.9s;
    background-color: #FFF;
    border-color: transparent;
}

.plan-basic-box4:hover {
    box-shadow: 0px 0px 50px 17px rgba(0, 0, 0, 0.08);
    transition: all 0.9s;
    background-color: #FFF;
    border-color: transparent;
}

.plan-basic-box5:hover {
    box-shadow: 0px 0px 50px 17px rgba(0, 0, 0, 0.08);
    transition: all 0.9s;
    background-color: #FFF;
    border-color: transparent;
}

.plan-basic-box6:hover {
    box-shadow: 0px 0px 50px 17px rgba(0, 0, 0, 0.08);
    transition: all 0.9s;
    background-color: #FFF;
    border-color: transparent;
}

.plan-icon-1 {
    height: 51px;
    width: 51px;
}

.plan-icon-2 {
    height: 63px;
    width: 51px;
    margin-top: -11px;
}

.plan-icon-3 {
    width: 51px;
    height: 51px;
}

.plan-icon-4 {
    width: 50px;
    height: 51px;
}

.plan-icon-5 {
    width: 50px;
    height: 51px;
}

.plan-icon-6 {
    width: 50px;
    height: 51px;
}

.plan-icon-1:hover {
    height: 51px;
    width: 51px;
}

.plan-choose2 {
    cursor: url(../images/hand-point-up.png), auto !important;
}

/*End plan page/*


/*payment gateway page*/

.a-23 {
    width: 100%;
}

/*End payemnt gateway page*/

.payment-box {
    background-color: #FFF;
    box-shadow: 0px 0px 9px -2px #0003;
    height: auto;
    min-height: 523px;
    margin-bottom: 12px;
    width: 100%;
}

.payment-btn {
    width: 230px;
    height: 50px;
    border: 1px solid #d6d6d6;
    text-align: center;
    padding: 5px;
    border-bottom: 3px solid #f9060d;
    display: block;
    margin-bottom: 16px;
}

.payment-s {
    pore: le;
    position: relative;
    left: 64px;
}

.payment-gateway-hr {
    width: 97%;
    position: relative;
    top: -8px;
    margin: auto;
}

.s1-plan {
    background-color: #ececec;
    width: 400px;
    height: 50px;
    padding: 11px 12px;
    margin-top: 7px;
}

.plan-d1 {
    margin-top: 20px;
    margin-left: 12px;
}

.payment-gateway-hr2 {
    width: 15px;
    position: absolute;
    top: 28px;
    left: -8px;
}

.plan-d2 {
    letter-spacing: 4px;
    position: relative;
    top: -7px;
    margin-left: 12px;
}

.plan-des-hr2 {
    width: 70px;
    background: #4451f2;
    height: 5px;
    border: none;
    margin: 0;
    position: relative;
    top: -21px;
    margin-left: 12px;
}

.plan-ul-des {
    list-style: none;
    position: relative;
    right: 24px;
    top: -18px;
    margin-left: 12px;
}

.plan-payment {
    float: right;
}

.payment-p1 {
    margin-top: 20px;
}

.plan-p2 {
    margin-right: -4px;
}

/*tooltip*/

[data-tooltip] {
    position: relative;
    z-index: 2;
    cursor: pointer;
}

[data-tooltip]:before, [data-tooltip]:after {
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    pointer-events: none;
}

[data-tooltip]:before {
    position: absolute;
    bottom: -40px;
    left: 50%;
    margin-bottom: 5px;
    margin-left: -55px;
    padding: 7px;
    width: 160px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #f9060d !important;
    background-color: hsla(0, 0%, 20%, 0.9);
    color: #fff;
    content: attr(data-tooltip);
    text-align: center;
    font-size: 14px;
    line-height: 1.2;
    transition: all 0.7s !important;
}

[data-tooltip]:after {
    position: absolute;
    bottom: -5px;
    left: 0;
    margin-left: -22px;
    width: 0;
    border-top: transparent !important;
    border-top: 5px solid hsla(0, 0%, 20%, 0.9);
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    content: " ";
    font-size: 0;
    line-height: 0;
    transition: all 0.7s !important;
    border-bottom: 5px solid #f9060d !important;
}

[data-tooltip]:hover:before, [data-tooltip]:hover:after {
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

/*tooltip End*/

.plan-p5-a {
    color: #339d1e !important;
}

.redeem-btn {
    background-color: #313131 !important;
    width: 110px;
    height: 40px;
    border-radius: 5px !important;
    position: absolute !important;
    right: 4px;
    top: 5px;
    box-shadow: none;
    z-index: 99 !important;
}

.redeem-btn:focus {
    background-color: #313131 !important;
    width: 110px;
    height: 40px;
    border-radius: 5px !important;
    position: absolute !important;
    right: 4px;
    top: 5px;
    box-shadow: none;
    z-index: 9999 !important;
}

.redeem-input {
    height: 50px !important;
    border: 1px solid #999999 !important;
    width: 100% !important;
    box-shadow: none;
    border-radius: 5px !important;
}

.redeem-input:focus {
    height: 50px !important;
    border: 1px solid #999999 !important;
    width: 100% !important;
    box-shadow: none;
}

.input-top {
    position: relative;
    top: -10px;
}

.payment-paypal {
    float: right;
    background-color: #f9060d;
    width: 110px;
    height: 40px;
    text-align: center;
    padding: 9px;
    border-radius: 5px;
    position: relative;
    left: 14px;
}

.payment-back {
    float: right;
    margin-top: 12px;
}

.coupon-show {
    min-height: 40px;
    margin-bottom: -48px;
}

.order-s {
    min-height: 36px;
}

.orders-tab {
    min-height: 600px;
}

.plan-active {
    background-color: #f3f3f3;
    text-align: center;
    padding: 3px;
    width: 85px;
    height: 30px;
    border-radius: 5px;
    position: absolute;
    right: 35px;
    bottom: 18px;
}

.more-plans {
    text-align: center;
    padding: 8px;
    width: 170px;
    height: 40px;
    border-radius: 5px;
    background-color: #f9060d;
    position: absolute;
    right: 20px;
    top: 32px;
}

.active-plan {
    color: #339d1e;
}

.expired-plan {
    color: #f9060d;
}

.active-plan:hover {
    color: #339d1e;
}

.expired-plan:hover {
    color: #f9060d;
}

.l-name3 {
    margin-bottom: 0px;
}

/*membership pages end*/

/*search errror modal*/

.s-close-icon {
    width: 18px;
    height: 18px;
    position: relative;
    right: 0;
    color: #313131;
    z-index: 9999;
}

.error-h1 {
    width: 100%;
    color: #f9060d;
}

.header-h2 {
    width: 100%;
    color: #313131;
    position: relative;
    top: -6px;
}

.search-error-modal {
    width: 680px;
    height: 525px;
    margin: auto;
    position: relative;
    right: 94px;
    top: 70px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.error-header {
    width: 100%;
}

.error-b-none {
    border: none !important;
}

.or-select2 {
    background-color: #f9060d;
    height: 30px;
    width: 30px;
    border-radius: 50px;
    padding: 0px;
    text-align: center;
    position: relative;
    margin: auto;
    top: -32px;
}

.search-icon-left {
    position: absolute;
    left: 18px;
}

.sl-icon {
    height: 50px !important;
}

.sl-icon input::placeholder {
    color: #313131 !important;
    font-size: 16px;
}

.input-group-append .btn, .input-group-prepend .btn {
    position: relative;
    z-index: 9999;
}

.sr-border {
    border: 1px solid #ecebeb!important;
    padding-left: 50px;
    height: 50px;
    margin-left: 0px !important;
}

.sl-icon-btn {
    background-color: inherit !important;
    top: 9px;
    box-shadow: none !important;
}

.sl-icon-btn:focus {
    box-shadow: none !important;
}

.suggested-services {
    border: 1px solid #ecebeb;
    height: 50px;
    margin-top: 12px;
}

.cntr2 {
    position: absolute;
    top: calc(32% - 8px);
    left: 0;
    width: 100%;
}

.radio-s .label {
    position: relative;
    display: block;
    float: left;
    margin-right: 44px;
    width: 20px;
    height: 20px;
    border: 2px solid #c8ccd4;
    border-radius: 100%;
    -webkit-tap-highlight-color: transparent;
    right: -26px;
    top: 0;
}

.radio-s {
    position: relative;
    top: 0px;
    left: -14px;
}

.sr-search {
    position: relative !important;
    right: 18px !important;
    font-size: 18px !important;
}

.error-h3 {
    margin-top: -14px;
}

div::-webkit-scrollbar {
    width: 6px;
}

div::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba #313131;
    border-radius: 12px;
}

::-webkit-scrollbar {
    width: 4px;
}

/* Track */

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px #000;
    border-radius: 0px;
}

/* Handle */

::-webkit-scrollbar-thumb {
    background: #f9060d;
    border-radius: 0px;
}

/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
    background: #313131;
}

/*End search error modal*/

/*start search result paegs */

.nav-btn-cstm-color2 {
    font-size: 16px;
    background-color: #000;
    text-align: center;
    border: 1px solid #000;
    border-radius: 5px;
    margin: 1.5px auto;
    width: 115px;
    height: 36px;
    color: #FFF !important;
    padding: 5px;
}

.b-left2 {
    position: relative;
    left: -10px;
    top: 9px;
}

.nav-signup-btn-cstm-color2 {
    font-size: 16px;
    color: #1a1a1a !important;
}

.btn-cstm-dropdown {
    background-color: transparent;
    border: none;
    color: #313131;
    box-shadow: none;
    float: right;
    position: absolute;
    right: 29px;
    top: -30px;
}

.btn-cstm-dropdown:focus {
    background-color: transparent;
    border: none;
    color: #313131;
    box-shadow: none !important;
}

.btn-cstm-dropdown:hover {
    background-color: transparent;
    border: none;
    color: #313131;
    box-shadow: none;
}

.btn-cstm-dropdown.dropdown-toggle {
    color: #313131 !important;
    background-color: transparent !important;
    border: none !important;
    z-index: 9 !important;
    position: relative !important;
}

.header-mr .nav-tabs li {
    margin-right: 60px !important;
}

.header-mr {
    width: 76%;
    float: right;
}

.btn-cstm-dropdown::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "\f078" !important;
    border: none !important;
    font-family: "FontAwesome";
    color: #000000;
    font-weight: 500;
    font-size: 14px;
    position: absolute;
    right: -18px;
    top: 7px;
}

.search-result-bg {
    background-color: #f5f5f5 !important;
}

.search-result-page {
    height: auto;
    box-shadow: none;
}

.h-title {
    color: #313131;
    margin-top: 12px;
}

.toggle-mobile {
    color: #000;
    position: relative !important;
    width: 100% !important;
    padding: 0px !important;
    margin-top: 0px !important;
    left: 0 !important;
    right: 0 !important;
    top: 0px !important;
    background-color: transparent !important;
}

.sr-category li {
    display: inline;
    position: relative;
    right: 52px;
    top: -14px;
    margin: 12px;
}

.sr-hr {
    position: relative;
    top: -28px;
}

.sr-category li:after {
    content: "\f054";
    font-family: "FontAwesome";
    display: inline-block;
    color: #000;
    font-weight: 900;
    position: absolute;
    margin-left: 10px;
    font-size: 8px;
    top: 4px;
}

.sr-category li:last-child:after {
    content: none;
}

.sr-d-main {
    background-color: #FFF;
    width: 552px;
    position: absolute;
    left: -80px;
    min-height: 170px;
    padding: 0px 10px;
    height: auto;
}

.sr-btn {
    background-color: #f9060d;
    text-align: center;
    width: 130px;
    height: 40px;
    padding: 6px;
    border-radius: 5px;
    position: relative;
    left: 22px;
    min-height: 39px;
}

.sr-img1 img {
    width: 258px;
    height: 170px;
}

.s-detail-main {
    background-color: #FFF;
    position: relative;
    float: left;
    min-height: 500px;
    height: auto;
    left: -32px;
    width: 175px;
    padding: 3px 10px;
}

.sr-phone {
    transform: rotateY(180deg);
    position: relative;
    right: 14px;
}

.sr-no {
    position: relative;
    left: 14px;
    min-height: 24px;
}

.sr-map2 {
    position: relative;
    right: 17px;
}

.sr-map {
    position: relative;
    left: 18px;
}

.sr-span {
    position: relative;
    left: 12px;
    margin-left: -16px;
}

.star-icon2 {
    position: relative;
    top: 66px;
    z-index: 99;
    margin-left: 32px;
    min-height: 40px;
}

.rate-point {
    position: relative;
    top: 50px;
    z-index: 9;
    left: 10px;
}

.color-grey {
    color: #e2e2e2;
}

.star-r {
    font-size: 18px !important;
    margin: 2px;
}

/*.star-r {
    font-size: 20px !important;
    margin: 1px;
    margin-top: 10px;
	font-weight: 900 !important;
}*/

.sr-14 {
    position: relative;
    top: 8px;
    min-height: 21px;
}

/*.sr-d1:before {
    width: 1px;
    position: absolute;
    top: 0;
    height: 170px;
    background: #ececec;
    content: "";
    right: -22px;
}*/

.sr:before {
    width: 1px;
    position: absolute;
    top: 0;
    height: 170px;
    background: #ececec;
    content: "";
    left: 21px;
}

.main-div {
    margin-top: -30px;
}

.sr-d2 {
    margin-top: 8px;
    min-height: 32px;
}

.sr-16 {
    margin-top: -6px;
    min-height: 42px;
}

.sr-17 {
    min-height: 42px;
}

#more {
    display: none;
}

.see-more-btn {
    background-color: transparent;
    border: none;
    margin-left: -8px;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #f9060d;
}

.sr-d-main2 {
    background-color: #FFF;
    width: 746px;
    position: absolute;
    left: -80px;
    min-height: 170px;
    padding: 0px 10px;
    height: auto;
}

.sr-img2 img {
    width: 300px;
    height: 198px;
}

.search-result2 {
    background-color: #FFF;
    width: 100%;
    position: relative;
    left: 0px;
    min-height: 218px;
    padding: 10px 10px 5px 10px;
    /*  margin-top: 12px;*/
}

.sr2-d2 {
    margin-top: 0px;
    min-height: 32px;
    margin-left: -22px;
}

.star-icon3 {
    position: relative;
    top: -38px;
    z-index: 98;
    margin-left: 13px;
    min-height: 41px;
}

.rate-point2 {
    position: relative;
    top: 42px;
    z-index: 9;
    right: 70px;
}

.star-r2 {
    font-size: 18px !important;
    color: #f6bc18;
    margin: 1px;
}

.star-r3 {
    font-size: 16px !important;
    color: #e1e1df;
}

.sr-no2 {
    position: relative;
    left: -6px;
    min-height: 24px;
    margin-top: -33px;
}

.sr-map3 {
    position: relative;
    left: 0;
    top: -8px;
}

.sr2 {
    width: 95%;
    position: absolute;
    margin-top: 34px;
}

.sr-btn2 {
    background-color: #f9060d;
    text-align: center;
    width: 130px;
    height: 40px;
    padding: 6px;
    border-radius: 5px;
    position: relative;
    left: -17px;
    min-height: 39px;
    top: 0px;
}

.footer {
    margin-top: 0px;
    padding: 30px 0px 30px 0px;
}

.copyright {
    margin-top: 0px !important;
}

.mb-40 {
    margin-bottom: 40px;
}

.sr-img3 img {
    width: 245px;
    height: 170px;
}

.sr3-no3 {
    margin-top: -11px;
    margin-left: -3px;
    min-height: 21px;
}

.sr3-map3 {
    margin-top: -12px;
    margin-left: 2px;
    min-height: 40px;
    width: 95%;
}

.star-icon4 {
    position: relative;
    top: -34px;
    z-index: 99;
    margin-left: 12px;
    min-height: 41px;
    width: 100%;
}

.rate-point3 {
    position: relative;
    top: 40px;
    z-index: 9;
    right: 59px;
}

.star-r4 {
    /* font-size: 14px !important;*/
    color: #f6bc18;
}

.star-r5 {
    /* font-size: 14px !important;*/
    color: #e1e1df;
}

.sr-btn3 {
    background-color: #f9060d;
    text-align: center;
    width: 130px;
    height: 40px;
    padding: 6px;
    border-radius: 5px;
    position: relative;
    left: -17px;
    min-height: 0;
    top: 0;
    margin-top: -45px;
}

.sr3-d3 {
    margin-top: 0px;
    min-height: 32px;
    margin-left: -18px;
}

.s3-side-div {
    background-color: #FFF;
    width: 100%;
    min-height: 1468px;
    height: auto;
    padding: 10px 14px;
}

.s3-hr {
    width: 100%;
    margin: -7px auto;
    padding: 0;
}

.s3-s-text {
    margin-top: 4px;
}

.sr3-sd3 {
    margin-top: -5px;
}

.sr3-sd4 {
    margin-top: -10px;
}

.sr-map4 {
    position: relative;
    right: 19px;
}

.star-icon5 {
    position: relative;
    top: -34px;
    z-index: 99;
    margin-left: 34px;
    min-height: 41px;
    width: 100%;
}

.rate-point5 {
    position: relative;
    top: 40px;
    z-index: 9;
    right: 27px;
}

.sr-btn4 {
    background-color: #f9060d;
    text-align: center;
    width: 130px;
    height: 40px;
    padding: 6px;
    border-radius: 5px;
    position: relative;
    left: 0px;
    min-height: 0;
    top: 8px;
    margin-top: -45px;
}

.s3-hr2 {
    margin-top: 20px;
}

.sr3-img {
    width: 249px;
    height: 169px;
}

.nav-btn-cstm-color2:hover {
    border: 1px solid transparent;
    background-color: #f9060d;
    color: #FFF !important;
    transition: .4s ease-in-out;
    transition-timing-function: linear;
}

.max-height-50 {
    height: 50px;
}

.testimonial {
    /*cursor: url(../images/icon-move-light.png), move;*/
    cursor: pointer;
}

/*End search result pages*/

/*add business pages*/

.add-business-main {
    height: auto;
    min-height: 500px;
    background-color: #FFF;
    border: 1px solid transparent;
}

.bh3 {
    margin-top: -15px;
}

.square-box {
    height: 45px;
    width: 45px;
    background-color: #FFF;
    border: 1px solid #CCCCCC;
    z-index: 9;
    position: relative;
}

.square-box-main {
    margin: 16px 36px 0px 22%;
}

.sq1 {
    margin: 3px -50px;
}

.sq2 {
    margin: 3px -67px;
}

.sq3 {
    margin: 3px -32px;
}

.sq-hr {
    position: relative;
    top: -70px;
    width: 54%;
    z-index: 1;
}

.business-main-box {
    background-color: #fafafa;
    height: auto;
    min-height: 300px;
    width: 81%;
    display: table;
    margin: auto;
    border: 1px solid #CCCCCC;
}

.change-text {
    color: #067ef9;
}

.bh-3 {
    margin-top: -12px;
}

.a-business {
    color: #000000 !important;
    padding-left: 36px;
}

.a-business:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: 1px;
    background-color: transparent;
    border: solid 1px #000;
    border-radius: 0px !important;
    transition: 0.5s;
    color: #FFF;
}

.business-checkbox {
    display: table;
    width: 96%;
    margin-left: auto;
}

.add-business-back-btn {
    width: 130px;
    height: 45px;
    background-color: #FFF;
    text-align: center;
    padding: 4px;
    border-radius: 10px;
    border: 1px solid #CCCCCC;
    margin-top: 25px;
    margin-left: 52px;
    transition: 1.5s;
}

.add-business-next-btn {
    width: 130px;
    height: 45px;
    background-color: #f9060d;
    text-align: center;
    padding: 4px;
    border-radius: 10px;
    border: 1px solid #CCCCCC;
    margin-top: 25px;
    margin-right: 52px;
    transition: 1.5s;
}

.add-business-next-btn_contact :hover {
    /* background-color: #FFF;*/
    transition: 1.5s;
    /*border:1px solid #CCCCCC;*/
}

.add-business-next-btn_contact:hover .arrow-r {
    transition: 0.5s !important;
    color: #313131 !important;
}

.add-business-next-btn_contact:hover {
    background-color: #FFF;
}

.add-business-next-btn_contact:hover .add-b-next {
    transition: 1s !important;
    color: #313131 !important;
}

.add-business-next-btn_contact {
    width: 130px;
    height: 45px;
    background-color: #f9060d;
    text-align: center;
    padding: 4px;
    border-radius: 10px;
    border: 1px solid #CCCCCC;
    margin-top: 25px;
    margin-right: 52px;
    transition: 1.5s;
    position: relative;
    top: -46px;
    margin-bottom: 20px;
}

.arrow-l {
    position: relative;
    right: 12px;
    top: -1px;
    transition: 1s
}

.arrow-r {
    position: relative;
    left: 20px;
    top: -1px;
    transition: 1s
}

.add-b-next {
    position: relative;
    right: 9px;
    transition: 1s;
}

.add-b-back {
    position: relative;
    left: 6px;
    transition: 1s
}

.add-business-back-btn:hover {
    background-color: #f9060d;
    transition: 1.5s;
    border: 1px solid transparent;
}

.add-business-back-btn:hover .arrow-l {
    transition: 1s !important;
    color: #FFF !important;
}

.add-business-back-btn:hover .add-b-back {
    transition: 1s !important;
    color: #FFF !important;
}

.add-b-back:hover {
    transition: 1s;
}

.add-business-next-btn:hover {
    background-color: #FFF;
    transition: 1.5s;
    border: 1px solid #CCCCCC;
}

.add-business-next-btn:hover .arrow-r {
    transition: 0.5s !important;
    color: #313131 !important;
}

.add-business-next-btn:hover .add-b-next {
    transition: 1s !important;
    color: #313131 !important;
}

.add-b-next:hover {
    transition: 1s;
}

.sq-hr2 {
    border-color: #CCCCCC;
    margin-top: 28px;
    width: 94%;
}

.partner-hr {
    width: 80px;
    border-color: #f9060d;
    border: none;
    background: #f9060d;
    height: 4px;
}

.b-partner-text {
    margin-top: -12px;
    line-height: 50px;
}

.bg-p_icon1 {
    width: 54px;
    height: 51px;
    background: url(../images/p-icon.png) -10px -10px;
    display: table;
    margin: auto;
    margin-top: 12px;
}

.bg-p_icon2 {
    width: 37px;
    height: 51px;
    background: url(../images/p-icon.png) -156px -77px;
    display: table;
    margin: auto;
    margin-top: 12px;
}

.bg-p_icon3 {
    width: 52px;
    height: 51px;
    background: url(../images/p-icon.png) -84px -10px;
    display: table;
    margin: auto;
    margin-top: 12px;
}

.bg-p_icon4 {
    width: 52px;
    height: 51px;
    background: url(../images/p-icon.png) -10px -81px;
    display: table;
    margin: auto;
    margin-top: 12px;
}

.bg-p_icon5 {
    width: 49px;
    height: 51px;
    background: url(../images/p-icon.png) -82px -81px;
    display: table;
    margin: auto;
    margin-top: 12px;
}

.bg-p_icon6 {
    width: 50px;
    height: 47px;
    background: url(../images/p-icon.png) -156px -10px;
    display: table;
    margin: auto;
    margin-top: 12px;
}

.col1-t1 {
    display: table;
    margin: auto;
}

.col1-t2 {
    display: table;
    margin: auto;
    width: 89%;
    margin-top: 12px;
    min-height: 63px;
    height: auto;
}

.col3-t2 {
    display: table;
    margin: auto;
    width: 90%;
    margin-top: 12px;
    min-height: 84px;
    height: auto;
}

.col2-app-btn {
    margin: auto;
    width: 88%;
}

.col2-g-play-img {
    position: relative;
    left: 22px;
}

.bl-app-t1 {
    display: table;
    margin: auto;
}

.bl-app-input {
    height: 50px !important;
    width: 282px !important;
}

.business-input {
    display: table;
    margin: auto;
    position: relative;
    left: 66px;
}

.width-height {
    width: 565px;
    height: 55px;
    margin: auto;
}

.add-bs-border {
    border: 1px solid #CCCCCC !important;
    height: 55px;
    border-radius: 0px;
}

.add-bs-border:focus {
    outline: none;
    box-shadow: none;
}

.width-height input::placeholder {
    color: #838282;
}

.add-buis-icon {
    font-size: 18px !important;
    color: #838282;
    position: relative;
    right: 14px;
}

.h-23 {
    z-index: 9;
    position: relative;
}

.active1 {
    background-image: url(../images/check.png);
    background-size: contain;
    background-position: 0px 3px;
    position: relative;
    transition: 2s;
}

.active2 {
    background-image: url(../images/check.png);
    background-size: contain;
    background-position: 0px 3px;
    position: relative;
    transition: 2s;
}

.active3 {
    background-image: url(../images/check.png);
    background-size: contain;
    background-position: 0px 3px;
    position: relative;
    transition: 2s;
}

.formBox {
    padding: 24px 50px;
}

.formBox h1 {
    margin: 0;
    padding: 0;
    text-align: center;
    margin-bottom: 50px;
    text-transform: uppercase;
    font-size: 48px;
}

.inputBox {
    position: relative;
    box-sizing: border-box;
    margin-bottom: 50px;
}

.inputBox .inputText {
    position: absolute;
    font-size: 24px;
    line-height: 50px;
    transition: .5s;
    opacity: .5;
}

.inputBox .input {
    position: relative;
    width: 100%;
    height: 50px;
    background: transparent;
    border: none;
    outline: none;
    font-size: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, .5);
    color: #313131;
}

.focus .inputText {
    transform: translateY(-30px);
    font-size: 16px !important;
    opacity: 1;
    color: #313131;
}

.inputBox .input:focus {
    border-bottom: 1px solid #000000;
}

.button {
    width: 100%;
    height: 50px;
    border: none;
    outline: none;
    background: #03A9F4;
    color: #fff;
}

.membership-tab {
    min-height: 1180px;
    height: auto;
}

.skip-c {
    text-transform: uppercase;
    float: right;
    position: absolute;
    right: 22px;
    top: 4px;
}

.service-photo-upload {
    width: 200px;
    height: 45px;
    background-color: #f9060d;
    display: inline-block;
    text-align: center;
    padding: 3px;
    border-radius: 5px;
}

.btn-outline-secondary:hover {
    color: #f9060d;
    background-color: transparent;
    border-color: transparent;
}

.add-s-btn2:hover {
    border: none;
    background-color: transparent;
}

.add-s-btn2:focus {
    box-shadow: none !important;
    background-color: transparent;
    border: none;
}

.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
}

/*END ADD Business Pages*/

/*START Service Detail sample-1 Page*/

.color-1a {
    color: #1a1a1a !important;
}

.service-d-img {
    width: 981px;
    height: 359px;
}

.sd1-caption2 {
    margin-top: -20px;
}

.col-8-main {
    width: 750px;
    height: 190px;
}

.sd1-hr {
    color: #d1cbcb;
    width: 100%;
    margin-top: -5px;
}

.rate-box {
    width: 70px;
    height: 40px;
    background-color: #59aa20;
    border-radius: 5px;
}

.sd1-rate {
    padding: 2px 5px;
}

.sd1-r1 {
    color: #a4cd8f;
}

.sd1-btn {
    background-color: #f9060d;
    width: 130px;
    height: 40px;
    text-align: center;
    padding: 6px;
    border-radius: 5px;
}

.sd1-btn2 {
    background-color: #f9060d;
    width: 75px;
    height: 40px;
    text-align: center;
    padding: 6px;
    border-radius: 5px;
    margin-left: 26px;
}

.sd2-hr {
    color: #d1cbcb;
    width: 94%;
    z-index: 999999;
    position: absolute;
    top: 162px;
    z-index: 9;
}

.sd1-featured {
    height: 126px;
    width: 200px;
    margin-top: -10px;
    border-radius: 7px 7px 0px 0px;
}

.m-0 {
    margin: 0px !important;
}

.sd1-img-detail {
    margin-left: 16px;
    padding: 10px;
    background-color: #FFF;
    width: 200px;
    height: 96px;
}

.sd1-tab {
    background-color: #FFF;
    width: 750px;
    margin-top: 9px;
    height: 60px;
    position: absolute;
    padding: 7px 5px;
}

.sd1-active-li:after {
    content: "";
    left: 89px;
    background: #CCC;
    height: 1px;
    width: 61px;
    transform: rotate(90deg);
    position: absolute;
    top: 11px;
}

.m-left-13 {
    margin-left: -13px !important;
}

.contact-info-b {
    background-color: #FFF;
    width: 750px;
    min-height: 229px;
    height: auto;
}

.sd1-contact-info {
    padding: 23px;
}

.sd1-c2 {
    position: relative;
    left: 26px;
    margin-top: -9px;
}

.contac-info-icon {
    margin-right: -18px;
    position: relative;
    right: 26px;
    top: 2px;
}

.sd1-contact-info2 {
    padding: 23px;
}

.contact-phone {
    transform: rotateY(180deg);
    color: #000;
    position: relative;
    right: 9px;
}

.sd1-c3 {
    margin-left: 10px;
    margin-top: -7px;
}

.sd1-contact-info3 {
    padding: 0px 23px;
}

.sd1-contact-info7 {
    padding: 0px 23px;
}

.service-star-icon {
    position: relative;
    top: 16px;
    z-index: 99;
    margin-left: 0;
    min-height: 41px;
}

.star-r4 {
    /* font-size: 14px !important;*/
    color: #f6bc18;
    margin: -2px;
}

.star-r5 {
    /*font-size: 14px !important;*/
    color: #e1e1df;
    margin: -2px;
}

.service-rate {
    position: relative;
    left: 4px;
}

.service-share {
    position: relative;
    right: 10px;
}

.s-share1 {
    width: 22px;
    height: 22px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 3px;
    padding: 2px 2px;
    margin-right: 6px;
}

.s-share2 {
    width: 22px;
    height: 22px;
    background-color: #3b5998;
    color: #FFF;
    border-radius: 3px;
    padding: 2px 7px;
    margin-right: 6px;
}

.s-share3 {
    width: 22px;
    height: 22px;
    background-color: #38a1f3;
    color: #FFF;
    border-radius: 3px;
    padding: 2px 2px;
    margin-right: 6px;
}

.s-share4 {
    width: 22px;
    height: 22px;
    background-color: #0077b5;
    color: #FFF;
    border-radius: 3px;
    padding: 2px 3px;
    margin-right: 6px;
}

.photos-gallery-services {
    background-color: #FFF;
    min-height: 215px;
    height: auto;
    width: 750px;
}

.s-photos {
    padding: 8px 21px;
}

.s-business {
    padding: 8px 8px;
}

.placeholder-img1 {
    height: 134px;
    width: 134px;
    margin: 3px;
    border-radius: 9px;
}

.img-box img {
    height: 134px;
    width: 134px;
    margin: 3px;
    border-radius: 9px;
}

#inner-box {
    background: $pink-color;
    height: 100%;
    width: 100%;
    opacity: 0;
    top: 0;
    left: 0;
    position: absolute;
    padding: 0;
    transition: opacity .5s;
    p {
        color: #fff;
        line-height: 150px;
        font-family: 'arial';
        text-align: center;
    }
}

&:hover {
    #inner-box {
        opacity: .9;
        transition: opacity .5s;
    }
}

}

#outer-box {
    width: 300px;
    height: 194px;
    display: block;
    position: relative;
}

#outer-box #inner-box {
    background: #FD8698;
    height: 100%;
    width: 100%;
    opacity: 0;
    top: 0;
    left: 0;
    position: absolute;
    padding: 0;
    transition: opacity .5s;
}

#outer-box #inner-box p {
    color: #fff;
    line-height: 150px;
    font-family: 'arial';
    text-align: center;
}

#outer-box:hover #inner-box {
    opacity: .9;
    transition: opacity .5s;
}

#outer-box {
    width: 300px;
    height: 194px;
    position: relative;
}

#outer-box #inner-box {
    background: #000000b8;
    height: 134px;
    width: 134px;
    opacity: 0;
    top: -53px;
    left: 2px;
    position: absolute;
    padding: 0;
    transition: opacity .5s;
    border-radius: 8px;
}

#outer-box #inner-box p {
    color: #fff;
    line-height: 150px;
    text-align: center;
}

#outer-box #inner-box {
    opacity: .9;
    transition: opacity .5s;
}

#outer-box2 {
    width: 300px;
    height: 194px;
    position: relative;
}

#outer-box2 #inner-box2 p {
    color: #fff;
    line-height: 150px;
    font-family: 'arial';
    text-align: center;
}

#outer-box2:hover #inner-box2 {
    opacity: .9;
    transition: opacity .5s;
}

#outer-box2 {
    width: 300px;
    height: 194px;
    position: relative;
}

#outer-box2 #inner-box2 p {
    color: #fff;
    line-height: 150px;
    text-align: center;
}

#outer-box2 #inner-box2 {
    opacity: .9;
    transition: opacity .5s;
}

.photo-icon-s {
    color: #FFF;
    font-size: 48px;
    position: absolute;
    top: 41px;
    left: 42px;
}

/*.overlay-text{
    margin-top: 27px;
}*/

.overlay-text {
    position: absolute;
    top: 82px;
    right: 50px;
}

.photo-icon2-s {
    position: absolute;
    color: #FFF;
    left: 52px;
    font-size: 34px;
    top: -7px;
}

.overlay-text2 {
    position: absolute;
    color: #FFF;
    top: 37px;
    right: 30px;
    width: 80px;
}

.s-business:after {
    background: #f9060d;
    width: 73px;
    height: 5px;
    content: "";
    position: absolute;
    left: 23px;
    display: block;
}

.b-text {
    position: relative;
    top: -8px;
    left: 7px;
    line-height: 34px;
}

.bt-2 {
    margin-left: 55px !important;
}

.business-info {
    background-color: #FFF;
    width: 750px;
    height: auto;
    min-height: 556px;
}

.write-a-review {
    background-color: #FFF;
    width: 750px;
    height: auto;
    min-height: 160px;
}

.r-input-cstm {
    border: 1px solid #e5e5e5;
    padding: 0px 10px;
    height: 40px;
}

.r-input-cstm:focus {
    border: 1px solid #e5e5e5;
    padding: 0px 10px;
    height: 40px;
    box-shadow: none;
    outline: none;
}

.r-btn {
    width: 165px;
    height: 40px;
    border-radius: 5px;
    background-color: #f9060d;
    text-align: center;
    padding: 9px;
}

.all-reviews-s {
    background-color: #FFF;
    width: 750px;
    height: auto;
    min-height: 100px;
}

.review-ul li.active a, .review-ul li.active a:focus, .review-ul li.active a:hover {
    color: red !important;
    font-weight: normal;
}

.all-review-tab .review-ul li a:before {
    height: 3px !important;
    background: #000000;
    bottom: -19px;
}

.sd1-tab2 {
    background-color: #FFF;
    width: 750px;
    margin-top: 9px;
    min-height: 100px;
    height: auto;
    position: absolute;
    padding: 7px 5px;
}

.popular-review-tab {
    min-height: 280px;
    height: auto;
    background-color: #FFF;
    width: 750px;
    margin-top: -7px;
    padding: 12px 23px;
}

.color-e {
    color: #e0dfdf !important;
}

.review-dropdown-btn:after {
    border: none !important;
}

.bg-long_arrow {
    width: 7px;
    height: 15px;
    background: url(../images/arrow-long.png) -10px -10px;
    position: absolute;
    right: -3px;
    top: 1px;
}

.review-dropdown-btn {
    float: right;
    position: relative;
    right: 0px;
    top: 14px;
}

.review-dropdown {
    padding: 0;
    border: 1px solid #CCCCCC;
    position: absolute !important;
    top: 0px !important;
    left: -129px !important;
}

.u-pic {
    background-color: #f3f3f3;
    width: 60px;
    height: 60px;
    float: left;
    border: 1px solid transparent;
    border-radius: 50px;
    margin-top: 6px;
}

.user-p {
    font-size: 24px !important;
    display: table !important;
    margin: 15px auto !important;
}

.u-box {
    padding: 0px 13px;
    position: relative;
    top: -4px;
}

.sd1-review-rated {
    position: relative;
    top: 14px;
    right: 3px;
}

.service-rate2 {
    position: relative;
    left: 0;
    margin: 3px;
}

.user-r-hr {
    color: #cccccc;
    width: 96%;
    margin: 0 auto;
}

.Load-more-btn {
    background: transparent;
    border: none;
    display: table;
    margin: auto;
}

.popup-box {
    background-image: url(../images/rating-pop-up.png);
    position: relative;
    z-index: 9999;
    background-repeat: no-repeat;
    top: -38px;
    left: 136px;
    height: 175px;
}

.popup-main {
    position: relative;
    left: 36px;
    top: 40px;
    width: 100%;
}

/*.popup-box {
    position: relative;
    margin: 0px;
    width: 335px;
  height: 120px;
    background-color: #FFF;
    padding:8px 20px;
    z-index: 1000;
  margin: auto;
  top: -18px; left: -35px; bottom: 0; right: 0;
  border:1px solid #CCCCCC;
}*/

.popup-box nav.close {
    float: right;
    font-size: 20px;
    color: #f9060d;
    z-index: 9999;
}

.close-r {
    position: absolute;
    right: -140px;
    color: #000000;
    font-weight: bold;
}

.righ5 {
    right: 5px;
    margin-top: 5px;
}

.sd1-hr2 {
    color: #d1cbcb;
    width: 63%;
    margin: 0;
    padding: 0;
    margin-top: -30px;
    position: relative;
    left: 17px;
}

.rating-filter2 {
    position: relative;
    top: -18px;
}

.popup-box2 {
    background-image: url(../images/rating-pop-up.png);
    z-index: 9999;
    background-repeat: no-repeat;
    height: 175px;
    position: absolute;
    left: 308px;
    width: 44%;
    top: 55px;
}

/*.popup-box:after {
    content: '';
    display: block;
    position: absolute;
    top: -21px;
    left: 14px;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #CAD5E0;
    border-style: solid;
    border-width: 10px;
    transform: rotate(270deg);
}*/

.hover-popup {
    background-color: transparent;
    border: none;
    outline: none;
    padding: 5px;
}

.lb-data .lb-number {
    display: block !important;
    font-size: 22px !important;
    color: #f9060d !important;
    text-align: left !important;
    margin: 16px 0px !important;
    font-family: Poppins-Bold !important;
}

.lb-data .lb-close {
    opacity: 1 !important;
    transition: .5s !important;
}

.lb-outerContainer {
    position: relative !important;
    background-color: transparent !important;
    margin: 0 auto !important;
    border-radius: 5px !important;
    /*border: 1px solid #FFF !important;*/
    box-shadow: inset 0px 0px 0px 5px #FFF;
}

.s-class {
    display: block;
    position: relative;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    color: #888888;
    line-height: 17px;
    margin-bottom: 5px;
}

.progress-bar-box {
    background-color: #FFF;
    width: 750px;
    height: auto;
    min-height: 250px;
}

.overall-rating {
    padding: 0px 8px;
}

.f-18-b {
    font-size: 18px !important;
}

.service2-rate2 {
    margin-top: -22px;
}

.progress-title {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    margin: 0 0 10px;
}

.progress-outer {
    padding: 5px 5px 5px 5px;
    margin-bottom: 5px;
    position: relative;
    margin-left: -48px;
}

.progress {
    background: #e9e9e9;
    border-radius: 5px;
    margin: 0;
    height: 15px;
    width: 300px;
}

.progress-value {
    margin-left: -60px;
}

.progress .progress-bar {
    border-radius: 5px;
    box-shadow: none;
    animation: animate-positive 2s;
    background-color: #f9060d !important;
    height: 15px;
    background-image: none !important;
}

.progress .progress-value {
    font-size: 20px;
    font-weight: 700;
    color: #6b7880;
    position: absolute;
    top: 3px;
    right: 10px;
}

.special-character {
    position: absolute;
    left: -29px;
    top: 4px;
    font-size: 12px;
}

@keyframes animate-positive {
    0% {
        width: 0;
    }
}

/*END Service Detail sample-1 Page*/

/*START signup-login modal services detail*/

.rating-modal-content {
    width: 435px;
    min-height: 305px;
    height: auto;
}

.r-title:after {
    border-bottom: 1px solid #e4e3e3;
    content: "";
    position: absolute;
    width: 93%;
    left: 14px;
    top: 52px;
}

.r-title {
    margin-top: -6px;
}

.b-btn2 {
    width: 190px;
    height: 80px;
    background-color: #FFFFFF;
    text-align: center;
    padding: 24px;
    text-transform: uppercase;
    border-radius: 5px;
    border: 1px solid #e3e2e2;
    position: relative;
    right: 6px;
}

.b-btn {
    width: 190px;
    height: 80px;
    background-color: #f9060d;
    text-align: center;
    padding: 24px;
    text-transform: uppercase;
    border-radius: 5px;
}

.bs-up-btn {
    color: #000;
}

.bs-up-btn:hover {
    color: #000;
}

.btn-row {
    margin-top: -8px;
}

.sd-lg-sr {
    border-bottom: 0.4px solid #e4e3e3;
    content: "";
    position: absolute;
    width: 94%;
    left: 13px;
    top: 4px;
    z-index: 1;
}

.sign-up-s {
    display: table;
    margin: 11px auto;
    z-index: 9;
}

.sign-up-s {
    display: block;
    position: absolute;
    left: 50%;
    top: 0px;
    margin-left: -70px;
    background-color: #fff;
    width: 132px;
    text-align: center;
    z-index: 9;
}

.just-ask-sd2 {
    margin: auto;
}

.j-ask-dialog {
    display: table;
    margin: 28px auto;
}

/*END signup-login modal services detail*/

/*START services 2nd page*/

.services-bg {
    background-image: url(../images/services-bg2.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 415px;
}

.sevices2-bg {
    background-color: #FFF;
    width: 980px;
    /*min-height: 355px;*/
    height: 390px;
    margin-top: 76px;
    position: relative;
    z-index: 9;
}

.w-36 {
    width: 36%;
}

hr.src2-hr {
    margin: -6px;
    color: #d1cbcb;
}

.pg-65 {
    padding-bottom: 65px !important;
}

.w-980 {
    width: 980px !important;
}

.ml {
    margin-left: -60px;
}

.w-outer {
    margin-left: -75px;
}

.sr2-p2 {
    width: 80px;
    height: 80px;
    margin-left: 6px;
}

.overlay-text2 {
    position: absolute;
    top: -4px;
    right: -17px;
}

.img-box3 {
    float: right;
    width: 44%;
    margin-top: -40px;
}

hr.src2-hr {
    color: #d1cbcb;
    width: 100%;
    margin: 0px;
}

.blank-height {
    min-height: 500px;
    height: auto;
}

/*END services 2nd page*/

/* Startback to top*/

.smoothscroll-top {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    text-align: center;
    z-index: 99;
    background-color: #f9060d;
    color: #fff;
    width: 47px;
    height: 44px;
    line-height: 44px;
    right: 25px;
    bottom: -25px;
    padding-top: 0px;
    border-radius: 5px;
    transition: all .5s ease-in-out;
    transition-delay: .2s;
}

.smoothscroll-top:hover {
    background-color: #000;
    color: #fff;
    transition: all .5s ease-in-out;
    transition-delay: 0;
}

.smoothscroll-top.show {
    visibility: visible;
    cursor: pointer;
    opacity: 1;
    bottom: 25px;
}

.smoothscroll-top i.fa {
    line-height: inherit;
}

/*End back to top*/

.profile-chat-search2 {
    position: absolute;
    left: 38px;
    right: 0;
    height: 64px;
    padding-top: 0;
    z-index: 1024;
    width: 83%;
    top: 80px;
}

.d-chat-hr {
    border: none;
    background: #DDD;
    height: 1px;
    width: 387px;
    z-index: 10;
    position: absolute;
    left: -22px;
    top: 52px;
    right: 97px;
}

/*upload photos step4 page*/

.upload-photos-btn-2 {
    background-color: red;
    width: 160px;
    height: 40px;
    border-radius: 5px;
    text-align: center;
    text-decoration: none;
    padding: 9px;
    position: relative;
    margin: auto;
}

.step4-hr3 {
    display: table;
    margin: auto;
    position: relative;
    top: -31px;
    background-color: #FFF;
    padding: 0px 10px;
    color: #000;
}

.bg-transparent {
    background-color: transparent;
}

.form-control:focus {
    outline: 0;
    box-shadow: none;
    border-color: none;
}

/*END upload photos page*/

/*START cross browser*/

@-moz-document url-prefix() {
    .user-msgs3:after {
        margin-top: -10px;
    }
}

/*END cross browser*/

/* #Progress with back to top
================================================== */

:root {
    --red: #da2c4d;
    --yellow: #f8ab37;
    --green: #2ecc71;
    --white: #ffffff;
    --grey-light: #f2f7f9;
    --grey: #ecedf3;
    --black: #080808;
    --black-blue: #1f2029;
    --black-blue-light: #353746;
    --black-blue-light-2: #404255;
    --black-blue-light-3: #4b4d64;
    --black-light: #424455;
}

.progress-wrap {
    position: fixed;
    right: 50px;
    bottom: 50px;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    border-radius: 50px;
    box-shadow: inset 0 0 0 2px rgb(249, 6, 13);
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
    bottom: 50px;
}

.progress-wrap.active-progress {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.progress-wrap::after {
    position: absolute;
    /*font-family: 'unicons';
	content: '\e84b';*/
    content: '\f106';
    font-family: 'Font Awesome\ 5 Free' !important;
    font-weight: 900;
    text-align: center;
    line-height: 46px;
    font-size: 24px;
    color: hsl(358, 95%, 50%);
    left: 0;
    top: 0;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    z-index: 1;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

.progress-wrap:hover::after {
    opacity: 1;
}

.progress-wrap:hover::before {
    opacity: 1;
}

.progress-wrap svg path {
    fill: none;
}

.progress-wrap svg.progress-circle path {
    stroke: var(--grey);
    stroke-width: 4;
    box-sizing: border-box;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

/* #Progress with back to top
================================================== */

.border-box.admin-border-box {
    float: left;
}

.red {
    color: #f9060d;
}

.has-error .form-control {
    border-width: 3px;
}

.has-error .chzn-container-multi .chzn-choices {
    border-width: 3px;
}

.cpatch_error {
    color: #f9060d;
    font-size: 12px;
    font-family: 'Poppins-Regular', sans-serif !important;
    font-weight: 600;
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
    color: #f9060d
}

.has-error .form-control {
    border-color: #f9060d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-error .form-control:focus {
    border-color: #ce402f;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ecb1aa;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ecb1aa;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ecb1aa
}

.has-error .input-group-addon {
    color: #fff;
    border-color: #f9060d;
    background-color: #f9060d;
    font-size: 12px;
    font-family: 'Poppins-Regular', sans-serif !important;
}

.has-error .form-control-feedback {
    color: #f9060d;
    font-size: 12px;
    font-family: 'Poppins-Regular', sans-serif !important;
}

.spinner .form-control {
    text-align: center
}

input.error {
    border-color: #f9060d;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

input.error:focus {
    border-color: #ce402f;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

label.error {
    color: #f9060d;
    font-size: 12px;
    font-family: 'Poppins-Regular', sans-serif !important;
    font-weight: 600;
}

/*.error-class ,success-class{
	color: #f9060d;
	font-size:12px;
	font-family: 'Poppins-Regular', sans-serif !important;
}*/

.just-ask-danger {
    font-size: 14px !important;
    color: #721c24 !important;
    background-color: #f8d7da !important;
    border-color: #f5c6cb !important;
    font-family: 'Poppins-Regular', sans-serif !important;
    font-weight: 600;
}

.just-ask-success {
    font-size: 14px !important;
    color: #155724 !important;
    background-color: #d4edda !important;
    border-color: #c3e6cb !important;
    font-family: 'Poppins-Regular', sans-serif !important;
    font-weight: 600;
}

.just-ask-error-class {
    font-size: 14px !important;
    font-family: 'Poppins-Regular', sans-serif !important;
    color: #f9060d !important;
}

/*.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    background-color: #f9060d !important;
    border-color: #f9060d !important;
}*/

label#select_cate_data-error {
    position: absolute;
    top: 45px;
    z-index: 9999999999;
    overflow: visible !important;
}

label#exampleFormControlSelect1-error {
    position: absolute;
    top: 47px;
}

label#sub_category_data-error {
    position: absolute;
    top: 48px;
}

/*.sr-category li a {
    color: #000 !important;
	font-weight: 600;
}*/

.sr-category li a {
    color: #313131;
    font-family: Poppins-regular;
}

.sr-category_home {
    color: #fff !important;
    font-family: 'Poppins-Regular', sans-serif !important;
}

label#city_id-error {
    bottom: -34px;
    color: #f9060d;
    font-size: 12px;
    font-family: 'Poppins-Regular', sans-serif !important;
    font-weight: 600;
    position: absolute;
}

.no_data_found_img {
    width: 40%;
    height: 40%;
    margin: auto;
    display: table;
    margin-bottom: 70px;
}

.ring {
    position: absolute;
    top: 51%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 120px;
    height: 120px;
    background: rgb(0, 0, 0);
    border: 3px solid #3c3c3c;
    border-radius: 50%;
    text-align: center;
    line-height: 117px;
    font-family: Poppins-Bold;
    font-size: 14px;
    color: #ffffff;
    letter-spacing: 4px;
    text-transform: uppercase;
    z-index: 9999;
}

.ring:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border: 0px solid transparent;
    border-top: 8px dotted #f9060d;
    border-right: 8px dotted #f9060d;
    border-radius: 50%;
    animation: animateCircle 2s linear infinite;
}

.ring span {
    display: block;
    position: absolute;
    top: calc(50% - 2px);
    left: 50%;
    width: 50%;
    height: 4px;
    background: transparent;
    transform-origin: left;
    animation: animate 2s linear infinite;
}

.ring span:before {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #fff000;
    top: -6px;
    right: -8px;
    box-shadow: 0 0 20px #fff000;
}

@keyframes animateCircle {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes animate {
    0% {
        transform: rotate(45deg);
    }
    100% {
        transform: rotate(405deg);
    }
}

/*second loader*/

.loader {
    width: 250px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-family: Poppins-Bold;
    text-transform: uppercase;
    font-weight: 900;
    color: #000;
    letter-spacing: 0.2em;
    z-index: 9999;
    font-size: 18px;
}

.loader::before, .loader::after {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background: #f9060d;
    position: absolute;
    -webkit-animation: load .8s infinite alternate ease-in-out;
    animation: load .8s infinite alternate ease-in-out;
}

.loader::before {
    top: 0;
}

.loader::after {
    bottom: 0;
}

@-webkit-keyframes load {
    0% {
        left: 0;
        height: 30px;
        width: 15px;
    }
    50% {
        height: 8px;
        width: 40px;
    }
    100% {
        left: 235px;
        height: 30px;
        width: 15px;
    }
}

@keyframes load {
    0% {
        left: 0;
        height: 30px;
        width: 15px;
    }
    50% {
        height: 8px;
        width: 40px;
    }
    100% {
        left: 235px;
        height: 30px;
        width: 15px;
    }
}

#header_serach_name-error {
    color: #f9060d;
    font-size: 12px;
    font-family: 'Poppins-Regular', sans-serif !important;
    font-weight: 600;
    position: absolute;
    margin-top: 34px;
    margin-left: 114px;
    float: right;
}

.sticky-top-2 {
    position: sticky;
    top: 0;
    z-index:999;
    background: #FFF;
    box-shadow: inset 0px 0px 0px 1px #eee;
}

.used_services_icon2 {
    width: 29px;
    height: 24px;
    position: relative;
    right: 3px;
    top: 2px;
}

.select_services_err {
    margin-top: 0px !important;
    margin-left: 11px!important;
    color: #f9060d;
    font-size: 12px;
    font-family: 'Poppins-Regular', sans-serif !important;
    font-weight: 600;
}

.submit_button_s {
    background-color: transparent;
    border: none;
    box-shadow: none;
    position: relative;
    top: 3px;
}

.question_erorclass {
    position: relative;
    top: -20px;
    left: 17px;
}

.marginleft30px;
    {
    margin-left: 30px!important;
}

.select2-main {
    width: 50%;
    display: table;
    margin: auto;
}

.copyright-main {
    padding-top: 20px;
    padding-bottom: 20px;
}

.pro-name {
    min-height: 21px!important;
}

label#codeBox1-error {
    position: absolute;
    top: 48px;
}

.home_image {
    height: 40px!important;
    width: 40px!important;
}

.code_temp {
    z-index: 999;
    position: relative;
}

.user-testimonialnew {
    background-color: #EEE;
    /* min-height: 570px; */
    height: auto;
}

.user-reviewnew {
    width: 60%;
    display: table;
    margin: auto;
    /* margin-top: 70px !important; */
    padding-top: 50px;
    padding-bottom: 40px;
}

.placeholder_img_just_ask {
    width: 100%;
    height: 180px;
}

.user-testimonial_new {
    margin-top: -60px;
    /*background-color:#EEE;*/
}

.user-testimonial_newhome {
    /* margin-top: 0px; */
    background-color: #fff;
}

.work-inputnew {
    height: 50px;
    background-color: #FFF;
    border: 1px solid #DDD;
    border-radius: 0px;
    box-shadow: none;
    font-size: 16px;
    width: 189px!important;
    margin-left: -56px!important;
    margin-right: -40px;
    -webkit-appearance: none;
}

.button_classs:hover {
    background-color: none !important;
    border: none !important;
}

/* */

.price2 {
    min-height: 83px;
}

.business-infonew {
    background-color: #FFF;
    width: 750px;
    height: auto;
    /* min-height: 556px; */
}

.tabbingclass {
    /* padding: 0px 20px; */
    padding: 0px 23px;
    font-size: 17px;
    color: #25283d;
    border-radius: 0;
    margin-right: 0;
    border: none;
    position: relative;
    transition: all 0.5s ease 0s;
    display: block;
}

.tabbingclass .nav-tabs li a {
    /* padding: 0px 20px; */
    padding: 0px 23px !important;
    ;
    font-size: 17px;
    color: #25283d;
    border-radius: 0;
    margin-right: 0;
    border: none;
    position: relative;
    transition: all 0.5s ease 0s;
    display: block;
}

.popup_username {
    position: relative;
    top: -17px;
}

.s-readmore {
    color: #ed3237 !important;
    font-weight: 600;
    font-family: 'Poppins-Regular', sans-serif !important;
}

.contact-us-hr {
    margin: 0;
    border: 0.5px solid #ccc;
    width: 100%;
}

.justask-co_1 {
    line-height: 34px;
}

.cstm-contact-us {
    width: 60%;
    margin: auto;
}

.cstm-contact-us input::placeholder {
    font-family: Poppins-Regular;
    font-size: 16px;
    color: #9b9b9b;
}

.contact_input {
    height: 40px;
    background-color: #f5f5f5;
    border: transparent;
    border-radius: 0px;
}

.contact_input:focus {
    height: 40px;
    background-color: #f5f5f5;
    border: transparent;
    border-radius: 0px;
}

.cstm-contact-us .input-group-text {
    background-color: #f5f5f5;
    border: 1px solid transparent;
    align-items: end;
}

/*.icon-cstm{
	position: relative;
    top: 6px;
}*/

.icon-cstm {
    position: absolute;
    top: 13px;
    left: 8px;
}

.cstm-contact-us textarea.form-control {
    height: auto !important;
    font-family: Poppins-Regular;
    resize: none;
    min-height: 140px !important;
}

.cstm-contact-us textarea::placeholder {
    font-size: 16px;
    color: #9b9b9b;
    padding-top: 4px;
}

.contact-us-btn {
    background-color: #f9060d;
    border: transparent;
    border-radius: 6px;
    width: 130px;
    height: 40px;
    color: #FFF;
    text-align: center;
}

.map-img {
    background-image: url(../images/grey-map.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 590px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.just-ask-tab2 {
    background-color: #f5f5f5;
    height: 50px;
    box-shadow: inset 1px 1px 8px -2px #0000008c;
    margin-top: 66px;
}

.contact_address_1 {
    width: 450px;
    min-height: 300px;
    height: auto;
    background-color: #FFF;
    border-radius: 8px;
    float: left;
    margin: 0px 40px;
}

.conatct_boxes {
    display: table;
    margin: auto;
    width: 79%;
    padding-top: 180px;
}

.address_box {
    text-align: center;
    padding-top: 70px;
}

.office-add_j:before {
    content: "";
    position: absolute;
    background: red;
    width: 25px;
    height: 5px;
    margin-top: 40px;
    margin-left: 50px;
}

.office-add_j2 {
    line-height: 32px;
    margin-top: 30px;
}

.address-round {
    background-color: #FFF;
    width: 100px;
    height: 100px;
    border-radius: 60px;
    box-shadow: 0px 0px 4px 0px #0000002e;
    display: table;
    margin: -50px auto;
}

.roung-img-1 {
    display: table;
    margin: auto;
    margin-top: 21px;
}

/*End contact us page*/

.user-i {
    position: relative;
    left: 6px;
}

/*Working hours page*/

.padding-left-32 {
    padding-left: 32px !important;
}

.cstm-time-picker {
    width: 48%;
    font-size: 14px;
    color: #313131;
    padding: 2px 14px;
    overflow: visible;
    position: relative;
    top: -3px;
    left: 22px;
    height: 28px;
}

.cstm-time-picker:focus {
    border-color: #f9060d !important;
}

.start-time-j {
    float: left;
    margin-top: 2px;
}

.start-h1 {
    position: relative;
    left: 70px;
}

.submit-hours {
    background-color: red;
    width: 160px;
    height: 40px;
    border-radius: 5px;
    text-align: center;
    text-decoration: none;
    padding: 9px;
    outline: none;
    border: transparent;
    display: table;
    margin: 20px auto;
}

.butoon_s_class {
    border: none;
    background: none;
}

.popup_read_more {
    margin-bottom: 80px !important;
}

.work-input_b_landing {
    height: 50px;
    background-color: #FFF;
    border: 1px solid #DDD;
    border-radius: 0px;
    box-shadow: none;
    font-size: 16px;
    width: 177px;
    margin-left: -17px;
}

.no_more_data_found {
    margin-top: 40px;
    margin-bottom: 40px;
}

.cstm-time-picker {
    width: 40%;
    /*  it was 100% before */
    font-size: 14px;
    color: #313131;
    padding: 2px 14px;
    overflow: visible;
    position: relative;
    top: -3px;
    left: 22px;
    height: 28px;
    background: #FFF;
}

.column-7 {
    float: left;
    width: 40%;
}

.s-main {
    width: 99%;
}

.conatct_boxes {
    width: 79% !important;
}

.conatct_boxes_2 {
    padding-top: 180px;
}

.contact_address_11 {
    width: 100%;
    min-height: 300px;
    height: auto;
    background-color: #FFF;
    border-radius: 8px;
    float: left;
    margin: 0px 40px;
}

.map-img {
    background-size: 100% 100% !important;
}

/*.deselect-hours {
    opacity: 0.3;
}
/*End working hours page*/

/*current plan tab start*/

.lh-45 {
    line-height: 45px;
}

.mtb_cstm {
    margin-top: -28px;
    margin-bottom: 6px;
}

.cr_plan_btn {
    width: 130px !important;
}

.cr_plan_hr {
    width: 95%;
    margin: 0 auto;
}

.mr-21 {
    margin-right: 22px;
}

/*current plan tab end*/

/*invoice modal*/

.invoice_modal {
    margin-top: 50px;
}

.row-new {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /* margin-right: -15px;
			margin-left: -15px; */
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

#invoice {
    padding: 30px;
}

.invoice {
    position: relative;
    background-color: #FFF;
    min-height: 680px;
    padding: 15px
}

.invoice header {
    padding: 10px 0;
    border-bottom: 1px solid #cacad2;
}

.invoice .company-details {
    text-align: right;
    font-size: 16px;
    color: #9DA8BB;
}

.invoice .company-details .name {
    margin-top: 0;
    margin-bottom: 0
}

.invoice .contacts {
    margin-bottom: 20px;
    background-color: #fbfbfb;
    padding-bottom: 50px;
    font-size: 16px;
}

.invoice .invoice-to {
    text-align: left;
    color: #9DA8BB;
}

.invoice .invoice-to .to {
    margin-top: 3px;
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: 600;
}

.invoice .invoice-details {
    text-align: right;
    color: #9DA8BB;
}

.invoice .invoice-details .invoice-id {
    margin-top: 0;
    color: #3989c6;
}

.invoice main {
    padding-bottom: 50px;
}

.invoice main .thanks {
    margin-top: -100px;
    font-size: 2em;
    margin-bottom: 50px;
}

.invoice main .notices {
    padding-left: 6px;
    border-left: 6px solid #e40955;
}

.invoice main .notices .notice {
    font-size: 1.2em
}

.invoice table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 20px;
}

.invoice table td, .invoice table th {
    padding: 15px;
    /*background: #eee;*/
    /*border-bottom: 2px solid #8080801a;*/
    height: 54px;
}

.invoice table th {
    white-space: nowrap;
    font-weight: 400;
    font-size: 16px;
    color: #9DA8BB;
    font-family: Poppins-Bold;
    text-transform: uppercase;
}

.invoice table td h3 {
    margin: 0;
    font-weight: 400;
    font-size: 1.2em
}

.invoice table .qty, .invoice table .total, .invoice table .unit {
    font-size: 18px;
    text-transform: uppercase;
}

.invoice table .no {
    color: #313131;
    font-size: 18px;
    /* background: #f9060d; */
    text-transform: uppercase;
}

.invoice table .unit {}

.invoice table .total {
    background: #e40955;
    color: #fff;
}

.invoice table tbody tr:last-child td {
    border: none;
    text-transform: uppercase;
    font-family: Poppins-Semi-Bold;
}

.invoice table tfoot td {
    background: 0 0;
    border-bottom: none;
    white-space: nowrap;
    text-align: right;
    padding: 10px 20px;
    font-size: 1.2em;
    border-top: 1px solid #cacad2;
}

.invoice table tfoot tr:first-child td {
    border-top: none;
}

.invoice table tfoot tr:last-child td {
    color: #e40955;
    font-size: 1.4em;
    border-top: 1px solid #e40955;
}

.invoice table tfoot tr td:first-child {
    border: none;
}

.invoice footer {
    width: 100%;
    text-align: center;
    color: #777;
    border-top: 1px solid #aaa;
    padding: 8px 0;
}

@media print {
    .invoice {
        font-size: 11px!important;
        overflow: hidden!important;
    }
    .invoice footer {
        position: absolute;
        bottom: 10px;
        page-break-after: always;
    }
    .invoice>div:last-child {
        page-break-before: always;
    }
}

.invoice .company-details .name a {
    color: #313131;
    text-transform: uppercase;
    text-decoration: none;
}

.text-gray-light {
    color: #000000;
    font-size: 14px;
    font-family: Poppins-Semi-Bold;
    text-transform: uppercase;
}

.text-black-in {
    color: #000000;
    font-size: 26px;
    font-family: Poppins-Semi-Bold;
}

.invoice-w {
    width: 100%;
    margin: auto;
    /*border: 1px solid #cacad2;*/
    padding: 10px;
}

.caption-width {
    width: 50%;
}

.caption-price {
    width: 20%;
}

.invoice_cstm_htext {
    color: #f9060d !important;
    position: absolute;
    right: 206px;
}

.invoice_cstm_htext2 {
    color: #f9060d !important;
    float: left;
    width: 6%;
}

.text-upper {
    text-transform: uppercase;
    color: #000;
    font-family: Poppins-Semi-bold;
}

.invoice_header {
    background-color: #fbfbfb !important;
    border: none !important;
}

.in_s_total {
    font-size: 16px;
    color: #9DA8BB;
    font-family: Poppins-Bold;
    text-transform: uppercase;
}

.caption-paid {
    width: 14%;
}

.in_border1 {
    border-bottom: 2px solid #8080801a;
}

.in_border2 {
    border-bottom: 2px solid #8080801a;
}

.ft_border {
    border-bottom: 2px solid #8080801a;
}

.name2 a {
    color: #9DA8BB;
    position: relative;
    top: 13px;
    text-transform: uppercase;
    text-decoration: none;
}

.invoice_cstm_htext5 {
    color: #f9060d !important;
    position: absolute;
    /* right: 183px; */
    left: 0;
}

.m-color-invoice {
    color: #9DA8BB;
    font-size: 14px;
}

/*end invoice modal*/

/** Custom Select **/

.custom-select {
    border-radius: 0px !important;
    padding: 0.375rem 0.25rem 0.375rem 0.25rem !important;
}

.custom-select-wrapper {
    position: relative;
    display: block;
    user-select: none;
}

.custom-select-wrapper select {
    display: none;
    visibility: hidden;
    border: 0px;
}

.custom-select-trigger {
    position: relative;
    display: block;
    padding: 0 0px 0 4px;
    font-size: 20px;
    font-weight: 400;
    color: #313131;
    line-height: 49px;
    font-family: sans-serif;
    cursor: pointer;
}

.custom-select-trigger {
    /*position: absolute;
	display: block;
	content: '';
	width: 7px;
	height: 7px;
	top: 50%;
	right: -3px;
	margin-top: 0px;
	border-bottom: 2px solid #000;
	border-right: 2px solid #000;
	transform: rotate(45deg) translateY(-50%);
	transition: all .4s ease-in-out;
	transform-origin: 50% 0;*/
    background-image: url(../images/drop-down-arrow.png);
    background-position: right 14px;
    background-size: 11.5px;
    background-repeat: no-repeat;
}

.custom-select.opened .custom-select-trigger:after {
    margin-top: 3px;
    transform: rotate(-135deg) translateY(-50%);
}

.custom-options {
    position: absolute;
    display: block;
    top: 100%;
    left: 0;
    right: 0;
    min-width: 506px;
    max-height: 153px;
    overflow: auto;
    overflow-x: hidden;
    margin: 2px 0;
    border: 1px solid #dedede;
    box-sizing: border-box;
    box-shadow: 0 2px 1px rgba(0, 0, 0, .07);
    background: #fff;
    transition: all .4s ease-in-out;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-15px);
}

.custom-select.opened .custom-options {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateY(0);
    z-index: 100;
}

.custom-options:before {
    position: absolute;
    display: block;
    content: '';
    bottom: 100%;
    right: 25px;
    width: 7px;
    height: 7px;
    margin-bottom: -3px;
    border-top: 1px solid #b5b5b5;
    border-left: 1px solid #b5b5b5;
    background: #fff;
    transform: rotate(45deg);
    transition: all .4s ease-in-out;
}

.option-hover:before {
    background: #f9f9f9;
}

.custom-option {
    position: relative;
    display: block;
    padding: 0 8px;
    border-bottom: 1px solid #ececec;
    font-size: 18px;
    font-weight: 400;
    color: #313131;
    line-height: 30px;
    cursor: pointer;
    /*transition: all .4s ease-in-out;*/
}

.custom-option:first-of-type {
    border-radius: 0px 0px 0 0;
}

.custom-option:last-of-type {
    border-bottom: 0;
    border-radius: 0 0 0px 0px;
}

.custom-option:hover, .custom-option.selection {
    background: #1d71eb;
    color: #fff;
}

/** End Custom Select **/

.box:hover {
    box-shadow: 0 0 20px rgb(209, 209, 209);
}

.box img {
    overflow: hidden;
    transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) all;
}

.box:hover img {
    transform: scale(1.1);
}

/* Animation */

._animE {
    transition: 0.5s;
}
._animE.animated { 
    -moz-animation: bounce 1s;
    -webkit-animation: bounce 1s;
    animation: bounce 1s;
}
._animE:hover .works-c1 {
    -webkit-animation: bounce_Right .4s steps(3) infinite;
    -moz-animation: bounce_Right .4s steps(3) infinite;
    -ms-animation: bounce_Right .4s steps(3) infinite;
    -o-animation: bounce_Right .4s steps(3) infinite;
    animation: bounce_Right .4s steps(3) infinite;
}

@-webkit-keyframes bounce_Right {
    /* from,
    60%,
    75%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
  
    from {
      opacity: 0;
      -webkit-transform: translate(3000px, 0, 0);
      transform: translate(3000px, 0, 0);
    } */
    60% {
        opacity: 1;
        -webkit-transform: translate(-25px, 0, 0);
        transform: translate(-25px, 0, 0);
    }
    75% {
        -webkit-transform: translate(10px, 0, 0);
        transform: translate(10px, 0, 0);
    }
    90% {
        -webkit-transform: translate(-5px, 0, 0);
        transform: translate(-5px, 0, 0);
    }
    to {
        -webkit-transform: translate(0, 0, 0);
        transform: translate(0, 0, 0);
    }
}

@-moz-keyframes bounce_Right {
    /* from,
    60%,
    75%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
  
    from {
      opacity: 0;
      -webkit-transform: translate(3000px, 0, 0);
      transform: translate(3000px, 0, 0);
    } */
    60% {
        opacity: 1;
        -webkit-transform: translate(-25px, 0, 0);
        transform: translate(-25px, 0, 0);
    }
    75% {
        -webkit-transform: translate(10px, 0, 0);
        transform: translate(10px, 0, 0);
    }
    90% {
        -webkit-transform: translate(-5px, 0, 0);
        transform: translate(-5px, 0, 0);
    }
    to {
        -webkit-transform: translate(0, 0, 0);
        transform: translate(0, 0, 0);
    }
}

@-ms-keyframes bounce_Right {
    /* from,
    60%,
    75%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
  
    from {
      opacity: 0;
      -webkit-transform: translate(3000px, 0, 0);
      transform: translate(3000px, 0, 0);
    } */
    60% {
        opacity: 1;
        -webkit-transform: translate(-25px, 0, 0);
        transform: translate(-25px, 0, 0);
    }
    75% {
        -webkit-transform: translate(10px, 0, 0);
        transform: translate(10px, 0, 0);
    }
    90% {
        -webkit-transform: translate(-5px, 0, 0);
        transform: translate(-5px, 0, 0);
    }
    to {
        -webkit-transform: translate(0, 0, 0);
        transform: translate(0, 0, 0);
    }
}

@-o-keyframes bounce_Right {
    /* from,
    60%,
    75%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
  
    from {
      opacity: 0;
      -webkit-transform: translate(3000px, 0, 0);
      transform: translate(3000px, 0, 0);
    } */
    60% {
        opacity: 1;
        -webkit-transform: translate(-25px, 0, 0);
        transform: translate(-25px, 0, 0);
    }
    75% {
        -webkit-transform: translate(10px, 0, 0);
        transform: translate(10px, 0, 0);
    }
    90% {
        -webkit-transform: translate(-5px, 0, 0);
        transform: translate(-5px, 0, 0);
    }
    to {
        -webkit-transform: translate(0, 0, 0);
        transform: translate(0, 0, 0);
    }
}
@keyframes bounce_Right {
    /* from,
    60%,
    75%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
  
    from {
      opacity: 0;
      -webkit-transform: translate(3000px, 0, 0);
      transform: translate(3000px, 0, 0);
    } */
    60% {
        opacity: 1;
        -webkit-transform: translate(-25px, 0, 0);
        transform: translate(-25px, 0, 0);
    }
    75% {
        -webkit-transform: translate(10px, 0, 0);
        transform: translate(10px, 0, 0);
    }
    90% {
        -webkit-transform: translate(-5px, 0, 0);
        transform: translate(-5px, 0, 0);
    }
    to {
        -webkit-transform: translate(0, 0, 0);
        transform: translate(0, 0, 0);
    }
}


/*new after 31-03-2020 */

/*********** New Css Add  ******/

.new_find_us {

    color: #FFF;

    width: 140px;

    background-color: #f9060d;

    border: none;

    border-radius: 5px;

    height: 40px;

    padding: 2px;

    font-size: 20px;

    margin-top: 8px;

    float: right;

    margin-left: 16px;

}









.step-content .step-content-foot button.out {

    display: none;

}

.step-content .step-content-body.out {

    display: none;

}

.font-size_tab{

    font-size:14px;

    color:#000;

}

.new_tab_radio{

    width:auto;

}

.new_tab_radio label{

    font-size:16px;

}



.new_input_fo:focus{

    height: 124px;

}

.new_input_fo{

    height: 124px!important;

}

.step_banner{

    color: #fff;

    padding: 7px;

    border-radius: 10px;

    text-align: left;

    font-size: 22px !important;

    background-color: #f9060d;

}



.switch-field {

    display: flex;

    margin-bottom:0px;

    overflow: hidden;

}



.switch-field input {

    position: absolute !important;

    clip: rect(0, 0, 0, 0);

    height: 1px;

    width: 1px;

    border: 0;

    overflow: hidden;

}



.switch-field label {

    background-color: rgba(97, 92, 92, 0.69);

    color: #fff;

    font-size: 14px;

    line-height: 1;

    text-align: center;

    padding: 8px 16px;

    margin-right: -1px;

    border: 1px solid rgba(0, 0, 0, 0.2);

    transition: all 0.1s ease-in-out;

}



.switch-field label:hover {

    cursor: pointer;

}



.switch-field input:checked + label {

    background-color: #f9060d;

    box-shadow: none;

    color: #fff;

}



.switch-field label:first-of-type {

    border-radius: 4px 0 0 4px;

}



.switch-field label:last-of-type {

    border-radius: 0 4px 4px 0;

}





.switch {

    position: absolute;

    top: 32px;

    left: 0px;

    width: 150px;

    height: 40px;

    text-align: center;

    margin: 0px 0 0 0px;

    background: #4cd964;

    -webkit-transition: all 0.2s ease;

    -moz-transition: all 0.2s ease;

    -o-transition: all 0.2s ease;

    -ms-transition: all 0.2s ease;

    transition: all 0.2s ease;

    border-radius: 14px;

}

.switch span {

    position: absolute;

    width: 20px;

    height: 4px;

    top: 50%;

    left: 50%;

    margin: -2px 0px 0px -4px;

    background: #fff;

    display: block;

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    transform: rotate(-45deg);

    -webkit-transition: all 0.2s ease;

    -moz-transition: all 0.2s ease;

    -o-transition: all 0.2s ease;

    -ms-transition: all 0.2s ease;

    transition: all 0.2s ease;

    border-radius: 2px;

}

.switch span:after {

    content: "";

    display: block;

    position: absolute;

    width: 4px;

    height: 12px;

    margin-top: -8px;

    background: #fff;

    -webkit-transition: all 0.2s ease;

    -moz-transition: all 0.2s ease;

    -o-transition: all 0.2s ease;

    -ms-transition: all 0.2s ease;

    transition: all 0.2s ease;

    border-radius: 2px;

}

.posin_r input[type=radio] {

    display: none;

}



.posin_r{

    position:relative;

}

.tite-reg{

    color: #f9060d;

    margin-top: 11px;

    font-weight: bold;

}







/******** New Css Add ****/	



@media (max-width:777px) {

    

    .hidden-none-reg{

        display:none;

    }

    .school_img_box img {

        max-width: 100% !important;

    }

    .bottom_button {

        display: inline-block !Important;

    }

    .bottom_button li {

        float: none!Important;

        width: 100%!Important;

        display: inline-block;

    }

    .padding-left-zero-1 {

        padding-left: 15px !Important;

    }

    .padding-right-zero-2 {

        padding-right: 15px !Important;

    }

    .brd-r {

        border-right: 0!Important;

        border-bottom-left-radius: 6px;

        border-top-left-radius: 6px;

    }

    

    .gen-brd {

        border: 0!Important;

        border-radius: 6px!Important;

    }

    .form-inline{

     display:block;

     

    }

    .btn-susss{

    width:100%;

    }

}





/******** Education Details , Search Result  ****/





.eduatcion_p p{

    font-size: 13px;

    text-align: justify;

    color: #000;

}

.margin-b-zero{

    margin-bottom: 0;

}

.education_title{

    color: #f9060d;

}

.custom_search_refine{

    min-height: 280px;

    border-radius: 4px;

    background-color: #fff;

    box-shadow: 0 2px 20px 0px rgba(0, 0, 0, 0.07);

    -webkit-box-shadow: 0 2px 20px 0px rgba(0, 0, 0, 0.07);

    -moz-box-shadow: 0 2px 20px 0px rgba(0, 0, 0, 0.07);

    padding:14px;

    width: 100%;

    margin-bottom: 30px;

    float: left;

}

.custom_search_refine-p{

    font-weight: bold;

    text-align:left;

    margin-bottom: 0;

    color: #f9060d;

    

}

.custom-hr{

    margin-top: 7px;

    margin-bottom: 7px;

}

.sub_title {

    

}



.panel-heading {

    padding: 0;

    border:0;

}

.panel-title>a, .panel-title>a:active{

    display: block;

    padding: 0px;

    color: #000;

    font-size: 14px;

    margin-left: 0px;

}

.panel-heading  a:before {

    font-family: "Font Awesome 5 Free";

    content: "\f107";

    float: right;

    transition: all 0.5s;

    font-weight: bold;

    position: absolute;

    right: 26px;

    font-size: 20px;

    line-height: 17px;

}

.panel-heading.active a:before {

    -webkit-transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    transform: rotate(180deg);

} 

.panel-cstm {

    background-color: #FFF !important;

    border-color: #FFF !important;

}

.panel1-cstm{

    border:none !important;

    box-shadow:none  !important;

}	

.margin-top-minus {

    margin-top: -17px;

}

.s-all {

    margin: -34px 4px 0px 0px;

}

.s-all {

    margin: -32px 4px 0px 0px;

    font-size: 12px;

    color: #000;

}

.panel-heading {

    padding: 0px;

    border-bottom: 1px solid #e5e5e5;

    margin-bottom: 10px;

}

.bootstrap-select>.dropdown-toggle.bs-placeholder{

    margin-bottom:30px;

}

.contact{

    color: #FFF;

    background-color: #f9060d;

    border: none;

    border-radius: 5px;

    height: 40px;

    padding: 2px;

    font-size: 20px;

    margin-top:15px;

    margin-bottom: 10px;

    float: none;

    text-transform: capitalize !important;

    margin-left: 0;

    width: 100%;

}

.featured-school img {

    width: 68px;

    height: 83px;

    object-fit: cover;

}

.fix-scroll {

    max-height: 186px;

    overflow-y: auto;

    margin: 0;

}

.f-s{

    margin-bottom: 0px;

    color: #f9060d;

    text-transform: capitalize;

    margin-bottom:5px;

}

.f-s-sub{

    color: #000;

    text-transform: capitalize;

    margin-bottom: 5px;

}

.f-s-sub-read {

    

}

.padding-left-zero-edu{

    padding-left:0px;

}

.padding-right-zero-edu{

    padding-right:0px;

}

.list_school {

    margin-bottom:0px;

    font-size:16px;

    font-weight:bold;

}



.list_school_2{

    font-size:13px;

    color:#000;

    margin-bottom:5px;

}



.job-badge {

    display: inline-block;

    min-width: 10px;

    padding: 7px 10px;

    font-size: 12px;

    line-height: 1;

    color: #fff;

    text-align: center;

    white-space: nowrap;

    vertical-align: middle;

    background-color: #f9060d;

    border-radius: 100px;

    letter-spacing: 0px;

    text-transform: capitalize;

    margin-right: 10px;

    margin-top: 0px;

    margin-bottom: 10px;

}

.search_results_new {

    display: flex;

    background: #f1f1f1;

    padding: 7px 0;

}

.search_results_new h6 {

    margin-top: 8px;

    font-size: 15px;

    font-weight:100;

    color:#000;

}

.school-result-box{

    padding:10px;

    min-height: 225px;

    border-radius: 4px;

    background-color: #fff;

    box-shadow: 0 2px 20px 0px rgba(0, 0, 0, 0.07);

    -webkit-box-shadow: 0 2px 20px 0px rgba(0, 0, 0, 0.07);

    -moz-box-shadow: 0 2px 20px 0px rgba(0, 0, 0, 0.07);

    border: 1px solid rgba(0, 0, 0, 0.22);

    margin-top:20px;

    margin-bottom:20px;

}

.school_img_box img{

    max-width: 175px;

    max-height: 175px;

    width: 100%;

    object-fit: contain;

    border: 2px solid rgba(204, 204, 204, 0.38);

}

.school-name a{

    color: #f9060d;

}

.school-name{

    font-size: 22px;

    text-transform: uppercase;

}

/*collapse end*/







.padding-left-zero-1{

    padding-left:0px;

}



.padding-right-zero-1{

    padding-right:0px;

}

.ni_real-button {

    width: 100%;

    height: 30px;

    background-color: #f9060d;

    color: #fff;

    font-size: 14px;

    padding: 5px 10px;

}

.ni_real-button:hover,.ni_real-button:focus{

    background-color: #f9060d;

    color: #fff;

}

.Deatils_p p{

    font-size: 13px;

    color: #000;

    font-weight: bold;

    margin-bottom: 3px;

    

}

.Deatils_p_2 p{

    font-size: 12px;

    color:#6db813;

    font-weight: bold;

    margin-bottom: 3px;

}

.value span {

    margin: 0px 5px 0 0px;

}

.review-stars {

    display: flex;

    margin-left: -40px;

    color: #6db813;

    font-size: 17px;

    list-style: none;

    line-height: 16px;

    height: 16px;

    list-style-type: none!important;

}

.review-stars ul li {

    color: #898989;

    font-size: 15px;

    line-height: 28px;

}

.short-list{

    background-color: #FF9800;

}

.short-list:hover,.short-list:hover{

    background-color: #FF9800;

    

}

.bottom_button{

    padding-left: 0;

    background-color: #f9060d;

    padding: 5px;

    border-radius: 5px;

    display: flex;

    margin-bottom: 5px;

}

.bottom_button li {

    float: left;

    position: relative;

    margin-right: 10px;

    margin-left: 10px;

}

.bottom_button li a {

    float: left;

    padding: 0px;

    font-size: 15px;

    font-style: normal;

    text-transform: none;

    line-height: 25px;

    letter-spacing: 0;

    color: #fff;

    transition: all .1s linear;

}

ul.bottom_button li a i {

    margin-right: 4px;

    font-size: 14px;

}

.Search_Pagination {

    display: inline-block;

    padding-left: 0;

    margin: 0px 0;

    border-radius: 4px;

    border: 1px solid #e1e1e1;

    background-color: #fff;

}

.Search_Pagination > li {

    display: inline;

}

.Search_Pagination > .active > a, .Search_Pagination > .active > span, .Search_Pagination > .active > a:hover, .Search_Pagination > .active > span:hover, .Search_Pagination > .active > a:focus, .Search_Pagination > .active > span:focus {

    z-index: 3;

    color: #fff;

    cursor: default;

    background-color:#ff1f1f;

    border-right: 1px solid #ccc;

}

.Search_Pagination > li > a, .Search_Pagination > li > span {

    position: relative;

    float: left;

    padding:6px 22px;

    margin-left: -1px;

    line-height: 1.428571;

    color: #222222;

    text-decoration: none;

    font-size:16.67px;

    font-family: 'Poppins-Medium', sans-serif !important;

    text-transform: uppercase;

    border-right: 1px solid #ccc;

}

.Search_Pagination_new {

    border-right:0px !important;

}



.Search_Pagination > li > a:hover, .Search_Pagination > li > span:hover, .Search_Pagination > li > a:focus, .Search_Pagination > li > span:focus {

    z-index: 2;

    color: #ff1f1f;

    background-color:transparent;

    border-color: #ccc;

}

.margin-bottom-20{

    margin-bottom:10px;

}

.new-pan a:before{

    right: 23px !important;

}

.new-pan{

    padding: 9px;

    border-bottom: 1px solid #e5e5e5;

    margin-bottom:16px;

    background-color: #f9060d;

}

.new-pan h4{

    margin-bottom:0px;

}

.new-pan h4 a{

    color:#fff;

}

.new-pan h4 a:hover,.new-pan h4 a:focus{

    color:#fff;

}

.new_pa_p p{

    font-size: 14px;

    margin-bottom: 10px;

}

table {

    border: 1px solid #6db813;
    border-top: 1px solid #6db813 !important;
    width: 100%;

    margin-bottom: 15px;

}

table td {

    padding: 10px;

    border: 1px solid #6db813;
border-top: 1px solid #6db813 !important;
    font-size: 13px;

}

.table-responsive {

    min-height: .01%;

    overflow-x: auto;

}

.top_box_2{

    

    background-color: red;

    min-height: 300px;

    border-radius: 10px;

    margin-bottom: 20px;

    padding: 20px;

    

}

.browse-matrimony-details-left p a {

    color: #fff;

    text-transform:capitalize;

}

.browse-matrimony-details-left p {

    color: #fff;

    font-size: 20px;

}

.text-white {

    color: #fff;

}

.you_tube_frame iframe{

    width: 100%;

    height: 389px;

}

.latest-box{

    width: 200px;

    height: 40px;

    position: relative;

    display: inline-block;

    background-color: #f9060d;

    z-index: 999;

    margin-bottom: 20px;

    

}

.latest-box:after {

    position: absolute;

    content: '';

    background-color: transparent;

    right: -24px;

    border-color: #f9060d;

    border-left: 24px solid #f9060d;

    border-top: 24px solid transparent;

    border-bottom: 16px solid transparent;

}

.new_box{

    background-color:#1e6366;

    height: 40px;

    width:100%;

    margin-bottom: 20px;

}

.latest-box p{

    display: inline-block;

    margin-top: 7px;

    margin-left: 11px;

    color: #fff;

    font-size: 19px;

}

.new_box p{

    display: inline-block;

    color: #fff;

    font-size: 15px;

    margin-top: 11px;

}

.fb-page{

    width:100%;

}

.shool-details-p h1{

    font-size: 22px;

    color: #f9060d;

    margin-top: 2px;

}

.shool-details-p p{

    font-size: 14px;

    text-align: justify;

    color: #000;

}

.business-title p{

    font-size:15px;

    font-weight:bold;

    color:#000;

    margin-bottom: 3px;

}

.business-title_2 p{

    margin-top: 20px;

    color: #f9060d;

    font-size: 19px;

    margin-bottom: 0px;

}

.brd-dash{

    border-top: 2px dashed rgb(249, 6, 13);

    margin-bottom: 0;

    margin-top: 5px;

}



.carousel-inner img {

    width: 100%;

    height:400px;

    object-fit: cover;

}

.carousel-control-next, .carousel-control-prev {

    position: absolute;

    top: 180px;

    bottom: 0;

    z-index: 1;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-align: center;

    align-items: center;

    -ms-flex-pack: center;

    justify-content: center;

    width: 5%;

    height: 40px;

    color: #fff;

    text-align: center;

    opacity: 5;

    background-color: #f9060d;

    transition: opacity .15s ease;

}

.carousel-indicators li{

    background-color:#000 !important;

    opacity:5;

}



#custCarousel .carousel-indicators {

    position: static;

    margin-top: 20px

}



#custCarousel .carousel-indicators>li {

    width: 100px

}



#custCarousel .carousel-indicators li img {

    display: block;

    opacity: 0.5

}



#custCarousel .carousel-indicators li.active img {

    opacity: 1

}



#custCarousel .carousel-indicators li:hover img {

    opacity: 0.75

}



.box_content {

    text-align: justify;

    width: 100%;

    padding: 15px;

    color: #595959;

    -webkit-border-bottom-right-radius: 4px;

    -webkit-border-bottom-left-radius: 4px;

    -moz-border-radius-bottomright: 4px;

    -moz-border-radius-bottomleft: 4px;

    border-bottom-right-radius: 4px;

    border-bottom-left-radius: 4px;

}

.rounded-list li ol li{

    margin-bottom: 20px;

}

.rounded-list li ol {

    counter-reset: li;

    list-style: none;

    font: 15px 'trebuchet MS', 'lucida sans';

    padding: 0;

    margin-bottom: 4em;

    text-shadow: 0 1px 0 rgba(255,255,255,.5);

    margin-left: -5px;

    margin-top: 0px;

    margin-bottom: 0px;

}

ol{

    padding-left: 0;

}

.rounded-list ol ol {

    margin: 0 0 0 2em;

}



.rounded-list a {

    position: relative;

    display: block;

    padding: .4em .4em .4em 2em;

    margin: .5em 0;

    background: #000;

    color: #fff;

    text-decoration: none;

    -moz-border-radius: .3em;

    -webkit-border-radius: .3em;

    border-radius: .3em;

    -webkit-transition: all .3s ease-out;

    -moz-transition: all .3s ease-out;

    -ms-transition: all .3s ease-out;

    -o-transition: all .3s ease-out;

    transition: all .3s ease-out;

    text-transform:capitalize;

}



.rounded-list a:before {

    content: counter(li);

    counter-increment: li;

    position: absolute;

    left: -1.3em;

    top: 50%;

    margin-top: -1.3em;

    background: #f9060d;

    height: 39px;

    width: 39px;

    line-height: 31px;

    border: 0.2em solid #fff;

    text-align: center;

    font-weight: bold;

    -moz-border-radius: 2em;

    -webkit-border-radius: 2em;

    border-radius: 2em;

    -webkit-transition: all .3s ease-out;

    -moz-transition: all .3s ease-out;

    -ms-transition: all .3s ease-out;

    -o-transition: all .3s ease-out;

    transition: all .3s ease-out;

}



.rounded-list a:hover:before {

    -moz-transform: rotate(360deg);

    -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    -o-transform: rotate(360deg);

    transform: rotate(360deg);

}



.rounded-list a:hover:before {

    background: #1da7e7;

    color: #fff;

}

.apply-s{

    margin-top: 0;

    font-size: 15px;

    padding: 4px;

    margin-bottom: 0;

}

.new_add_d p{

    font-size: 14px;

    color: #000;

}

.map-iframe iframe{

    width:80%;

    height:200px;

}

.star-rating i {

    color: #FFC107;

    font-size: 19px;

    margin-top: 20px;

}

.action { 

    margin: 10px 10px 10px 10px;

    padding: 20px 20px 20px 20px;

    background-color: #1e6366;

    border-radius: 3px;

}

.orange h2{

    color: #fff;

    font-size: 25px;

}



.orange p{

    color: #fff;

    

}

.gen-brd{

    border: 0;

    border-radius: 0;

    

}

.brd-r{

    border-right: 1px solid #ccc;

    border-bottom-left-radius: 6px;

    border-top-left-radius: 6px;

}

.btn-susss{

    color: #fff;

    background-color: #e5907c;

    border-bottom-right-radius: 6px;

    border-top-right-radius: 6px;

}

.btn-susss:hover,.btn-susss:focus{

    color: #fff;

    background-color: #e5907c;

}

.new-add-title{
    margin-bottom: 0;
    font-size: 48px;
    margin-top: 200px !important;
    
}

/******** Education Details , Search Result  ****/	


	
	/********* Education Dash Board **************/
	@media (max-width:777px) {
		.hidden-mobile{
		display:none;	
		}
	}
	.User_Board img{
		height: 239px;
		object-fit: cover;
		margin-right: auto;
		margin-left: auto;
		display: block;
		width: 100%;
	}
	.User_Board h3 {
		font-size: 22px;
		margin-top: 10px;
	}
	.User_Board h4 {
		font-size:16px;
		margin-top: 10px;
	    margin-bottom: 12px;
	}
	.pro-dash{
		width:100%;
	}
	.new-dash-c{
		background-color: #8BC34A;
	}
	.college-d p {
		font-weight: bold;
		text-align: center;
		margin-bottom: 10px;
	}
	.college-name h5{
		font-size:14px;
		font-weight:bold;
	}
	.college-name p{
		font-size:14px;
		
	}
	
	.new-td td{
		border-top:1px solid #e5e5e5;
	    border: 1px solid #e5e5e5;
		font-size: 16px;
	}
	.buy-new{
	    width: 80%;
		height: 38px;
		font-size: 16px;
		padding: 5px 10px;
	}
	.serviceBox{
		background: #fff;
		font-family: 'Raleway', sans-serif;
		text-align: center;
		padding: 0 15px 25px;
		margin: 10px;
		border: 2px solid #ff4757;
		border-radius: 50px 0;
		box-shadow: 0 0 8px rgba(0,0,0,0.3) inset;
		position: relative;
		transition: all 0.3s ease 0s;
	    min-height: 385px;
	}
	.serviceBox:before,
	.serviceBox:after{
		content: "";
		width: 25px;
		height: 25px;
		border-top: 7px solid #ff6b81;
		border-right: 7px solid #ff4757;
		position: absolute;
		top: -7px;
		right: -7px;
	}
	.serviceBox:after{
		border-top: none;
		border-right: none;
		border-bottom: 7px solid #ff4757;
		border-left: 7px solid #ff6b81;
		top: auto;
		right: auto;
		bottom: -7px;
		left: -7px;
	}
	.serviceBox .service-icon{
		color: #fff;
		background: #ff6b81;
		font-size: 35px;
		width: 90px;
		padding: 0 0 5px;
		margin: 0 auto 30px;
		border-radius: 0 0 15px 15px;
		box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
		position: relative;
	}
	.serviceBox:hover .service-icon i{
		transform: rotateX(360deg);
		transition: all 0.3s;
	}
	.serviceBox .service-icon:before{
		content: "";
		background: #ff6b81;
		width: calc(100% + 14px);
		height: 10px;
		transform: translateX(-50%);
		position: absolute;
		top: -10px;
		left: 50%;
	}
	.serviceBox .service-icon span:before,
	.serviceBox .service-icon span:after{
		content: '';
		background-color: #ff4757;
		height: 10px;
		width: 15px;
		border-radius: 10px 10px 0 0;
		position: absolute;
		left: -15px;
		top: -10px;
	}
	.serviceBox .service-icon span:after{
		left: auto;
		right: -15px;
	}
	.serviceBox .title{
		color: #ff4757;
		font-size: 16px;
		font-weight:700;
		text-transform: uppercase;
		margin: 0 0 10px;
	}
	.serviceBox .description{
		font-size: 15px;
		line-height: 30px;
		margin-bottom: 0;
	}
	.serviceBox.orange{ border-color: #f27100; }
	.serviceBox.orange:before{
		border-top-color: #ff8d23;
		border-right-color: #f27100;
	}
	.serviceBox.orange:after{
		border-left-color: #ff8d23;
		border-bottom-color: #f27100;
	}
	.serviceBox.orange .service-icon,
	.serviceBox.orange .service-icon:before{
		background-color: #ff8d23;
	}
	.serviceBox.orange .service-icon span:before,
	.serviceBox.orange .service-icon span:after{
		background-color: #f27100;
	}
	.serviceBox.orange .title{ color: #f27100; }
	.serviceBox.purple{ border-color: #5446A7; }
	.serviceBox.purple:before{
		border-top-color: #7161C4;
		border-right-color: #5446A7;
	}
	.serviceBox.purple:after{
		border-left-color: #7161C4;
		border-bottom-color: #5446A7;
	}
	.serviceBox.purple .service-icon,
	.serviceBox.purple .service-icon:before{
		background-color: #7161C4;
	}
	.serviceBox.purple .service-icon span:before,
	.serviceBox.purple .service-icon span:after{
		background-color: #5446A7;
	}
	.serviceBox.purple .title{ color: #5446A7; }
	.serviceBox.green{ border-color: #91c100; }
	.serviceBox.green:before{
		border-top-color: #a3d313;
		border-right-color: #91c100;
	}
	.serviceBox.green:after{
		border-left-color: #a3d313;
		border-bottom-color: #91c100;
	}
	.serviceBox.green .service-icon,
	.serviceBox.green .service-icon:before{
		background-color: #a3d313;
	}
	.serviceBox.green .service-icon span:before,
	.serviceBox.green .service-icon span:after{
		background-color: #91c100;
	}
	.serviceBox.green .title{ color: #91c100; }
	@media only screen and (max-width:990px){
		.serviceBox{ margin: 10px 10px 50px; }
	}
	h3.title {
		font-size: 14px;
		color: #000;
		font-weight: 600;
	}
	.dash-p{
	    margin-bottom: 0;
		font-size: 14px;
		text-align: justify;
	}
	.new_dash_box {
		background-color:#fff;
	}
	.college-name-2 p {
		font-size: 13px;
		margin-bottom: 8px;
		color: #000;
		text-align: left;
		margin-left: 35px;
		margin-top: 8px;
	}
	.new-Box-he{
		min-height: 240px;
	}
	.w-95{
		width:95%;
	}
	.w-95 img{
	    height: 150px;
		width: 100%;
		object-fit: cover;
	}
	.college-name-3 p {
		font-size: 14px;
		margin-bottom: 3px;
		color: #000;
		text-align: left;
		margin-left: 5px;
		margin-top: 6px;
	}
	.w-auto-new{
		
		width: auto;
		padding: 3px 10px;
		margin-right: 6px;
	}
	.new-modal-box{
		max-width: 585px;
	}
	
	/********* Education Dash Board **************/		

    /******* New Mobile App Section *******/
	
	.mobile-app-section {
		background-color: #ff0000;
		margin-top: 10px;
		margin-bottom: 20px;
	}
	.mobile-app-new{
	    background: url(../images/mobile-bg.jpg);
		background-size: cover;
		height:210px;
		background-repeat:no-repeat;
	}
	.app-title p{
		font-size: 30px;
		color: #fff;
		letter-spacing: 0;
		font-weight: 600;
		line-height: 34px;
		margin-bottom: 5px;
		margin-top: 16px;
		text-align: center;
		
	}
	.appRegularText {
		font-size: 22px !important;
		letter-spacing: 0 !important;
		line-height: 30px !important;
		font-weight: normal !important;
	}
	.latest-box {
		z-index:888;
	}
	/******* New Mobile App Section *******/
    ul.cir {
		list-style-type: disc;
		text-align:left;
	}
	.works-c11 {
		background-color: #f9060d;
		width: 59%;
		height: 25px;
		color: #fff !important;
		min-height: 35px;
		border-radius: 5px;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-left: auto;
		margin-right: auto;
	}
	 .works-c22 {
		background-color: #fff;
		width: 59%;
		height: 25px;
		color: #f9060d;
		min-height: 35px;
		border-radius: 5px;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-left: auto;
		margin-right: auto;
	}
	.main_new{
		background-color: rgba(0, 0, 0, 0.7);
		height: 186px;
		margin-top: 14px;
		border: 1px solid #fff;
		border-radius: 5px;
		padding: 32px;
	}
	.works-c1 {
		top: 50px;
		position: relative;
		z-index:888;
	}
	.captcha_new img{
		width: 100%;
		height: 40px;
		object-fit: cover;
	}
	.home_banner_text p{
  position: absolute;
  top: 210px;
  text-align: center;
  color: #1e6366;
  font-size:25px;
}