@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');

        @font-face {
            font-family: 'Sofia Pro Semi';
            src: url('../fonts/SofiaProSemiBold.eot');
            src: local('Sofia Pro Semi Bold'), local('SofiaProSemiBold'), url('../fonts/SofiaProSemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/SofiaProSemiBold.woff2') format('woff2'), url('../fonts/SofiaProSemiBold.woff') format('woff'), url('../fonts/SofiaProSemiBold.ttf') format('truetype');
            font-weight: 600;
            font-style: normal;
        }

        @font-face {
            font-family: 'Sofia Pro';
            src: url('../fonts/SofiaProRegular-Italic.eot');
            src: local('Sofia Pro Regular Italic'), local('SofiaProRegular-Italic'), url('../fonts/SofiaProRegular-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/SofiaProRegular-Italic.woff2') format('woff2'), url('../fonts/SofiaProRegular-Italic.woff') format('woff'), url('../fonts/SofiaProRegular-Italic.ttf') format('truetype');
            font-weight: normal;
            font-style: italic;
        }

        @font-face {
            font-family: 'Sofia Pro Semi';
            src: url('../fonts/SofiaProSemiBold-Italic.eot');
            src: local('Sofia Pro Semi Bold Italic'), local('SofiaProSemiBold-Italic'), url('../fonts/SofiaProSemiBold-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/SofiaProSemiBold-Italic.woff2') format('woff2'), url('../fonts/SofiaProSemiBold-Italic.woff') format('woff'), url('../fonts/SofiaProSemiBold-Italic.ttf') format('truetype');
            font-weight: 600;
            font-style: italic; 
        }

        @font-face {
            font-family: 'Sofia Pro';
            src: url('../fonts/SofiaProLight.eot');
            src: local('Sofia Pro Light'), local('SofiaProLight'), url('../fonts/SofiaProLight.eot?#iefix') format('embedded-opentype'), url('../fonts/SofiaProLight.woff2') format('woff2'), url('../fonts/SofiaProLight.woff') format('woff'), url('../fonts/SofiaProLight.ttf') format('truetype');
            font-weight: 300;
            font-style: normal;
        }

        @font-face {
            font-family: 'Sofia Pro';
            src: url('../fonts/SofiaProExtraLight.eot');
            src: local('Sofia Pro ExtraLight'), local('SofiaProExtraLight'), url('../fonts/SofiaProExtraLight.eot?#iefix') format('embedded-opentype'), url('../fonts/SofiaProExtraLight.woff2') format('woff2'), url('../fonts/SofiaProExtraLight.woff') format('woff'), url('../fonts/SofiaProExtraLight.ttf') format('truetype');
            font-weight: 200;
            font-style: normal;
        }

        @font-face {
            font-family: 'Sofia Pro';
            src: url('../fonts/SofiaProMedium-Italic.eot');
            src: local('Sofia Pro Medium Italic'), local('SofiaProMedium-Italic'), url('../fonts/SofiaProMedium-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/SofiaProMedium-Italic.woff2') format('woff2'), url('../fonts/SofiaProMedium-Italic.woff') format('woff'), url('../fonts/SofiaProMedium-Italic.ttf') format('truetype');
            font-weight: 500;
            font-style: italic;
        }

        @font-face {
            font-family: 'Sofia Pro';
            src: url('../fonts/SofiaProUltraLight-Italic.eot');
            src: local('Sofia Pro UltraLight Italic'), local('SofiaProUltraLight-Italic'), url('../fonts/SofiaProUltraLight-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/SofiaProUltraLight-Italic.woff2') format('woff2'), url('../fonts/SofiaProUltraLight-Italic.woff') format('woff'), url('../fonts/SofiaProUltraLight-Italic.ttf') format('truetype');
            font-weight: 200;
            font-style: italic;
        }

        @font-face {
            font-family: 'Sofia Pro';
            src: url('../fonts/SofiaProRegular.eot');
            src: local('Sofia Pro Regular'), local('SofiaProRegular'), url('../fonts/SofiaProRegular.eot?#iefix') format('embedded-opentype'), url('../fonts/SofiaProRegular.woff2') format('woff2'), url('../fonts/SofiaProRegular.woff') format('woff'), url('../fonts/SofiaProRegular.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
        }

        @font-face {
            font-family: 'Sofia Pro';
            src: url('../fonts/SofiaProMedium.eot');
            src: local('Sofia Pro Medium'), local('SofiaProMedium'), url('../fonts/SofiaProMedium.eot?#iefix') format('embedded-opentype'), url('../fonts/SofiaProMedium.woff2') format('woff2'), url('../fonts/SofiaProMedium.woff') format('woff'), url('../fonts/SofiaProMedium.ttf') format('truetype');
            font-weight: 500;
            font-style: normal;
        }

        @font-face {
            font-family: 'Sofia Pro';
            src: url('../fonts/SofiaProBold.eot');
            src: local('Sofia Pro Bold'), local('SofiaProBold'), url('../fonts/SofiaProBold.eot?#iefix') format('embedded-opentype'), url('../fonts/SofiaProBold.woff2') format('woff2'), url('../fonts/SofiaProBold.woff') format('woff'), url('../fonts/SofiaProBold.ttf') format('truetype');
            font-weight: bold;
            font-style: normal;
        }

        @font-face {
            font-family: 'Sofia Pro';
            src: url('../fonts/SofiaProExtraLight-Italic.eot');
            src: local('Sofia Pro ExtraLight Italic'), local('SofiaProExtraLight-Italic'), url('../fonts/SofiaProExtraLight-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/SofiaProExtraLight-Italic.woff2') format('woff2'), url('../fonts/SofiaProExtraLight-Italic.woff') format('woff'), url('../fonts/SofiaProExtraLight-Italic.ttf') format('truetype');
            font-weight: 200;
            font-style: italic;
        }

        @font-face {
            font-family: 'Sofia Pro';
            src: url('../fonts/SofiaProLight-Italic.eot');
            src: local('Sofia Pro Light Italic'), local('SofiaProLight-Italic'), url('../fonts/SofiaProLight-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/SofiaProLight-Italic.woff2') format('woff2'), url('../fonts/SofiaProLight-Italic.woff') format('woff'), url('../fonts/SofiaProLight-Italic.ttf') format('truetype');
            font-weight: 300;
            font-style: italic;
        }

        @font-face {
            font-family: 'Sofia Pro';
            src: url('../fonts/SofiaProBlack-Italic.eot');
            src: local('Sofia Pro Black Italic'), local('SofiaProBlack-Italic'), url('../fonts/SofiaProBlack-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/SofiaProBlack-Italic.woff2') format('woff2'), url('../fonts/SofiaProBlack-Italic.woff') format('woff'), url('../fonts/SofiaProBlack-Italic.ttf') format('truetype');
            font-weight: 900;
            font-style: italic;
        }

        @font-face {
            font-family: 'Sofia Pro';
            src: url('../fonts/SofiaProBlack.eot');
            src: local('Sofia Pro Black'), local('SofiaProBlack'), url('../fonts/SofiaProBlack.eot?#iefix') format('embedded-opentype'), url('../fonts/SofiaProBlack.woff2') format('woff2'), url('../fonts/SofiaProBlack.woff') format('woff'), url('../fonts/SofiaProBlack.ttf') format('truetype');
            font-weight: 900;
            font-style: normal;
        }

        @font-face {
            font-family: 'Sofia Pro';
            src: url('../fonts/SofiaProUltraLight.eot');
            src: local('Sofia Pro UltraLight'), local('SofiaProUltraLight'), url('../fonts/SofiaProUltraLight.eot?#iefix') format('embedded-opentype'), url('../fonts/SofiaProUltraLight.woff2') format('woff2'), url('../fonts/SofiaProUltraLight.woff') format('woff'), url('../fonts/SofiaProUltraLight.ttf') format('truetype');
            font-weight: 200;
            font-style: normal;
        }

        @font-face {
            font-family: 'Sofia Pro';
            src: url('../fonts/SofiaProBold-Italic.eot');
            src: local('Sofia Pro Bold Italic'), local('SofiaProBold-Italic'), url('../fonts/SofiaProBold-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/SofiaProBold-Italic.woff2') format('woff2'), url('../fonts/SofiaProBold-Italic.woff') format('woff'), url('../fonts/SofiaProBold-Italic.ttf') format('truetype');
            font-weight: bold;
            font-style: italic;
        }

        /*-------------------------home page css--------------------------------*/

        body {
            font-family: 'Open Sans', sans-serif !important;
        }

        .navbar.JustUserHeader {
            background-color: transparent;
            padding: 8px 0;
        }

        .navbar-expand-lg.JustUserHeader .navbar-nav .nav-link {
            text-align: right;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #2D2D2D;
            opacity: 1;
            font-size: 13px;
            font-weight: 600;
            cursor: pointer;
        }

        .navbar-dark.JustUserHeader .navbar-nav .active>.nav-link {
            text-align: right;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #4E70EA;
            opacity: 1;
            font-weight: 600;
        }

        .mainHomeBg {
            background-image: url(../img/jtsbanner.jpg);
            width: 100%;
            background-size: cover;
            background-repeat: no-repeat;
            height: 100vh;
            background-position: left bottom;
            position: relative;
            max-height: 767px;
        }

        .ourservice .slider-form {
            margin-top: -200px;
        }

        /* .mainHomeBg::after {
    background: rgba(159, 159, 159, 0.53);
    width: 100%;
    height: 100vh;
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
} */

        .mainHomeBg .container {
            position: relative;
            z-index: 2;
        }

        .navbar-dark.JustUserHeader .navbar-nav .nav-link:hover {
            color: #4E70EA;
        }

        .navbar-brand img {
            width: 75px;
        }

        .navbar-expand-lg.JustUserHeader .navbar-nav .nav-link.btn {
            background: #ECF0FF 0% 0% no-repeat padding-box;
            border-radius: 4px;
            opacity: 1;
            width: 100px;
            height: 40px;
            text-align: center;
            display: table-cell;
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #4E70EA;
            opacity: 1;
            font-weight: 600;
        }

        .navbar-expand-lg.JustUserHeader .navbar-nav .nav-link.btn.active {
            background: #4E70EA 0% 0% no-repeat padding-box;
            color: #FAFCFF;
            width: 135px;
        }

        .navbar-expand-lg.JustUserHeader .navbar-nav .nav-item {
            margin-right: 10px;
            margin-left: 10px;
        }

        .navbar-expand-lg.JustUserHeader .navbar-nav .nav-item:last-child {
            margin-right: 0;
            margin-left: 0;
        }

    .mainHomeBg .homeHeadText h1 {
    text-align: center;
    font-family: 'Sofia Pro';
    letter-spacing: 0;
    color: #fff;
    opacity: 1;
    font-size: 65px;
    line-height: 50.2px;
    font-weight: 500;
    width: 100%;
    margin: 0px auto;
    letter-spacing: 0.33px;
    max-width: 878px;
    line-height: 64px;
}

        /*----------------homepage css--------------------*/

        .homepage {
            font-family: 'Sofia Pro' !important;
        }

        body h2 {
            font-size: 40px;
            color: #0A0A0A;
            text-align: center;
            font-weight: bold;
            font-family: 'Sofia Pro';
            margin-bottom: 40px;
        }

        body h3 {
            font-size: 21px;
            font-weight: bold;
            font-family: 'Sofia Pro';
            color: #0A0A0A;
        }

        .navbar.JustUserHeader {
            background-color: #fff;
            box-shadow: 0px 3px 6px #0000001A;
        }

        .navbar-brand img {
            width: 100px;
        }

        .darkHeader .navbar-brand img {
            width: 100px !important;
        }

        .navbar.JustUserHeader.darkHeader {
            background-color: #fff !important;
            padding: 8px 0;
        }

        .navbar-expand-lg.JustUserHeader .navbar-nav .nav-item {
            margin-right: 15px;
            margin-left: 15px;
        }

        .navbar-expand-lg.JustUserHeader .navbar-nav .nav-link {
            color: #0A0A0A;
            font-size: 15px;
            font-family: 'Sofia Pro';
            font-weight: 500;
            position: relative;
        }

        .navbar-dark.JustUserHeader .navbar-nav .nav-link:hover {
            color: #0A0A0A;
        }

        .navbar-dark.JustUserHeader .navbar-nav .nav-link:hover::after {
            position: absolute;
            left: 0.6rem;
            bottom: 5px;
            width: 20px;
            height: 2px;
            background-color: #FFB345;
            content: "";
        }

        .navbar-expand-lg.JustUserHeader .navbar-nav.login-btn .nav-link.btn {
            background: #4E70EA;
            border-radius: 5px;
            opacity: 1;
            width: 100px;
            height: 40px;
            text-align: center;
            display: table-cell;
            text-align: center;
            letter-spacing: 0;
            color: #fff;
            opacity: 1;
            font-weight: 600;
            border: #4E70EA 1px solid;
        }

        .navbar-expand-lg.JustUserHeader .navbar-nav.login-btn .nav-link.btn:hover {
            background: #0A0A0A;
            border: #0A0A0A 1px solid;
            color: #fff;
        }

        .navbar-expand-lg.JustUserHeader .navbar-nav.login-btn .nav-link.btn:hover::after {
            display: none;
        }

        .slider-search ul {
            list-style: none;
            margin: 0;
            padding: 0;
            width: 100%;
            text-align: center;
            display: inline-block;
        }

        .slider-search ul li {
            color: #fff;
            display: inline-block;
            position: relative;
            width: auto;
            height: 80px;
        }

        .slider-search ul li input[type=radio] {
            position: absolute;
            visibility: hidden;
        }

        .slider-search ul li label {
            display: block;
            position: relative;
            font-weight: 500;
            font-size: 1.35em;
            padding: 10px 20px;
            margin: 10px auto;
            height: 30px;
            z-index: 9;
            cursor: pointer;
            -webkit-transition: all 0.25s linear;
        }

        .slider-search ul li:hover label {
            color: #FFFFFF;
        }

        .slider-search ul li .check {
            display: block;
            position: absolute;
            border: 1px solid #fff;
            border-radius: 100%;
            height: 25px;
            width: 25px;
            top: 30px;
            left: 0px;
            z-index: 5;
            transition: border .25s linear;
            -webkit-transition: border .25s linear;
        }

        .slider-search ul li:hover .check {
            border: 1px solid #FFB344;
        }

        .slider-search ul li .check::before {
            display: block;
            position: absolute;
            content: '';
            border-radius: 100%;
            height: 15px;
            width: 15px;
            top: 4px;
            left: 4px;
            margin: auto;
            transition: background 0.25s linear;
            -webkit-transition: background 0.25s linear;
        }

        .slider-search input[type=radio]:checked~.check {
            border: 1px solid #fff;
        }

        .slider-search input[type=radio]:checked~.check::before {
            background: #fff;
        }

        .slider-search input[type=radio]:checked~label {
            color: #fff;
        }

        .slider-search {
            background: rgba(78, 112, 234, 0.78);
            border-radius: 15px;
            padding: 20px 60px 40px;
            width: 70%;
            display: inline-block;
            margin-top: 40px;
        }

        .searchbar {
            width: 90%;
            background: #fff;
            height: 60px;
            border-radius: 50px;
            margin: 0px auto;
            text-align: left;
            padding: 0px 0px 0px 30px;
            line-height: 56px;
        }

            div#for_zipcode_display {
                line-height: normal;
                margin-top: 10px;
            }

           .homeHeadText .slider-search {
            background: rgba(78, 112, 234, 0.62);
            border-radius: 60px;
            padding: 20px 0px 0px;
            width: 100%;
            display: inline-block;
            margin-top: 40px;
            /* background: #00000059 0% 0% no-repeat padding-box; */
                padding-top: 0;
                max-width: 70%;
        }

.homeHeadText .slider-search ul li .check::before {
    background: none;
    width: 90px;
    height: 0px;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: -7px;
    top: auto;
    opacity: 0;
    box-shadow: none;
    border-radius: 0;
}

        .homeHeadText .searchbar {
            width: 100%;
            background: #fff;
            height: 100px;
            border-radius: 60px;
            margin: 0px auto;
            text-align: left;
            padding: 0px 0px 0px 50px;
            line-height: 100px;
            box-shadow: 0px 3px 18px #00000012;
        }
        .homeHeadText .searchbar input[type="submit"] {
            line-height: normal;
            height: 56px;
            width: 130px;
            margin-top: 22px;
            margin-right: 25px;
            letter-spacing: 0;
            font-weight: normal;
            font-size: 18px;
        }
.searchbar img {
    margin-top: -5px;
}
            .homeHeadText .searchbar input {
                width: calc(100% - 230px);
                font-weight: bold;
                font-size: 20px;
                letter-spacing: 0.12px;
        }

            .homeHeadText .slider-search input[type=radio]:checked~.check::before {
                background: #FBC06B;
                width: 90px;
                height: 2px;
                margin: 0 auto;
                left: 0;
                right: 0;
                bottom: -7px;
                top: auto;
                opacity: 1;
            }

            .homeHeadText .slider-search input[type=radio]:checked~.check {
            border: 1px solid transparent;
            }

            .homeHeadText  .slider-search ul li .check{
                    width: 100%;
                     border: 1px solid transparent;
            }




        .searchbar input {
            height: 50px;
            display: inline-block;
            border: 0px;
            outline: none;
            padding-left: 10px;
            width: calc(100% - 160px);
        }

        .searchbar input[type="submit"] {
            width: 120px;
            float: right;
            background: #4E70EA;
            color: #fff;
            height: 58px;
            margin: 1px 1px 0px 0px;
            border-radius: 35px;
        }

        .ourservice {
            padding: 60px 0px;
            background: #ECF0FF;
        }

        .service-col {
            background: #fff;
            border: 1px solid #4B6DE8;
            border-radius: 15px;
            padding: 10px;
            margin: 10px;
            height: 450px;
        }

        .service-col img {
            height: 180px !important;
            object-fit: cover;
            border-radius: 10px;
            width: 100%;
            margin-bottom: 20px;
        }

        .service-txt {
            padding: 0px 5px;
        }

        .service-txt p {
            font-size: 16px;
            font-weight: 300;
            font-family: 'Sofia Pro';
            color: #6B6A6A;
        }

        .ourservice .owl-carousel .owl-nav {
            margin-top: 40px !important;
        }

        .ourservice .owl-carousel .owl-nav .owl-next:hover,
        .ourservice .owl-carousel .owl-nav .owl-prev:hover {
            background: none !important;
            opacity: .5;
        }

        .ourservice .owl-carousel .owl-nav .owl-next span,
        .ourservice .owl-carousel .owl-nav .owl-prev span {
            width: 40px;
            height: 25px;
            font-size: 0px;
            float: left;
        }

        .ourservice .owl-carousel .owl-nav .owl-next span {
            background: url(../img/next.svg) center center no-repeat !important;
        }

        .ourservice .owl-carousel .owl-nav .owl-prev span {
            background: url(../img/prev.svg) center center no-repeat !important;
        }

        .owl-theme .owl-dots .owl-dot span {
            background: #BBB4B4 !important;
        }

        .owl-theme .owl-dots .owl-dot.active span,
        .owl-theme .owl-dots .owl-dot:hover span {
            background: #4E70EA !important;
        }

        .get-estimate {
            padding: 60px 0px 90px 0px;
            position: relative;
            background: url(../img/get-estimate-bg.png) center center no-repeat;
            background-size: cover;
        }
        .image-overlay-get:after {
            content: '';
            background: #000;
            width: 100%;
            height: 100%;
            position: absolute;
            z-index: 1;
            left: -40px;
            right: 0;
            bottom: -50px;
            max-width: 476px;
            max-height: 476px;
            background: #6B89F5 0% 0% no-repeat padding-box;
        }

        .get-estimate::after {
            position: absolute;
            left: 0px;
            top: 0px;
            width: 100%;
            height: 40%;
            content: "";
            background: #4B6DE8;
            z-index: -1;
        }

        .get-estimate img {
            width: 100%;
            z-index: 9;
            position: relative;
            max-width: 458px;
        }
        
        .image-overlay-get {
            position: relative;
        }

        .get-estimate .container {
            position: relative;
        }

        .estimate-txt {
            padding: 50px 0px 50px 50px!important;
            display: table;
        }

        .estimate-txt span {
            display: table-cell;
            vertical-align: middle;
        }

        .estimate-txt h4 {
            color: #fff;
            letter-spacing: 0.42px;
            font-size: 46px;
            font-weight: bold;
            margin-bottom: 30px;
        }

        .signup-btn {
            background: #fff;
            border-radius: 5px;
            opacity: 1;
            width: 120px;
            height: 44px;
            line-height: 44px;
            text-align: center;
            display: table-cell;
            text-align: center;
            letter-spacing: 0;
            color: #2D2D2D;
            opacity: 1;
            font-weight: 600;
            border: #fff 1px solid;
        }

        .signup-btn:hover {
            background: #0A0A0A;
            border: #0A0A0A 1px solid;
            color: #fff;
        }

        .get-estimate2 {
            padding: 60px 0px;
            position: relative;
            background: #ECF0FF;
        }

        /* .estimate-cont {
            border-right: #707070 1.5px solid;
            padding: 10px 0px;
        } */

        .estimate-cont h5 {
            font-weight: bold;
            color: #0A0A0A;
            font-size: 18px;
            width: 80%;
            display: inline-block;
        }

        .estimate-btn {
            background: #4E70EA;
            border-radius: 5px;
            opacity: 1;
            width: 80%;
            height: 60px;
            line-height: 60px;
            text-align: center;
            display: inline-block;
            text-align: center;
            letter-spacing: 0;
            color: #fff;
            opacity: 1;
            font-weight: 600;
            border: #4E70EA 1px solid;
            /* margin-top: 20px; */
        }

        .estimate-btn:hover {
            background: #0A0A0A;
            border: #0A0A0A 1px solid;
            color: #fff;
        }

        .findnow-sec {
            /* background: #ECF0FF url(../img/findnow-bg.png) center center no-repeat; */
            background: #ECF0FF;
            padding: 60px 0px;
            text-align: left;
        }

        .findnow-txt {
            width: 75%;
            margin-top: 100px;
        }

        .findnow-sec h2 {
            text-align: left;
        }

        .findnow-txt p {
            color: #6B6A6A;
            font-weight: 600;
            margin-bottom: 30px;
        }

        .findnow-img {
            position: relative;
            height: 550px;
        }

        .findnow-img::after {
            position: absolute;
            left: 20px;
            bottom: 20px;
            background: #6885ED;
            width: 300px;
            height: 350px;
            content: "";
            z-index: 1;
        }

        .findnow-img img {
            position: absolute;
            right: 0px;
            top: 0px;
            width: 450px;
            height: 450px;
            object-fit: cover;
            z-index: 2;
        }

        .findnow-btn {
            background: #4E70EA;
            border-radius: 5px;
            opacity: 1;
            width: 120px;
            height: 44px;
            line-height: 44px;
            text-align: center;
            display: table-cell;
            text-align: center;
            letter-spacing: 0;
            color: #fff;
            opacity: 1;
            font-weight: 600;
            border: #4E70EA 1px solid;
        }

        .findnow-btn:hover {
            background: #0A0A0A;
            border: #0A0A0A 1px solid;
            color: #fff;
        }

        .clientProduct-col {
            background: #fff;
            box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.02);
            border: 1px solid #F5F5F5;
            border-radius: 15px;
            padding: 15px;
            margin: 10px;
        }

        .review-col {
            background: #FAFAFA;
            border-radius: 15px;
            padding: 30px;
            position: relative;
            margin: 50px 10px 0px;
            text-align: center;
        }

        .review-col img.client-img {
            width: 80px !important;
            height: 80px;
            object-fit: cover;
            display: inline-block !important;
            margin-top: -70px;
        }

        .review-col p {
            text-align: left;
            font-size: 14px;
            border-bottom: #DBDBDB 1px solid;
            padding-bottom: 15px;
        }

        .info-dtl p {
            border-bottom: #DBDBDB 0px solid;
            padding-bottom: 0px;
            margin-bottom: 0px;
        }

        .review-col span {
            width: 100%;
            display: inline-block;
            text-align: left;
            font-size: 16px;
            color: #4E70EA;
            font-weight: bold;
        }

        .stars {
            width: 100%;
            float: left;
            text-align: center;
            padding-top: 20px;
            padding-bottom: 20px;
        }

        .stars img {
            width: 20px !important;
            height: auto !important;
            display: inline-block !important;
        }

      /*  .JTSapp {
            background: url(../img/appBG.png) center top no-repeat;
            background-size: 100% 94%;
            padding: 60px 0px 0px;
            text-align: left;
        }*/

           .JTSapp {
            background: #ECF0FF 0% 0% no-repeat padding-box;
            padding: 80px 0;
            text-align: left;
        }

        .JTSintlife.JTSapp .lifeText h3 {
            color: #fff;
            font-size: 40px;
            font-weight: bold;
            font-family: 'Sofia Pro';
        }

        .JTSintlife .lifeText p {
            font-family: 'Sofia Pro' !important;
            color: #fff;
        }

        .jTsLifeImg img {
            width: 100%;
          /*  margin-right: 50px;*/
        }

        .JTSapp .app-btn img {
            height: 60px;
            width: auto;
            float: left;
            margin-right: 10px;
        }

        .JTSintlife .lifeText.GetAppText {
            margin-top: -50px;
        }

        footer {
            background: #fff;
            padding: 40px 0px;
            font-family: 'Sofia Pro';
        }

        footer h6 {
            width: 100%;
            display: inline-block;
            text-align: left;
            font-size: 18px;
            color: #4E70EA;
            font-weight: bold;
            margin-bottom: 20px;
        }

        footer .footer-menu ul {
            padding: 0px;
            margin: 0px;
            list-style: none;
        }

        footer .footer-menu ul li {
            width: auto;
            float: left;
            padding-right: 50px;
            padding-bottom: 20px;
        }

        footer .footer-menu ul li a {
            color: #6B6A6A;
            font-size: 15px;
        }

        .socail-ic {
            text-align: left;
            margin: 10px 0px;
            width: 100%;
            float: left;
        }

        .socail-ic img {
            width: 40px !important;
            margin-right: 10px;
        }

        .octoscenter {
            width: 100%;
            float: left;
        }

        .octoscenter p {
            color: #6B6A6A !important;
            font-size: 15px !important;
            margin-bottom: 0px;
            ;
        }

        .footer-menu {
            width: 100%;
        }

        .newsletter-form {
            width: 100%;
            float: right;
            padding-bottom: 0px;
        }

        .newsletter-form input {
            width: 100%;
            background: #fff;
            border: #E1E1E1 1px solid;
            height: 54px;
            padding: 0px 0px 0px 20px;
            margin: 0px 0px 20px;
            border-radius: 5px 0px 0px 5px;
            float: left;
        }

        .newsletter-form input[type="submit"] {
            height: 54px;
            background: #4E70EA;
            border: #4E70EA 1px solid;
            margin: 0px;
            color: #fff;
            width: 150px;
            border-radius: 5px;
            float: left;
            padding: 0px;
            margin: 10px 0px;
        }

        .newsletter-form .form-group input:focus,
        .newsletter-form .form-group input:focus-visible {
            background-color: #fff !important;
            outline: none;
        }

        input:-webkit-autofill,
        input:-webkit-autofill:hover,
        input:-webkit-autofill:focus,
        input:-webkit-autofill:active {
            -webkit-box-shadow: 0 0 0 30px white inset !important;
        }

        .newsletter-form .form-group {
            position: relative;
            display: inline-block;
            width: 100%;
            margin-bottom: 0px !important;
        }

        .newsletter-form .form-group label.error {
            font-size: 13px;
            position: absolute;
            left: 0px;
            bottom: 0px;
            margin: 0px;
        }

        .clients-reviews {
            padding-top: 60px;
        }

        /*-----------team page---------------*/

        .team-page {
            background: url(../img/findnow-bg.png) center top no-repeat;
            padding: 100px 0px 60px;
            text-align: center;
        }

        .team-page h2 {
            font-size: 45px;
        }

        .team-page p {
            width: 60%;
            display: inline-block;
            text-align: center;
            margin-bottom: 40px;
            font-family: 'Sofia Pro' !important;
        }

        .team-col img {
            width: 300px;
            height: 300px;
            border-radius: 50%;
            margin-bottom: 30px;
            object-fit: cover;
        }

        .team-col h6 {
            color: #4E70EA;
            font-size: 24px;
            font-weight: 400;
            font-family: 'Sofia Pro' !important;
        }

        .team-page h6:first-letter {
            font-weight: bold;
        }

        .team-col h6 span {
            color: #4E70EA;
            font-size: 24px;
            font-weight: 400;
            font-family: 'Sofia Pro' !important;
        }

        .team-page h6 span:first-letter {
            font-weight: bold;
        }

        .team-col p {
            color: #6B6A6A;
            font-size: 16px;
            font-weight: 300;
            width: 100%;
        }

        @media (max-width: 1200px) {
            . h4 {
                font-size: 30px;
            }

            . {
                padding: 40px !important;
            }

            footer .footer-menu ul li {
                padding-right: 30px;
            }

            .findnow-img img {
                width: 80%;
                height: 400px;
            }

            .findnow-img::after {
                bottom: 80px;
                width: 300px;
                height: 300px;
            }

            .container-fluid.userPaddingJts.homeHeaderPad {
                padding-right: 6% !important;
            }
        }

        @media (max-width: 991px) {
            . {
                padding: 30px !important;
                top: 8%;
            }

            .footer-menu {
                width: 100%;
            }

            .findnow-txt {
                width: 100%;
                margin-top: 80px;
            }

            .findnow-img img {
                width: 100%;
                height: 500px;
                right: auto;
                position: relative;
            }

            .ourservice,
            .get-estimate,
            .clientProduct {
                padding: 30px 0px;
            }

            /*.JTSintlife {
                margin-top: 30px;
            }*/

            .menuWeb .navbar-nav {
                background-color: #e9e9e9 !important;
                padding: 20px;
            }
        }

        @media (max-width: 767px) {
              .slider-search input[type=radio]:checked~label {
            color: #fbc06b;
        }

.JTSapp {
    padding: 40px 0;
}

.homeHeadText .searchbar input[type="submit"] {
    line-height: normal;
    height: 51px;
    width: 108px;
    margin-top: 15px;
    margin-right: 0;
}
.homeHeadText .searchbar {
    height: 80px;
    line-height: 80px;
}

        .homeHeadText .searchbar input {
    width: calc(100% - 160px);
        font-size: 18px;
}

           {
                position: relative !important;
                box-shadow: none;
            }

            .findnow-txt {
                width: 100%;
                margin-top: 0px;
            }

            .findnow-sec {
                padding: 30px 0px;
            }

            .findnow-img {
                margin-top: 40px;
            }

           /* .JTSapp {
                background: #4e70ea;
                padding: 30px 0px;
            }*/

            .jTsLifeImg img {
                margin-right: 0;
            }

            .JTSintlife .lifeText.GetAppText {
                width: 100% !important;
            }

            .app-btn {
                margin-bottom: 0px;
            }

            .JTSapp .app-btn img {
                margin-bottom: 20px;
            }

           /* .jTsLifeImg img {
                display: none;
            }*/

            .newsletter-form input {
                height: 44px;
                font-size: 14px;
            }

            .newsletter-form input[type="submit"] {
                height: 44px;
                font-size: 14px;
            }

            .newsletter {
                margin-top: 40px;
            }

            .findnow-img::after {
                display: none;
            }

            .findnow-img {
                height: auto;
            }

            .team-page {
                padding: 60px 0px 30px;
            }

            . h4 {
                font-size: 24px;
            }
        }

        @media (max-width: 420px) {
            .estimate-btn {
                width: 100%;
            }

            .clients-reviews h2 {
                margin-bottom: 0px !important;
            }

            body h2 {
                font-size: 32px;
                margin-bottom: 20px;
            }
        }

        @media (min-width: 768px) and (max-width: 1024px) {
            .mainHomeBg {
                background-size: cover;
                height: 590px;
            }

            .mainHomeBg .homeHeadText h1 {
                font-size: 36px;
                line-height: 36px;
            }
        }

        @media (min-width: 481px) and (max-width: 767px) {
            .mainHomeBg {
                background-size: cover;
                height: 480px;
            }

            .mainHomeBg .homeHeadText h1 {
                font-size: 30px;
                line-height: 36px;
            }

            .homeHeadText {
                padding-top: 60px;
            }

            .slider-search ul li label {
                font-size: 1em;
                padding: 20px 0px 15px 60px;
            }

            .searchbar {
                width: 70%;
                height: 50px;
                line-height: 46px;
            }

            .searchbar input {
                height: 46px;
            }

            .searchbar input[type="submit"] {
                height: 48px;
            }
        }

        @media (min-width: 320px) and (max-width: 480px) {
            .mainHomeBg {
                background-size: cover;
                height: 550px;
                margin-top: 20px;
            }

            .mainHomeBg .homeHeadText h1 {
                font-size: 30px;
                line-height: 30px;
                font-weight: 600;
                width: 100%;
            }

            .slider-search ul li {
                height: auto;
            }

            .searchbar {
                width: 90%;
                height: 50px;
                line-height: 48px;
            }

            .searchbar input {
                height: 40px;
            }

            .searchbar input[type="submit"] {
                height: 48px;
                line-height: 48px;
            }
        }

        @media (max-width: 375px) {
            .searchbar {
                width: 100%;
                height: auto;
                float: left;
                text-align: center;
                padding: 10px;
            }

            .searchbar input {
                width: calc(100% - 50px);
            }

            .searchbar input[type="submit"] {
                float: none;
            }

            .slider-search ul li label {
                font-size: 1em;
                padding: 20px 0px 15px 54px;
            }
        }

        .TileSetter {
            /* display: table; */
            /* margin: 27px auto; */
            margin: 0px auto;
            opacity: 1;
        }

        .tileBG {
            background: #F9FAFF 0% 0% no-repeat padding-box;
            border-radius: 8px;
            margin-top: 60px;
            display: table;
        }

        .TileSetter .tileText {
            display: table-cell;
            width: 50%;
            vertical-align: middle;
            padding: 30px 57px;
        }

        .TileSetter .tileText h2 {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #2D2D2D;
            opacity: 1;
            font-weight: 600;
            line-height: 70px;
            font-size: 35px;
            text-align: justify;
        }

        .TileSetter .tileText p {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #2D2D2D;
            opacity: 1;
            font-size: 18px;
            line-height: 28px;
            margin-bottom: 30px;
            text-align: justify;
        }

        .TileSetter .tileText a {
            background: #4E70EA 0% 0% no-repeat padding-box;
            border-radius: 4px;
            opacity: 1;
            padding: 17px;
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #ffffff;
            font-size: 14px;
            font-weight: 600;
            cursor: pointer;
            margin-top: 20px;
        }

        .TileSetter .tileText a:hover {
            background: #ECF0FF 0% 0% no-repeat padding-box;
            color: #4E70EA;
        }

        .TileSetter .tileText a i {
            background: #ffffff 0% 0% no-repeat padding-box;
            border-radius: 6px;
            opacity: 1;
            color: #4E70EA;
            padding: 7px 11px;
            margin-left: 11px;
        }

        .TileSetter .tileText a:hover i {
            background: #4E70EA 0% 0% no-repeat padding-box;
            color: #ffffff;
        }

        .TileSetter .tileImg {
            display: table-cell;
        }

        .TileSetter .tileImg img {
            width: 100%;
        }

        .JTSintlife .lifeText {
            width: 480px;
        }

        .JTSintlife .lifeText.GetAppText {
            width: 414px;
        }

        .JTSintlife.JTSapp .d-table {
            margin: 0 auto;
        }

        .JTSintlife .lifeText h3 {
            text-align: left;
            letter-spacing: 0;
            color: #2D2D2D;
            opacity: 1;
            font-size: 38px;
            font-family: 'Open Sans', sans-serif;
            font-weight: 600;
            line-height: 56px;
            margin-bottom: 20px;
        }

            .JTSintlife .lifeText p {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            /* letter-spacing: 0; */
            /* color: #fff; */
            opacity: 1;
            font-size: 19px;
            line-height: normal;
            letter-spacing: 0.2px;
            color: #6B6A6A;
            margin-bottom: 30px;
        }

        .clientProduct .MSIpro {
            background-image: url(../img/msiBG.png);
            background-repeat: no-repeat;
            padding: 46px 32px 25px;
            background-color: #F9FAFF;
            height: 373px;
        }

        .clientProduct {
            padding: 60px 0px;
            /* background: url(../img/advertisements-bg.png) center center no-repeat; */
            background: #ECF0FF;
        }

        .clientProduct .MSIpro img {
            width: 110px !important;
        }

        .clientProduct .MSIpro p {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #2D2D2D;
            opacity: 1;
            font-weight: 600;
            font-size: 14px;
            line-height: 27px;
            margin: 30px 0;
        }

        .clientProduct .MSIpro .MScontactDetails p {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #4E70EA;
            opacity: 1;
            font-weight: 600;
            font-size: 12px;
            margin-bottom: 0 !important;
        }

        .clientProduct .MSIpro .MScontactDetails span {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #4E70EA;
            opacity: 1;
            font-weight: 600;
            font-size: 14px;
            display: block;
            white-space: nowrap;
            width: 21em;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .clientProduct .MSIpro.Porcepro {
            background-image: url(../img/porceBG.png);
        }

        .clientProduct .MSIpro.Porcepro img {
            width: 256px !important;
        }

        .clientProduct .MSIpro.Porcepro h4 {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #2D2D2D;
            opacity: 1;
            font-size: 27px;
            font-weight: 600;
            margin-top: 32px;
        }

        .clientProduct .MSIpro.Porcepro p {
            margin: 16px 0;
        }

        .clientProduct .MSIpro.Merakipro {
            background-image: url(../img/merakiBg.png);
        }

        .clientProduct .MSIpro.Merakipro img {
            width: 187px !important;
        }

        .clientProduct .MSIpro.Merakipro .MScontactDetails p {
            text-align: left;
            letter-spacing: 0;
            color: #4E70EA;
            opacity: 1;
            font-size: 14px;
            margin-top: 66px;
            margin-bottom: 8px !important;
        }

        /* .clientProduct .owl-carousel .owl-nav button.owl-next span {
    border: 3px solid #ECF0FF;
    border-radius: 8px;
    opacity: 1;
    padding: 0 25px;
    font-size: 39px;
    padding-bottom: 6px !important;
    color: #2D2D2D;
} */
        /* .clientProduct .owl-carousel .owl-nav button.owl-prev span {
    border: 3px solid #ECF0FF;
    border-radius: 8px;
    opacity: 1;
    padding: 0 25px;
    font-size: 39px;
    padding-bottom: 6px !important;
    color: #2D2D2D;
} */

        .clientProduct .owl-theme .owl-nav [class*=owl-]:hover {
            background: #ECF0FF;
            color: #FFF;
            text-decoration: none;
            border-radius: 8px;
            padding: 0 !important;
            color: #2D2D2D;
        }

        .clientProduct .owl-carousel .owl-nav .owl-next:hover span {
            padding-bottom: 6px !important;
            background-color: #ECF0FF;
        }

        .clientProduct .owl-carousel .owl-nav .owl-prev:hover span {
            padding-bottom: 6px !important;
            background-color: #ECF0FF;
        }

        /* .clientProduct .owl-carousel .owl-nav.disabled {
    display: block;
} */
        /* .JTSintlife.JTSapp {
    background-image: url(../img/appBG.png);
    background-position: right;
} */

     .JTSintlife.JTSapp .lifeText h3 {
    text-align: left;
    letter-spacing: 0;
    color: #0A0A0A;
    opacity: 1;
    font-size: 48px;
    font-weight: bold;
    line-height: 50px;
    max-width: 400px;
    margin-top: 10px;
    margin-bottom: 30px;
}

        .JTSintlife.JTSapp .appStore {
            margin-right: 20px;
        }

        .JTSintlife.JTSapp .appStore a {
            background: #2D2D2D 0% 0% no-repeat padding-box;
            border-radius: 4px;
            opacity: 1;
            width: 200px;
            height: 74px;
            display: flex;
            align-items: center;
            text-decoration: none;
            padding: 20px;
        }

        .JTSintlife.JTSapp .appStore:first-child a {
            margin-right: 20px;
        }

        .JTSintlife.JTSapp .appStore a:hover {
            border: 4px solid rgba(45, 45, 45, 0.25);
            transition: border 0.5s;
        }

        .JTSintlife.JTSapp .appStore a .appText {
            margin-left: 15.83px;
            margin-top: -8px;
        }

        .JTSintlife.JTSapp .appStore a .appText span {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #FFFFFF;
            opacity: 1;
            font-size: 12px;
            line-height: 14px;
            font-weight: 600;
        }

        .JTSintlife.JTSapp .appStore a .appText p {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #FFFFFF;
            opacity: 1;
            font-size: 15px;
            line-height: 14px;
            font-weight: 600;
            margin-bottom: 0;
            margin-top: 4px;
        }

        .JTSfaq {
            margin-top: 172px;
        }

        .JTSfaq .faqHead h3 {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #2D2D2D;
            opacity: 1;
            font-size: 55px;
            font-weight: 600;
            line-height: 82px;
        }

        .faqAcc .card {
            border: none;
            margin-top: 30px;
        }

        .faqAcc .card-header {
            background: #FFFFFF 0% 0% no-repeat padding-box;
            border: 4px solid #F9FAFF;
            border-radius: 8px !important;
            opacity: 1;
            padding: 24px;
        }

        .faqAcc .btn-link.collapsed {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #2D2D2D;
            opacity: 1;
            font-size: 20px;
            font-weight: 600;
            line-height: 31px;
            text-decoration: none;
        }

        .faqAcc .btn-link {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #2D2D2D;
            opacity: 1;
            font-size: 20px;
            font-weight: 600;
            line-height: 31px;
            text-decoration: none;
        }

        .faqAcc .btn-link:focus {
            text-decoration: none;
            color: #2D2D2D;
        }

        .faqAcc .btn-link:hover,
        .faqAcc .btn-link.collapsed:hover {
            text-decoration: none;
            color: #2D2D2D;
        }

        .collapse.show .card-body {
            background: #F9FAFF 0% 0% no-repeat padding-box;
            border: 1px solid #F9FAFF;
            border-radius: 0px 0px 8px 8px;
            opacity: 1;
            padding: 24px 39px;
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #2D2D2D;
            opacity: 1;
            font-size: 15px;
            line-height: 31px;
        }

        .faqAcc h5 {
            position: relative;
        }

        .faqAcc h5 button i {
            position: absolute;
            right: 0;
            top: 12px;
            bottom: 0;
            background: #ECF0FF 0% 0% no-repeat padding-box;
            border-radius: 8px;
            opacity: 1;
            width: 34px;
            height: 34px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #4E70EA;
        }

        .faqAcc .card-header.FaqHeadShow {
            background: #F9FAFF 0% 0% no-repeat padding-box;
            border: 1px solid #F9FAFF;
            border-radius: 8px 8px 0px 0px !important;
        }

        footer .JTSFooter {
            /* background-image: url(../img/footerBG.png);
    background-repeat: no-repeat; */
            height: auto;
            /* margin-top: 100px; */
            padding-top: 30px;
            margin-top: 30px;
        }

        footer .JTSFooter .footerDetails h5 {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #999999;
            opacity: 1;
            font-size: 15px;
            line-height: 14px;
            font-weight: 600;
            margin-bottom: 20px;
        }

        footer .JTSFooter .footerDetails p a {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #2D2D2D;
            opacity: 1;
            font-size: 15px;
            line-height: 14px;
            text-decoration: none;
        }

        footer .JTSFooter .footerSocial a {
            background: #ECF0FF 0% 0% no-repeat padding-box;
            border-radius: 10px;
            opacity: 1;
            width: 50px;
            height: 50px;
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            margin-right: 30px;
            border-top: 5px solid transparent;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-bottom: 5px solid transparent;
        }

        footer .JTSFooter .footerSocial a:first-child {
            width: 46px;
            height: 50px;
            border-top: 5px solid transparent;
            border-left: 0 solid transparent;
            border-right: 5px solid transparent;
            border-bottom: 5px solid transparent;
        }

        /*  */

        footer .JTSFooter .footerSocial {
            margin-top: 50px;
            display: table;
        }

        footer .JTSFooter .footerSocial a i {
            font-size: 17px;
            color: #2D2D2D;
            opacity: 1;
        }

        footer .JTSFooter .footerSupport {
            margin-top: 60px;
            margin-bottom: 30px;
        }

        footer .JTSFooter .footerSupport a {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #4E70EA;
            opacity: 1;
            font-size: 15px;
            font-weight: 600;
            line-height: 14px;
            margin-right: 40px;
            text-decoration: none;
        }

        footer .JTSFooter .footerSupport a:last-child {
            margin-right: 0;
        }

        footer .JTSFooter span {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #999999;
            opacity: 1;
            font-size: 12px;
            line-height: 10px;
        }

        .navbar.JustUserHeader.darkHeader {
            background-color: #E9E9E9;
            padding: 8px 0;
        }

        .menuMobile .navbar-nav {
            background-color: #e9e9e9;
            padding: 20px;
        }

        /*-------------------------------------Login page css-----------------------------------*/

        .UserLogin {
            background-image: url(../img/loginHeadBg.png);
            position: fixed;
            height: 100%;
            width: 100%;
            background-repeat: no-repeat;
            background-position: bottom left;
            background-size: 48%;
            /* margin-top: 90px; */
        }

        .UserLogin.forgotPassLogin {
            background-image: url(../img/ForgotHeadBg.png);
        }

        .UserLogin.UserSignup {
            background-image: url(../img/signUpHeadBg.png);
            margin-top: 40px;
        }

        .UserLogin.contractor {
            background-image: url(../img/signUpHeadBg-joinaspro.png);
            margin-top: 40px;
        }

        .UserLogin .userLoginForm {
            /* margin-top: 129px; */
            margin-top: 79px;
        }

        .container-fluid.userPaddingJts {
            padding-left: 6%;
            padding-right: 6%;
        }

        .container-fluid.userPaddingJts.homeHeaderPad {
            padding-right: 10%;
        }

        .InspirationTiles {
            width: 610px;
            position: relative;
            height: 100%;
            bottom: 0;
        }

        .InspirationTiles img {
            width: 610px;
            margin-left: -20px;
            position: absolute;
            bottom: 0;
        }

        .InspirationTiles h2 {
            position: absolute;
            bottom: 68px;
            right: 95px;
        }

        /* .UserLogin.UserSignup {
    position: relative;
    height: auto;
} */

        .UserLogin .userLoginForm {
            background: #4E70EA 0% 0% no-repeat padding-box;
            border-radius: 8px;
            opacity: 1;
            padding: 30px;
            width: 536px;
            position: relative;
        }

        .UserLogin .userLoginForm h1 {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #FFFFFF;
            opacity: 1;
            font-size: 25px;
            line-height: 36px;
            font-weight: 600;
            margin-bottom: 10px;
        }

        .UserLogin .userLoginForm .form-group label {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #FFFFFF;
            opacity: 1;
            font-size: 14px;
            font-weight: 600;
            line-height: 24px;
            margin-right: 20px;
        }

        .UserLogin .userLoginForm .form-group .error {
            color: #eb2d2d;
        }

        .UserLogin .userLoginForm .form-group input.form-control {
            border: 2px solid #6989FB;
            border-radius: 4px;
            opacity: 1;
            background-color: transparent;
            font-size: 12px;
            color: #FFFFFF;
            height: 44px;
        }

        .UserLogin .userLoginForm .form-group input:focus {
            box-shadow: none;
        }

        .UserLogin .userLoginForm .form-group input::-webkit-input-placeholder {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #95ACFF;
            opacity: 1;
            font-size: 12px;
        }

        .UserLogin .userLoginForm .form-group input::-moz-placeholder {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #95ACFF;
            opacity: 1;
            font-size: 12px;
        }

        .UserLogin .userLoginForm .form-group input:-ms-input-placeholder {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #95ACFF;
            opacity: 1;
            font-size: 12px;
        }

        .UserLogin .userLoginForm .form-group input:-moz-placeholder {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #95ACFF;
            opacity: 1;
            font-size: 12px;
        }

        .UserLogin .userLoginForm span {
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #FFFFFF;
            opacity: 1;
            font-size: 12px;
            border-radius: 4px;
        }

        .UserLogin .userLoginForm a {
            text-decoration: none;
        }

        .UserLogin .userLoginForm button.btn {
            background: #FFFFFF 0% 0% no-repeat padding-box;
            border-radius: 8px;
            opacity: 1;
            width: 100%;
            height: 44px;
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #4E70EA;
            opacity: 1;
            font-size: 12px;
            font-weight: 600;
            margin-bottom: 20px;
        }

        .UserLogin .userLoginForm span a {
            color: #FFFFFF;
            font-family: 'Open Sans', sans-serif;
            font-weight: 600;
            text-decoration: none;
        }

        .UserLogin .userLoginForm .invalid-feedback {
            color: #d8d8d8;
        }

        .UserLogin .userLoginForm button.btn:focus {
            box-shadow: none;
        }

        .UserLogin h2 {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #0C0C0C;
            opacity: 1;
            font-size: 30px;
            font-weight: 600;
            line-height: 40px;
        }

        .fileBtn {
            border: 2px dashed #6989FB;
            border-radius: 4px;
            width: 80px;
            height: 80px;
            opacity: 1;
            position: relative;
            overflow: hidden;
            text-align: center;
            display: table-cell;
            vertical-align: middle;
        }

        input.fileInput {
            position: absolute;
            font-size: 50px;
            opacity: 0;
            right: 0;
            top: 0;
            cursor: pointer;
        }

        .UserLogin .userLoginForm .file-field {
            display: table;
            margin: 20px auto;
            cursor: pointer;
        }

        .containerCheck {
            display: block;
            position: relative;
            padding-left: 35px;
            margin-bottom: 12px;
            cursor: pointer;
            font-size: 22px;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        /* Hide the browser's default checkbox */

        .containerCheck input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            height: 0;
            width: 0;
        }

        /* Create a custom checkbox */

        .checkmarkCheck {
            position: absolute;
            top: 0;
            left: 0;
            height: 20px;
            width: 20px;
            background-color: transparent;
            border: 2px solid #fff;
            cursor: pointer;
        }

        .UserLogin .userLoginForm .form-group label.containerCheck {
            font-weight: 500;
        }

        /* On mouse-over, add a grey background color */
        /* When the checkbox is checked, add a blue background */

        .containerCheck input:checked~.checkmarkCheck {
            background-color: #FFFFFF;
        }

        /* Create the checkmark/indicator (hidden when not checked) */

        .checkmarkCheck:after {
            content: "";
            position: absolute;
            display: none;
        }

        /* Show the checkmark when checked */

        .containerCheck input:checked~.checkmarkCheck:after {
            display: block;
        }

        /* Style the checkmark/indicator */

        .containerCheck .checkmarkCheck:after {
            left: 6px;
            top: 3px;
            width: 5px;
            height: 10px;
            border: solid #4E70EA;
            border-width: 0 3px 3px 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .userLoginForm.userPassForm {
            position: relative;
        }

        span.spanArrow {
            position: absolute;
            background: #ECF0FF 0% 0% no-repeat padding-box;
            border-radius: 8px 0px 0px 8px;
            opacity: 1;
            width: 62px;
            height: 58px;
            top: 0;
            left: -62px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
        }

        span.spanArrow i {
            font-size: 36px;
            color: #4e70ea;
        }

        .userVerify p {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #FFFFFF;
            opacity: 1;
            font-size: 12px;
            margin: 20px 0;
        }

        .userVerify .resendBtn {
            position: relative;
        }

        .userVerify .resendBtn button {
            position: absolute;
            top: 9px;
            right: 14px;
            bottom: 0;
        }

        .userVerify .resendBtn button {
            background: #ECF0FF 0% 0% no-repeat padding-box;
            border-radius: 4px;
            opacity: 1;
            width: 92px;
            height: 26px;
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #4E70EA;
            opacity: 1;
            font-size: 10px;
            font-weight: 600;
            border: none;
        }

        /*-----------------------------23/03/2020---------------------*/

        .c_Padding {
            padding-left: 50px;
            padding-right: 50px;
        }

        .C_home {
            margin-top: 130px;
            margin-bottom: 30px;
        }

        .C_home .fndTileSatter {
            background: #EEF1FF 0% 0% no-repeat padding-box;
            border-radius: 8px;
            opacity: 1;
        }

        .C_home .fndTileSatter img {
            width: 100%;
            height: 100%;
        }

        .C_home .fndTileSatter .fndText h3 {
            text-align: justify;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #2D2D2D;
            opacity: 1;
            font-size: 20px;
            font-weight: 600;
            margin-bottom: 20px;
        }

        .C_home .fndTileSatter .fndText p {
            text-align: justify;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #2D2D2D;
            opacity: 1;
            font-size: 14px;
            /* width: 292px; */
            width: 100%;
            margin-bottom: 27px;
        }

        .C_home .fndTileSatter .fndText {
            /* padding: 38px 0px 38px 30px; */
            padding: 38px 30px 38px 30px;
            height: 250px;
        }

        .C_home .fndTileSatter .fndText a {
            background: #ECF0FF 0% 0% no-repeat padding-box;
            border-radius: 4px;
            opacity: 1;
            padding: 14px 17px;
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #4E70EA;
            font-size: 14px;
            font-weight: 600;
            cursor: pointer;
            margin-top: 20px;
        }

        .C_home .fndTileSatter .fndText a i {
            background: #4E70EA 0% 0% no-repeat padding-box;
            border-radius: 6px;
            opacity: 1;
            color: #ffffff;
            padding: 7px 11px;
            margin-left: 11px;
        }

        .C_home .fndTileSatter .fndText a:hover {
            background: #4E70EA 0% 0% no-repeat padding-box;
            color: #ffffff;
        }

        .C_home .fndTileSatter .fndText a:hover i {
            background: #ffffff 0% 0% no-repeat padding-box;
            color: #4E70EA;
        }

        .C_home .fndTileSatter .fndText.GetEstimate p {
            width: 100%;
        }

        .C_home .fndTileSatter .TileInstaller {
            background: #EEF1FF 0% 0% no-repeat padding-box;
            border-radius: 8px;
            opacity: 1;
            padding: 38px 30px 38px 30px;
            margin-top: 20px;
            position: relative;
        }

        .C_home .fndTileSatter .TileInstaller p {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #2D2D2D;
            opacity: 1;
            font-size: 14px;
            font-weight: 600;
            margin-bottom: 0px;
            width: 90%;
        }

        .C_home .fndTileSatter .TileInstaller a {
            background: #FFFFFF 0% 0% no-repeat padding-box;
            border-radius: 8px;
            opacity: 1;
            z-index: 1;
            position: absolute;
            padding: 11px 22px;
            top: 28%;
            right: 28px;
            color: #4E70EA;
        }

        .C_home .RequestSent {
            background: #EEF1FF 0% 0% no-repeat padding-box;
            border-radius: 8px;
            opacity: 1;
            padding: 35px;
            margin-top: 28px;
        }

        .C_home .RequestSent .requestImg {
            width: 50px;
            height: 50px;
            background: #E6FFFB 0% 0% no-repeat padding-box;
            opacity: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 100px;
        }

        .C_home .RequestSent .requestImg.responseImg {
            background: #FFF2E6 0% 0% no-repeat padding-box;
        }

        .C_home .RequestSent .requestText p {
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #2D2D2D;
            opacity: 1;
            font-size: 28px;
            font-weight: 600;
            margin-top: 15px;
            margin-bottom: 0;
        }

        .C_home .RequestSent .requestText span {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #999999;
            opacity: 1;
            font-size: 14px;
        }

        /*---------------------************* purvi changes 25-03-20 ***************--------------- */

        .cserviceArea .findServices .undraw_form button.cityNext {
            background: #4E70EA 0% 0% no-repeat padding-box;
            box-shadow: 0px 8px 15px #D0D9FC;
            border-radius: 4px;
            opacity: 1;
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #FFFFFF;
            font-size: 14px;
            font-weight: 600;
            width: 147px;
            border: none;
            padding: 15px;
            margin: 0 auto 0 20px;
            display: flex;
            justify-content: center;
            margin-bottom: 40px;
            cursor: pointer;
        }

        a.spanArrow {
            position: absolute;
            background: #ECF0FF 0% 0% no-repeat padding-box;
            border-radius: 8px 0px 0px 8px;
            opacity: 1;
            width: 71px;
            height: 58px;
            top: 0;
            left: -47px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        /*------c page-header--------25/03/2020-------------------------------*/

        .topbarJTS {
            background: #4E70EA 0% 0% no-repeat padding-box;
        }

        .topbarJTS {
            position: fixed;
            top: 0;
            width: 100%;
            z-index: 1049;
        }

        .topbarJTS .navbar-brand img {
            width: 100px;
            /* height: 64px; */
            margin-left: 12px;
        }

        .topbarJTS .navbar-brand:before {
            content: "";
            background-color: #ffffff;
            width: 200px;
            z-index: -1;
            position: absolute;
            top: 0;
            height: 100%;
            left: 0;
        }

        .topbarJTS .proJTsImg img {
            align-self: center;
            max-height: 45px;
            max-width: 45px;
            border-radius: 8px;
            margin-right: 12px;
            cursor: pointer;
        }

        .topbarJTS .jtsHomeItem a.nav-link {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #FFFFFF;
            opacity: 1;
            font-size: 14px;
            font-weight: 600;
            margin-right: 26px;
            text-decoration: none;
            display: inline-block;
            position: relative;
        }

        .topbarJTS .jtsHomeItem a.nav-link.active {
            color: #FFFFFF;
            background-color: transparent;
        }

        .topbarJTS .jtsHomeItem a.nav-link:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 4px;
            bottom: -26px;
            left: 0;
            background-color: #FFFFFF;
            visibility: hidden;
            -webkit-transform: scaleX(0);
            transform: scaleX(0);
            -webkit-transition: all 0.15s ease-in-out 0s;
            transition: all 0.15s ease-in-out 0s;
        }

        .topbarJTS .jtsHomeItem a.nav-link:hover:before,
        .topbarJTS .jtsHomeItem a.nav-link.active:before {
            visibility: visible;
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
        }

        .topbarJTS .jtsHomeItem a.nav-link:hover {
            color: #ffffff;
        }

        .topbarJTS .jtsHomeItem:last-child {
            margin-right: 0;
        }

        .topbarJTS .jtsProItem a {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #FFFFFF;
            opacity: 1;
            font-size: 14px;
            font-weight: 600;
            margin-right: 12px;
            text-decoration: none;
        }

        .topbarJTS .jtsProItem {
            position: relative;
        }

        .topbarJTS .jtsProItem a:hover {
            color: #ffffff;
        }

        .topbarJTS .proJTsImg img.notifyJts {
            margin-right: 7px;
        }

        /* .topbarJTS .jtsProItem a:last-child {
    margin-right: 0;
} */

        .topbarJTS .proJTsImg .badge {
            position: absolute;
            top: 3px;
            left: 8px;
            border-radius: 6px;
            background-color: #FFFFFF;
            color: #4E70EA;
            width: 18px;
            height: 18px;
            font-size: 10px;
        }

        /*------c service area--------25/03/2020-------------------------------*/

        .cserviceArea {
            position: fixed;
            content: "";
            background-image: url(../img/cserviceAreaBg.jpg);
            height: 100%;
            width: 100%;
            background-size: cover !important;
            background-position: center !important;
            z-index: -1;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            -ms-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

        .cserviceArea-overly {
            position: fixed;
            background-color: #4E70EA;
            opacity: 0.5;
            height: 100%;
            width: 100%;
            z-index: -1;
        }

        .cserviceArea .findServices .modal-header {
            border-bottom: none;
            padding-bottom: 0px;
        }

        .cserviceArea .findServices .undraw_address {
            display: flex;
            margin-bottom: 30px;
        }

        .cserviceArea .findServices .undraw_address img {
            margin: 0 auto;
        }

        .cserviceArea .findServices .undraw_text {
            margin-bottom: 20px;
        }

        .cserviceArea .findServices .undraw_text h3 {
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #2D2D2D;
            opacity: 1;
            font-size: 20px;
            line-height: 28px;
        }

        .cserviceArea .findServices .undraw_form {
            width: 336px;
            margin: 0 auto;
        }

        .cserviceArea .findServices .undraw_form .form-group {
            margin-bottom: 20px;
        }

        .cserviceArea .findServices .undraw_form label {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #2D2D2D;
            opacity: 1;
            font-size: 12px;
            font-weight: 600;
            margin-bottom: 10px;
        }

        .cserviceArea .findServices .undraw_form input.form-control {
            border: 2px solid #EBEBEB;
            border-radius: 4px;
            opacity: 1;
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #2D2D2D;
            font-size: 12px;
            /* padding: 20px; */
            height: calc(3em + 0.75rem + 2px);
        }

        .cserviceArea .findServices .undraw_form input.form-control:focus {
            box-shadow: none;
        }

        .cserviceArea .findServices .undraw_form input::-webkit-input-placeholder {
            /* Edge */
            color: #999999;
        }

        .cserviceArea .findServices .undraw_form input:-ms-input-placeholder {
            /* Internet Explorer 10-11 */
            color: #999999;
        }

        .cserviceArea .findServices .undraw_form input::placeholder {
            color: #999999;
        }

        .cserviceArea .findServices .undraw_form a.cityNext {
            background: #4E70EA 0% 0% no-repeat padding-box;
            box-shadow: 0px 8px 15px #D0D9FC;
            border-radius: 4px;
            opacity: 1;
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #FFFFFF;
            font-size: 14px;
            font-weight: 600;
            width: 147px;
            border: none;
            padding: 15px;
            margin: 0 auto;
            display: flex;
            justify-content: center;
            margin-bottom: 40px;
            cursor: pointer;
        }

        .modal-dialog.jts-dialog {
            margin-left: 150px;
        }

        .modal.jtsBlock {
            display: block;
            opacity: 1;
            -webkit-transition: all 2s ease;
            -moz-transition: all 2s ease;
            -o-transition: all 2s ease;
            -ms-transition: all 2s ease;
            transition: all 2s ease;
        }

        /*------------------------------question pages css---------26/03/2020----------------------*/

        .cserviceArea.question1 {
            background-image: url(../img/question1BG.jpg);
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            -ms-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

        .cserviceArea .findServices .ques1JTpoint p {
            text-align: left;
            letter-spacing: 0;
            color: #2D2D2D;
            opacity: 1;
            font-family: 'Open Sans', sans-serif;
            font-size: 12px;
            font-weight: 600;
        }

        .cserviceArea .findServices .ques1JTpoint .progress {
            background-color: #E9E9E9;
            border-radius: 4px;
            height: 8px;
        }

        .cserviceArea .findServices .ques1JTpoint .progress-bar {
            background-color: #4E70EA;
            border-radius: 4px;
            height: 8px;
        }

        .cserviceArea .findServices .JTSinstall {
            padding: 0 20px;
        }

        .cserviceArea .findServices .JTSinstall a {
            background: #D9E1FF 0% 0% no-repeat padding-box;
            border-radius: 4px;
            width: 100%;
            padding: 15px;
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #4E70EA;
            opacity: 1;
            font-size: 12px;
            font-weight: 600;
            margin-bottom: 20px;
            float: right;
            text-decoration: none;
            cursor: pointer;
        }

        .cserviceArea .findServices .JTSinstall a:hover {
            color: #4E70EA;
        }

        .cserviceArea .findServices .JTSinstall a i {
            border: 2px solid #B8C8FF;
            opacity: 1;
            height: 14px;
            width: 14px;
            border-radius: 50%;
            display: inline-block;
            vertical-align: sub;
            margin-left: 8px;
        }

        .cserviceArea .findServices .JTSinstall a.active {
            background: #4E70EA 0% 0% no-repeat padding-box;
            color: #FFFFFF;
        }

        .cserviceArea .findServices .JTSinstall a.active i {
            border: 2px solid #FFFFFF;
        }

        .cserviceArea .findServices .undraw_form a.quesBack {
            background: #ECF0FF 0% 0% no-repeat padding-box;
            border-radius: 4px;
            opacity: 1;
            opacity: 1;
            width: 58px;
            border: none;
            padding: 13px 25px;
            margin: 0 0 0 auto;
            margin-bottom: 40px;
            cursor: pointer;
            display: inline-block;
            vertical-align: middle;
            margin-right: 0;
        }

        .cserviceArea .findServices .undraw_form a.quesBack {
            font-size: 20px;
        }

        .cserviceArea .findServices .undraw_form a.cityNext.quesNext {
            background: #4E70EA 0% 0% no-repeat padding-box;
            box-shadow: 0px 8px 15px #D0D9FC;
            border-radius: 4px;
            opacity: 1;
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #FFFFFF;
            font-size: 14px;
            font-weight: 600;
            border: none;
            margin: 0 auto 0 20px;
            margin-bottom: 40px;
            cursor: pointer;
            display: inline-block;
            vertical-align: middle;
        }

        .cserviceArea .findServices .undraw_form.quesForm {
            display: flex;
        }

        .cserviceArea.question2 {
            background-image: url(../img/question2BG.jpg);
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            -ms-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

        .cserviceArea .findServices .jtsProjectRadio .custom-control-inline {
            left: 50%;
        }

        .cserviceArea .findServices .jtsProjectRadio .custom-control-label::before {
            border: 2px solid #999999;
            opacity: 1;
            width: 15px;
            height: 15px;
            top: 0.05rem;
        }

        .cserviceArea .findServices .jtsProjectRadio .custom-control-label::after {
            top: 0.05rem;
        }

        .cserviceArea .findServices .jtsProjectRadio .custom-radio .custom-control-input:checked~.custom-control-label::after {
            background-color: #fff;
            border: 2px solid #4E70EA;
            opacity: 1;
            width: 15px;
            height: 15px;
            top: 0.05rem;
            border-radius: 50%;
            background-image: url(../img/download.svg) !important;
            background-size: 7px;
        }

        .cserviceArea .findServices .jtsProjectRadio .custom-control-input:focus~.custom-control-label::before {
            box-shadow: none;
        }

        .cserviceArea .findServices .jtsProjectRadio .custom-control-label {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #2D2D2D;
            opacity: 1;
            font-size: 12px;
            font-weight: 600;
        }

        .cserviceArea.question3 {
            background-image: url(../img/question3BG.jpg);
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            -ms-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

        /*-----------------------------27/03/2020---------------------------*/

        button:focus {
            outline: none !important;
        }

        .cserviceArea .findServices .servicePhotoJts {
            padding: 0 64px;
        }

        .cserviceArea .findServices .servicePhotoJts .file-field {
            display: table;
            margin: 10px 0;
            cursor: pointer;
        }

        .cserviceArea .findServices .servicePhotoJts span {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #2D2D2D;
            opacity: 1;
            font-size: 12px;
            font-weight: 600;
        }

        .cserviceArea .findServices .servicePhotoJts .fileBtn {
            border: 2px dashed #D9E1FF;
        }

        .cserviceArea .findServices .servicePhotoJts .describeJTsPhoto {
            width: 80px;
            height: 80px;
            opacity: 1;
            position: relative;
            display: table;
            margin: 10px auto;
        }

        .cserviceArea .findServices .servicePhotoJts .describeJTsPhoto img {
            width: 80px;
            height: 80px;
            border-radius: 4px;
        }

        .cserviceArea .findServices .servicePhotoJts .describeJTsPhoto img.jtsPhotoClose {
            position: absolute;
            right: 0;
            bottom: 0;
            cursor: pointer;
            width: 25px;
            height: 25px;
        }

        .LikeJTsPhoto {
            display: none;
        }

        .cserviceArea .findServices .undraw_form.quesForm.questForm {
            display: block;
        }

        /*-------------------------30/03/2020-------------------------*/

        .topbarJTS .jtsProItem .cLogout {
            background: #6D8BF3 0% 0% no-repeat padding-box;
            border-radius: 4px;
            opacity: 1;
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #FFFFFF;
            font-size: 12px;
            font-weight: 600;
            padding: 8px 23px;
        }

        .cServicePro {
            margin-top: 130px;
            margin-bottom: 224px;
        }

        .cServicePro .backPro {
            display: table;
            width: 100%;
            margin-bottom: 50px;
        }

        .cServicePro .backPro a {
            text-decoration: none;
            display: table-cell;
            vertical-align: middle;
            padding: 12px 0px 12px 0;
            width: 6%;
        }

        .cServicePro .backPro a img {
            width: 13px;
            height: 12px;
        }

        .cServicePro .backPro a span {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #2D2D2D;
            opacity: 1;
            font-size: 14px;
            font-weight: 600;
            margin-left: 10px;
        }

        .cServicePro .backPro button {
            background: #4E70EA 0% 0% no-repeat padding-box;
            box-shadow: 0px 8px 15px #D0D9FC;
            border-radius: 4px;
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #FFFFFF;
            opacity: 1;
            font-size: 15px;
            font-weight: 600;
            border: none;
            padding: 12px 52px;
            display: table-cell;
            vertical-align: middle;
            float: right;
        }

        .cServicePro .csProProduct {
            background: #EEF1FF 0% 0% no-repeat padding-box;
            border-radius: 8px;
            opacity: 1;
            padding: 30px 30px;
            /* margin-bottom: 38px; */
            cursor: pointer;
            height: 100%;
            position: relative;
        }

        .cServicePro .csProProduct .cProtable {
            display: table;
            width: 100%;
        }

        .cServicePro .csProProduct .cProtable img {
            width: 56px;
            height: 56px;
            border-radius: 12px;
            /* display: table-cell; */
            margin-right: 10px;
            vertical-align: top;
        }

        .cServicePro .csProProduct .cProtable .cproText {
            display: table-cell;
            vertical-align: top;
            width: 100%;
        }

        .cServicePro .csProProduct .cProtable .cproText p {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #2D2D2D;
            opacity: 1;
            font-size: 14px;
            font-weight: 600;
            margin-bottom: 0;
        }

        .cServicePro .csProProduct .cProtable .cproText span {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #999999;
            opacity: 1;
            font-size: 10px;
        }

        .cServicePro .csProProduct .cProtable .cproEmerg {
            display: table-cell;
            vertical-align: top;
        }

        .cServicePro .csProProduct .cProtable .cproEmerg a img {
            width: 21px;
            height: 31px;
            /* margin-left: 10px; */
            margin-right: 0;
        }

        .cServicePro .csProProduct .cProtable .cproText span i {
            font-size: 12px;
            margin-right: 5px;
            color: #FFB727;
        }

        .cServicePro .cPLocation {
            display: table;
            width: 100%;
            margin-top: 10px;
        }

        .cServicePro .cPLocation .LocText {
            display: table-cell;
            width: 62%;
        }

        .cServicePro .cPLocation.LocDes {
            display: block;
        }

        .cServicePro .cPLocation .LocText span {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #999999;
            opacity: 1;
            font-size: 12px;
        }

        .cServicePro .cPLocation .LocText p {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #2D2D2D;
            opacity: 1;
            font-size: 12px;
            font-weight: 600;
            margin-bottom: 0;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
            word-break: break-all;
        }

        @media screen and (min-width: 1200px) {
            .container.csContainer {
                max-width: 1220px;
            }
        }

        @media screen and (min-width: 1680px) {
            .container.csContainer {
                max-width: 1500px;
            }

            .cServicePro .CsButtons .AddCompare,
            .cServicePro .CsButtons .RequestCall {
                padding: 15px 27px;
            }
        }

        .cServicePro .CsButtons {
            text-align: center;
            margin-top: 20px;
            /* position: absolute;
    bottom: 30px; */
        }

        .cServicePro .CsButtons .AddCompare {
            background: #FFFFFF 0% 0% no-repeat padding-box;
            border: 2px solid #EBEBEB;
            border-radius: 4px;
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #4E70EA;
            opacity: 1;
            font-size: 14px;
            font-weight: 600;
            padding: 15px;
        }

        .cServicePro .CsButtons .AddCompare:hover {
            background: #4E70EA 0% 0% no-repeat padding-box;
            border: 2px solid #C8D1FF;
            color: #FFFFFF;
        }

        .cServicePro .CsButtons .RequestCall {
            background: #4E70EA 0% 0% no-repeat padding-box;
            box-shadow: 0px 8px 15px #D0D9FC;
            border-radius: 4px;
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #FFFFFF;
            opacity: 1;
            font-size: 14px;
            font-weight: 600;
            border: none;
            padding: 15px;
            margin-left: 17px;
        }

        .cServicePro .CsButtons .RequestCall:hover {
            background: #C8D1FF 0% 0% no-repeat padding-box;
            border: none;
            color: #393939;
        }

        @media (max-width:1024px) {

            .cServicePro .CsButtons .AddCompare,
            .cServicePro .CsButtons .RequestCall {
                width: 100%;
                margin: 10px 0 0;
            }
        }

        .cServicePro .csProDetails {
            width: 630px;
            margin: 0 auto;
        }

        .cServicePro .csProDetails .csMenu {
            margin-bottom: 40px;
        }

        .cServicePro .csProDetails .csMenu a.nav-link {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: -0.08px;
            color: #999999;
            opacity: 1;
            font-size: 14px;
            font-weight: 600;
            margin-right: 0;
            padding: 0.5rem 1rem 0.5rem 0;
        }

        .cServicePro .csProDetails .csMenu a.nav-link:hover {
            color: #999999;
        }

        .cServicePro .csProDetails .csDetailsImg {
            height: 188px;
            width: 188px;
        }

        .cServicePro .csProDetails .csDetailsImg img {
            width: 100%;
            border-radius: 100%;
            height: 100%;
        }

        .cServicePro .csProDetails .csDetailsText {
            margin-top: 6px;
        }

        .cServicePro .csProDetails .csDetailsText p {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #2D2D2D;
            opacity: 1;
            font-size: 20px;
            font-weight: 600;
            margin-bottom: 0;
        }

        .cServicePro .csProDetails .csDetailsText span i {
            font-size: 15px;
            color: #FFB727;
            margin-right: 5px;
        }

        .cServicePro .csProDetails .csDetailsText span {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #999999;
            opacity: 1;
            font-size: 14px;
        }

        .cServicePro .csProDetails .csAddress p i {
            font-size: 15px;
            color: #4E70EA;
            margin-right: 9px;
        }

        .cServicePro .csProDetails .csAddress p {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #999999;
            opacity: 1;
            font-size: 14px;
            margin-top: 20px;
            margin-bottom: 0;
        }

        .cServicePro .csProDetails .csAddress span i {
            font-size: 15px;
            color: #4E70EA;
            margin-right: 5px;
        }

        .cServicePro .csProDetails .csAddress span {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #999999;
            opacity: 1;
            font-size: 14px;
            margin-right: 15px;
        }

        .cServicePro .csProDetails .csAddress {
            margin: 30px 0 52px;
        }

        .cServicePro .csProDetails .csIntro {
            margin-top: 26px;
        }

        .cServicePro .csProDetails .csIntro.csAbout {
            margin-top: 10px;
        }

        .cServicePro .csProDetails .csIntro h3 {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: -0.08px;
            color: #2D2D2D;
            opacity: 1;
            font-size: 15px;
            font-weight: 600;
            margin-bottom: 5px;
        }

        .cServicePro .csProDetails .csIntro p {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: -0.08px;
            opacity: 1;
            font-size: 15px;
            color: #999999;
        }

        .cServicePro .csProDetails .csIntro p a {
            color: #4E70EA;
            text-decoration: none;
        }

        .cServicePro .csProDetails .csOverSec {
            display: table;
            width: 100%;
        }

        .cServicePro .csProDetails .csOverSec .csOverview {
            display: table-cell;
            width: 50%;
        }

        /*---------------------------31/03/2020----------------------*/

        .cServicePro .csProDetails .csOverSec .csOverview .csOverPoint {
            margin-bottom: 10px;
        }

        .cServicePro .csProDetails .csOverSec .csOverview .csOverPoint img {
            margin-right: 9px;
            width: auto;
        }

        .cServicePro .csProDetails .csOverSec .csOverview .csOverPoint span {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: -0.08px;
            color: #999999;
            opacity: 1;
            font-size: 14px;
        }

        .cServicePro .csProDetails .csOverSec .csOverview .csOverPoint p {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: -0.08px;
            color: #999999;
            opacity: 1;
            font-size: 14px;
            margin-bottom: 0;
        }

        .cServicePro .csProDetails .csIntro.csAbout.csTopPro {
            margin-top: 20px;
        }

        .cServicePro .csProDetails a.viewAllDetails {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: -0.08px;
            color: #4E70EA;
            opacity: 1;
            text-decoration: none;
            font-size: 14px;
            font-weight: 600;
            cursor: pointer;
        }

        .cServicePro .csProDetails hr {
            border: 1px solid #EBEBEB;
            opacity: 1;
            width: 100%;
            margin-top: 30px;
            margin-bottom: 20px;
        }

        .cServicePro .csProDetails .csIntro.csFeatured h3 {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: -0.1px;
            color: #2D2D2D;
            opacity: 1;
            font-size: 19px;
            font-weight: 600;
            margin-top: 0;
        }

        .cServicePro .csProDetails .featureImg {
            margin-top: 20px;
        }

        .cServicePro .csProDetails .featureImg img {
            margin-bottom: 13px;
            width: 195px;
            margin-right: 10px;
            height: 150px;
        }

        .cServicePro .csProDetails .loop {
            position: relative;
        }

        .cServicePro .csProDetails .owl-nav {
            /* position: absolute;
    top: 34%;
    bottom: 0;
    margin-top: 0;
    width: 98%; */
            top: 0;
            bottom: 0;
            margin-top: -97px;
            margin-bottom: 97px;
            width: 98%;
            position: relative;
        }

        .cServicePro .csProDetails .owl-nav .owl-prev {
            background: #4E70EAB3 0% 0% no-repeat padding-box;
            opacity: 1;
            padding: 5px 2px 0 10px !important;
            color: #ffffff;
            border-radius: 124px;
            height: 27px;
            text-align: center;
            float: left;
            left: 0;
            margin: 0;
            margin-top: 5px;
        }

        .cServicePro .csProDetails .featureImg .owl-nav .owl-prev {
            background: rgba(78, 112, 234, 0.7);
            opacity: 1;
            color: #ffffff;
            border-radius: 100px;
            height: 27px;
            text-align: center;
            width: 27px;
            float: left;
            padding: 0 !important;
            left: auto;
            margin: 0 0px 0 6px;
            margin-top: 0;
        }

        .cServicePro .csProDetails .featureImg .owl-nav span {
            font-size: 21px;
            line-height: 0;
        }

        .cServicePro .csProDetails .featureImg .owl-nav .owl-next {
            background: rgba(78, 112, 234, 0.7);
            opacity: 1;
            color: #ffffff;
            border-radius: 100px;
            height: 27px;
            text-align: center;
            width: 27px;
            float: right;
            padding: 0 !important;
            left: auto;
            margin: auto;
            margin-top: 0;
        }

        .cServicePro .csProDetails .owl-nav img {
            width: 6px;
            height: auto;
        }

        .cServicePro .csProDetails .owl-nav .owl-next {
            background: #4E70EAB3 0% 0% no-repeat padding-box;
            opacity: 1;
            padding: 5px 0px 0 12px !important;
            color: #ffffff;
            border-radius: 124px;
            height: 27px;
            text-align: center;
            float: right;
            margin: 0;
            margin-top: 5px;
        }

        .cServicePro .csProDetails .RatingTable {
            display: table;
            /* width: 92%; */
            width: 100%;
            margin-top: 20px;
            position: relative;
        }

        .cServicePro .csProDetails .RatingTable .RatingReview {
            display: table-cell;
            width: 21%;
            vertical-align: middle;
        }

        .cServicePro .csProDetails .RatingTable .RatingReview:after {
            content: "";
            background-color: #EBEBEB;
            position: absolute;
            width: 2px;
            height: 100%;
            top: 0;
            left: 29%;
            display: block;
        }

        .cServicePro .csProDetails .RatingTable .RatingReview p {
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: -0.06px;
            color: #2D2D2D;
            font-size: 12px;
            font-weight: 600;
            margin-bottom: 0;
        }

        .cServicePro .csProDetails .RatingTable .RatingReview span {
            letter-spacing: -0.1px;
            color: #4E70EA;
            font-size: 15px;
            margin: 0 3px;
        }

        .cServicePro .csProDetails .RatingTable .RatingReview p.rateNo {
            letter-spacing: -0.08px;
            color: #2D2D2D;
            opacity: 1;
            font-size: 14px;
            margin-top: 10px;
        }

        .cServicePro .csProDetails .RatingTable .RatingNumber {
            display: table-cell;
            /* padding-left: 106px; */
            padding-left: 78px;
        }

        .cServicePro .csProDetails .RatingTable .RatingNumber .ratNos {
            position: relative;
        }

        .cServicePro .csProDetails .RatingTable .RatingNumber .ratNos span.checked {
            color: #F1AB1F;
            opacity: 1;
            font-size: 18px;
            margin-right: 7px;
        }

        .cServicePro .csProDetails .RatingTable .RatingNumber .ratNos span.fa.fa-star {
            color: #D5D3D0;
            opacity: 1;
            font-size: 20px;
            margin-right: 5px;
        }

        .cServicePro .csProDetails .RatingTable .RatingNumber .ratNos span.fa.fa-star.checked {
            color: #F1AB1F;
        }

        .cServicePro .csProDetails .RatingTable .RatingNumber .ratNos .progress {
            border-radius: 10px;
            opacity: 1;
            /* width: 144px; */
            width: 260px;
            height: 5px;
            position: absolute;
            top: 0;
            margin-top: 9px;
            right: 30px;
            background-color: #EBEBEB;
        }

        .cServicePro .csProDetails .RatingTable .RatingNumber .ratNos .progress .progress-bar {
            background-color: #858181;
        }

        .cServicePro .csProDetails .RatingTable .RatingNumber .ratNos span.RatExno {
            float: right;
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: -0.06px;
            color: #2D2D2D;
            opacity: 1;
            font-size: 12px;
            font-weight: 600;
            margin-top: 2px;
        }

        .cServicePro .csProDetails .RatingComments {
            margin-top: 47px;
            display: table;
            width: 100%;
            margin-bottom: 15px;
        }

        .cServicePro .csProDetails .RatingComments .ratUsers .RatImg {
            display: table-cell;
        }

        .cServicePro .csProDetails .RatingComments .ratUsers .RatImg img {
            width: 55px;
            height: 55px;
            border-radius: 100px;
        }

        .cServicePro .csProDetails .RatingComments .ratUsers .ratText {
            display: table-cell;
            width: 66%;
            vertical-align: top;
            padding-left: 15px;
            padding-right: 15px;
            padding-top: 4px;
        }

        .cServicePro .csProDetails .RatingComments .ratUsers .ratText p {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: -0.08px;
            color: #2D2D2D;
            opacity: 1;
            margin-bottom: 3px;
            font-size: 14px;
            font-weight: 600;
        }

        .cServicePro .csProDetails .RatingComments .ratUsers .ratText p.ratDate {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: -0.06px;
            color: #999999;
            opacity: 1;
            font-size: 11px;
        }

        .cServicePro .csProDetails .RatingComments .ratUsers p.descriptRat {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: -0.06px;
            color: #2D2D2D;
            opacity: 1;
            font-size: 12px;
            margin-top: 5px;
            padding-left: 69px;
        }

        .cServicePro .csProDetails .RatingComments .ratUsers .userStarCom {
            display: table-cell;
            vertical-align: top;
            padding-left: 4px;
        }

        .cServicePro .csProDetails .RatingComments .ratUsers .userStarCom span.fa.fa-star.checked {
            color: #F1AB1F;
        }

        .cServicePro .csProDetails .RatingComments .ratUsers .userStarCom span.fa.fa-star {
            color: #D5D3D0;
            opacity: 1;
            font-size: 20px;
            margin-right: 5px;
        }

        .cServicePro .csProDetails .RatingComments .ratUsers {
            border-bottom: 2px solid #D5D3D0;
            padding-bottom: 0;
            margin-bottom: 18px;
        }

        /* .cServicePro .csProDetails .RatingComments .ratUsers:last-child {
    border-bottom: 0px solid #D5D3D0;
    padding-bottom: 0;
    margin-bottom: 18px;
} */

        .cServicePro .csProDetails a.viewRate {
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #4E70EA;
            opacity: 1;
            font-size: 14px;
            font-weight: 600;
            text-decoration: none;
        }

        .cServicePro .csProDetails .requestCallBack {
            display: flex;
            justify-content: center;
        }

        .cServicePro .csProDetails .requestCallBack button {
            background: #4E70EA 0% 0% no-repeat padding-box;
            border-radius: 4px;
            opacity: 1;
            width: 232px;
            height: 58px;
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #FFFFFF;
            font-size: 14px;
            font-weight: 600;
            margin-top: 50px;
            border: none;
        }

        @media (min-width: 481px) and (max-width: 767px) {
            .cServicePro .csProDetails {
                width: 100%;
            }

            .cServicePro .csProDetails .csAddress {
                margin: 30px 0 17px;
            }

            .cServicePro .csProDetails .RatingTable .RatingReview {
                width: 26%;
            }

            .cServicePro .csProDetails .RatingTable .RatingReview:after {
                left: 36%;
            }

            .cServicePro .csProDetails .RatingTable .RatingNumber .ratNos .progress {
                display: none;
            }

            .cServicePro .csProDetails .RatingTable .RatingNumber {
                padding-left: 181px;
            }

            .cServicePro .csProDetails .RatingTable {
                width: 100%;
            }

            .cServicePro .csProDetails .RatingTable .RatingReview:after {
                left: 43%;
            }

            .cServicePro .csProDetails .RatingComments .ratUsers .ratText {
                width: 60%;
            }

            .cServicePro .csProDetails .RatingComments .ratUsers .userStarCom {
                padding-left: 13px;
            }

            .cServicePro .csProDetails .featureImg img {
                width: 158px;
            }

            .cServicePro .csProDetails .owl-nav img {
                width: 6px;
            }
        }

        @media (min-width: 320px) and (max-width: 480px) {
            .cServicePro .csProDetails {
                width: 100%;
            }

            .cServicePro .csProDetails .featureImg img {
                width: 160px;
            }

            .cServicePro .csProDetails .owl-nav img {
                width: 6px;
                height: auto;
            }

            .cServicePro .csProDetails .RatingTable .RatingNumber .ratNos .progress {
                display: none;
            }

            .cServicePro .csProDetails .RatingTable .RatingReview {
                width: 38%;
            }

            .cServicePro .csProDetails .RatingTable .RatingNumber {
                padding-left: 40px;
            }

            .cServicePro .csProDetails .RatingTable .RatingReview:after {
                left: 43%;
            }

            .cServicePro .csProDetails .RatingComments .ratUsers .userStarCom {
                display: block;
                margin-top: 4px;
                margin-bottom: 15px;
                width: 100%;
                padding-left: 67px;
            }

            .cServicePro .csProDetails .RatingComments .ratUsers .ratText {
                width: 100%;
            }

            .cServicePro .csProDetails .RatingComments .ratUsers p.descriptRat {
                padding-left: 0;
            }

            .cServicePro .csProDetails .csDetailsImg img {
                border-radius: 20px;
            }

            .cServicePro .csProDetails .csDetailsText {
                margin-top: 30px;
            }

            .cServicePro .csProDetails .csMenu .nav {
                justify-content: center;
            }

            .cServicePro .csProDetails .csOverSec .csOverview {
                display: block;
                width: 100%;
            }
        }

        @media (max-width: 320px) {
            .cServicePro .csProDetails .featureImg img {
                width: 130px;
            }

            .cServicePro .csProDetails .RatingTable .RatingReview .RateStar img {
                width: 16px;
            }

            .cServicePro .csProDetails .owl-nav img {
                width: 6px;
            }

            .cServicePro .csProDetails .RatingTable .RatingNumber .ratNos span.fa.fa-star {
                font-size: 15px;
            }
        }

        /*-----------------------------01/04/2020-------------------------*/

        .compareProductJts {
            padding-right: 0 !important;
        }

        .compareProductJts .modal-xl {
            max-width: 100%;
            margin: 0;
            position: fixed;
            width: 100%;
            bottom: 0;
            opacity: 0;
            transition: all 0.2s;
            transform: translateY(-100px);
        }

        .compareProductJts .modal-content {
            border-radius: 10px 10px 0px 0px;
            background-color: #EFF3FF;
            border: none;
            padding: 20px 40px;
            /*54px;*/
            -webkit-box-shadow: 0px -19px 28px -8px rgba(0, 0, 0, 0.18);
            -moz-box-shadow: 0px -19px 28px -8px rgba(0, 0, 0, 0.18);
            box-shadow: 0px -19px 28px -8px rgba(0, 0, 0, 0.18);
        }

        .compareProductJts h3 {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #2D2D2D;
            opacity: 1;
            font-size: 20px;
            margin-bottom: 27px;
        }

        .compareProductJts .comProduct {
            display: table;
            width: 100%;
        }

        .compareProductJts .comProduct img {
            width: 85px;
            height: 85px;
            border-radius: 12px;
            display: inline;
            margin-right: 20px;
        }

        .compareProductJts .comProduct .comText {
            display: inline-block;
            vertical-align: middle;
        }

        .compareProductJts .comProduct .comText p {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #2D2D2D;
            opacity: 1;
            font-size: 15px;
            font-weight: 600;
            margin-bottom: 0;
        }

        .compareProductJts .comProduct .comText span {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #999999;
            opacity: 1;
            font-size: 12px;
        }

        .compareProductJts .comProduct .comText span i {
            font-size: 12px;
            color: #FFB727;
            margin-right: 5px;
        }

        .compareProductJts .CompareTileSetters {
            display: flex;
            justify-content: flex-start;
            margin-top: 0;
            align-items: center;
        }

        .compareProductJts .CompareTileSetters button {
            background: #4E70EA 0% 0% no-repeat padding-box;
            border-radius: 4px;
            opacity: 1;
            width: 258px;
            height: 58px;
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #FFFFFF;
            opacity: 1;
            font-size: 14px;
            font-weight: 600;
            border: none;
        }

        @media (max-width:576px) {
            .compareProductJts .comProduct {
                padding-bottom: 18px;
            }

            .compareProductJts .modal-content {
                padding: 27px;
            }

            .compareProductJts .comProduct .comText {
                padding-left: 20px;
                width: 80%;
            }
        }

        .cServicePro .backPro.backProAbsu {
            position: absolute;
            top: 130px;
            width: 140px;
        }

        .cComparePro .comMain img {
            width: 203px;
            height: 203px;
            border-radius: 12px;
        }

        .cComparePro .comMain p {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #2D2D2D;
            opacity: 1;
            font-size: 18px;
            font-weight: 600;
            margin-bottom: 0;
            margin-top: 22px;
        }

        .cComparePro .comMain span {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #999999;
            opacity: 1;
            font-size: 12px;
            margin-top: 5px;
        }

        .cComparePro .comMain span i {
            font-size: 15px;
            color: #FFB727;
            margin-right: 5px;
        }

        .cComparePro .comSec {
            margin-top: 84px;
        }

        .cComparePro .comSec .comHead:after {
            content: "";
            background-color: #F5F5F5;
            width: 76%;
            height: 1px;
            position: absolute;
        }

        .cComparePro .comSec .comHead:nth-last-child(3):after {
            content: "";
            background-color: transparent;
            width: 90%;
            height: 1px;
            position: absolute;
        }

        .cComparePro .comSec .comHead:nth-last-child(3) {
            border-bottom: none;
        }

        .cComparePro .comSec .comHead p {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: -0.3px;
            color: #2D2D2D;
            opacity: 1;
            font-size: 20px;
            font-weight: 600;
            margin-bottom: 19px;
            margin-top: 19px;
        }

        .cComparePro .comSec .comDetails:after {
            content: "";
            background-color: #F5F5F5;
            width: 90%;
            height: 1px;
            position: absolute;
        }

        .cComparePro .comSec .comDetails:last-child:after {
            content: "";
            background-color: transparent;
            width: 90%;
            height: 1px;
            position: absolute;
        }

        .cComparePro .comSec .comDetails:nth-last-child(2):after {
            content: "";
            background-color: transparent;
            width: 90%;
            height: 1px;
            position: absolute;
        }

        .cComparePro .comSec .comDetails:nth-last-child(2) {
            border-bottom: none;
        }

        .cComparePro .comSec .comDetails:last-child {
            border-bottom: none;
        }

        .cComparePro .comSec .comDetails p {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: -0.08px;
            color: #2D2D2D;
            opacity: 1;
            font-size: 16px;
            margin-bottom: 22px;
            margin-top: 22px;
        }

        .cComparePro .comSec .comDetails p span {
            font-size: 20px;
            color: #F1AB1F;
            margin-right: 15px;
        }

        .cComparePro .comSec .comRequestBack {
            margin-top: 80px;
        }

        .cComparePro .comSec .comRequestBack button {
            background: #4E70EA 0% 0% no-repeat padding-box;
            box-shadow: 0px 8px 15px #D0D9FC;
            border-radius: 4px;
            opacity: 1;
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #FFFFFF;
            font-size: 15px;
            font-weight: 600;
            width: 174px;
            height: 58px;
            border: none;
        }

        @media (max-width: 1024px) {
            .cComparePro .comSec .comDetails {
                border-bottom: 1px solid #F5F5F5;
                opacity: 1;
                width: 100%;
            }

            .cComparePro .comSec .comHead {
                border-bottom: 1px solid #F5F5F5;
                opacity: 1;
                width: 300px;
            }

            .cComparePro .comSec .comDetails:after,
            .cComparePro .comSec .comHead:after {
                display: none;
            }

            .cComparePro .comSec .comRequestBack {
                margin-top: 30px;
            }
        }

        @media (min-width: 481px) and (max-width: 767px) {
            .cComparePro .comMain img {
                width: 100%;
                height: auto;
            }

            .cComparePro .comMain p {
                font-size: 12px;
            }

            .cComparePro .comMain p {
                font-size: 12px;
            }

            .cComparePro .comMain span {
                font-size: 10px;
            }

            .cComparePro .comMain span i {
                font-size: 12px;
            }

            .cComparePro .comSec .comHead p {
                font-size: 12px;
            }

            .cComparePro .comSec .comHead {
                width: 100%;
            }

            .cComparePro .comSec .comDetails p {
                font-size: 10px;
            }

            .cComparePro .comSec .comRequestBack button {
                width: 100%;
                height: 58px;
                font-size: 12px;
            }
        }

        @media (min-width: 320px) and (max-width: 480px) {
            .cComparePro .comMain img {
                width: 100%;
                height: auto;
            }

            .cComparePro .comMain p {
                font-size: 12px;
            }

            .cComparePro .comMain p {
                font-size: 12px;
            }

            .cComparePro .comMain span {
                font-size: 10px;
            }

            .cComparePro .comMain span i {
                font-size: 12px;
            }

            .cComparePro .comSec .comHead p {
                font-size: 12px;
            }

            .cComparePro .comSec .comHead {
                width: 100%;
            }

            .cComparePro .comSec .comDetails p {
                font-size: 10px;
            }

            .cComparePro .comSec .comRequestBack button {
                width: 100%;
                height: 58px;
                font-size: 12px;
            }
        }

        .requestCallBtn.md-backdrop {
            background-color: rgba(78, 112, 234, 0.5);
        }

        .requestCallBtn .modal-header {
            border: none;
        }

        .requestCallBtn .modal-header .close {
            color: #999999;
            font-size: 23px;
        }

        .requestCallBtn img {
            width: 122px;
            height: 122px;
            border-radius: 12px;
            display: flex;
            margin: 0 auto;
        }

        .requestCallBtn .reqP {
            width: 100%;
        }

        .requestCallBtn .reqP p {
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #2D2D2D;
            opacity: 1;
            font-size: 16px;
            margin-top: 10px;
            margin-bottom: 30px;
            font-weight: 600;
        }

        .requestCallBtn .reqRate p {
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #2D2D2D;
            opacity: 1;
            font-size: 16px;
            font-weight: 600;
            margin-top: 0;
            margin-bottom: 15px;
        }

        .requestCallBtn .reqRate .rating-stars ul {
            list-style-type: none;
            padding: 0;
            -moz-user-select: none;
            -webkit-user-select: none;
        }

        .requestCallBtn .reqRate .rating-stars ul>li.star {
            display: inline-block;
        }

        .requestCallBtn .reqRate .rating-stars ul>li.star>i.fa {
            font-size: 29px;
            color: #EBEBEB;
        }

        .requestCallBtn .reqRate .rating-stars ul>li.star.hover>i.fa {
            color: #FFB727;
        }

        .requestCallBtn .reqRate .rating-stars ul>li.star.selected>i.fa {
            color: #FFB727;
        }

        .requestCallBtn .reqRate .rating-stars ul>li.star>i.fa.fa-fw {
            width: 32px;
            text-align: center;
        }

        .requestCallBtn .reqRate.fltRate .rating-stars ul>li.star>i.fa.fa-fw {
            text-align: left;
        }

        .requestCallBtn .reqForm {
            width: 336px;
            margin: 29px auto 0;
            text-align: center;
        }

        .requestCallBtn .reqForm label {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #2D2D2D;
            opacity: 1;
            font-size: 14px;
            font-weight: 600;
            margin-bottom: 10px;
        }

        .requestCallBtn .reqForm textarea.form-control {
            height: 107px;
            border: 2px solid #EBEBEB;
            border-radius: 4px;
            opacity: 1;
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #2D2D2D;
            font-size: 14px;
            padding: 20px;
            resize: none;
        }

        .requestCallBtn .reqForm textarea.form-control:focus {
            box-shadow: none;
        }

        .requestCallBtn .reqForm textarea::-webkit-input-placeholder {
            /* Edge */
            color: #999999;
        }

        .requestCallBtn .reqForm textarea:-ms-input-placeholder {
            /* Internet Explorer 10-11 */
            color: #999999;
        }

        .requestCallBtn .reqForm textarea::placeholder {
            color: #999999;
        }

        .requestCallBtn .reqForm button {
            background: #4E70EA 0% 0% no-repeat padding-box;
            box-shadow: 0px 8px 15px #D0D9FC;
            border-radius: 4px;
            opacity: 1;
            width: 118px;
            height: 58px;
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #FFFFFF;
            font-size: 14px;
            font-weight: 600;
            border: none;
            display: inline;
            justify-content: center;
            margin: 16px 16px;
            position: relative;
            z-index: 4;
        }

        .requestCallBtn .reqForm .clear_filter {
            background: #c5d3fd 0% 0% no-repeat padding-box;
            box-shadow: 0px 8px 15px #D0D9FC;
            border-radius: 4px;
            opacity: 1;
            width: 118px;
            height: 58px;
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #4E70EA;
            font-size: 14px;
            font-weight: 600;
            border: none;
            display: inline;
            justify-content: center;
            margin: 16px 16px;
            position: relative;
            z-index: 4;
        }

        .requestCallBtn .reqRate.fltRate {
            width: 336px;
            margin: 0 auto;
        }

        .requestCallBtn .reqRate.fltRate p {
            text-align: left;
        }

        .requestCallBtn .yearBusiness p {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #2D2D2D;
            opacity: 1;
            font-size: 14px;
            font-weight: 600;
            margin-top: 29px;
            margin-bottom: 13px;
        }

        @media (max-width: 576px) {
            .requestCallBtn .reqForm {
                width: 100%;
            }
        }

        .range-slider {
            display: inline-block;
            width: 100%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            position: relative;
            padding-bottom: 15px;
        }

        .range-slider>input {
            opacity: 0;
            width: 100%;
            position: relative;
            z-index: 5;
            margin-top: 0;
            -webkit-appearance: none;
        }

        .range-slider>span.slider-container {
            display: inline-block;
            min-height: 110px;
            display: inline-block;
            position: absolute;
            top: 0;
            left: -8px;
            right: 46px;
            z-index: 3;
            bottom: 0;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

        .range-slider>span.slider-container>span.bar {
            background-color: #D9E1FF;
            display: inline-block;
            position: absolute;
            z-index: 1;
            top: 3px;
            left: 10px;
            right: -25px;
            height: 10px;
            overflow: hidden;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
        }

        .range-slider>span.slider-container>span.bar>span {
            background: #4E70EA;
            display: inline-block;
            height: 11px;
            width: 0%;
        }

        .range-slider>span.slider-container>span.bar-btn {
            display: inline-block;
            position: absolute;
            padding-top: 20px;
            top: 0;
            font-family: Avenir;
            font-size: 14px;
            font-weight: 600;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: 0.03px;
            text-align: center;
            color: #2D2D2D;
        }

        .slider_text {
            width: 100%;
            outline: none;
            background: transparent;
            border: transparent;
            font-size: 14px;
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0px;
            color: #2D2D2D;
            opacity: 1;
            font-weight: 600;
            margin-left: 9px;
        }

        .range-slider>span.slider-container>span.bar-btn:after {
            content: "";
            background: #4E70EA 0% 0% no-repeat padding-box;
            box-shadow: 0px 3px 6px #00000029;
            border: 2px solid #FFFFFF;
            border-radius: 20px;
            width: 16px;
            height: 16px;
            display: inline-block;
            position: absolute;
            left: 9px;
            top: 0;
            z-index: 3;
        }

        .fleft.save_fleft {
            margin-left: 0;
        }

        .fleft {
            float: left;
            font-size: 14px;
            font-weight: 600;
            position: relative;
            top: -22px;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: 0.03px;
            color: #2D2D2D;
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0px;
            opacity: 1;
        }

        /*-----------------------06/04/2020------------------------*/

        .cserviceArea .findServices .JTSinstall.JtsQuestions a.active {
            padding: 10px 15px;
        }

        .cserviceArea .findServices .JTSinstall.JtsQuestions a {
            padding: 10px 15px;
        }

        .cserviceArea.question4 {
            background-image: url(../img/question4BG.jpg);
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            -ms-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

        .cserviceArea .findServices .JTSinstall.JtsQuestions a i {
            border: none;
            opacity: 1;
            height: 14px;
            width: 14px;
            border-radius: 0;
            display: inline-block;
            vertical-align: middle;
            margin-left: 8px;
            color: #B8C8FF;
        }

        .cserviceArea .findServices .JTSinstall.JtsQuestions a.active i {
            color: #ffffff;
        }

        .cserviceArea .findServices .JTSinstall.JtsQuestions1 a {
            padding: 10px 15px;
        }

        .cserviceArea .findServices .JTSinstall.JtsQuestions1 a i {
            height: 11px;
            width: 11px;
            vertical-align: middle;
        }

        .cserviceArea.question5 {
            background-image: url(../img/question5BG.jpg);
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            -ms-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

        .cserviceArea .findServices .jtsProjectRadio .custom-control-inline.customeLeft {
            left: 0;
            margin-right: 0;
        }

        .cserviceArea .findServices .JTSinstall label {
            background: #D9E1FF 0% 0% no-repeat padding-box;
            border-radius: 4px;
            width: 100%;
            padding: 15px;
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #4E70EA;
            opacity: 1;
            font-size: 12px;
            font-weight: 600;
            margin-bottom: 20px;
            float: right;
            text-decoration: none;
            cursor: pointer;
        }

        .cserviceArea .findServices .JTSinstall label.active {
            background: #4E70EA 0% 0% no-repeat padding-box;
            color: #FFFFFF;
        }

        .cserviceArea .findServices .JTSinstall label i {
            border: 2px solid #B8C8FF;
            opacity: 1;
            height: 14px;
            width: 14px;
            border-radius: 50%;
            display: inline-block;
            vertical-align: sub;
            margin-left: 8px;
        }

        .cserviceArea .findServices .JTSinstall label.active i {
            border: 2px solid #FFFFFF;
        }

        input.chk-btn {
            display: none;
        }

        /*---------------------------07/04/2020------------------------*/

        .cserviceArea .findServices .JTSinstall.JtsQuestions label {
            padding: 10px 15px;
        }

        .cserviceArea .findServices .JTSinstall.JtsQuestions label.active {
            padding: 10px 15px;
        }

        .cserviceArea .findServices .JTSinstall.JtsQuestions1 label {
            padding: 10px 15px;
        }

        .cserviceArea .findServices .JTSinstall.JtsQuestions1 label.active {
            padding: 10px 15px;
        }

        .cserviceArea.question6 {
            background-image: url(../img/question6BG.jpg);
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            -ms-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

        .cserviceArea.question6_1 {
            background-image: url(../img/question6BG.jpg);
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            -ms-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

        .cserviceArea.question7 {
            background-image: url(../img/question7BG.jpg);
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            -ms-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

        .cserviceArea.question8 {
            background-image: url(../img/question8BG.jpg);
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            -ms-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

        .cserviceArea.question9 {
            background-image: url(../img/question9BG.jpg);
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            -ms-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

        .purchaseNo img {
            width: 100% !important;
            height: auto !important;
        }

        .purchaseNo h4 {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0px;
            color: #2D2D2D;
            opacity: 1;
            font-weight: 900;
            font-size: 25px;
            margin-top: 12px;
            margin-bottom: 12px;
        }

        .purchaseNo p {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0px;
            color: #2D2D2D;
            opacity: 1;
            font-size: 14px;
            margin-bottom: 10px;
        }

        .purchaseNo p i {
            font-size: 16px;
            color: #4E70EA;
            margin-right: 10px;
            text-align: center;
            width: 16px;
        }

        .cserviceArea .owl-dots {
            display: none;
        }

        .PurchaseRow {
            padding: 0 0px;
        }

        .cserviceArea .owl-carousel .owl-nav button.owl-prev span {
            border: 3px solid #ECF0FF;
            border-radius: 8px;
            opacity: 1;
            padding: 0 19px;
            font-size: 30px;
            padding-bottom: 6px !important;
            color: #2D2D2D;
        }

        .cserviceArea .owl-carousel .owl-nav button.owl-next span {
            border: 3px solid #ECF0FF;
            border-radius: 8px;
            opacity: 1;
            padding: 0 19px;
            font-size: 30px;
            padding-bottom: 6px !important;
            color: #2D2D2D;
        }

        .cserviceArea .owl-theme .owl-nav [class*=owl-]:hover {
            background: #ECF0FF;
            color: #FFF;
            text-decoration: none;
            border-radius: 8px;
            padding: 0 !important;
            color: #2D2D2D;
        }

        .cserviceArea .owl-carousel .owl-nav .owl-prev {
            position: absolute;
            left: 0;
            top: 50%;
        }

        .cserviceArea .owl-carousel .owl-nav .owl-next {
            position: absolute;
            right: 0;
            top: 50%;
        }

        .cserviceArea .owl-carousel .owl-nav .owl-prev:hover span {
            padding-bottom: 6px !important;
            background-color: #ECF0FF;
        }

        .cserviceArea .owl-carousel .owl-nav .owl-next:hover span {
            padding-bottom: 6px !important;
            background-color: #ECF0FF;
        }

        .cserviceArea .owl-carousel {
            position: relative;
        }

        /*-----------------------08/04/2020----------------------*/

        .cserviceArea .findServices .ques1JTpoint.ques8jtsPont h4 {
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0px;
            color: #2D2D2D;
            opacity: 1;
            font-size: 16px;
            font-weight: 600;
            margin-top: 0;
        }

        .cserviceArea .findServices .ques1JTpoint.ques8jtsPont .JtsDate {
            width: 336px;
            margin: 0 auto 25px;
        }

        .cserviceArea .findServices .ques1JTpoint.ques8jtsPont .JtsDate label {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0px;
            color: #2D2D2D;
            opacity: 1;
            font-size: 14px;
            font-weight: 600;
            margin-bottom: 9px;
        }

        .cserviceArea .findServices .ques1JTpoint.ques8jtsPont .JtsDate input.dateJtsFor {
            border: 2px solid #EBEBEB;
            background-color: transparent;
            padding: 16px 20px;
            height: 52px;
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0px;
            color: #2D2D2D;
            opacity: 1;
            font-size: 14px;
        }

        .cserviceArea .findServices .ques1JTpoint.ques8jtsPont .JtsDate input::-webkit-input-placeholder {
            /* Edge */
            color: #999999;
        }

        .cserviceArea .findServices .ques1JTpoint.ques8jtsPont .JtsDate input:-ms-input-placeholder {
            /* Internet Explorer 10-11 */
            color: #999999;
        }

        .cserviceArea .findServices .ques1JTpoint.ques8jtsPont .JtsDate input::placeholder {
            color: #999999;
        }

        .cserviceArea .findServices .ques1JTpoint.ques8jtsPont .JtsDate .input-group {
            position: relative;
        }

        .cserviceArea .findServices .ques1JTpoint.ques8jtsPont .JtsDate .input-group .dateJtsSpan {
            position: absolute;
            right: 22px;
            top: 24%;
            cursor: pointer;
        }

        .cserviceArea .findServices .ques1JTpoint.ques8jtsPont .JtsDate .input-group .dateJtsSpan i {
            color: #4E70EA;
            width: 20px;
            height: 20px;
            font-size: 20px;
            margin-top: 5px;
        }

        .cserviceArea .findServices .ques1JTpoint.ques8jtsPont .undraw_form button.cityNext {
            background: #4E70EA 0% 0% no-repeat padding-box;
            box-shadow: 0px 8px 15px #D0D9FC;
            border-radius: 4px;
            opacity: 1;
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #FFFFFF;
            font-size: 14px;
            font-weight: 600;
            width: 147px;
            border: none;
            padding: 15px;
            margin: 0 auto;
            display: flex;
            justify-content: center;
            margin-bottom: 40px;
            cursor: pointer;
            margin-top: 25px;
        }

        .cserviceArea.question8_1 {
            background-image: url(../img/question8_1BG.jpg);
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            -ms-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

        .cserviceArea .findServices .ques1JTpoint.ques9Dash h5 {
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            font-size: 16px;
            font-weight: 600;
            letter-spacing: 0px;
            color: #2D2D2D;
            opacity: 1;
            margin-bottom: 10px;
        }

        .cserviceArea .findServices .ques1JTpoint.ques9Dash h3 {
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            font-size: 35px;
            font-weight: 600;
            letter-spacing: 0px;
            color: #2D2D2D;
            opacity: 1;
            margin-bottom: 10px;
        }

        .cserviceArea .findServices .ques1JTpoint.ques9Dash p {
            margin-bottom: 10px;
            text-align: center;
        }

        .cserviceArea .findServices .ques1JTpoint.ques9Dash p.gotoDash {
            margin-bottom: 20px;
        }

        .cserviceArea .findServices .ques1JTpoint.ques9Dash p a {
            font-family: 'Open Sans', sans-serif;
            font-size: 16px;
            font-weight: 600;
            letter-spacing: 0px;
            color: #4E70EA;
            opacity: 1;
            text-decoration: none;
        }

        .cserviceArea .findServices .ques1JTpoint.ques9Dash p.gotoDash a {
            font-size: 14px;
        }

        .cserviceArea .findServices .ques1JTpoint.ques9Dash img {
            width: 270px;
            height: 194px;
            margin: 20px auto 20px;
            display: flex;
            text-align: center;
        }

        .modal-body.JtsSerPad {
            padding: 0px 127px;
        }

        .profileModal.modal.right .modal-dialog {
            position: fixed;
            margin: auto;
            width: 372px;
            height: 100%;
            -webkit-transform: translate3d(0%, 0, 0);
            -ms-transform: translate3d(0%, 0, 0);
            -o-transform: translate3d(0%, 0, 0);
            transform: translate3d(0%, 0, 0);
        }

        .profileModal.modal.right .modal-content {
            height: 100%;
            overflow-y: auto;
            box-shadow: 0px 3px 99px #00000029;
        }

        .profileModal.modal.right .modal-body {
            padding: 15px 35px 80px;
        }

        .profileModal.modal.right.fade .modal-dialog {
            right: 0;
            top: 89px;
            -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
            -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
            -o-transition: opacity 0.3s linear, right 0.3s ease-out;
            transition: opacity 0.3s linear, right 0.3s ease-out;
        }

        .profileModal.modal.right.fade.in .modal-dialog {
            right: 0;
        }

        .profileModal .modal-content {
            border-radius: 0;
            border: none;
        }

        .profileModal .modal-header {
            border-bottom-color: #EEEEEE;
            background-color: #FAFAFA;
        }

        .example-open .modal-backdrop {
            background-color: #FFFFFF;
        }

        .proJtsSection {
            margin-top: 60px;
        }

        .proJtsSection .proImgs {
            position: relative;
            width: 110px;
            height: 110px;
            display: flex;
            margin: 0 auto;
        }

        .proJtsSection .proImgs img {
            width: 110px;
            height: 110px;
            border-radius: 20px;
            border: 2px solid #EBEBEB;
        }

        .proJtsSection .proImgs .p-image {
            position: absolute;
            bottom: -8px;
            right: -12px;
            width: 38px;
            cursor: pointer;
        }

        .proJtsSection .proImgs .p-image img.upload-button {
            width: 38px;
            height: 38px;
        }

        .proJtsSection .proImgs .p-image .pro-upload {
            display: none;
        }

        .proJtsSection .proSecName h3 {
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            font-size: 21px;
            font-weight: 600;
            letter-spacing: 0px;
            color: #2D2D2D;
            opacity: 1;
            margin-top: 14px;
        }

        .proJtsSection .proSecForm {
            margin-top: 30px;
        }

        .proJtsSection .proSecForm label {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            font-size: 14px;
            font-weight: 600;
            letter-spacing: 0px;
            color: #2D2D2D;
            opacity: 1;
            margin-bottom: 9px;
        }

        .proJtsSection .proSecForm input:focus {
            box-shadow: none;
        }

        .proJtsSection .proSecForm input.form-control {
            border: 2px solid #EBEBEB;
            border-radius: 4px;
            opacity: 1;
            padding: 0px 20px;
            width: 100%;
            height: 42px;
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            font-size: 12px;
            letter-spacing: 0px;
            color: #2D2D2D;
            margin-bottom: 15px;
        }

        .proJtsSection .proSecForm button {
            background: #4E70EA 0% 0% no-repeat padding-box;
            box-shadow: 0px 8px 15px #D0D9FC;
            border-radius: 4px;
            opacity: 1;
            width: 174px;
            height: 58px;
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            font-size: 15px;
            font-weight: 600;
            letter-spacing: 0px;
            color: #FFFFFF;
            display: flex;
            justify-content: center;
            margin: 20px auto 100px;
            align-items: center;
        }

        .dropdown-content {
            display: none;
            position: absolute;
            background-color: #FFFFFF;
            min-width: 372px;
            overflow: auto;
            box-shadow: 0px 3px 99px #00000029;
            z-index: 1;
            top: 89px;
        }

        .dropdown a:hover {
            background-color: #ddd;
        }

        .dropdown-content.show {
            display: block;
            padding: 12px 30px;
        }

        .dropSetting {
            width: 100%;
            padding-bottom: 17px;
            padding-top: 17px;
            border-bottom: 1px solid #EBEBEB;
            position: relative;
        }

        .dropSetting a img {
            width: 33px;
            height: 33px;
            margin-right: 19px;
        }

        .dropSetting a {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            font-size: 14px;
            font-weight: 600;
            letter-spacing: 0px;
            color: #2D2D2D;
            opacity: 1;
            cursor: pointer;
        }

        .dropSetting:last-child {
            border: none;
        }

        .dropSetting .SettingSwitch {
            position: absolute;
            top: 25%;
            right: 0;
        }

        .dropSetting .custom-switch .custom-control-label::before {
            left: -52px;
            width: 50px;
            height: 28px;
            border-radius: 16px;
            border-color: #F3F6FF;
            background-color: #F3F6FF;
        }

        .dropSetting .custom-switch .custom-control-label::after {
            top: 7px;
            left: -47px;
            width: 20px;
            height: 20px;
            border-radius: 16px;
        }

        .dropSetting .custom-switch .custom-control-input:checked~.custom-control-label::after {
            background-color: #4E70EA;
            border-radius: 16px;
            left: -40px;
        }

        .dropSetting .custom-control-input:checked~.custom-control-label::before {
            border-color: #F3F6FF;
            background-color: #F3F6FF;
        }

        /*------------------------10/04/2020------------------*/

        .kt-rounded- {
            width: 45px;
            height: 45px;
        }

        a:hover {
            text-decoration: none !important;
        }

        .cServicePro .csProDetails a.hideAllDetails {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: -0.08px;
            color: #4E70EA;
            opacity: 1;
            text-decoration: none;
            font-size: 14px;
            font-weight: 600;
            cursor: pointer;
        }

        /* .loop.owl-carousel .owl-nav.disabled {
    display: block;
} */

        .JtsNotifications {
            margin-top: 116px;
        }

        .JtsNotifications .notification_bg {
            background: #EEF1FF 0% 0% no-repeat padding-box;
            border-radius: 8px;
            opacity: 1;
            width: 100%;
            padding: 40px 40px 15px;
            margin-bottom: 20px;
        }

        .JtsNotifications .notification_bg h6 {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            font-size: 16px;
            font-weight: 600;
            letter-spacing: 0px;
            color: #2D2D2D;
            opacity: 1;
            display: table-cell;
            vertical-align: middle;
            width: 70%;
        }

        .JtsNotifications .notification_bg .notifyDateTime {
            width: 100%;
            text-align: left;
            margin-top: 21px;
        }

        .JtsNotifications .notification_bg .notifyDateTime a {
            text-align: right;
            font-family: 'Open Sans', sans-serif;
            font-size: 14px;
            letter-spacing: 0px;
            color: #999999;
            opacity: 1;
            cursor: auto;
        }

        .JtsNotifications .notification_bg .notifyDateTime a:hover {
            color: #999999;
        }

        .JtsNotifications .notification_bg p {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            font-size: 11px;
            letter-spacing: 0px;
            color: #2D2D2D;
            opacity: 1;
            margin-bottom: 0;
            width: 100%;
            line-height: 17px;
        }

        .topbarJTS .notifyA:before {
            content: "";
            position: absolute;
            width: 27%;
            height: 4px;
            bottom: -22px;
            left: 0;
            background-color: #FFFFFF;
            visibility: hidden;
            -webkit-transform: scaleX(0);
            transform: scaleX(0);
            -webkit-transition: all 0.15s ease-in-out 0s;
            transition: all 0.15s ease-in-out 0s;
        }

        .topbarJTS .notifyA:hover:before,
        .topbarJTS .notifyA.active:before {
            visibility: visible;
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
        }

        @media (min-width: 1024px) and (max-width: 1279px) {
            .topbarJTS .jtsProItem {
                right: 0;
            }
        }

        @media (min-width: 768px) and (max-width: 1023px) {

            .topbarJTS .ml-5,
            .topbarJTS .mx-5 {
                float: right;
            }

            .topbarJTS .jtsHomeItem a.nav-link:before {
                bottom: -9px;
            }

            .topbarJTS .jtsProItem {
                position: absolute;
                top: 23px;
                right: 55px;
            }

            .dropdown-content {
                top: 126px;
                right: 0;
            }

            .topbarJTS .jtsHomeItem a.nav-link {
                margin-left: 12px;
                margin-right: 12px;
            }
        }

        @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
            .topbarJTS .jtsProItem {
                right: 0;
            }

            .dropdown-content {
                top: 92px;
                right: auto;
            }

            .topbarJTS .jtsHomeItem a.nav-link:before {
                bottom: -8px;
            }
        }

        @media (min-width: 320px) and (max-width: 480px) {
            .topbarJTS .d-table-cell {
                display: block !important;
            }

            .topbarJTS .navbar-brand:before {
                height: 90px;
            }

            .topbarJTS .jtsHomeItem a.nav-link:before {
                bottom: 0px;
            }

            .topbarJTS .jtsProItem {
                margin-top: 10px;
                margin-bottom: 25px;
            }

            .topbarJTS .ml-5,
            .topbarJTS .mx-5 {
                margin-left: 0rem !important;
            }

            /* .topbarJTS .jtsProItem .cLogout {
        position: absolute;
        top: -57px;
        right: -41px;
    } */
            .dropdown-content {
                left: 0;
                top: 219px;
                min-width: 100%;
            }

            .proJtsSection {
                margin-top: 143px;
            }

            .topbarJTS .notifyA:before {
                bottom: -9px;
                width: 34%;
                display: none;
            }

            .topbarJTS .jtsHomeItem a.nav-link {
                margin-right: 14px;
            }
        }

        @media (max-width: 320px) {
            .topbarJTS .jtsHomeItem a.nav-link {
                margin-right: 27px;
                margin-top: 0;
            }

            /* .topbarJTS .jtsProItem .cLogout {
        position: absolute;
        top: -106px;
        right: -19px;
    } */
            .topbarJTS .jtsProItem a {
                margin-right: 20px;
            }
        }

        .topbarJTS .navbar-light .navbar-toggler-icon {
            background-image: url(../img/menuIcon.svg);
        }

        .topbarJTS .navbar-light .navbar-toggler {
            color: #ffffff;
            border-color: transparent;
        }

        .JtsChangePass {
            margin-top: 130px;
            margin-bottom: 50px;
        }

        .JtsChangePass .changePassBg {
            background: #EEF1FF 0% 0% no-repeat padding-box;
            box-shadow: 8px 2px 35px #ECECEC66;
            border-radius: 8px;
            opacity: 1;
            padding: 40px 30px;
        }

        .JtsChangePass .changePassBg h1 {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            font-size: 23px;
            font-weight: 600;
            letter-spacing: 0px;
            color: #2D2D2D;
            opacity: 1;
            margin-bottom: 60px;
        }

        .JtsChangePass .changePassBg label.error {
            color: #ff0000;
        }

        .JtsChangePass .changePassBg label {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            font-size: 14px;
            font-weight: 600;
            letter-spacing: 0px;
            color: #2D2D2D;
            opacity: 1;
            margin-bottom: 10px;
        }

        .JtsChangePass .changePassBg input.form-control {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            font-size: 14px;
            letter-spacing: 0px;
            color: #2D2D2D;
            opacity: 1;
            /* padding: 20px; */
            height: 45px;
        }

        .JtsChangePass .changePassBg .form-group {
            margin-bottom: 30px;
        }

        .JtsChangePass .changePassBg input::-webkit-input-placeholder {
            /* Edge */
            color: #999999;
        }

        .JtsChangePass .changePassBg input:-ms-input-placeholder {
            /* Internet Explorer 10-11 */
            color: #999999;
        }

        .JtsChangePass .changePassBg input::placeholder {
            color: #999999;
        }

        .JtsChangePass .changePassBg input:focus {
            box-shadow: none;
        }

        .JtsChangePass .changePassBg button {
            margin-top: 10px;
            background: #4E70EA 0% 0% no-repeat padding-box;
            border-radius: 8px;
            opacity: 1;
            width: 100%;
            height: 45px;
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            font-size: 14px;
            font-weight: 600;
            letter-spacing: 0px;
            color: #FFFFFF;
            opacity: 1;
        }

        .spCallBack {
            background: #EEF1FF 0% 0% no-repeat padding-box;
            border-radius: 8px;
            opacity: 1;
            padding: 38px 30px;
            height: 100%;
        }

        .spCallBack .spCallimg {
            display: table-cell;
            vertical-align: middle;
        }

        .spCallBack .spCallimg img {
            margin-right: 16px;
        }

        .spCallBack .spCallRequest {
            display: table-cell;
            vertical-align: top;
        }

        .spCallBack .spCallRequest p {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            font-size: 16px;
            font-weight: 600;
            letter-spacing: 0px;
            color: #4E70EA;
            opacity: 1;
            margin-bottom: 0;
        }

        .spCallBack .spCallRequest span {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            font-size: 12px;
            letter-spacing: 0px;
            color: #002094;
            opacity: 1;
            margin: 0;
        }

        .spCallBack .spCallBtn {
            text-align: right;
            margin-top: 13px;
        }

        .spCallBack .spCallBtn a {
            background: #4E70EA 0% 0% no-repeat padding-box;
            color: #ffffff;
            border-radius: 4px;
            opacity: 1;
            padding: 14px 17px;
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            font-size: 14px;
            font-weight: 600;
            cursor: pointer;
            margin-top: 20px;
        }

        .spCallBack .spCallBtn i {
            background: #ffffff 0% 0% no-repeat padding-box;
            color: #4E70EA;
            border-radius: 6px;
            opacity: 1;
            padding: 7px 11px;
            margin-left: 11px;
        }

        .spCallBack .spCallBtn a:hover {
            background: #ECF0FF 0% 0% no-repeat padding-box;
            color: #4E70EA;
        }

        .spCallBack .spCallBtn a:hover i {
            background: #4E70EA 0% 0% no-repeat padding-box;
            color: #ffffff;
        }

        .spCallBack .spRequestImg {
            display: table;
            padding-bottom: 20px;
        }

        .spCallBack .spRequestImg img {
            width: 56px;
            height: 56px;
            border-radius: 12px;
            margin-right: 20px;
            display: table-cell;
            vertical-align: middle;
        }

        .spCallBack .spRequestImg span {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            font-size: 18px;
            font-weight: 600;
            letter-spacing: 0px;
            color: #2D2D2D;
            opacity: 1;
            display: table-cell;
            vertical-align: middle;
        }

        .spCallBack .spRequestImg .spTextStart {
            display: table-cell;
            vertical-align: middle;
        }

        .spCallBack .spRequestImg .spTextStart p {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            font-size: 18px;
            font-weight: 600;
            letter-spacing: 0px;
            color: #2D2D2D;
            opacity: 1;
            margin-bottom: 0;
        }

        .spCallBack .spRequestImg i.fa.fa-star {
            color: #999999;
            opacity: 1;
            font-size: 15px;
            margin-right: 3px;
        }

        .spCallBack .spRequestImg i.fa.fa-star.checked {
            color: #FFC107;
        }

        .spCallBack .growYourBusiness {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            font-size: 17px;
            font-weight: 600;
            letter-spacing: 0px;
            color: #2D2D2D;
            opacity: 1;
            margin-bottom: 0;
        }

        .spCallBack.spcallGrow,
        .howITWorks {
            margin-top: 28px;
            /* height: 176px; */
            margin-bottom: 28px;
        }

        .spCallBack.spcallGrow {
            height: 200px;
            margin-top: 28px;
        }

        /* .howITWorks .accordion .card-header:after {
    font-family: 'FontAwesome';
    content: "\f107";
    float: right;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 8px;
    opacity: 1;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #4E70EA;
}

.howITWorks .accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels 
    content: "\f106";
} */

        .howITWorks .card {
            background: #EEF1FF 0% 0% no-repeat padding-box;
            border: 1px solid #F9FAFF;
            border-radius: 8px !important;
            opacity: 1;
            padding: 30px 13px;
        }

        .howITWorks .card-header {
            background: #EEF1FF 0% 0% no-repeat padding-box;
            border: none;
            opacity: 1;
        }

        .howITWorks a {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            font-size: 25px;
            font-weight: 600;
            letter-spacing: 0px;
            color: #2D2D2D;
            opacity: 1;
        }

        .howITWorks p {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            font-size: 18px;
            margin-bottom: 0;
            letter-spacing: 0px;
            color: #2D2D2D;
            opacity: 1;
        }

        /*----------------15/04/2020-------------------*/

        .spbusinessProgress {
            position: relative;
            text-align: center;
            max-width: 50%;
            box-sizing: border-box;
            margin: 100px auto;
        }

        .pro-step-wizard {
            display: inline-block;
            position: relative;
            width: 100%;
        }

        .pro-step-wizard .progress-business {
            position: absolute;
            top: 17px;
            left: 22.5%;
            width: 50%;
        }

        .pro-step-wizard .progress-business .progressbar {
            position: absolute;
            background-color: #4E70EA;
            opacity: 1;
            height: 15px;
            /* border: 1px solid e5e6e6; */
            width: 0%;
            -webkit-transition: width 0.6s ease;
            -o-transition: width 0.6s ease;
            transition: width 0.6s ease;
        }

        .pro-step-wizard .progress-business .progressbar.empty {
            opacity: 1;
            width: 100%;
            background-color: #E9E9E9;
        }

        .spbusinessProgress ul {
            position: absolute;
            width: 100%;
            list-style-type: none;
            padding: 0;
            left: -2%
        }

        .spbusinessProgress li {
            display: inline-block;
            text-align: center;
            width: 49.5%;
        }

        .spbusinessProgress li .step {
            display: inline-block;
            font-weight: bold;
            line-height: 33px;
            width: 35px;
            height: 35px;
            border-radius: 50%;
            background: #E9E9E9;
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            font-size: 17px;
            font-weight: 600;
            letter-spacing: 0px;
            color: #2D2D2D;
            opacity: 1;
            -webkit-transition: background-color 0.6s ease, border-color 0.6s ease;
            -o-transition: background-color 0.6s ease, border-color 0.6s ease;
            transition: background-color 0.6s ease, border-color 0.6s ease;
        }

        .spbusinessProgress li.active .step {
            background: #4E70EA 0% 0% no-repeat padding-box;
            opacity: 1;
            border: 7px solid #CED8FF;
            width: 46px;
            height: 46px;
            color: #FFFFFF;
        }

        .spbusinessProgress li.done .step {
            color: white;
            background-color: #4E70EA;
        }

        .spbusinessProgress li>button {
            background: none;
            border: none;
            display: block;
            width: 100%;
            color: #777;
            position: relative;
            text-align: center;
        }

        @media only screen and (max-width: 1200px) {
            .pro-step-wizard li {
                width: 49%;
            }
        }

        .spbusinessProgress li.done button div.step {
            font-size: 17px;
        }

        .spForm {
            margin-bottom: 73px;
        }

        .spForm .form-group {
            margin-bottom: 30px;
        }

        .spForm label {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            font-size: 14px;
            font-weight: 600;
            letter-spacing: 0px;
            color: #2D2D2D;
            opacity: 1;
            margin-bottom: 9px;
        }

        .spForm input.form-control {
            border: 2px solid #EBEBEB;
            border-radius: 4px;
            opacity: 1;
            height: 52px;
            width: 100%;
            padding: 18px 20px;
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            font-size: 12px;
            letter-spacing: 0px;
            color: #2D2D2D;
        }

        .spForm select.form-control {
            border: 2px solid #EBEBEB;
            border-radius: 4px;
            opacity: 1;
            height: 52px;
            width: 100%;
            padding: 0 20px;
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            font-size: 12px;
            letter-spacing: 0px;
            color: #2D2D2D;
        }

        .progress_buttons {
            text-align: center;
            width: 100%;
            margin-top: 30px;
        }

        .spForm .pro_btn.nextBtns {
            background: #4E70EA 0% 0% no-repeat padding-box;
            border: 4px solid #C8D1FF;
            border-radius: 4px;
            opacity: 1;
            width: 192px;
            height: 58px;
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            font-size: 15px;
            font-weight: 600;
            letter-spacing: 0px;
            color: #FFFFFF;
            padding: 14px 0px;
            cursor: pointer;
        }

        .spForm .pro_btn.nextBtns:hover {
            background: #C8D1FF 0% 0% no-repeat padding-box;
            color: #4E70EA;
        }

        .spForm .pro_btn.prevBtns {
            background: #ECF0FF 0% 0% no-repeat padding-box;
            border-radius: 4px;
            opacity: 1;
            color: #2D2D2D;
            font-size: 15px;
            padding: 18px 25px;
            margin-right: 20px;
            cursor: pointer;
        }

        .spForm .pro_btn.prevBtns:hover {
            background: #4E70EA 0% 0% no-repeat padding-box;
            color: #ffffff;
        }

        .spRadioBtn {
            margin-top: 6px;
            padding-left: 0 !important;
        }

        .spRadioBtn .custom-control-inline.customeLeft {
            left: 0;
            margin-right: 0;
        }

        .spRadioBtn .custom-control-label {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #2D2D2D;
            opacity: 1;
            font-size: 12px;
            font-weight: 600;
        }

        .spRadioBtn .custom-control-label::before {
            border: 2px solid #999999;
            opacity: 1;
            width: 15px;
            height: 15px;
            top: 0.05rem;
        }

        .spRadioBtn .custom-radio .custom-control-input:checked~.custom-control-label::after {
            background-color: #fff;
            border: 2px solid #4E70EA;
            opacity: 1;
            width: 15px;
            height: 15px;
            top: 0.05rem;
            border-radius: 50%;
            background-image: url(../img/download.svg) !important;
            background-size: 7px;
        }

        .spRadioBtn .custom-control-label::after {
            top: 0.05rem;
        }

        .spRadioBtn .custom-control-input:focus~.custom-control-label::before {
            box-shadow: none;
        }

        @media(min-width:1200px) {
            .col-md-3.smallPlanksmin {
                -ms-flex: 0 0 18%;
                flex: 0 0 18%;
                max-width: 18%;
            }

            .col-md-9.smallPlanksmax {
                -ms-flex: 0 0 32%;
                flex: 0 0 32%;
                max-width: 32%;
            }
        }

        .googleRelative a {
            background: #ECF0FF 0% 0% no-repeat padding-box;
            border-radius: 4px;
            opacity: 1;
            width: 52px;
            height: 52px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
        }

        .googleRelative a {
            font-size: 15px;
            color: #2D2D2D;
        }

        .payment_container {
            position: relative;
            padding-left: 28px;
            margin-bottom: 12px;
            cursor: pointer;
            font-size: 22px;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            padding-right: 20px;
        }

        .payment_container input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            height: 0;
            width: 0;
        }

        .payment_checkmark {
            position: absolute;
            top: 1px;
            left: 0;
            height: 19px;
            width: 19px;
            border: 2px solid #999999;
            opacity: 1;
        }

        .payment_container input:checked~.payment_checkmark {
            border: 2px solid #4E70EA;
            opacity: 1;
        }

        .payment_checkmark:after {
            content: "";
            position: absolute;
            display: none;
        }

        .payment_container input:checked~.payment_checkmark:after {
            display: block;
        }

        .payment_container .payment_checkmark:after {
            left: 5px;
            top: 2px;
            width: 6px;
            height: 9px;
            border: solid #4E70EA;
            border-width: 0 2px 2px 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .spForm textarea.form-control {
            border: 2px solid #EBEBEB;
            border-radius: 4px;
            opacity: 1;
            width: 100%;
            padding: 18px 20px;
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            font-size: 12px;
            letter-spacing: 0px;
            color: #2D2D2D;
            resize: none;
            margin-top: 30px;
        }

        .photosAndVideo.file-field {
            display: table;
            margin: 10px 0;
            cursor: pointer;
        }

        .photosAndVideo .fileBtn {
            border: 2px dashed #D9E1FF;
        }

        .photosAndVideo .fileBtn {
            background: #F3F6FF 0% 0% no-repeat padding-box;
            border: 2px solid #EBEBEB;
            border-radius: 4px;
            width: 109px;
            height: 103px;
            opacity: 1;
            position: relative;
            overflow: hidden;
            text-align: center;
            display: table-cell;
            vertical-align: middle;
        }

        .photosAndVideo input.fileInput {
            position: absolute;
            font-size: 50px;
            opacity: 0;
            right: 0;
            top: 0;
            cursor: pointer;
        }

        .photosAndVideoDesc.describeJTsPhoto {
            width: 109px;
            height: 103px;
            opacity: 1;
            position: relative;
            display: table;
            margin: 10px 0;
        }

        .photosAndVideoDesc.describeJTsPhoto img {
            width: 109px;
            height: 103px;
            border-radius: 4px;
        }

        .photosAndVideoDesc.describeJTsPhoto img.jtsPhotoClose {
            position: absolute;
            left: 0;
            padding: 39px 40px;
            cursor: pointer;
        }

        /*---------------------16/04/2020---------------------*/

        .businesspage {
            background: #4E70EA 0% 0% no-repeat padding-box;
            opacity: 1;
            width: 100%;
            height: 790px;
            margin-top: 89px;
            background-image: url(../img/businessPageBg.jpg);
            background-size: 50% 100%;
            background-position: top right;
            background-repeat: no-repeat;
        }

        .businesspage h2 {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            font-size: 30px;
            font-weight: 600;
            letter-spacing: 0px;
            color: #EBEBEB;
            opacity: 1;
            margin-bottom: 20px;
        }

        .businesspage h1 {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            font-size: 50px;
            font-weight: 600;
            letter-spacing: 0px;
            color: #FFFFFF;
            opacity: 1;
            margin-bottom: 15px;
        }

        .businesspage p {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            font-size: 22px;
            letter-spacing: 0px;
            color: #EBEBEB;
            opacity: 1;
            margin-bottom: 0;
        }

        .businessHeading h3 {
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            font-size: 40px;
            font-weight: 600;
            letter-spacing: 0px;
            color: #2D2D2D;
            opacity: 1;
            margin-top: 60px;
            margin-bottom: 60px;
        }

        .businessContents {
            background: #F5F5F5 0% 0% no-repeat padding-box;
            opacity: 1;
            width: 100%;
        }

        /* .businessContents .growBusinessSatt img {
    height: 100%;
} */

        .businessContents .growBusinessSatt .createProfiles {
            padding: 0 80px;
        }

        .businessContents .growBusinessSatt .createProfiles h4 {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            font-size: 25px;
            font-weight: 900;
            letter-spacing: 0px;
            color: #4E70EA;
            opacity: 1;
            margin-bottom: 40px;
        }

        .businessContents .growBusinessSatt .createProfiles p {
            text-align: justify;
            font-family: 'Open Sans', sans-serif;
            font-size: 14px;
            letter-spacing: 0px;
            color: #2D2D2D;
            opacity: 1;
            line-height: 23px;
            margin-bottom: 0;
        }

        .businessContents .growBusinessSatt .createProfiles span {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            font-size: 14px;
            font-weight: 600;
            letter-spacing: 0px;
            color: #2D2D2D;
            opacity: 1;
            margin-bottom: 10px;
            display: block;
        }

        .underline {
            text-decoration: none;
            position: relative;
        }

        .underline:after {
            position: absolute;
            content: '';
            height: 3px;
            bottom: -21px;
            margin: 0;
            left: 0;
            right: 0;
            width: 14%;
            background: #4E70EA;
        }

        .businessAreas {
            background: #4E70EA 0% 0% no-repeat padding-box;
            opacity: 1;
            height: 120px;
            width: 100%;
            display: flex;
            align-items: center;
        }

        .businessAreas h4 {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            font-size: 25px;
            letter-spacing: 0px;
            color: #FFFFFF;
            opacity: 1;
            margin-bottom: 0;
        }

        .businessAreas a {
            background: #FFFFFF 0% 0% no-repeat padding-box;
            border: 2px solid #EBEBEB;
            border-radius: 4px;
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            font-size: 17px;
            font-weight: 600;
            letter-spacing: 0px;
            color: #4E70EA;
            opacity: 1;
            padding: 13px 22px 13px 17px;
        }

        .businessAreas a i {
            margin-left: 20px;
            font-size: 21px;
        }

        @media (min-width: 1024px) and (max-width: 1279px) {
            .businessContents .growBusinessSatt .createProfiles {
                padding: 20px 20px;
            }
        }

        @media (min-width: 768px) and (max-width: 1023px) {
            .businesspage {
                background-size: cover;
                height: auto;
                position: relative;
                padding: 32px 0;
            }

            .businesspage::before {
                content: "";
                background-color: rgba(78, 112, 234, 0.5);
                width: 100%;
                height: 100%;
                position: absolute;
            }

            .businesspage h2 {
                font-size: 20px;
                margin-bottom: 10px;
            }

            .businesspage h1 {
                font-size: 34px;
            }

            .businesspage p {
                font-size: 14px;
            }

            .businessHeading h3 {
                margin-top: 30px;
                margin-bottom: 30px;
                font-size: 25px;
            }

            .businessContents .growBusinessSatt .createProfiles {
                padding: 20px 0px;
            }

            .businessAreas {
                padding: 29px 0 40px;
                height: auto;
            }

            .businessAreas h4 {
                margin-bottom: 0;
                text-align: center;
            }

            .businessAreas a {
                display: block;
                width: 100%;
            }

            .businessReverce {
                display: flex;
                flex-direction: column-reverse;
            }
        }

        @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
            .businessReverce {
                display: flex;
                flex-direction: initial;
            }

            .businessAreas a {
                padding: 10px;
            }

            .businessAreas h4 {
                text-align: left;
            }
        }

        @media (min-width: 481px) and (max-width: 767px) {
            .businesspage {
                background-size: cover;
                height: auto;
                position: relative;
                padding: 32px 0;
            }

            .businesspage::before {
                content: "";
                background-color: rgba(78, 112, 234, 0.5);
                width: 100%;
                height: 100%;
                position: absolute;
            }

            .businesspage h2 {
                font-size: 20px;
                margin-bottom: 10px;
            }

            .businesspage h1 {
                font-size: 34px;
            }

            .businesspage p {
                font-size: 14px;
            }

            .businessHeading h3 {
                margin-top: 30px;
                margin-bottom: 30px;
                font-size: 25px;
            }

            .businessContents .growBusinessSatt .createProfiles {
                padding: 20px 0px;
            }

            .businessAreas {
                padding: 29px 0 40px;
                height: auto;
            }

            .businessAreas h4 {
                margin-bottom: 27px;
                text-align: center;
            }

            .businessAreas a {
                display: block;
                width: 100%;
            }

            .businessReverce {
                display: flex;
                flex-direction: column-reverse;
            }
        }

        @media (min-width: 320px) and (max-width: 480px) {
            .businesspage {
                background-size: cover;
                height: auto;
                position: relative;
                padding: 32px 0;
            }

            .businesspage::before {
                content: "";
                background-color: rgba(78, 112, 234, 0.5);
                width: 100%;
                height: 100%;
                position: absolute;
            }

            .businesspage h2 {
                font-size: 20px;
                margin-bottom: 10px;
                text-align: center;
            }

            .businesspage h1 {
                font-size: 34px;
                text-align: center;
            }

            .businesspage p {
                font-size: 14px;
                text-align: center;
            }

            .businessHeading {
                background: #4E70EA 0% 0% no-repeat padding-box;
            }

            .businessHeading h3 {
                padding-top: 30px;
                padding-bottom: 30px;
                font-size: 18px;
                margin: 0;
                color: #ffffff;
            }

            .businessContents .growBusinessSatt .createProfiles {
                padding: 20px 0px;
            }

            .businessAreas {
                padding: 29px 0 40px;
                height: auto;
            }

            .businessAreas h4 {
                margin-bottom: 27px;
                text-align: center;
                font-size: 20px;
            }

            .businessAreas a {
                display: block;
                width: 83%;
                margin: 0 auto;
            }

            .businessReverce {
                display: flex;
                flex-direction: column-reverse;
            }
        }

        .proSilverPlan {
            margin-top: 89px;
            margin-bottom: 90px;
        }

        .proSilverPlan h1 {
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            font-size: 24px;
            font-weight: 600;
            letter-spacing: 0px;
            color: #0C0C0C;
            opacity: 1;
            /*margin-top: 50px;*/
            margin-bottom: 30px;
        }

        .proSilverPlan button {
            background: transparent linear-gradient(90deg, #7BF1F0 0%, #7BB8F1 100%) 0% 0% no-repeat padding-box;
            border-radius: 4px;
            opacity: 1;
            width: 209px;
            height: 60px;
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            font-size: 20px;
            font-weight: 600;
            letter-spacing: 0px;
            color: #FFFFFF;
            border: none;
            margin: 0 auto 50px;
            display: flex;
            justify-content: center;
            cursor: auto !important;
            align-items: center;
        }

        .subscribePlans {
            background: #FFFFFF 0% 0% no-repeat padding-box;
            border: 2px solid #EBEBEB;
            opacity: 1;
            height: 100%;
            position: relative;
            margin-bottom: 50px;
        }

        .subscribePlans .subscribeMonth {
            position: absolute;
            top: -2px;
            left: -2px;
            right: 0;
            width: 101%;
            height: 100px;
            background: transparent linear-gradient(180deg, #CBF4FF 0%, #64CFFF 100%) 0% 0% no-repeat padding-box;
            box-shadow: 0px 3px 6px #00000029;
            border-radius: 0px 0px 100px 100px;
            opacity: 1;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .subscribePlans .subscribeMonth a {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            font-size: 37px;
            font-weight: 600;
            letter-spacing: 0px;
            color: #FFFFFF !important;
            opacity: 1;
            margin-bottom: 0;
            margin-right: 15px;
        }

        .subscribePlans .subscribeMonth span {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            font-size: 18px;
            font-weight: 600;
            letter-spacing: 0px;
            color: #FFFFFF;
            opacity: 1;
            margin-top: 15px;
        }

        .subscribePlans .planDetails {
            margin-top: 140px;
            padding: 0 35px;
        }

        .subscribePlans .planDetails p {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            font-size: 14px;
            letter-spacing: 0px;
            color: #999999;
            opacity: 1;
            margin-bottom: 20px;
            padding-left: 30px;
            position: relative;
        }

        .subscribePlans .planDetails p i {
            color: #4E70EA;
            font-size: 14px;
            height: 100%;
            position: absolute;
            top: 3px;
            left: 0;
        }

        .subscribePlans .subScribeBtn a {
            background: #4E70EA 0% 0% no-repeat padding-box;
            border-radius: 4px;
            opacity: 1;
            display: block;
            width: 276px;
            height: 58px;
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            font-size: 14px;
            font-weight: 600;
            letter-spacing: 0px;
            color: #FFFFFF;
            display: flex;
            align-items: center;
            margin: 0 auto;
            justify-content: center;
            position: absolute;
            bottom: 32px;
            left: 0;
            right: 0;
        }

        .subscribePlans .subScribeBtn a:hover {
            background: #C8D1FF 0% 0% no-repeat padding-box;
            color: #393939;
        }

        .subscribePlans .subscribeMonth.subHalfYear {
            background: transparent linear-gradient(180deg, #FFE0C1 0%, #FD9B46 100%) 0% 0% no-repeat padding-box;
        }

        .subscribePlans .subscribeMonth.subYearly {
            background: transparent linear-gradient(180deg, #F9C4FF 0%, #B661FF 100%) 0% 0% no-repeat padding-box;
        }

        .subscribePlans.proSliverActive {
            background: transparent linear-gradient(180deg, #CBF4FF 0%, #64CFFF 100%) 0% 0% no-repeat padding-box;
            border: none;
        }

        .subscribePlans.proSliverActive .subscribeMonth {
            position: relative;
            width: 100%;
            background: rgba(255, 255, 255, 0.54) 0% 0% no-repeat padding-box;
            top: 0;
            left: 0;
            right: 0;
            box-shadow: 0px 3px 6px #D1D1D129;
            border-radius: 0px 0px 100px 100px;
        }

        .subscribePlans.proSliverActive .planDetails {
            margin-top: 45px;
        }

        .subscribePlans.proSliverActive .subscribeMonth a {
            color: #2D2D2D !important;
        }

        .subscribePlans.proSliverActive .subscribeMonth span {
            color: #2D2D2D;
        }

        .subscribePlans.proSliverActive .planDetails p i {
            color: #191919;
        }

        .subscribePlans.proSliverActive .planDetails p {
            color: #000000;
        }

        .subscribePlans.proSliverActive .subScribeBtn a {
            background: #FFFFFF 0% 0% no-repeat padding-box;
            color: #4E70EA;
        }

        .subscribePlans.proSliverActive .subScribeBtn a:hover {
            background: #FFFFFF 0% 0% no-repeat padding-box;
            color: #4E70EA;
        }

        @media (min-width: 1024px) and (max-width: 1279px) {
            .subscribePlans .subScribeBtn a {
                width: 220px;
            }

            .subscribePlans .subScribeBtn a {
                position: absolute;
                bottom: 32px;
            }
        }

        @media (min-width: 768px) and (max-width: 1023px) {
            .subscribePlans {
                height: 100%;
            }

            .subscribePlans .subScribeBtn {
                padding-bottom: 50px;
                padding-top: 0px;
            }

            .subscribePlans .subScribeBtn a {
                position: absolute;
                bottom: 32px;
            }

            .proSilverPlan h1 {
                font-size: 25px;
            }
        }

        @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
            .subscribePlans .subScribeBtn a {
                width: 220px;
            }
        }

        @media (min-width: 481px) and (max-width: 767px) {
            .subscribePlans {
                height: 100%;
            }

            .subscribePlans .subScribeBtn {
                padding-bottom: 50px;
                padding-top: 0px;
            }

            .subscribePlans .subScribeBtn a {
                position: absolute;
                bottom: 32px;
                width: 83%;
            }

            .proSilverPlan h1 {
                font-size: 25px;
            }
        }

        @media (min-width: 320px) and (max-width: 480px) {
            .subscribePlans {
                height: 100%;
            }

            .subscribePlans .subScribeBtn {
                padding-bottom: 50px;
                padding-top: 0px;
            }

            .subscribePlans .subScribeBtn a {
                position: absolute;
                bottom: 32px;
                width: 83%;
            }

            .proSilverPlan h1 {
                font-size: 25px;
            }
        }

        .purchasePlan {
            margin-top: 82px;
            margin-bottom: 90px;
        }

        .purchaseCard {
            background: #fff 0% 0% no-repeat padding-box;
            border-radius: 10px;
            opacity: 1;
            padding: 22px;
            position: relative;
            box-shadow: 0px 3px 9px #00000017;
        }

        .purchaseCardNo {
            margin-bottom: 10px;
        }

        .purchaseSelectCard p {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            font-size: 18px;
            font-weight: 600;
            letter-spacing: 0px;
            color: #2D2D2D;
            opacity: 1;
            margin-top: 30px;
            margin-bottom: 36px;
        }

        .purchaseSelectCard .underline:after {
            width: 23px;
            bottom: -6px;
        }

        .purchaseCard .purchaseCardNo h3 {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            font-size: 12px;
            font-weight: 600;
            letter-spacing: 0px;
            color: #000000;
            opacity: 1;
            margin-bottom: 10px;
        }

        .purchaseCard .purchaseCardNo p {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            font-size: 12px;
            letter-spacing: 0px;
            color: #000000;
            opacity: 1;
            margin-bottom: 0;
        }

        .purchaseCard .purchaseCardCVV input.form-control {
            background: #FFFFFF 0% 0% no-repeat padding-box;
            border: 2px solid #EBEBEB;
            border-radius: 24px;
            opacity: 1;
            width: 89px;
            height: 42px;
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            font-size: 12px;
            font-weight: 600;
            letter-spacing: 0px;
            color: #2D2D2D;
            opacity: 1;
            margin: 0 0 0 auto;
        }

        .purchaseCard .purchaseCardCVV input:focus {
            box-shadow: none;
        }

        .purchaseCard .purchaseCardCVV input::-webkit-input-placeholder {
            /* Edge */
            color: #888888;
            text-align: center;
        }

        .purchaseCard .purchaseCardCVV input:-ms-input-placeholder {
            /* Internet Explorer 10-11 */
            color: #888888;
            text-align: center;
        }

        .purchaseCard .purchaseCardCVV input::placeholder {
            color: #888888;
            text-align: center;
        }

        .purchaseCard .purchaseCardExpiry {
            margin-top: 20px;
        }

        .purchaseCard .purchaseCardExpiry h3 {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            font-size: 12px;
            font-weight: 600;
            letter-spacing: 0px;
            color: #000000;
            opacity: 1;
            margin-bottom: 10px;
        }

        .purchaseCard .purchaseCardExpiry p {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            font-size: 12px;
            letter-spacing: 0px;
            color: #000000;
            opacity: 1;
            margin-bottom: 0;
        }

        .purchaseCard .cardCancel {
            background: #FF6469 0% 0% no-repeat padding-box;
            box-shadow: 0px 3px 6px #0000001A;
            border-radius: 0px 10px;
            opacity: 1;
            position: absolute;
            top: 0;
            right: 0;
            width: 30px;
            height: 30px;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .purchaseCard .cardCancel i {
            color: #FFFFFF;
            font-size: 16px;
        }

        .purchaseCardBtn button {
            background: #4E70EA 0% 0% no-repeat padding-box;
            border-radius: 4px;
            opacity: 1;
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            font-size: 14px;
            font-weight: 600;
            letter-spacing: 0px;
            color: #FFFFFF;
            width: 168px;
            height: 58px;
            border: none;
            margin-top: 30px;
        }

        /*-----------------------------17/04/2020---------------------*/

        .cardDetailsForm label {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            font-size: 14px;
            font-weight: 600;
            letter-spacing: 0px;
            color: #2D2D2D;
            opacity: 1;
            margin-bottom: 9px;
        }

        .cardDetailsForm .form-group {
            margin-bottom: 30px;
        }

        .cardDetailsForm input.form-control {
            border: 2px solid #EBEBEB;
            border-radius: 4px;
            opacity: 1;
            height: 52px;
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            font-size: 12px;
            letter-spacing: 0px;
            color: #2D2D2D;
            padding: 20px;
        }

        .cardDetailsForm input:focus {
            box-shadow: none;
        }

        .cardDetailsForm input::-webkit-input-placeholder {
            /* Edge */
            color: #888888;
        }

        .cardDetailsForm input:-ms-input-placeholder {
            /* Internet Explorer 10-11 */
            color: #888888;
        }

        .cardDetailsForm input::placeholder {
            color: #888888;
        }

        .card_container {
            display: block;
            position: relative;
            padding-left: 44px;
            margin-bottom: 12px;
            cursor: pointer;
            font-size: 22px;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        .card_container input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            height: 0;
            width: 0;
        }

        .card_checkmark {
            position: absolute;
            top: -2px;
            left: 0;
            height: 27px;
            width: 27px;
            border-radius: 4px;
            background-color: transparent;
            border: 2px solid #4E70EA;
        }

        .card_container input:checked~.card_checkmark {
            background-color: #4E70EA;
        }

        .card_checkmark:after {
            content: "";
            position: absolute;
            display: none;
        }

        .card_container input:checked~.card_checkmark:after {
            display: block;
        }

        .card_container .card_checkmark:after {
            left: 9px;
            top: 5px;
            width: 5px;
            height: 10px;
            border: solid white;
            border-width: 0 3px 3px 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        @media (min-width: 769px) and (max-width: 1024px) {
            .purchaseCard {
                padding: 20px 20px;
            }

            .purchaseCard .purchaseCardNo h3,
            .purchaseCard .purchaseCardExpiry h3 {
                font-size: 12px;
            }

            .purchaseCard .purchaseCardNo p,
            .purchaseCard .purchaseCardExpiry p {
                font-size: 10px;
            }

            /* .purchaseCard .purchaseCardExpiry {
        margin-top: 0;
    } */
        }

        @media (min-width: 320px) and (max-width: 480px) {
            .purchaseCard {
                padding: 20px 20px;
            }

            .purchaseCard .purchaseCardNo h3,
            .purchaseCard .purchaseCardExpiry h3 {
                font-size: 12px;
            }

            .purchaseCard .purchaseCardNo p,
            .purchaseCard .purchaseCardExpiry p {
                font-size: 10px;
            }

            /* .purchaseCard .purchaseCardExpiry {
        margin-top: 0;
    } */
            .VisaLogs {
                -ms-flex-align: end !important;
                align-items: flex-end !important;
                -ms-flex-pack: end !important;
                justify-content: flex-end !important;
            }
        }

        @media (max-width: 320px) {
            .purchaseCard {
                padding: 20px 20px;
            }

            .purchaseCard .purchaseCardNo h3,
            .purchaseCard .purchaseCardExpiry h3 {
                font-size: 11px;
            }

            .purchaseCard .purchaseCardNo p,
            .purchaseCard .purchaseCardExpiry p {
                font-size: 10px;
            }

            /* .purchaseCard .purchaseCardExpiry {
        margin-top: 0;
    } */
            .purchaseCard .purchaseCardCVV input.form-control {
                width: 100%;
                height: auto;
                font-size: 10px;
            }
        }

        /*-------------------------21/04/2020--------------------*/

        .howITBtn {
            margin-top: 30px;
        }

        .howITBtn .spCallBtn {
            text-align: left;
            margin-top: 13px;
        }

        .howITBtn .spCallBtn a {
            background: #4E70EA 0% 0% no-repeat padding-box;
            color: #ffffff;
            border-radius: 4px;
            opacity: 1;
            padding: 14px 17px;
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            font-size: 14px;
            font-weight: 600;
            cursor: pointer;
            margin-top: 20px;
        }

        .howITBtn .spCallBtn i {
            background: #ffffff 0% 0% no-repeat padding-box;
            color: #4E70EA;
            border-radius: 6px;
            opacity: 1;
            padding: 7px 11px;
            margin-left: 11px;
        }

        .cServicePro.cSCallBackReq .csProProduct .cProtable .cproText {
            vertical-align: middle;
        }

        .cSCallBackReq .callREqBtn {
            margin-top: 30px;
        }

        .cSCallBackReq .callREqBtn .callBookmark {
            background: #FFFFFF 0% 0% no-repeat padding-box;
            border: 2px solid #EBEBEB;
            border-radius: 4px;
            opacity: 1;
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            font-size: 15px;
            font-weight: 600;
            letter-spacing: 0px;
            color: #4E70EA;
            padding: 12px 35px;
            margin: 0 10px;
        }

        .cSCallBackReq .callREqBtn .callBookmark:hover {
            background: #4E70EA 0% 0% no-repeat padding-box;
            border: 2px solid #C8D1FF;
            color: #FFFFFF;
        }

        .cSCallBackReq .callREqBtn .callComplete {
            background: #4E70EA 0% 0% no-repeat padding-box;
            box-shadow: 0px 8px 15px #D0D9FC;
            border-radius: 4px;
            opacity: 1;
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            font-size: 15px;
            font-weight: 600;
            letter-spacing: 0px;
            color: #FFFFFF;
            border: none;
            padding: 12px 35px;
            margin: 0 10px;
        }

        .cSCallBackReq .callREqBtn .callComplete:hover {
            background: #C8D1FF 0% 0% no-repeat padding-box;
            border: none;
            color: #393939;
        }

        .cServicePro .backPro.backServicePro {
            margin-bottom: 35px;
            width: 164px;
        }

        .cServicePro .backPro.backServicePro a {
            padding: 12px 0px 12px 0;
        }

        @media(max-width:320px) {
            .cSCallBackReq .callREqBtn.d-flex {
                display: block !important;
            }

            .cSCallBackReq .callREqBtn button {
                width: 100%;
                margin: 10px 0 !important;
            }
        }

        .bookmarksPopup .modal-body {
            margin: 0 auto;
        }

        .bookmarksPopup h1 {
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            font-size: 22px;
            font-weight: 600;
            letter-spacing: 0px;
            color: #2D2D2D;
            opacity: 1;
            margin-bottom: 50px;
        }

        .bookmarksPopup label {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            font-size: 14px;
            font-weight: 600;
            letter-spacing: 0px;
            color: #2D2D2D;
            opacity: 1;
            margin-bottom: 10px;
        }

        .bookmarksPopup input.form-control {
            border: 2px solid #EBEBEB;
            border-radius: 4px;
            opacity: 1;
            text-align: left;
            font: Regular 14px/22px Open Sans;
            letter-spacing: 0px;
            color: #2D2D2D;
            width: 336px;
            height: 58px;
            padding: 20px;
        }

        .bookmarksPopup input.form-control:focus {
            box-shadow: none;
        }

        .bookmarksPopup input::-webkit-input-placeholder {
            /* Edge */
            color: #999999;
        }

        .bookmarksPopup input:-ms-input-placeholder {
            /* Internet Explorer 10-11 */
            color: #999999;
        }

        .bookmarksPopup input::placeholder {
            color: #999999;
        }

        .bookmarksPopup .addToBookmarkService button {
            background: #4E70EA 0% 0% no-repeat padding-box;
            box-shadow: 0px 8px 15px #D0D9FC;
            border-radius: 4px;
            opacity: 1;
            width: 184px;
            height: 58px;
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            font-size: 14px;
            font-weight: 600;
            letter-spacing: 0px;
            color: #FFFFFF;
            margin: 40px 0 60px;
            margin: 30px 24px;
            border: none;
        }

        .rateTimes {
            display: table-cell;
            vertical-align: top;
            width: 50%;
            text-align: left;
        }

        .rateTimes span {
            text-align: right;
            font-family: 'Open Sans', sans-serif;
            font-size: 11px;
            letter-spacing: 0px;
            color: #999999;
            opacity: 1;
        }

        .rateTimes span:first-child {
            margin-right: 5px;
        }

        .cServicePro.spRateReviews .csProProduct .cProtable .cproText {
            width: 50%;
        }

        .spRateDetails p {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            font-size: 12px;
            letter-spacing: 0px;
            color: #2D2D2D;
            opacity: 1;
            line-height: 18px;
            margin-bottom: 0;
            margin-top: 18px;
        }

        .cServicePro.spRateReviews .csProProduct .cProtable .cproText span i {
            color: #D9E1FF;
            opacity: 1;
            font-size: 12px;
            margin-right: 2px;
        }

        .cServicePro.spRateReviews .csProProduct .cProtable .cproText span i.checked {
            color: #FFD814;
        }

        .editDelReview a:first-child {
            margin-right: 10px;
        }

        .spRateReviews .csProProduct .ratPicture img {
            width: 56px;
            height: 56px;
        }

        .cSCallBackReq .cProtable img {
            width: 56px;
            height: 56px;
        }

        .topbarJTS .jtsHomeItem a.nav-link.spNvLink {
            /* font-size: 12px; */
            margin-right: 15px;
            vertical-align: middle;
        }

        .topbarJTS .navbar-light .navbar-nav .nav-link:focus {
            color: #ffffff;
        }

        .spBookImg img {
            width: 100%;
            height: 100%;
            border-radius: 12px;
            opacity: 1;
        }

        .spBookDetails .spBookName {
            margin-bottom: 18px;
        }

        .spBookDetails .spBookName p {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            font-size: 14px;
            font-weight: 600;
            letter-spacing: 0px;
            color: #2D2D2D;
            opacity: 1;
            margin-bottom: 0;
        }

        .spBookDetails .spBookName span {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #999999;
            opacity: 1;
            font-size: 10px;
        }

        .spBookDetails .spBookName span i {
            font-size: 12px;
            margin-right: 5px;
            color: #FFB727;
        }

        .spBookDetails .spBookLoc {
            margin-bottom: 18px;
        }

        .spBookDetails .spBookLoc span {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: -0.08px;
            color: #999999;
            opacity: 1;
            font-size: 12px;
        }

        .spBookDetails .spBookLoc p {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            font-size: 12px;
            font-weight: 600;
            letter-spacing: -0.08px;
            color: #2D2D2D;
            opacity: 1;
            line-height: 18px;
            margin-bottom: 0;
        }

        .spBookDetails .spBookPhoto img {
            width: 105px;
            height: 105px;
            border-radius: 12px;
        }

        .CustomerQuestionnaires h3 {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            font-weight: 600;
            font-size: 14px;
            letter-spacing: -0.09px;
            color: #4E70EA;
            opacity: 1;
            margin-bottom: 20px;
        }

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

        .CustomerQuestionnaires .spCustomerQues span {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: -0.08px;
            color: #999999;
            opacity: 1;
            font-size: 12px;
        }

        .CustomerQuestionnaires .spCustomerQues p {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            font-size: 12px;
            font-weight: 600;
            letter-spacing: -0.08px;
            color: #2D2D2D;
            opacity: 1;
            line-height: 18px;
            margin-bottom: 0;
        }

        .spBookBtn {
            text-align: center;
            margin-top: 50px;
        }

        .spBookBtn button:first-child {
            background: #FFFFFF 0% 0% no-repeat padding-box;
            border: 2px solid #EBEBEB;
            opacity: 1;
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            font-size: 14px;
            font-weight: 600;
            letter-spacing: 0px;
            color: #4E70EA;
            width: 202px;
            height: 58px;
        }

        .spBookBtn button {
            background: #4E70EA 0% 0% no-repeat padding-box;
            border-radius: 4px;
            opacity: 1;
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            font-size: 14px;
            font-weight: 600;
            letter-spacing: 0px;
            color: #FFFFFF;
            width: 202px;
            height: 58px;
            border: none;
            margin: 0 10px 10px;
        }

        /*--------------------------22/04/2020-------------------------*/

        .spFaqs {
            margin-top: 119px;
            margin-bottom: 90px;
        }

        .spFaqs .accordion .card-header:after {
            font-family: 'FontAwesome';
            content: "\f107";
            float: right;
            background: #ECF0FF 0% 0% no-repeat padding-box;
            border-radius: 8px;
            opacity: 1;
            width: 34px;
            height: 34px;
            font-size: 16px;
            color: #4E70EA;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .spFaqs .accordion .card-header.collapsed:after {
            content: "\f106";
        }

        .spFaqs .accordion>.card .card-header {
            border: 2px solid #EBEBEB;
            border-radius: 4px;
            opacity: 1;
            background-color: transparent;
            padding: 40px;
            margin: 0 0 30px;
            cursor: pointer;
        }

        .spFaqs .card {
            border: none;
        }

        .spFaqs .card-title {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            font-size: 15px;
            font-weight: 600;
            letter-spacing: 0px;
            color: #2D2D2D;
            opacity: 1;
        }

        .spFaqs .card-body {
            /* padding: 0 0 30px; */
            padding: 0;
        }

        .spFaqs .collapse.show .card-body {
            border-radius: 0px 0px 8px 8px !important;
            background-color: #EEF1FF;
            border: none;
        }

        .spFaqs .card-header {
            margin: 30px 0 0;
            border: none;
            padding: 15px 20px 10px;
            background-color: #EEF1FF;
            border-radius: 8px 8px 0px 0px !important;
            cursor: pointer;
        }

        .spFaqs .card-header.collapsed {
            background-color: transparent;
            border: 2px solid #EBEBEB;
            border-radius: 8px !important;
        }

        .spFaqs .card-body h3 {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            font-size: 15px;
            font-weight: 600;
            letter-spacing: 0px;
            color: #2D2D2D;
            opacity: 1;
            margin-bottom: 40px;
        }

        .spFaqs .card-body p {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            font-size: 12px;
            letter-spacing: 0px;
            color: #2D2D2D;
            opacity: 1;
            margin-bottom: 0;
            line-height: 23px;
        }

        .spFaqs .collapse.show .card-body {
            padding: 0 20px 20px;
            border-radius: 8px;
        }

        @media (min-width: 320px) and (max-width: 480px) {
            .spFaqs .card-title {
                width: 83%;
                display: inline-block;
            }

            .spFaqs .accordion>.card .card-header {
                padding: 20px;
            }
        }

        .thankYouProvider .spThumbImg {
            margin-top: 100px;
            margin-bottom: 30px;
        }

        .thankYouProvider .spThumbImg img {
            width: 142px;
            height: 142px;
        }

        .thankYouProvider .thankyouText p {
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            font-size: 18px;
            font-weight: 600;
            letter-spacing: 0px;
            color: #2D2D2D;
            margin-bottom: 0;
            line-height: 25px;
        }

        .thankYouProvider .thankyouText p:last-child {
            font-size: 15px;
            margin-top: 10px;
        }

        .thankYouProvider button {
            background: #4E70EA 0% 0% no-repeat padding-box;
            box-shadow: 0px 8px 15px #D0D9FC;
            border-radius: 4px;
            opacity: 1;
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            font-size: 14px;
            font-weight: 600;
            letter-spacing: 0px;
            color: #FFFFFF;
            width: 168px;
            height: 58px;
            margin: 70px 0 40px;
            border: 0;
        }

        .CallDisabled {
            background: #C6C7C9 0% 0% no-repeat padding-box !important;
            box-shadow: 0px 8px 15px #D0D9FC !important;
            border-radius: 4px !important;
            opacity: 1 !important;
        }

        .CallDisabled:hover {
            color: #ffffff !important;
        }

        .LogInSocial p {
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            font-size: 14px;
            font-weight: 600;
            letter-spacing: 0px;
            color: #FFFFFF;
            opacity: 1;
        }

        .LogInSocial p::before,
        .LogInSocial p::after {
            display: inline-block;
            content: "";
            border-top: 1px solid #FFFFFF;
            width: 47px;
            margin: 0 1rem;
            transform: translateY(-4px);
        }

        .LogSocialIcon {
            margin: 17px 0;
        }

        .LogSocialIcon .LogFacebook {
            background: #3B5998 0% 0% no-repeat padding-box;
            opacity: 1;
            border-radius: 100px;
            padding: 10px 16px;
            margin: 0 5px;
        }

        .LogSocialIcon .LogFacebook i {
            color: #FFFFFF;
            font-size: 16px;
        }

        .LogSocialIcon .LogGoogle {
            background: #FF3C02 0% 0% no-repeat padding-box;
            opacity: 1;
            border-radius: 100px;
            padding: 10px 14px;
            margin: 0 5px;
        }

        .LogSocialIcon .LogGoogle i {
            color: #FFFFFF;
            font-size: 16px;
        }

        .cServicePro .csProProduct .cProtable .requestDelete {
            display: table-cell;
            vertical-align: top;
        }

        .cServicePro .csProProduct .cProtable .requestDelete img {
            width: 17px;
            height: 22px;
            border-radius: 0;
            margin-right: 0;
        }

        .cServicePro .csProProduct .cProtable .cproText span.sprateTimeDate {
            text-align: right;
            display: flex;
            margin-top: 0;
        }

        .cServicePro .csProProduct .cProtable .cproText span.spRateStars i.checked {
            color: #FFB727;
        }

        .cServicePro .csProProduct .cProtable .cproText span.spRateStars i {
            color: #D9E1FF;
            margin-right: 0;
        }

        /*----------------------------------04/05/2020-------------------------*/

        .bookmarksPopup textarea.form-control {
            border: 2px solid #EBEBEB;
            border-radius: 4px;
            opacity: 1;
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            font-size: 14px;
            letter-spacing: 0px;
            color: #2D2D2D;
            /*width: 336px;*/
            padding: 20px;
            resize: none;
            margin: 0 auto;
        }

        .bookmarksPopup textarea.form-control:focus {
            box-shadow: none;
        }

        .bookmarksPopup textarea::-webkit-input-placeholder {
            /* Edge */
            color: #999999;
        }

        .bookmarksPopup textarea:-ms-input-placeholder {
            /* Internet Explorer 10-11 */
            color: #999999;
        }

        .bookmarksPopup textarea::placeholder {
            color: #999999;
        }

        .fourRequest p {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            font-size: 14px;
            font-weight: 600;
            letter-spacing: 0px;
            color: #999999;
            opacity: 1;
        }

        /*------------------------05/05/2020--------------------------*/

        .TileContainer {
            display: tabel-cell;
            position: relative;
            padding-left: 35px;
            margin-bottom: 12px;
            cursor: pointer;
            font-size: 22px;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        .TileContainer input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            height: 0;
            width: 0;
        }

        .TileCheckmark {
            position: absolute;
            top: 0;
            left: 0;
            height: 25px;
            width: 25px;
            background-color: transparent;
            border: 1px solid #ffffff;
        }

        .TileContainer:hover input~.TileCheckmark {
            background-color: #ffffff;
        }

        .TileContainer input:checked~.TileCheckmark {
            background-color: #ffffff;
        }

        .TileCheckmark:after {
            content: "";
            position: absolute;
            display: none;
        }

        .TileContainer input:checked~.TileCheckmark:after {
            display: block;
        }

        .TileContainer .TileCheckmark:after {
            left: 10px;
            top: 6px;
            width: 5px;
            height: 10px;
            border: solid #4e70ea;
            border-width: 0 3px 3px 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .jtsCompareRemove {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            font-size: 14px;
            font-weight: 600;
            letter-spacing: 0px;
            color: #FB3939;
            opacity: 1;
        }

        .modal.compareProductJts {
            height: auto;
        }

        .cServicePro .CsButtons .removeBookJts {
            width: 144px;
            font-size: 12px;
        }

        .spForm .select2 {
            width: 100% !important;
            border: 2px solid #EBEBEB;
            border-radius: 4px;
            opacity: 1;
            height: 100%;
            padding: 3px 0 9px;
            max-height: 150px;
            overflow-y: scroll;
        }

        .spForm .select2 .select2-selection {
            border: none;
            height: auto;
            vertical-align: middle;
            display: flex;
            align-items: center;
        }

        .spForm .select2-container--default.select2-container--focus .select2-selection--multiple {
            border: none;
        }

        p.forgotMsg {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            font-size: 12px;
            letter-spacing: 0px;
            color: #ffffff;
            opacity: 1;
            margin-top: 30px;
            margin-bottom: 30px;
        }

        /*---------------------purvi chnages -------------------------*/

        .show_long_intro,
        .show_short_intro {
            cursor: pointer;
        }

        .ratNos .spRateStars i.fa.fa-star.checked {
            color: #F1AB1F !important;
            font-size: 20px !important;
        }

        .ratNos .spRateStars i.fa.fa-star {
            color: #D5D3D0 !important;
            font-size: 20px !important;
        }

        .JustUserHeader .navbar-toggler {
            background-color: #4e70ea;
            margin-right: 20px;
        }

        .photovideosImages {
            width: 109px;
            margin: 10px 0;
            height: 104px;
            border-radius: 4px;
        }

        .payment_container label {
            display: block;
            position: absolute;
            left: 0px;
            width: 200px;
            top: 27px;
            color: red;
            font-size: 12px;
        }

        .jtsPhotoCloseDelete {
            position: absolute;
            right: 29px;
            bottom: 10px;
        }

        .menuWeb .navbar-dark .navbar-nav .nav-link:focus {
            color: #2D2D2D;
        }

        .menuWeb .navbar-expand-lg.JustUserHeader .navbar-nav .nav-item:focus {
            outline: none;
        }

        .menuWeb .navbar-dark .navbar-nav .nav-link.active {
            color: #4e70ea;
        }

        .cServicePro .csProProduct.requestProProduct {
            height: 100%;
        }

        label.error {
            color: red !important;
            font-size: 12px;
            font-weight: 400;
            margin-bottom: 0px;
        }

        .addTocompanreRequest {
            position: absolute;
            bottom: 28px;
            left: 0;
            right: 0;
        }

        .cServicePro .csProProduct.csProHeight {
            height: 347px;
        }

        /* .profile-picImages {
    width: 80px;
    height: 80px;
} */

        .jtsAboutMain {
            margin-top: 180px;
        }

        .jtsAboutMain p {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            font-size: 16px;
            letter-spacing: 0px;
            color: #2D2D2D;
            opacity: 1;
            margin-bottom: 27px;
            text-align: justify;
        }

        .jtsAboutMain img {
            width: 100%;
        }

        .contactUsMain {
            margin-top: 170px;
            background: rgb(255, 255, 255) url(../img/bg_contact_us.jpg) 0% 0% no-repeat padding-box;
            background-size: cover;
            width: 100%;
            height: 100%;
            padding: 50px;
        }

        .contactUsMain h1 {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            font-size: 40px;
            font-weight: 600;
            letter-spacing: 0px;
            color: #0C0C0C;
            opacity: 1;
            margin-bottom: 70px;
        }

        .contactDetailsBG {
            background: rgba(255, 255, 255, 0.9) 0% 0% no-repeat padding-box;
            border-radius: 8px;
            width: 860px;
            height: 100%;
            padding: 80px;
        }

        .contactInformations {
            margin-bottom: 70px;
        }

        .contactInformations p {
            text-align: left;
            font-family: 'Sofia Pro';
            font-size: 18px;
            font-weight: bold;
            letter-spacing: 0px;
            opacity: 1;
            margin-bottom: 0px;
        }

        .contactInformations a {
            text-align: left;
            font-family: 'Sofia Pro';
            font-size: 18px;
            letter-spacing: 0px;
            color: #2D2D2D;
            opacity: 1;
            /* margin-left: 15px; */
        }

        .contactInformations img {
            float: left;
            margin: 10px 15px 10px 0px;
        }

        .contactFooterSocial p {
            text-align: left;
            font-family: 'Sofia Pro';
            font-size: 18px;
            font-weight: bold;
            letter-spacing: 0px;
            opacity: 1;
            margin-bottom: 10px;
        }

        .contactInfoForm {
            opacity: 1;
            margin: 80px 0px 50px;
            width: 100%;
            position: relative;
        }

        .contactInfoForm form {
            background: #FFF;
            box-shadow: 0px 3px 12px #00000024;
            border-radius: 8px;
            opacity: 1;
            padding: 40px;
            margin-top: 80px;
            width: 100%;
            position: relative;
            z-index: 2;
        }

        #captcha_code_input {
            width: 47%;
            float: right;
            margin-bottom: 20px;
        }

        #captcha_code_input1 {
            width: 47%;
            float: right;
            margin-bottom: 20px;
        }

        .contactInfoForm::after {
            position: absolute;
            left: -40px;
            bottom: -40px;
            background: #6885ED;
            width: 300px;
            height: 300px;
            content: "";
            z-index: 1;
        }

        .contactInfoForm label {
            text-align: left;
            font-family: 'Sofia Pro Semi';
            font-size: 15px;
            font-weight: 600;
            letter-spacing: 0px;
            color: #0A0A0A;
            opacity: 1;
            margin-bottom: 10px;
        }

        .contactInfoForm input {
            border: 1px solid #C7C3C3;
            border-radius: 0px;
            height: 50px;
            /*margin-bottom: 30px;*/
            background: transparent;
            text-align: left;
            font-family: 'Sofia Pro';
            font-size: 14px;
            letter-spacing: 0px;
            color: #C7C3C3;
            opacity: 1;
        }

        .contactInfoForm textarea {
            border: 1px solid #C7C3C3;
            border-radius: 0px;
            /*margin-bottom: 30px;*/
            background: transparent;
            text-align: left;
            font-family: 'Sofia Pro';
            font-size: 14px;
            letter-spacing: 0px;
            color: #C7C3C3;
            opacity: 1;
            resize: none;
        }

        .contactInfoForm button {
            background: #4E70EA;
            border-radius: 8px;
            opacity: 1;
            width: 100%;
            height: 58px;
            text-align: center;
            font-family: 'Sofia Pro';
            font-size: 16px;
            font-weight: 400;
            letter-spacing: 0px;
            color: #fff;
            border: none;
            text-transform: uppercase;
        }

        .contactInfoForm input::-webkit-input-placeholder,
        .contactInfoForm textarea::-webkit-input-placeholder {
            /* Edge */
            color: #C7C3C3;
        }

        .contactInfoForm input:-ms-input-placeholder,
        .contactInfoForm textarea:-ms-input-placeholder {
            /* Internet Explorer 10-11 */
            color: #C7C3C3;
        }

        .contactInfoForm input::placeholder,
        .contactInfoForm textarea::placeholder {
            color: #C7C3C3;
        }

        .contactFooterSocial {
            margin-bottom: 30px;
        }

        .contactFooterSocial .footerSocial {
            display: table;
        }

        .contactFooterSocial .footerSocial a {
            /* background: #ECF0FF 0% 0% no-repeat padding-box;
    border-radius: 10px;
    opacity: 1;
    width: 50px;
    height: 50px;
    display: table-cell;
    vertical-align: middle;
    text-align: center; */
            margin-right: 10px;
            /* border-top: 5px solid transparent;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent; */
        }

        /*

.contactFooterSocial .footerSocial a:first-child {
    width: 46px;
    height: 50px;
    border-top: 5px solid transparent;
    border-left: 0 solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
} */

        .contactFooterSocial .footerSocial a i {
            font-size: 17px;
            color: #2D2D2D;
            opacity: 1;
        }

        /* .gallery .parent img,
.galleryfeatured .parentfeatured img {
    width: 109px;
    height: 103px;
} */

        .gallery .imageThumb,
        .galleryfeatured .imageThumb,
        .galleryfeaturedCerti .imageThumb, 
        .galleryfeaturedntcaCerti .imageThumb {
            width: 109px;
            height: 103px;
            max-height: 100%;
            /* border: 2px solid; */
            /* padding: 1px; */
            cursor: pointer;
        }

        .gallery .parent,
        .galleryfeatured .parentfeatured,
        .galleryfeaturedCerti .parentfeaturedCerti,
        .galleryfeaturedntcaCerti .parentfeaturedntcaCerti {
            display: inline-block;
            margin: 10px 10px 0 0;
            position: relative;
        }

        .gallery .parent video,
        .galleryfeatured .parentfeatured video,
        .galleryfeaturedCerti .parentfeaturedCerti video {
            vertical-align: middle;
            border-style: none;
        }

        .gallery .parent video,
        .galleryfeatured .parentfeatured video,
        .galleryfeaturedCerti .parentfeaturedCerti video {
            height: 107px !important;
        }

        .gallery .remove,
        .galleryfeatured .removefeatured,
        .galleryfeaturedCerti .removefeaturedCerti, 
        .galleryfeaturedntcaCerti .removefeaturedntcaCerti {
            position: absolute;
            right: 0;
            bottom: 0;
            cursor: pointer;
        }

        /* .remove:hover {
    background: white;
    color: black;
} */
        /*--------------29/05/2020--------------privacy policy----------------*/

        .privacyPolicy {
            margin-top: 120px;
            margin-bottom: 60px;
            width: 100%;
        }

        .privacyPolicy h1 {
            font-size: 36px;
            margin: 0 0 15px;
            line-height: 1.17;
            font-weight: 600;
            color: #2D2D2D;
            font-family: 'Open Sans', sans-serif;
        }

        .privacyPolicy span {
            font-size: 14px;
            text-align: left;
            color: #4E70EA;
            line-height: 1.5;
            font-family: 'Open Sans', sans-serif;
            font-weight: 600;
        }

        .privacyPolicy p {
            font-size: 14px;
            text-align: left;
            color: #2D2D2D;
            line-height: 1.5;
            font-family: 'Open Sans', sans-serif;
            text-align: justify;
        }

        .privacyPolicy p a {
            color: #4E70EA;
        }

        .privacyPolicy h2 {
            font-size: 28px;
            margin: 0 0 15px;
            line-height: 1.17;
            font-weight: 600;
            color: #2D2D2D;
            font-family: 'Open Sans', sans-serif;
            text-align: left;
        }

        .privacyPolicy ol li {
            font-size: 14px;
            text-align: left;
            color: #2D2D2D;
            line-height: 1.5;
            font-family: 'Open Sans', sans-serif;
            text-align: justify;
            font-weight: 600;
            margin-bottom: 6px;
            text-transform: uppercase;
        }

        .privacyPolicy h3 {
            font-size: 22px;
            margin: 0 0 15px;
            line-height: 1.17;
            font-weight: 600;
            color: #4E70EA;
            font-family: 'Open Sans', sans-serif;
            text-transform: uppercase;
        }

        .privacyPolicy ul li {
            font-size: 14px;
            text-align: left;
            color: #2D2D2D;
            line-height: 1.5;
            font-family: 'Open Sans', sans-serif;
            text-align: justify;
        }

        .privacyPolicy h5 {
            font-size: 20px;
            margin: 0 0 15px;
            line-height: 1.17;
            font-weight: 600;
            color: #2D2D2D;
            font-family: 'Open Sans', sans-serif;
        }

        .privacyPolicy.tearms ol li {
            text-transform: none;
        }

        .purchaseNo.homePurchNo img {
            height: 363px !important;
        }

        .cserviceArea.question1.slide9 {
            /* background-image: url(../img/slide9.jpg) !important; */
            background: #eeede6 url(../img/slide9.jpg)no-repeat;
        }

        .cserviceArea.question2.slide10 {
            background-image: url(../img/slide10.jpg) !important;
            /* background: #eeede6 url(../img/slide10.jpg)no-repeat; */
        }

        .cserviceArea.question6_1.slide11 {
            /* background-image: url(../img/slide11.jpg) !important; */
            background: #eeede6 url(../img/slide11.jpg)no-repeat;
        }

        .cserviceArea.question3.slide12 {
            /* background-image: url(../img/question6BG.jpg) !important; */
            background: #eeede6 url(../img/question6BG.jpg)no-repeat;
        }

        .cserviceArea.question4.slide13 {
            /* background-image: url(../img/slide13.jpg) !important; */
            background: #eeede6 url(../img/slide13.jpg)no-repeat;
        }

        .cserviceArea.question5.slide14 {
            /* background-image: url(../img/slide9.jpg) !important; */
            background: #eeede6 url(../img/slide9.jpg)no-repeat;
        }

        .cserviceArea.question4.slide15 {
            /* background-image: url(../img/slide15.jpg) !important; */
            background: #eeede6 url(../img/slide15.jpg)no-repeat;
        }

        .cserviceArea.question3.slide16 {
            /* background-image: url(../img/question6BG.jpg) !important; */
            background: #eeede6 url(../img/question6BG.jpg)no-repeat;
        }

        .spFaqs .fade:not(.show) {
            opacity: 0;
            display: none;
        }

        .spFaqs .nav-tabs .nav-link.active,
        .spFaqs .nav-tabs .nav-item.show .nav-link {
            /* background-color: #4e70ea; */
            color: #4e70ea;
            /* border-radius: 8px; */
            border: none;
            border-bottom: 3px solid #4e70ea;
        }

        .spFaqs .nav-tabs .nav-link {
            padding: 10px 30px;
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            font-size: 14px;
            font-weight: 600;
            letter-spacing: 0px;
            color: #2D2D2D;
            opacity: 1;
        }

        .spFaqs .nav-tabs .nav-link:hover,
        .spFaqs .nav-tabs .nav-link:focus {
            /* background-color: #4e70ea; */
            color: #4e70ea;
            /* border-radius: 8px; */
            border: none;
        }

        .spFaqs .nav-tabs {
            border: none;
        }

        .spFaqs .nav {
            overflow-y: hidden;
            overflow-x: scroll;
            white-space: nowrap;
            flex-wrap: inherit;
            /* overflow: hidden; */
        }

        /*------purvi css --------*/

        .more_btn {
            float: right;
            background: #4E70EA 0% 0% no-repeat padding-box;
            border-radius: 4px;
            opacity: 1;
            width: 140px;
            height: 58px;
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #FFFFFF;
            font-size: 14px;
            font-weight: 600;
            margin-top: 50px;
            border: none;
        }

        .menuWeb .navbar-nav {
            position: relative;
        }

        .menuWeb .navbar-dark .navbar-nav .show>.nav-link {
            color: #4E70EA;
        }

        .menuWeb .dropdown-menu.show li a {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            font-size: 12px;
            letter-spacing: 0px;
            color: #2D2D2D;
            opacity: 1;
        }

        .menuWeb .dropdown-menu.show li a.otherJtsCounty {
            color: #4E70EA;
        }

        .menuWeb .dropdown-menu.show li {
            padding: 8px 11px;
            border-bottom: 1px solid #ECF0FF;
        }

        .menuWeb .dropdown-menu.show li:last-child {
            border: none;
        }

        .menuWeb .dropdown-menu {
            border: none;
            border-radius: 0;
            min-width: 13rem;
        }

        .UserLogin.UserSignup.VerifyPassLogin {
            background-image: url(../img/VerifyHeadBg.png);
        }

        .C_home .fndTileSatter.findTileHight {
            min-height: 100%;
        }

        #serviceProvider {
            margin-top: 130px;
        }

        .cserviceArea .findServices .ques1JTpoint.ques9Dash span {
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            font-size: 14px;
            letter-spacing: 0px;
            color: #2D2D2D;
            opacity: 1;
        }

        .JtsTileCall {
            position: absolute;
            left: 0;
            right: 0;
            top: 50%;
            bottom: 0;
            vertical-align: middle;
        }

        .JtsTileCall p {
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #2D2D2D;
            opacity: 1;
            font-size: 22px;
            font-weight: 600;
            margin-left: 10px;
            margin-right: 10px;
        }

        .JtsTileCall p strong {
            color: #4E70EA;
        }

        .cserviceArea .findServices .jtsProjectRadio.jtsBusinessProject .custom-control-inline {
            left: 70%;
        }

        .cserviceArea .findServices .undraw_text.business_text {
            margin-bottom: 26px;
        }

        .freeTrialBG {
            background: #4E70EA 0% 0% no-repeat padding-box;
            opacity: 1;
            width: 100%;
            height: 144px;
            border-radius: 4px 4px 0 0;
            position: relative;
        }

        .freeTrialBG img {
            width: 120px;
            position: absolute;
            bottom: -56px;
            left: 0;
            right: 0;
            margin: 0 auto;
        }

        .freeTrialText {
            padding: 0 60px;
            text-align: center;
        }

        .freeTrialText h3 {
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            font-size: 16px;
            font-weight: 600;
            letter-spacing: 0px;
            color: #2D2D2D;
            opacity: 1;
            margin: 50px 0 16px;
        }

        .freeTrialText p {
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            font-size: 14px;
            letter-spacing: 0px;
            color: #2D2D2D;
            opacity: 1;
        }

        .freeTrialText button {
            background: #4E70EA 0% 0% no-repeat padding-box;
            box-shadow: 0px 8px 15px #D0D9FC;
            border-radius: 4px;
            opacity: 1;
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            font-size: 14px;
            font-weight: 600;
            letter-spacing: 0px;
            color: #FFFFFF;
            border: none;
            padding: 12px 24px;
            margin: 20px 0;
        }

        .subScribeBtn {
            margin-top: 62px;
        }

        #myTab::-webkit-scrollbar {
            height: 0;
        }

        #myTab::-webkit-scrollbar-track-piece {
            background: transparent;
            border-top: 6px solid #fff;
            border-bottom: 6px solid #fff;
            border-radius: 8px;
        }

        #myTab::-webkit-scrollbar-track-piece:decrement {
            background: transparent;
            border-top: 1px solid #666;
            border-bottom: 1px solid #666;
        }

        #myTab::-webkit-scrollbar-thumb {
            background: #666;
            border-radius: 8px;
        }

        .jtsBlogMain {
            margin-top: 180px;
            margin-bottom: 80px;
        }

        .jtsBlogMain.BlogPadding {
            margin-top: 120px;
        }

        .jtsBlogMain .blogSection .blogImg {
            /* height: 350px; */
            height: 100%;
        }

        .jtsBlogMain .blogSection .blogImg img {
            height: auto;
            width: 100%;
        }

        .jtsBlogMain .blogSection .blogText h3 {
            text-align: justify;
            font-family: 'Open Sans', sans-serif;
            font-size: 18px;
            font-weight: 600;
            letter-spacing: 0px;
            color: #4E70EA;
            opacity: 1;
            margin-top: 0;
            margin-bottom: 8px;
            line-height: 31px;
        }

        .jtsBlogMain .blogSection .blogText p {
            text-align: justify;
            font-family: 'Open Sans', sans-serif;
            font-size: 15px;
            letter-spacing: 0px;
            color: #2D2D2D;
            opacity: 1;
            margin: 10px 0px 24px;
            line-height: 29px;
        }

        .jtsBlogMain .blogSection .blogText .blogOwner {
            margin-bottom: 10px;
            background: #ecf0ff;
            padding: 10px 15px 10px 5px;
            font-size: 18px;
            color: #6B6A6A;
        }

        .jtsBlogMain .blogSection .blogText .blogOwner i {
            font-size: 1rem;
            color: #6B6A6A;
            margin-right: 3px;
        }

        .jtsBlogMain .blogSection .blogText .blogOwner span {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            font-size: 14px;
            letter-spacing: 0px;
            opacity: 1;
            color: #6B6A6A;
            padding: 0px 10px;
        }

        .jtsBlogMain .blogSection .blogText .blogOwner span strong {
            color: #6B6A6A;
            font-size: 500;
        }

        .jtsBlogMain .blogSection .blogText a {
            background: #4e70ea;
            border-radius: 5px;
            opacity: 1;
            width: 120px;
            height: 44px;
            line-height: 44px;
            text-align: center;
            display: table-cell;
            text-align: center;
            letter-spacing: 0;
            color: #fff;
            opacity: 1;
            font-weight: 600;
            border: #4e70ea 1px solid;
        }

        .jtsBlogMain .blogSection .blogText a:hover {
            background: #0a0a0a;
            border: #0a0a0a 1px solid;
            color: #fff;
        }

        .jtsBlogMain .blogSection {
            margin-bottom: 37px;
            background: #fff;
            box-shadow: 0 3px 12px #00000024;
            border: 0px;
            border-radius: 5px;
            padding-bottom: 35px;
        }

        .jtsBlogDetailsMain {
            margin-top: 120px;
            margin-bottom: 80px;
        }

        .jtsBlogDetailsMain .backPro.backServicePro {
            margin-bottom: 35px;
            width: 164px;
        }

        .jtsBlogDetailsMain .backPro.backServicePro a {
            padding: 12px 0px 12px 0;
        }

        .jtsBlogDetailsMain .backPro a {
            text-decoration: none;
            display: table-cell;
            vertical-align: middle;
            padding: 12px 0px 12px 0;
            width: 6%;
        }

        .jtsBlogDetailsMain .backPro a img {
            width: 13px;
            height: 12px;
        }

        .jtsBlogDetailsMain .backPro a span {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #2D2D2D;
            opacity: 1;
            font-size: 14px;
            font-weight: 600;
            margin-left: 10px;
        }

        .jtsBlogDetailsMain .blogDetailsImg img {
            width: 100%;
            height: auto;
        }

        .jtsBlogDetailsMain .blogDetailsText {
            margin-top: 30px;
        }

        .jtsBlogDetailsMain .blogDetailsText .post-date {
            float: left;
            margin-right: 20px;
            text-align: center;
        }

        .jtsBlogDetailsMain .blogDetailsText .post-date .day {
            color: #0088CC;
        }

        .jtsBlogDetailsMain .blogDetailsText .post-date .day {
            background: #4E70EA1C;
            border-radius: 2px 2px 0 0;
            color: #4E70EA;
            display: block;
            font-size: 18px;
            font-weight: 900;
            padding: 7px 10px;
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            font-weight: 600;
            letter-spacing: 0px;
            opacity: 1;
        }

        .jtsBlogDetailsMain .blogDetailsText .post-date .month {
            background-color: #0088CC;
        }

        .jtsBlogDetailsMain .blogDetailsText .post-date .month {
            display: block;
            background: #4E70EA;
            border-radius: 0 0 2px 2px;
            color: #ffffff;
            font-size: 0.8em;
            line-height: 1.8;
            padding: 1px 10px;
            text-transform: uppercase;
            font-family: 'Open Sans', sans-serif;
            font-weight: 600;
        }

        .jtsBlogDetailsMain .blogDetailsText .post-content h1 {
            text-align: justify;
            font-family: 'Open Sans', sans-serif;
            font-size: 30px;
            font-weight: 600;
            letter-spacing: 0px;
            color: #4E70EA;
            opacity: 1;
            width: 100%;
            border-bottom: 2px solid #e9e9e9;
        }

        .jtsBlogDetailsMain .blogDetailsText .post-content .post-meta span i {
            font-size: 16px;
            color: #2D2D2D;
            margin-right: 7px;
        }

        .jtsBlogDetailsMain .blogDetailsText .post-content .post-meta span {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            font-size: 16px;
            letter-spacing: 0px;
            opacity: 1;
            color: #2D2D2D;
        }

        .jtsBlogDetailsMain .blogDetailsText .post-content .post-meta span strong {
            color: #4E70EA;
        }

        .jtsBlogDetailsMain .blogDetailsText .post-content p {
            text-align: justify;
            font-family: 'Open Sans', sans-serif;
            font-size: 1rem;
            letter-spacing: 0px;
            color: #2D2D2D;
            opacity: 1;
            margin-top: 25px;
            margin-bottom: 25px;
            line-height: 30px;
        }

        .jtsBlogDetailsMain .blogShare {
            margin-top: 25px;
        }

        .jtsBlogDetailsMain .blogShare h2 {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            font-size: 18px;
            font-weight: 600;
            letter-spacing: 0px;
            color: #2D2D2D;
            opacity: 1;
            margin-bottom: 10px;
        }

        .blogSocial {
            position: relative;
        }

        .social-share-btns-container {
            overflow: hidden;
            left: 0;
            font-size: 0;
            text-align: left;
            width: 100%;
            z-index: 111;
        }

        .social-share-btns {
            display: inline-block;
            overflow: hidden;
        }

        .social-share-btns .share-btn {
            float: left;
            padding: 8px 16px;
            border-radius: 3px;
            color: #fff;
            font-size: 14px;
            line-height: 18px;
            vertical-align: middle;
            background-color: #4E70EA;
            margin-right: 5px;
        }

        .social-share-btns .share-btn:hover {
            background-color: darken(#95a5a6, 10%);
        }

        .social-share-btns .share-btn i {
            margin-right: 5px;
            display: inline-block;
            font-size: 18px;
            vertical-align: middle;
        }

        .social-share-btns .share-btn .share-btn-twitter {
            background-color: #00aced;
        }

        .social-share-btns .share-btn .share-btn-twitter:hover {
            background-color: darken(#00aced, 10%);
        }

        .blogAuthor .img-thumbnail {
            display: inline-block;
            margin-right: 20px;
            padding: 0;
            border: none;
        }

        .blogAuthor img {
            max-height: 80px;
            max-width: 80px;
        }

        .img-thumbnail img {
            border-radius: 4px;
        }

        .blogAuthor h3 {
            font-size: 0.9em;
            line-height: 9px;
            margin: 0;
            padding: 0;
            font-size: 1.1em;
            font-family: 'Open Sans', sans-serif;
            color: #4E70EA;
            font-weight: 600;
        }

        .blogAuthor p {
            text-align: justify;
            font-family: 'Open Sans', sans-serif;
            font-size: 13px;
            letter-spacing: 0px;
            color: #2D2D2D;
            opacity: 1;
            margin-top: 14px;
            margin-bottom: 0;
        }

        .cityRelative .select2-container--default .select2-selection--multiple .select2-selection__choice {
            width: 86%;
        }

        .cServicePro .csProDetails .featureImg .owl-nav .owl-prev.disabled,
        .cServicePro .csProDetails .featureImg .owl-nav .owl-next.disabled {
            display: none;
        }

        .bookmarksPopup .addToBookmarkService.BookPops button {
            margin: 40px 12px 60px;
        }

        .JtsTileCall.JtsTileCallBlog {
            position: relative;
            background-color: #4e70ea;
            width: 100%;
        }

        .JtsTileCall.JtsTileCallBlog p {
            color: #fff;
            padding: 17px;
            margin-bottom: 0;
            text-align: left;
        }

        .slide-box {
            display: flex;
            justify-content: space-between;
        }

        @media (min-width: 576px) and (max-width: 767.98px) {
            .slide-box img {
                -ms-flex: 0 0 50%;
                flex: 0 0 50%;
                max-width: 50%;
            }
        }

        @media (min-width: 768px) and (max-width: 991.98px) {
            .slide-box img {
                -ms-flex: 0 0 33.3333%;
                flex: 0 0 33.3333%;
                max-width: 33.3333%;
            }
        }

        @media (min-width: 992px) {
            .slide-box img {
                -ms-flex: 0 0 25%;
                flex: 0 0 25%;
                max-width: 25%;
            }
        }

        .carousel-caption {
            background-color: rgba(0, 0, 0, 0.5);
            padding: 20px;
            border-radius: .5rem;
        }

        .homeSlider img {
            height: 363px !important;
            object-fit: cover;
        }

        .provideCounty .select2 {
            height: auto;
        }

        .provideCounty .select2 .select2-selection:focus,
        .select2-container--default .select2-search--dropdown .select2-search__field:focus {
            outline: none;
        }

        .cserviceArea .findServices .ques1JTpoint .AdvertNoData p {
            font-size: 20px;
            line-height: 35px;
            margin: 0;
            padding: 0;
            font-size: 1.1em;
            font-family: 'Open Sans', sans-serif;
            color: #2D2D2D;
            font-weight: 600;
            text-align: center;
        }

        .selectcountys .select2-container .select2-selection--single:focus {
            outline: none;
        }

        .selectcountys .select2-container .select2-selection--single {
            display: block;
            width: 100%;
            height: calc(1.8em + 0.75rem + 2px);
            padding: 0.375rem 0.75rem;
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.5;
            color: #495057;
            background-color: #fff;
            background-clip: padding-box;
            border: 1px solid #ced4da;
            border-radius: 0.25rem;
            transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        }

        .selectcountys .select2-container--default .select2-selection--single .select2-selection__arrow {
            height: 42px;
        }

        .selectcountys ul {
            width: 100%;
            border-radius: 0;
            top: -4px;
            border: 2px solid #EBEBEB;
            opacity: 1;
            padding: 0;
        }

        .selectcountys ul li {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #2d2D2D;
            opacity: 1;
            font-size: 12px;
            font-weight: 600;
            width: 100%;
            padding: 8px;
            cursor: pointer;
        }

        .selectcountys ul li:hover {
            background-color: #4E70EA;
            color: #ffffff;
        }

        .cserviceArea .findServices .undraw_form .error {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: red;
            opacity: 1;
            font-size: 12px;
            font-weight: 600;
            margin: 0px;
        }

        p.requestDateTimes {
            text-align: left !important;
            font-family: 'Open Sans', sans-serif !important;
            font-size: 13px !important;
            letter-spacing: 0px !important;
            color: #999999 !important;
            opacity: 1 !important;
            cursor: auto !important;
            margin-top: 3px !important;
            font-weight: 400 !important;
        }

        .smallPlanksmax .error,
        #bussiness_form_step_3 .prefix label.error,
        .suffix label.error {
            position: absolute;
            left: 0;
        }

        .timeErrorJts .error {
            position: absolute;
        }

        .bookmarksPopup .addToBookmarkService.requrestCallMargin button {
            margin: 40px 12px 60px;
        }

        .loader {
            text-align: center;
            vertical-align: middle;
            position: relative;
            display: flex;
            background: white;
            padding: 150px;
            box-shadow: 0px 40px 60px -20px rgba(0, 0, 0, 0.2);
        }

        .center {
            position: fixed;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            background: #4e70ea;
            display: flex;
            align-items: center;
            height: 100%;
            z-index: 9999999;
            justify-content: center;
        }

        .loader span {
            display: block;
            width: 20px;
            height: 20px;
            background: #eee;
            border-radius: 50%;
            margin: 0 5px;
            box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
        }

        .loader span:nth-child(2) {
            background: #f07e6e;
        }

        .loader span:nth-child(3) {
            background: #84cdfa;
        }

        .loader span:nth-child(4) {
            background: #5ad1cd;
        }

        .loader span:not(:last-child) {
            animation: animate 1.5s linear infinite;
        }

        @keyframes animate {
            0% {
                transform: translateX(0);
            }

            100% {
                transform: translateX(30px);
            }
        }

        .loader span:last-child {
            animation: jump 1.5s ease-in-out infinite;
        }

        @keyframes jump {
            0% {
                transform: translate(0, 0);
            }

            10% {
                transform: translate(10px, -10px);
            }

            20% {
                transform: translate(20px, 10px);
            }

            30% {
                transform: translate(30px, -50px);
            }

            70% {
                transform: translate(-150px, -50px);
            }

            80% {
                transform: translate(-140px, 10px);
            }

            90% {
                transform: translate(-130px, -10px);
            }

            100% {
                transform: translate(-120px, 0);
            }
        }

        .slide-fwd-right {
            -webkit-animation: slide-fwd-right 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite alternate both;
            animation: slide-fwd-right 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite alternate both;
        }

        /* ----------------------------------------------
 * Generated by Animista on 2020-6-23 17:6:20
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
        /**
 * ----------------------------------------
 * animation slide-fwd-right
 * ----------------------------------------
 */

        @-webkit-keyframes slide-fwd-right {
            0% {
                -webkit-transform: translateZ(0) translateX(0);
                transform: translateZ(0) translateX(0);
            }

            100% {
                -webkit-transform: translateZ(60px) translateX(30px);
                transform: translateZ(60px) translateX(30px);
            }
        }

        @keyframes slide-fwd-right {
            0% {
                -webkit-transform: translateZ(0) translateX(0);
                transform: translateZ(0) translateX(0);
            }

            100% {
                -webkit-transform: translateZ(60px) translateX(30px);
                transform: translateZ(60px) translateX(30px);
            }
        }

        .footerMenus {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #4E70EA;
            opacity: 1;
            font-size: 15px;
            font-weight: 600;
            line-height: 14px;
            margin-right: 40px;
            text-decoration: none;
            background-color: transparent;
            border: none;
        }

        .purchaseCardBtn.payBTN button {
            width: 80px;
            height: 40px;
        }

        .VisaLogs {
            position: absolute;
            bottom: 23px;
            right: 23px;
        }

        .timeEntry-control {
            display: none !important;
        }

        .fourRequest p.JTSnoDataDound {
            color: #000000;
            font-size: 20px;
            text-align: center;
            height: 100%;
            position: fixed;
            left: 0;
            right: 0;
            top: 50%;
            bottom: 0;
            vertical-align: middle;
        }

        .fourRequest p.JTSnoDataDound i {
            font-size: 80px;
            color: #4e70ea;
            margin-right: 20px;
            vertical-align: middle;
        }

        .img-fluidx {
            max-width: 70px;
            height: auto;
        }

        .freeTrialBG.covid19 {
            height: 100%;
        }

        .freeTrialBG.covid19 img {
            width: 54%;
            position: relative;
            top: 0;
            margin: 22px auto;
            display: flex;
        }

        .covid_popup .freeTrialText h3 {
            margin-top: 0;
            font-size: 25px;
            font-weight: 900;
            text-align: left;
            line-height: 35px;
        }

        .covid_popup ul {
            text-align: left;
            margin-block-start: 0;
            padding-inline-start: 0;
            list-style: none;
            margin-top: 20px;
        }

        .covid_popup ul li {
            list-style: none;
            position: relative;
            padding: 0 0 0 20px;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0px;
            color: #2D2D2D;
            opacity: 1;
            font-weight: 600;
            font-size: 14px;
            line-height: 25px;
            margin-bottom: 8px;
        }

        .covid_popup ul li::before {
            content: "";
            position: absolute;
            left: 0;
            top: 5px;
            width: 10px;
            height: 10px;
            background-color: #4E70EA;
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
        }

        .covid_popup .freeTrialText button {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .covid_popup .freeTrialText button i {
            margin-left: 11px;
            font-size: 17px;
        }

        .verifyCodes input {
            margin: 0 5px;
            text-align: center;
            line-height: 47px;
            font-size: 20px;
            border: none;
            outline: none;
            width: 48px;
            transition: all .2s ease-in-out;
            border-radius: 10px;
            font-weight: 600;
            font-family: 'Open Sans', sans-serif;
        }

        .userVerify p.veriResend {
            margin-top: 0;
        }

        .userVerify p.veriResend a {
            font-size: 16px;
            font-weight: 600;
            color: #ffffff;
        }

        .ResendBtns {
            background-color: transparent;
            border: none;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #FFFFFF;
            opacity: 1;
            font-size: 14px;
            margin-top: 0;
            margin-bottom: 0;
            font-weight: 600;
        }

        .example-open.modal-open .modal-backdrop {
            z-index: 1048;
        }

        .modal-open .modal-backdrop {
            z-index: 9998;
        }

        .modal {
            z-index: 10000 !important;
        }

        .ooctosLogo {
            width: 80px;
            margin-left: 1px;
        }

        #copyright {
            font-size: 16px;
            line-height: 28px;
        }

        .bootstrap-timepicker-widget table td a:hover {
            background-color: transparent;
            border-color: transparent;
            border-radius: 4px;
            color: #3292e0;
            text-decoration: none;
        }

        .bootstrap-timepicker-widget table td input {
            border: none;
        }

        .bootstrap-timepicker-widget.dropdown-menu {
            -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
            box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        }

        .bootstrap-timepicker-widget table td input {
            width: 50px;
            margin: 0;
            text-align: center;
            outline: none;
        }

        .subScribe-open .modal-backdrop.show {
            background-color: #4E70EA;
        }

        .freeTrialText.enjoySubScribe h3 {
            line-height: 28px;
        }

        .post_blog {
            border: 1px solid rgba(0, 0, 0, .125);
            border-radius: .60rem;
            padding: 20px;
            background-color: rgb(236 240 255 / 0.3);
        }

        .jtsBlogMain .blogSection .blogText p.blogDate,
        .jtsBlogDetailsMain .blogDetailsText .post-content p.blogDate {
            font-size: 1rem;
            margin-bottom: .5rem;
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            font-weight: 500;
            line-height: 2.2;
            margin-top: 0;
            font-style: italic;
        }

        /*-----------------new css 23/09/2020---------------------*/

        .cServicePro .csProProduct {
            border: 2px solid #EEF1FF;
            border-radius: 25px;
            background: #EEF1FF;
        }

        .cServicePro .csProProduct.NewJTSProduct .cProtable img {
            /* width: 100px;
    height: 100px; */
            width: 130px;
            height: 130px;
        }

        .cServicePro .csProProduct.NewJTSProduct .cProtable .cproText p {
            font-size: 24px;
        }

        .cServicePro .csProProduct.NewJTSProduct .cProtable .cproText span i {
            font-size: 16px;
        }

        .cServicePro .csProProduct.NewJTSProduct .cProtable .cproText span i.unchecked {
            color: #C6C7C9
        }

        .cServicePro .csProProduct.NewJTSProduct .cProtable .cproText span {
            font-size: 12px;
        }

        .cServicePro .csProProduct.NewJTSProduct .cProtable a {
            display: table;
            width: 100%;
            max-width: 100%;
        }

        .cServicePro .NewJTSProduct .cPLocation .LocText {
            display: table-cell;
            width: 50%;
        }

        .cServicePro .csProProduct.NewJTSProduct .cProtable .cproText .NewLocText p {
            font-size: 15px;
        }

        .cServicePro .csProProduct.NewJTSProduct .cProtable .cproText span {
            font-size: 15px;
        }

        .cServicePro .csProProduct.NewJTSProduct .cProtable img.ServiceOffered {
            width: 31px;
            height: 31px;
            display: table-cell;
        }

        .cServicePro .NewJTSProduct .cPLocation .LocText.NewLocText {
            display: table;
            width: 100%;
        }

        .JTsServiceDetails {
            display: table-cell;
            vertical-align: top;
            /* line-height: 17px; */
            line-height: 20px;
        }

        .cServicePro .csProDetails.NewCsProDetails {
            width: 100%;
        }

        .cServicePro .csProDetails.NewCsProDetails .csIntro p {
            color: #171717;
            font-size: 15px;
            color: #171717;
            text-align: justify;
        }

        .cServicePro .csProProduct.csProHeight.NewJTSProduct {
            height: 100%;
            min-height: 100%;
            padding-bottom: 83px;
        }

        .cServicePro .NewJTSProduct .CsButtons {
            position: absolute;
            bottom: 0;
            left: 0;
            margin-bottom: 20px;
        }

        .servicePoint img {
            width: 31px;
            height: 31px;
            display: table-cell;
        }

        .servicePoint .JTsServiceDetails p {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #0C0C0C;
            opacity: 1;
            font-size: 14px;
            font-weight: 600;
            margin-bottom: 0;
            line-height: 22px;
        }

        .servicePoint .JTsServiceDetails span {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #2D2D2D;
            opacity: 1;
            font-size: 14px;
            display: block;
        }

        .servicePoint .JTsServiceDetails {
            padding-left: 10px;
            width: 100%;
        }

        .cServicePro .CsButtons .ViewCompare {
            margin-right: 17px;
        }

        .newIntro {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
        }

        .newSelf {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
        }

        .cServicePro .csProDetails.cspDetails {
            width: 100%;
        }

        .cServicePro .NewJTSProduct.NewCspJTS .cPLocation .LocText.NewLocText {
            width: 77%;
        }

        .NewCspJTS .JTsServiceDetails {
            width: 50%;
        }

        .csIntro.NewCsInto h3 {
            font-size: 18px !important;
            font-weight: bold !important;
        }

        .servicePoint .JTsServiceDetails p.BigBusinessFont {
            font-size: 18px;
            font-weight: bold;
            line-height: 25px;
        }

        .cServicePro .csProDetails .featureImg.newFeaturesImg img {
            width: 130px;
            height: 100px;
        }

        .cServicePro .csProDetails .newFeaturesImg .owl-nav {
            margin-top: -77px;
            margin-bottom: 90px;
        }

        .cServicePro .csProProduct.NewJTSProduct .cProtable img.NewCerrect {
            width: 27px;
            height: 27px;
            vertical-align: middle;
            display: inline-block;
            margin-top: -8px;
        }

        .C_home.New_Chome .fndTileSatter .fndText h3 {
            font-size: 22px;
            text-align: left;
        }

        .C_home.New_Chome .fndTileSatter .fndText a {
            background: #4E70EA 0% 0% no-repeat padding-box;
            border-radius: 4px;
            opacity: 1;
            padding: 14px 17px;
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0;
            color: #ffffff;
            font-size: 14px;
            font-weight: 600;
            cursor: pointer;
            margin-top: 20px;
        }

        .C_home.New_Chome .fndTileSatter .fndText a i {
            background: #ECF0FF 0% 0% no-repeat padding-box;
            border-radius: 6px;
            opacity: 1;
            color: #4E70EA;
            padding: 7px 11px;
            margin-left: 11px;
        }

        .C_home.New_Chome .fndTileSatter .fndText a:hover {
            background: #ECF0FF 0% 0% no-repeat padding-box;
            color: #4E70EA;
        }

        .C_home.New_Chome .fndTileSatter .fndText a:hover i {
            background: #ffffff 0% 0% no-repeat padding-box;
            color: #4E70EA;
        }

        .C_home.New_Chome .fndTileSatter .fndText p {
            font-weight: 600;
            height: 83px;
        }

        .cServicePro .CsButtons .AddCompare a {
            color: #4E70EA;
        }

        .cServicePro.CMB-100 {
            margin-bottom: 70px;
        }

        .CardNote {
            background: #7DECAD 0% 0% no-repeat padding-box;
            height: 60px;
            width: 100%;
        }

        .CardNote p {
            color: #2D2D2D;
            text-align: left;
            letter-spacing: 0px;
            color: #2D2D2D;
            opacity: 1;
            font-size: 14px;
            padding: 20px;
            font-weight: 600;
        }

        .CardCategory {
            display: block;
            position: relative;
            padding-left: 39px;
            margin-bottom: 12px;
            cursor: pointer;
            font-size: 22px;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            margin-top: 10px;
        }

        /* Hide the browser's default radio button */

        .CardCategory input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
        }

        /* Create a custom radio button */

        .checkmarkCard {
            position: absolute;
            top: 13px;
            left: 0;
            height: 25px;
            width: 25px;
            background-color: #DAE2FC;
            border-radius: 50%;
        }

        /* On mouse-over, add a grey background color */

        .CardCategory:hover input~.checkmarkCard {
            background-color: #DAE2FC;
        }

        /* When the radio button is checked, add a blue background */

        .CardCategory input:checked~.checkmarkCard {
            background-color: #DAE2FC;
        }

        /* Create the indicator (the dot/circle - hidden when not checked) */

        .checkmarkCard:after {
            content: "";
            position: absolute;
            display: none;
        }

        /* Show the indicator (dot/circle) when checked */

        .CardCategory input:checked~.checkmarkCard:after {
            display: block;
        }

        /* Style the indicator (dot/circle) */

        .CardCategory .checkmarkCard:after {
            top: 5px;
            left: 5px;
            width: 15px;
            height: 15px;
            border-radius: 50%;
            background: #4E70EA;
        }

        .CardCategory span {
            color: #2d2d2d;
            text-align: left;
            letter-spacing: 0px;
            color: #2D2D2D;
            opacity: 1;
            font-weight: 600;
            font-size: 16px;
        }

        .CardCategory img {
            width: 32px;
            height: 32px;
            margin-right: 7px;
        }

        .CardCategory span.CardComa {
            font-size: 26px;
            margin: 0 5px;
        }

        .CardNote span {
            color: #2D2D2D;
            text-align: left;
            letter-spacing: 0px;
            color: #2D2D2D;
            opacity: 1;
            font-size: 14px;
            font-weight: 400;
        }

        .CardNote.CardInfos {
            background: transparent;
            padding-left: 5px;
            position: relative;
            height: auto;
            margin: 5px 0px;
        }
        .CardNote.CardInfos svg {
            height: 15px;
            width: 15px;
        }
        p.CardNote.CardInfos {
            font-size: 14px;
            font-weight: 600;
            letter-spacing: -1px;
        }
        p.CardNote.CardInfos svg {
            margin-right: 10px;
        }
        .CardNote.CardInfos img {
            width: 30px;
            height: 30px;
            /* position: absolute; */
            /* left: 0; */
            margin-right: 20px;
        }

        .cServicePro .CsButtons .AddCompare:hover a {
            color: #ffffff;
        }

        .cServicePro .csProProduct .cProtable .cproEmerg.cproEmergAbsulute {
            position: absolute;
            top: 0;
            right: 0;
        }

        .cServicePro .csProDetails .csIntro h3.aboutYourSalf {
            font-size: 17px !important;
        }

        .cServicePro .csProDetails .csIntro.csAbout.YoursAbout {
            margin-top: 0;
        }

        .cServicePro .csProProduct.NewJTSProduct .cProtable .cproText .NewLocText .YoursAbout p {
            font-weight: 500;
        }

        .cServicePro .csProDetails.CSproW-100 {
            width: 750px;
        }

        .cServicePro .CSproW-100 .NewJTSProduct.NewCspJTS .cPLocation .LocText.NewLocText {
            width: 100%;
        }

        .JTSuserInfo {
            margin-top: 130px;
        }

        .JTSuserInfo.JTSmT {
            margin-top: 107px;
        }

        .userBak {
            color: #2d2d2d;
            text-align: left;
            letter-spacing: 0px;
            color: #2D2D2D;
            opacity: 1;
            font-size: 14px;
            font-weight: 600;
            margin-left: 5px;
        }

        .userFilter {
            background: #4E70EA 0% 0% no-repeat padding-box;
            box-shadow: 0px 8px 15px #D0D9FC;
            border-radius: 4px;
            text-align: center;
            letter-spacing: 0;
            color: #FFFFFF;
            opacity: 1;
            font-size: 15px;
            font-weight: 600;
            border: none;
            padding: 12px 52px;
        }

        .TileSatterData img {
            width: 120px;
            height: 120px;
            border-radius: 8px;
        }

        .TileSatterData img.JTSUserProImg {
            width: 50px !important;
            height: 50px !important;
        }

        .TileSatterData p {
            color: #2d2d2d;
            text-align: left;
            letter-spacing: 0px;
            color: #2D2D2D;
            opacity: 1;
            font-weight: 900;
            /* font-size: 24px; */
            font-size: 21px;
            margin-bottom: 8px;
        }

        .TileSatterData img.siren {
            width: 24px;
            height: 36px;
            position: absolute;
            right: 22px;
            top: 13px;
        }

        .TileSatterData span {
            text-align: left;
            letter-spacing: 0px;
            color: #999999;
            opacity: 1;
            font-size: 12px;
        }

        .TileSatterData span i {
            margin-right: 5px;
            color: #FFB727;
            font-size: 16px;
        }

        .TileSetterProduct {
            border: 2px solid #EEF1FF;
            border-radius: 25px;
            background: transparent;
            margin-top: 30px;
            padding: 30px 30px 0px 30px;
            position: relative;
            background-color: #EEF1FF;
        }

        .TileSatterData img.ServiceOffered {
            width: 35px;
            height: 35px;
        }

        .TileSatterData .JTsServiceDetails p {
            text-align: left;
            letter-spacing: 0;
            color: #0C0C0C;
            opacity: 1;
            font-size: 14px;
            font-weight: 600;
            margin-bottom: 0;
            line-height: 22px;
        }

        .TileSatterData .JTsServiceDetails span {
            text-align: left;
            letter-spacing: 0;
            color: #2D2D2D;
            opacity: 1;
            font-size: 14px;
            display: block;
        }

        .TileSatterData .TileIntro h3 {
            text-align: left;
            letter-spacing: 0px;
            color: #0C0C0C;
            opacity: 1;
            font-size: 16px;
            font-weight: 600;
        }

        .TileSatterData .TileIntro p {
            text-align: left;
            letter-spacing: -0.08px;
            color: #171717;
            font-size: 16px;
            font-weight: 400;
        }

        .TileSatterData .TileIntro p a {
            color: #4E70EA;
        }

        .UserDetailsBottom button {
            background: #4E70EA 0% 0% no-repeat padding-box;
            box-shadow: 0px 8px 15px #D0D9FC;
            border-radius: 6px;
            opacity: 1;
            padding: 17px 2px;
            text-align: center;
            letter-spacing: 0px;
            color: #FFFFFF;
            opacity: 1;
            font-size: 14px;
            border: none;
            width: 100%;
            font-weight: 600;
        }

        .UserDetailsBottom button:hover {
            background: #FFFFFF 0% 0% no-repeat padding-box;
            border: 2px solid #EBEBEB;
        }

        .UserDetailsBottom button:hover a {
            color: #4E70EA;
        }

        .UserDetailsBottom button a {
            color: #FFFFFF;
        }

        .UserDetailsBottom button.UserCompare {
            background: #FFFFFF 0% 0% no-repeat padding-box;
            border: 2px solid #EBEBEB;
            color: #4E70EA;
        }

        .UserDetailsBottom button.UserCompare:hover {
            background: #4E70EA 0% 0% no-repeat padding-box;
            border: 2px solid #4E70EA;
            color: #ffffff;
        }

        .TileSatterData .JTsServiceDetails.porceSpan span {
            display: inline-block;
        }

        .cServicePro .csProDetails.userProDetails .RatingComments .ratUsers .userStarCom span.fa.fa-star {
            font-size: 18px;
            margin-right: 3px;
        }

        .cServicePro .csProDetails.userCertificate .featureImg .owl-nav span {
            /* color: #fff; */
            color: #fff;
        }

        .cServicePro .csProProduct .cProtable.newCprotable img {
            margin-right: 25px;
        }

        button.cardFormBtnSkip {
            margin-top: 20px;
            background-color: #eef1ff;
            border: none;
            padding: 18px 5px;
            border-radius: 4px;
            font-weight: 600;
            font-family: 'Open Sans', sans-serif;
            font-size: 14px;
            color: #2D2D2D;
        }

        button.cardFormBtnSkip:hover {
            background-color: #4E70EA;
            color: #ffffff;
        }

        button.cardFormBtnSkip i {
            margin-right: 12px;
        }

        .modalImages {
            display: none;
            position: fixed;
            z-index: 1;
            padding-top: 0;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            overflow: auto;
            background-color: rgb(0, 0, 0);
            background-color: rgba(0, 0, 0, 0.7);
        }

        /* Modal Content (image) */

        .modal-content-images {
            margin: auto;
            display: block;
            width: 100%;
            max-width: 100%;
        }

        /* Add Animation */

        .modal-content-images {
            -webkit-animation-name: zoom;
            -webkit-animation-duration: 0.6s;
            animation-name: zoom;
            animation-duration: 0.6s;
        }

        @-webkit-keyframes zoom {
            from {
                -webkit-transform: scale(0)
            }

            to {
                -webkit-transform: scale(1)
            }
        }

        @keyframes zoom {
            from {
                transform: scale(0)
            }

            to {
                transform: scale(1)
            }
        }

        /* The Close Button */

        .closeImages {
            color: #fff !important;
            opacity: 1 !important;
            margin-bottom: 5px;
            font-size: 30px;
        }

        .closeImages:hover,
        .closeImages:focus {
            color: #bbb;
            text-decoration: none;
            cursor: pointer;
        }

        /* 100% Image Width on Smaller Screens */

        @media only screen and (max-width: 700px) {
            .modal-content-images {
                width: 100%;
            }
        }

        .modal-body-images {
            max-height: calc(100vh - 40px);
            overflow-y: auto;
        }

        /* Hide scrollbar for Chrome, Safari and Opera */

        .exampleImg::-webkit-scrollbar {
            display: none;
        }

        /* Hide scrollbar for IE, Edge and Firefox */

        .exampleImg {
            -ms-overflow-style: none;
            /* IE and Edge */
            scrollbar-width: none;
            /* Firefox */
        }

        .userIntroJts {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
        }

        .sociallinkcss {
            display: contents;
            float: left;
            width: 100%;
            position: inherit;
        }

        .WeblinkSort {
            display: block;
            white-space: nowrap;
            width: 12em;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .cServicePro .cPLocation .LocText p.breakSpace {
            display: inline-block;
        }

        button.ViewProDetails:hover {
            color: #4e70ea;
        }

        .cProModelBackground {
            background: rgba(0, 0, 0, 0.7);
        }

        /*-------21-09-21---------*/

        .filter-sec form {
            width: 78%;
            float: left;
            margin-top: 15px;
        }

        .filter-sec .userFilter {
            padding: 8px 0px;
            margin-top: 15px;
            width: 20%;
            text-align: center;
        }

        .modal-header {
            padding-bottom: 0px !important;
        }

        .modal {
            overflow-y: auto !important;
        }

        .clientProduct .owl-carousel .owl-nav {
            margin-top: 40px !important;
        }

        .clientProduct .owl-carousel .owl-nav .owl-next:hover,
        .clientProduct .owl-carousel .owl-nav .owl-prev:hover {
            background: none !important;
            opacity: .5;
        }

        .clientProduct .owl-carousel .owl-nav .owl-next span,
        .clientProduct .owl-carousel .owl-nav .owl-prev span {
            width: 40px;
            height: 25px;
            font-size: 0px;
            float: left;
        }

        .clientProduct .owl-carousel .owl-nav .owl-next span {
            background: url(../img/next.svg) center center no-repeat !important;
        }

        .clientProduct .owl-carousel .owl-nav .owl-prev span {
            background: url(../img/prev.svg) center center no-repeat !important;
        }

        .clients-reviews .owl-carousel .owl-nav {
            margin-top: 40px !important;
        }

        .clients-reviews .owl-carousel .owl-nav .owl-next:hover,
        .clients-reviews .owl-carousel .owl-nav .owl-prev:hover {
            background: none !important;
            opacity: .5;
        }

        .clients-reviews .owl-carousel .owl-nav .owl-next span,
        .clients-reviews .owl-carousel .owl-nav .owl-prev span {
            width: 40px;
            height: 25px;
            font-size: 0px;
            float: left;
        }

        .clients-reviews .owl-carousel .owl-nav .owl-next span {
            background: url(../img/next.svg) center center no-repeat !important;
        }

        .clients-reviews .owl-carousel .owl-nav .owl-prev span {
            background: url(../img/prev.svg) center center no-repeat !important;
        }

        /*---------About us----------*/

        .jtsAboutMain {
            background: url(../img/findnow-bg.png) center center no-repeat;
            padding: 60px 0px;
            text-align: left;
            margin-top: 100px;
        }

        .jtsAboutMain-txt {
            width: 100%;
            margin-top: 0px;
        }

        .jtsAboutMain-txt h2 {
            text-align: left !important;
            font-size: 44px;
        }

        .jtsAboutMain-txt p {
            color: #0A0A0A;
            font-weight: 600;
            margin-bottom: 30px;
            text-align: left;
        }

        .jtsAboutMain-img {
            position: relative;
            height: 450px;
            margin-top: 50px;
        }

        .jtsAboutMain-img::after {
            position: absolute;
            left: 80px;
            bottom: 60px;
            background: #6885ED;
            width: 250px;
            height: 250px;
            content: "";
            z-index: 1;
        }

        .jtsAboutMain-img img {
            position: absolute;
            right: 0px;
            top: 0px;
            width: 350px !important;
            height: 350px !important;
            object-fit: cover;
            z-index: 2;
        }

        /*---------Contact us----------*/

        .contactUsMain {
            background: url(../img/findnow-bg.png) center center no-repeat;
            padding: 60px 0px;
            text-align: left;
            margin-top: 0px;
        }

        .contactUsMain-txt {
            width: 60%;
            margin-bottom: 70px;
        }

        .contactUsMain-txt h2 {
            text-align: left !important;
            font-size: 44px;
        }

        .contactUsMain-txt p {
            color: #0A0A0A;
            font-weight: 600;
            margin-bottom: 30px;
            text-align: left;
        }

        .spFaqs .accordion .tab-pane.show {
            display: block !important;
        }

        /*------------------15-07-22---------*/

        .form-group {
            position: relative;
        }

        .form-group i.change-pass-icon {
            position: absolute;
            right: 10px;
            top: 45px;
            cursor: pointer;
        }

        #resetpassword .form-group i.change-pass-icon {
            color: #fff;
        }

        @media (max-width: 576px) {
            .spbusinessProgress {
                max-width: 100%;
            }

            .g-recaptcha {
                transform: scale(0.66);
                transform-origin: 0 0;
            }
        }

        .g-recaptcha {
            transform: scale(0.77);
            transform-origin: 0 0;
        }

        .pagination .page-a-link {
            background-color: #ecf0ff !important;
        }

        .pagination .active {
            background-color: #4e70ea !important;
        }


        .plan_new {
            margin-top: 82px;
            position: relative;
            height: calc(100vh - 82px);
        }

        .plan_new .container-fluid {
            position: relative;
            z-index: 3;
            height: 100%;
            width: 100%;
            max-width: 1360px;
        }

        .plan_new::before {
            position: absolute;
            background: url(../img/plan-bg.png) left top no-repeat;
            background-size: cover;
            left: 0px;
            top: 0px;
            height: calc(100vh - 82px);
            content: '';
            width: 50%;
            z-index: 1;
        }

        .plan_new::after {
            position: absolute;
            background: rgba(56, 86, 196, .8);
            left: 0px;
            top: 0px;
            height: calc(100vh - 82px);
            content: '';
            width: 50%;
            z-index: 2;
        }

        .plan-left,
        .plan-right {
            width: 100%;
            height: calc(100vh - 82px);
            display: table;
        }

        .plan-left span,
        .plan-right span {
            vertical-align: middle;
            display: table-cell;
        }

        .plan-left h3 {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            font-size: 44px;
            font-weight: 600;
            letter-spacing: 0px;
            color: #FFFFFF;
            opacity: 1;
            margin-bottom: 10px;
        }

        .plan-left h4 {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            font-size: 34px;
            font-weight: 400;
            letter-spacing: 0px;
            color: #fff;
            opacity: 1;
            margin: 60px 0px 40px;
        }

        .plan-left p {
            text-align: justify;
            font-family: 'Open Sans', sans-serif;
            font-size: 15px;
            letter-spacing: 0px;
            color: #fff;
            opacity: 1;
            line-height: 23px;
            margin-bottom: 0;
        }

        .plan-left ul {
            margin: 0px;
            padding: 0px;
            list-style: none;
        }

        .plan-left ul li {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            font-size: 15px;
            letter-spacing: 0px;
            color: #fff;
            opacity: 1;
            line-height: 23px;
            margin-bottom: 15px;
            width: 40%;
            float: left;
            background: url(../img/plan-ic.svg) left 6px no-repeat;
            padding-left: 20px;
            margin-right: 5%;
        }

        .plan-right {
            padding: 40px 10%;
        }

        .plan-right h3 {
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            font-size: 30px;
            font-weight: bold;
            letter-spacing: 0px;
            color: #0C0C0C;
            opacity: 1;
            margin-bottom: 10px;
        }

        .plan-right h5 {
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            font-size: 24px;
            font-weight: 400;
            letter-spacing: 0px;
            color: #4E70EA;
            opacity: 1;
            margin: 40px 0px 20px;
        }

        .plan-right ul {
            list-style: none;
        }

        .plan-right ul li {
            background: #6883E5;
            border-radius: 8px;
            margin-bottom: 20px;
            position: relative;
            padding: 30px 0px 35px 65px;
        }

        span.leftplan {
            position: absolute;
            background: #fff;
            transform: rotateY(0deg) rotate(-45deg);
            padding: 2px 0px;
            font-size: 12px;
            top: 20px;
            left: -24px;
            width: 110px;
            text-align: center;
        }

        .plan-right ul li h5 {
            text-align: left;
            font-family: 'Open Sans', sans-serif;
            font-size: 24px;
            font-weight: 400;
            letter-spacing: 0px;
            color: #fff;
            opacity: 1;
            margin: auto;
            width: auto;
            display: inline-block;
        }

        .plan-right ul li h5 span {
            display: inline-block;
            font-size: 18px;
            font-weight: 900;
        }

        span.btn {
            display: inline-block;
            color: #6883E5;
            background: #fff;
            padding: 2px 5px;
            font-size: 12px;
            margin-top: -5px;
            margin-left: 10px;
        }

        span.btn:hover{
            color: #6883E5;
        }

        .plan-right ul{
            margin: 0px;
            padding: 0px;
        }

        .plan-right ul li .custom-control {
            position: absolute;
            right: 0px;
            top: 10px;
            margin-right: 7px;
        }

        .plan-right .custom-control-label::before {
            width: 23px;
            height: 23px;
        }

        .plan-right .custom-control-input:checked~.custom-control-label::before {
            color: #fff;
            border: 1.5px solid #007bff;
            background-color: #EEF1FF;
            width: 24px;
            height: 24px;
        }

        .plan-right .custom-radio .custom-control-input:checked~.custom-control-label::after {
            background-image: none !important;
            background-color: #007bff;
            width: 16px;
            height: 16px;
            border-radius: 50% !important;
            top: 8px;
            left: -20px;
        }

        span.rec-btn {
            display: inline-block;
            margin-top: -25px;
        }

        span.rec-btn img {
            position: relative;
            z-index: 2;
        }

        span.rec-btn span.btn {
            display: inline-block;
            color: #fff;
            background: #45BC29;
            padding: 4px 10px 4px 15px;
            font-size: 12px;
            margin-top: 8px;
            margin-left: -20px;
            z-index: 1;
            position: relative;
        }

        .plan-right ul li.plan2 {
            background: #EBC235;
        }

        .plan-right ul li.plan2 span.leftplan {
            color: #EBC235;
        }

        .plan-right ul li.plan3 {
            background: #D8D8D8;
        }

        .plan-right ul li.plan3 span.leftplan {
            color: #D8D8D8;
        }

        .plan-right ul li.plan3 h5{
            color: #4A4747;
        }

        .plan-right ul li.plan4 {
            background: #C77B30;
        }

        .plan-right ul li.plan4 span.leftplan {
            color: #C77B30;
        }

        .continue-btn {
            height: 62px;
            border: 0px;
            background: #4E70EA 0% 0% no-repeat padding-box;
            border-radius: 8px;
            width: 100%;
            color: #fff;
            font-size: 16px;
        }

        .plan_new2 .plan-right ul li {
            padding: 30px 0px 0px;
        }

        .plan_new2 .plan-right ul li h5 {
           padding-left: 65px;
        }

        .plan-bottom {
            background: #EEF1FF 0% 0% no-repeat padding-box;
            box-shadow: 0px 3px 14px #EBEBEB66;
            border: 2px solid #4E70EA;
            border-radius: 0px 0px 10px 10px;
            border-top: 0px;
            margin-top: 30px;
            color: #0C0C0C;
            font-size: 14px;
            padding: 10px 10px;
            text-align: center;
        }

        .plan_new2 .plan-right h3 {
            margin-bottom: 15px;
            text-align: left;
        }

        .freetrial {
            background: #FFFFFF;
            box-shadow: 0px 3px 14px #EBEBEB66;
            border: 2px solid #E8E8E8;
            border-radius: 10px;
            padding: 40px 20px;
            position: relative;
            margin-bottom: 30px;
        }

        .freetrial span.free-btn {
                height: 44px;
                background: #40B81C 0% 0% no-repeat padding-box;
                box-shadow: 0px 3px 6px #40B81C4F;
                border-radius: 4px;
                padding: 0px 15px;
                position: absolute;
                top: -20px;
                color: #fff;
                line-height: 44px;
            }

            .freetrial span.active {
                letter-spacing: -0.42px;
                color: #4E70EA;
                font-weight: 600;
                float: right;
            }

            .freetrial p {
                font-size: 18px;
                width: 60%;
                margin-bottom: 0px;
            }

            

.businesspagenew{
    background-image: none;
}

.businesspagenew h1 {
    text-align: center;
    margin-bottom: 35px;
    line-height: 60px;
}

.businesspage-col{
    text-align: center;
}

.businesspage-col img {
    width: 250px;
    height: 250px;
    border-radius: 50%;
    object-fit: cover;
    display: inline-block;
    border: #fff 10px solid;
}

.businesspage-col h3 {
    font-size: 34px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    margin: 20px 0px;
}

.businesspage-col p {
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    letter-spacing: 0px;
    color: #EBEBEB;
    opacity: 1;
    margin-bottom: 0;
    width: 80%;
    display: inline-block;
}

.freetrial-sec{
    padding: 30px 0px;
    width: 100%;
    display: inline-block;
}

.freetrial-img{
    width: 100%;
    position: relative;
    float: left;
}

.freetrial-img img{
    width: 100%;
}

.freetrial-txt {
    width: 50%;
    position: absolute;
    top: 130px;
    right: 0px;
}

.freetrial-txt h2 {
    font-size: 66px;
    color: #4E70EA;
    text-align: left;
    font-weight: 900;
    font-family: 'Sofia Pro';
    margin-bottom: 20px;
}

.freetrial-txt p {
    font-size: 18px;
    width: 80%;
    margin-bottom: 0px;
    color: #0C0C0C;
    font-weight: 600;
    line-height: 30px;
}


 /*-----------fotr mobile--------------*/

.businesspagemobilenew .businesspagenew {
    background-image: none;
    padding: 60px 0px;
    height: auto;
    margin-top: 0px;
}

.businesspagemobilenew .businesspagenew  .businesspage-col {
    margin-bottom: 30px;
}

.businesspagemobilenew .businesspagenew h1 {
    text-align: center;
    margin-bottom: 35px;
    line-height: 36px;
    font-size: 28px;
}

.businesspagemobilenew .businesspage-col img {
    width: 200px;
    height: 200px;
    border: #fff 6px solid;
}

.businesspagemobilenew .businesspage-col h3 {
    font-size: 26px;
    margin: 10px 0px;
}

.businesspagemobilenew .businesspage-col p {
    font-size: 16px;
    width: 100%;
}

.businesspagemobilenew .freetrial-main{
    background: #FFBC5B;
}

.businesspagemobilenew .freetrial-p {
    padding: 10px 20px 20px;
    color: #0C0C0C;
    font-size: 16px;
    width: 100%;
    display: inline-block;
    margin-top: -10px;
    position: relative;
    z-index: 9;
}

.businesspagemobilenew .businessAreas a {
    text-align: center;
    background: #4E70EA;
    color: #fff;
    width: 300px;
    display: inline-block;
}

.businesspagemobilenew .businessAreas {
    background: #fff;
    padding-top: 10px;
}

.businesspagemobilenew .businessAreas h4 {
    margin-bottom: 27px;
    text-align: center;
    font-size: 20px;
    color: #000;
}

.businesspagemobilenew .freetrial-img img {
    width: 100%;
    height: auto;
}

.viewpdf-btn{
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    padding: 0px 15px;
    display: inline-block;
    margin: 15px 0px;
}
.viewpdf-btn:hover{
    background-color: #000;
    border-color: #000;
}

p.activestatus {
    display: inline-block;
    background: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    font-weight: bold;
    margin-left: 10px;
    font-size: 15px;
    margin-bottom: 0px;
}

.plan_new2 p.activestatus {
    display: inline-block;
    background: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    font-weight: bold;
    margin-left: 0px;
    font-size: 15px;
    margin-bottom: 0px;
    position: absolute;
    right: 15px;
    top: 12px;
}
.plan1 p.activestatus{
    color: #6883E5;
}
.plan2 p.activestatus{
    color: #EBC235;
}
.plan3 p.activestatus{
    color: #D8D8D8;
}
.plan4 p.activestatus{
    color: #C77B30;
}

   

    .uploadntca-heading {
        background: url(../img/upload-banner.png) left top no-repeat;
        padding: 60px 0px;
        text-align: left;
        margin-top: 80px;
    }

    .uploadntca-heading  h5{
        color: #2D2D2D;
        font-size: 21px;
        font-weight: 600;
        position: relative;
    }
    .uploadntca-heading  h5::after {
        width: 40px;
        height: 3px;
        background: #4E70EA;
        float: left;
        content: "";
        position: absolute;
        left: 0px;
        bottom: -10px;
    }

    .uploadntca-cont .SpStep2 {
        padding: 0px 0px 40px;
        text-align: center;
        margin-top: 70px;
        border: #EEF1FF 1px solid;
        border-radius: 17px;
    }
    .upload-img{
    background: #EEF1FF 0% 0% no-repeat padding-box;
    border-radius: 17px;
    padding: 30px;
    margin-bottom: 30px;
    }

    .upload-img h4 {
        text-align: center;
        font-family: 'Open Sans', sans-serif;
        font-size: 24px;
        font-weight: 600;
        letter-spacing: 0px;
        color: #2D2D2D;
        opacity: 1;
        margin-top: 40px;
        width: 100%;
    }

    .upload-img img {
        width: auto;
        max-width: 100%;
        height: auto;
    }

    .uploadntca-cont #image_upload_preview2 {
        width: auto;
        display: inline-block;
        margin: 0px 30px;
    } 

    .uploadntca-cont #image_upload_preview2 .addPhotosFeaturedNtcaCerti {
        width: auto;
        float: left;
        margin: 0px 20px;
    }

    .uploadntca-cont #image_upload_preview2 .galleryfeaturedntcaCerti {
        width: auto;
        float: left;
    }
#our_certificate_slider{
    display: block;
}
p.selectplantext {
    padding: 0px 20px;
    text-align: center;
    font-size: 14px;
}


.plan-newchanges.plan_new {
    margin-top: 82px;
    position: relative;
    height: 100%;
}


.plan-newchanges.plan_new::before {
    position: absolute;
    background: url(../img/plan-bg.png) left top no-repeat;
    background-size: cover;
    left: 0px;
    top: 0px;
    height: 100%;
    content: '';
    width: 50%;
    z-index: 1;
}

.plan-newchanges.plan_new::after {
    position: absolute;
    background: rgba(56, 86, 196, .8);
    left: 0px;
    top: 0px;
    height: 100%;
    content: '';
    width: 50%;
    z-index: 2;
}

.plan-newchanges .plan-left, .plan-newchanges .plan-right {
    height: 100%;
}

.usersocialsignupform{
    margin-bottom: 50px;
}
.viewotherbtn {
    text-align: center;
    margin-bottom: 20px;
}

.viewotherbtn a {
    border-bottom: 1px solid;
}

.mainHomeBg:before {
    background: #000;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    opacity: 0.2;
}
.arrow.is-right {
    -moz-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
}
.arrow {
    margin: 25px;
    display: inline-block;
    height: 21px;
    position: relative;
    width: 22px;
    margin-right: 0;
}
.arrow.arrow-bar::before {
    bottom: 1px;
    content: "";
    height: 60px;
    position: absolute;
    right: 0;
    transform-origin: bottom;
    width: 4px;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.arrow::before, .arrow .arrow::before {
    background-color: #4e70ea;

}
.arrow::after {
    border-bottom-style: solid;
    border-bottom-width: 4px;
    border-right-style: solid;
    border-right-width: 4px;
    content: "";
    display: inline-block;
    height: 22px;
    left: 0px;
    position: absolute;
    top: 0;
    width: 22px;
}
.arrow::after, .arrow .arrow::after {
    border-color: #4e70ea;
}

.blog-title {
    text-align: center !important;    
}

.blog-title h1{
    font-weight: bold;
}

.blog-title h2{
    text-align: center !important;
    font-size: 28px;
    font-weight: 400;
}

.about-title h1{
    /*font-family: 'Sofia Pro';*/
    font-weight: bold;
    font-size: 44px;
    margin-bottom: 32px;
}


.plans-pricing {
    background: #ECF0FF;
    margin-top: 80px;
    padding: 60px 0;
    font-family: 'Open Sans', sans-serif;
}

.plans-pricing-inner {
    background: #fff;
    padding: 45px;
    border-radius: 20px;
    position: relative;
    z-index: 9;
    overflow: hidden;
    margin-top: 50px;
}


.plans-pricing p {
    letter-spacing: 0px;
    color: #0C0C0C;
    font-size: 18px;
    font-weight: 500;
}

.plans-pricing .plans-pricing-inner h2 {
    font-size: 60px;
    color:#4E70EA;
}

.plans-pricing-second .plans-pricing-inner h2 {
    font-size: 40px;
    color:#4E70EA;
}

.plans-pricing h3 {
    font-size: 20px;
    color:#0C0C0C;
}

.plans-pricing  ul {
    padding: 0;
    border-top: 1px solid #DCDCDC;
    padding-top: 20px;
}

.plans-pricing  li {
    list-style: none;
    text-align: left;
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
    padding-left: 30px;
    position: relative;
    margin-bottom: 20px;
}
.plans-pricing li strong {
    display: block;
    font-size: 15px;
}


.plans-pricing.selected li strong {
  color: #EEFF00 !important;
}
.plans-pricing.selected ul {
    border: none;
    column-count: 2;
}
.plans-pricing.selected ul li {
    margin-bottom: 50px;
}

.plans-pricing.selected h3 {
    font-size: 30px;
    font-weight: 600;
    margin-top: 40px;
}

.plans-pricing.selected p {
    max-width: 450px;
}

.plans-pricing-inner .btn-primary {
    font-size: 22px;
    font-family: 'Open Sans', sans-serif;
    width: 100%;
    font-weight: 700;
    min-height: 72px;
}


.plans-pricing li:before {
    content: url(../img/check-list.svg);
    position: absolute;
    left: 0;
}

span.tag {
    letter-spacing: 0.72px;
    font-size: 25px;
    font-weight: 700;
    display: flex;
    text-align: center;
    justify-content: center;
    color: #fff;
    transform: rotate(-35deg);
    position: absolute;
    left: -57px;
    top: 0;
    padding: 4px 150px 4px 70px;
}

span.tag.bronz{
    background: #C77B30;
}

span.tag.silver{
    background: #E4E1E1;
}

span.tag.gold{
    background: #EBC235;
}

.plans-pricing.selected {
    background: #fff;
    padding: 0;
}

.bg-blue {
    background: #3856C4;
}

.plans-pricing-selected-inner{
    height: calc(100vh - 80px);
    padding: 100px 135px;
}

.trial-period {
    background: #EEF1FF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 14px #EBEBEB66;
    border: 2px solid #4E70EA;
    border-radius: 10px;
    padding: 0 30px;
    position: relative;
}
span.tag-free {
    background: #40B81C 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #40B81C4F;
    border-radius: 4px;
    /* display: flex; */
    letter-spacing: -0.5px;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 700;
    padding: 10px 15px;
    /* margin-top: 0; */
    position: relative;
    top: -15px;
}
span.active {
    position: absolute;
    /* top: 0; */
    right: 20px;
    bottom: 20px;
    letter-spacing: -0.42px;
    color: #4E70EA;
    font-size: 17px;
    font-weight: 700;
}

a.view-plan {
    letter-spacing: -0.42px;
    color: #4E70EA;
    font-size: 17px;
    font-weight: 700;
    text-decoration: underline;
}

.plans-pricing-selected-inner .plans-pricing-inner {
    padding: 30px;
    text-align: center;
    background: #FFFFFF;
    border: 1px solid #B1B0B0;
    border-radius: 20px;
}

.plans-pricing-selected-inner .plans-pricing-inner p {
    max-width: 70%;
    font-size: 16px;
    margin: 0 auto;
    font-weight: 400;
}


.plans-pricing-selected-inner span.tag.silver {
    color: #0C0C0C;
}

.plans-pricing-selected-inner .plans-pricing-inner h3 {
    color: #4E70EA;
}

.plans-pricing-selected-inner .btn-primary {
    font-size: 22px;
    font-family: 'Open Sans', sans-serif;
    width: 100%;
    font-weight: 700;
    min-height: 72px;
}

/*-=-=-=-=-=Marketing templete css start -=-=-=-=-=-*/




.text-yellow{ color: #FFD631 !important;}

.socail-icon-section {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 44px;
    border-radius: 30px;
    background-image: url(../img/follow_bg.png);
}

.hero-bg {
    background-image: url(../img/hero_bg.jpg);
    padding:200px 0;
    padding-bottom: 200px;
    background-size: 100% 100%;
}

.btn-white {
    background: #fff !important;
    padding: 12px 35px !important;
    border-radius: 25px !important;
    letter-spacing: 0px;
    color: #2F55DE !important;
    font-weight: bold !important;
}

.blue-bg{
    background: #2F55DE !important;
}

.section-padding{
    padding: 65px 0;
}

.flooring-installers-section h3 {
    color: #4E70EA;
    font-size: 70px;
    letter-spacing: -0.71px;
    background: #F1F4FF;
    border-radius: 50%;
    text-align: center;
    min-width: 290px;
    min-height: 290px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    line-height: normal;
    box-shadow: 0px -10px #4E70EA;
}
.flooring-installers-section h3 span {
    display: block;
    letter-spacing: -0.2px;
    color: #13182F;
    font-size: 20px;
    max-width: 60%;
    margin: 0 auto;
    font-weight: normal;
}

.single_page a.nav-link.btn.btn-yellow {
    background: #FFD631 0% 0% no-repeat padding-box;
    border-radius: 25px;
    color: #000000 !important;
    min-width: 135px;
    padding: 12px 0px;
    font-weight: 600;
    font-size: 16px;
    padding-right: 0px !important;
}

a.btn.btn-blue {
    background: #2F55DE 0% 0% no-repeat padding-box;
    border-radius: 25px;
    color: #fff !important;
    min-width: 135px;
    padding: 12px 0px;
    font-weight: 600;
    font-size: 16px;
    padding-right: 0px !important;
}

.single_page a.nav-link {
    color: #fff !important;
    font-size: 15px;
    padding-right: 69px !important;
}

.single_page video {
    max-width: 899px;
    max-height: 508px;
    border-radius: 30px;
    width: 100%;
    position: relative;
    z-index: 99;
}

img.hero-brand {
    position: absolute;
    left: 50px;
    bottom: -130px;
    z-index: 99;
}

.hero-section h1 {
    font-size: 60px;
    font-weight: 600;
    letter-spacing: -0.6px;
}
.hero-section p {
    font-size: 18px;
    max-width: 373px;
    margin-top: 36px;
    margin-bottom: 36px;
}

.hero-video-section:before {
    content: '';
    position: absolute;
    width: 100%;
    border-radius: 50px;
    max-width: 505px;
    height: 326px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 36px;
    left: -15px;
    top: -15px;
}

.hero-video-section:after {
    content: '';
    position: absolute;
    width: 100%;
    border-radius: 50px;
    max-width: 505px;
    height: 326px;
    background: #FFD631 0% 0% no-repeat padding-box;
    border-radius: 36px;
    right: -15px;
    bottom: -15px;
    z-index: 1;
}
h3.inner-title {
    font-size: 30px;
}
.our-service-section p {
    padding: 20px 0;
}
.cta-ssection .socail-icon-section {
    background-repeat: no-repeat;
    background-size: cover;
    padding: 25px 25px 25px 60px;
}
.cta-ssection  p {
    font-size: 14px;
}
.flooring-installers-section p {
    font-size: 16px;
    color: #686E82;
    max-width: 80%;
}

.hover-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    align-items: center;
    display: flex;
    justify-content: center;
    opacity: 0;
}

.hover-overlay img{
    z-index: 9;
}

.hover-overlay:before {
    content: '';
    background: #2D2D2D 0% 0% no-repeat padding-box;
    border-radius: 15px;
    opacity: 0.41;
    width: 100%;
    height: 100%;
    position: absolute;
}

.work-item {
    position: relative;
}

.work-item:hover .hover-overlay{
opacity: 1;
}

.start-section img{
    min-width: 820px;
}

h2.section-title {
    max-width: 60%;
}

/*-=-=-=-=-=Marketing templete css end-=-=-=-=-=-*/