body {
}

@media only screen and (max-width: 600px) {
    .top-header .text-center {
        text-align: left !important;
    }

    .top-header .text-right {
        text-align: left !important;
    }
    .chose ul li span {
        font-size: 15px;
        font-weight: 500;
        color: #fe3c00;
    }
    .about h4 {
        font-size: 22px;
        font-weight: 600;
    }
    .chose .whycoosedownimg {
        position: absolute;
        top: 82%;
        left: 0%;
    }
    .chose .whycooseupimg {
        position: absolute;
        left: -6%;
        top: -5%;
    }
    .top-header a {
        color: #fff;
        font-size: 16px;
        text-decoration: none;
    }

    .top-header svg {
        color: #fff;
        font-size: 16px;
    }

    .top-header ul {
        padding-left: 1.50vw;
    }
    .top-header .btnnavbar {
        font-size: 12px;
        padding: 1.2vw;
        margin-right: 1vw;
        background-color: #ff3c00;
    }
    .top-header .btnnavbar:hover {
        font-size: 12px;
        padding: 1.2vw;
        margin-right: 1vw;
        background-color: #ff3c00;
    }

    .top-header {
        background-image: linear-gradient(-64deg, #ff3c00, #ff3c00 48%, #252628 48%);
        position: relative;
        z-index: 1;
        padding: 0.5vw;
    }

    .navbar-brand {
        top: 0vh;
        color: #fff;
        z-index: 70;
        position: relative;
    }

        .navbar-brand img {
            width: 69.2vw;
        }

    .navbar-light .navbar-toggler {
        color: #ff3c00;
        border-color: rgb(255 60 0);
    }

    .navbar-nav {
        padding-left: 1.51vw;
        padding-top: 0.73vw;
        margin-left: 0;
        background-color: #dbdbdb;
    }

    .nav-link {
        color: #4f4f4f !important;
        font-size: 3.1vw;
        font-family: 'Montserrat', sans-serif;
        font-weight: 600;
        text-transform: uppercase;
        padding-right: 0.55vw !important;
        padding-left: 0.55vw !important;
        padding-top: 1vw;
        padding-bottom: 0.5vw;
    }
    .footerimg3{
        position:absolute;
        top:80%;
        right:43%;
    }
    .footerimg3 img{
        width:13.1vw;
    }
    .btnnavbar {
        background-color: #ff3c00;
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        font-family: 'Montserrat', sans-serif;
        text-transform: uppercase;
        margin-left: 0vw;
        padding: 1.4vw;
        margin-bottom: 1.5vw;
        margin-top: 1vw;
    }
    .ourclientcarousel h2 {
        color: white;
        font-size: 20px;
        background: #fe3c00;
        margin-bottom: 0px;
        text-align: center;
    }
    .navbar-light .dropdown-item {
        display: block;
        width: 100%;
        padding: 0.29vw 1.47vw;
        clear: both;
        font-weight: 400;
        color: Black;
        text-align: inherit;
        white-space: nowrap;
        background-color: #dbdbdb00;
        border: 0;
        color: #4f4f4f !important;
        font-size: 3.1vw;
        font-family: 'Montserrat', sans-serif;
        font-weight: 600;
        text-transform: uppercase;
    }

    .video-banner-text {
        position: absolute;
        width: 100%;
        text-align: center;
        bottom: 3.8vh;
        top: 22%;
    }
    .Contactusform h3 {
        font-size: 20px !important;
        background-color: #ff3c00;
        color: #fff;
        margin: 0px;
        padding: 0.5vw;
        text-align: center;
    }
    .ourteam .col-md-4{
        margin-bottom:15px;
    }
    .ourclientcarousel .btn-primary {
        color: #fff;
        font-size: 16px;
        background-color: #ff3c00;
        border-color: #ff3c00;
        padding: 1vw 3.2vw 1vw 3.2vw;
    }

    .section1img {
        width: 100%;
    }

    .sec1img img {
        width: 25vw;
    }

    .sec1img2 img {
        width: 40vw;
    }

    .section1 p {
        color: #6d6d6d;
        font-family: "Rubik",Sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 17px;
        line-height: 1.5;
    }

    h3 {
        font-size: 29px !important;
        margin-bottom: 0px;
        text-transform: capitalize;
        margin-top: 0;
        line-height: 1.2;
        font-weight: 700;
        color: #232323;
        font-family: 'Fira Sans', sans-serif;
        font-style: normal;
        margin: 0 0 0.73vw;
        transition: .5s;
    }

    h5 {
        font-size: 18px;
        text-transform: capitalize;
        font-weight: 600;
        letter-spacing: 0;
        margin: 20px 0 1.32vw;
        position: relative;
        left: 3.89vw;
        color: #FF3C00;
    }

        h5:before {
            position: absolute;
            content: "";
            top: 2.73vw;
            left: -3.89vw;
            height: 0.14vw;
            width: 3.01vw;
            background: #FF3C00;
        }

    .servicescard h3 {
        font-size: 4.32vw !important;
        line-height: 4.91vw;
        color: #232323;
        font-weight: 500;
        width: 85%;
        margin: 2.98vw 0 2.47vw 0;
        transition: 0.5s;
        font-family: 'Fira Sans', sans-serif;
    }

    .services p {
        font-size: 4.17vw;
        line-height: 4.91vw;
        color: #6d6d6d;
        font-weight: 400;
        font-family: "Rubik";
        transition: 0.5s;
    }

    .service-btn a {
        border-radius: 1.47vw;
        background-color: #ffffff;
        border: 0.07vw solid rgb(35 35 35 / 22%);
        padding: 1.66vw 2.47vw 1.66vw 2.47vw;
        font-size: 4.17vw;
        color: #232323;
        font-weight: 400;
        text-align: center;
        font-family: "rubik";
        text-transform: inherit;
        transition: 0.5s;
        text-decoration: none;
    }

    .service-btn svg {
        color: #ff3c00;
        font-size: 2.88vw;
        transition: 0.5s;
        margin-left: 0.36vw;
    }

    .service-bar {
        background: #E9E9E9;
        height: 1.14vw;
        width: 100%;
        position: relative;
        border-radius: 2.2vw;
        margin: 0 0 1.69vw 0;
        transition: 0.5s;
    }

    .service-box-number {
        background: #FF3C00;
        position: relative;
        margin: 0;
        color: #fff;
        font-size: 3.17vw;
        transition: 0.7s;
    }

    .service-number {
        display: inline-block;
        position: absolute;
        top: -0.07vw;
        right: -0.08vw;
        height: 5.94vw;
        line-height: 4.94vw;
        width: 6.94vw;
        text-align: center;
        background: #FF3C00;
        transition: 0.5s;
    }

    .servicescard .card {
        margin-top: 10px;
        height: auto;
    }

    .servicescard {
        margin-top: 0vw;
    }

    .services .card:hover {
        background-color: rgba(255,255,255,0.2);
        height: auto;
        background: url("../Images/Section-Images/heed365-hover-service-bg.jpg");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        z-index: 1;
        transition: 0.5s;
    }

    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
        padding-right: 15px;
        padding-left: 15px;
    }

    .whychoose {
        padding-top: 1.6vw;
        padding-bottom: 4.6vw;
    }

        .whychoose h6 {
            font-size: 18px;
            font-weight: 600;
        }

        .whychoose h4 {
            font-size: 24px;
            color: #FF3C00;
            font-weight: 600;
            margin-bottom: 1vw;
        }

    .whycooseimg {
        width: 100%;
    }

    .whycooseupimg img {
        width: 11vw;
    }

    .whycoosedownimg img {
        width: 5vw;
    }
    .chose p {
        font-size: 15px;
    }

    .Ourclients p {
        color: #fff;
        font-size: 16px;
        text-align: left;
    }

    .count-title {
        font-size: 5.57vw;
        color: #fff;
        display: inline-block;
        font-weight: normal;
        margin-top: 0.73vw;
        margin-bottom: 0;
        text-align: center;
    }

    .mrbtm {
        margin-bottom: 0vw;
        margin-left: 0px;
        margin-right: 0px;
    }
    .ourclientcarousel h3 {
        padding: 0.58vw 1.1vw;
        color: #fff;
        border: 1px solid #fff;
        font-size: 16px !important;
        -webkit-transition: visibility 0s, opacity 0.5s linear;
        transition: visibility 0s, opacity 0.5s linear;
        margin-bottom: 10px;
    }

        .mrbtm p br {
            display: none;
        }

        .mrbtm .card {
            
            
            height: auto;
        }

    .img-text {
        position: absolute;
        bottom: 2%;
        font-size: 16px;
        right: 0;
        background: #fe3c00;
        border-top-left-radius: 0.5em;
        border-bottom-left-radius: 0.5em;
        color: white;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: visibility 0s, opacity 0.5s linear;
        transition: visibility 0s, opacity 0.5s linear;
    }

    .Ourclients .text-center {
        text-align: left !important;
    }

    .name-designation span {
        color: #ff3c00;
        font-size: 4.02vw;
        font-weight: 600;
        font-family: 'Istok Web', sans-serif;
        opacity: 1;
        transition: 0.3s;
    }

    .name-designation p {
        font-size: 16px;
        padding-bottom: 1.8vw;
        margin-top: 1vw;
        margin-bottom: 1.5vw;
    }

    .team-seven .single-team .team-img::after {
        content: '';
        position: absolute;
        height: 7.2vw;
        width: 8.2vw;
        background: #FF3C00;
        top: 0;
        right: 0;
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 0%);
        border-radius: 0.36vw;
    }

    .social-icons a {
        display: inline-block;
        color: #fff;
        font-size: 3.83vw;
        height: 5.42vw;
        width: 6.64vw;
        padding: 0.29vw;
        line-height: 2.20vw;
        background: #FF3C00;
        border-radius: 50%;
        margin-right: 0.36vw;
    }

    .Testimonials .card p {
        color: #686868;
        font-size: 16px;
    }

    .Testimonials .card {
        height: 100%;
    }

    .Testimonials .card-body svg {
        font-size: 14px;
    }

    .Testimonials svg {
        color: #ff3c00;
        font-size: 26px;
    }

    .Testimonials .carousel-indicators {
        display: none;
    }

    .Testimonials .crd {
        padding-top: 30px;
        padding-bottom: 60px;
    }

    .quotes {
        position: absolute;
        top: -5%;
        z-index: 2;
        left: 2%;
    }

    .Testimonials .card-body {
        padding: 1.25rem;
    }

    .Testimonials .crd img {
        width: 25%;
    }

    .servicescard .card-body {
        padding: 1.25rem;
    }

    .Testimonials .card:after {
        content: "";
        position: absolute;
        width: 4.32vw;
        height: 5.32vw;
        background: #fff;
        left: 4.47vw;
        bottom: -1.66vw;
        transition: 0.5s;
        z-index: 1;
        transform: rotate(45deg);
    }

    .Testimonials .card:hover {
        background-color: rgba(255,255,255,0.2);
        height: 100%;
        width: 100%;
        background: url(../Images/Section-Images/testi-img-bg.png);
        background-position: center center;
        background-repeat: repeat;
        background-size: cover;
        z-index: 1;
        transition: 0.5s;
    }

    .whychoose ul li img {
        width: 11.09vw !important;
        padding-right: 1.46vw;
        float: left;
    }

    .whychoose ul li {
        font-size: 14px;
        font-weight: 600;
        margin-top: 1vw;
        float: left;
    }
    .footerimg4 {
        position: absolute;
        top: 10%;
        right: 8%;
    }
    .footerimg1 {
        position: absolute;
        left: 80%;
        top: 100%;
    }
        .footerimg4 img {
            width: 12vw;
        }
    .footerimg1 img {
        width: 18.6vw;
    }
    .footerimg2 {
        position: absolute;
        top: 100%;
        right: 40%;
    }
        .footerimg2 img {
            width: 20.2vw;
        }


    .getintouch h3 br {
        display: none;
    }

    .getimg img {
        width: 100%;
    }

    .finace-whychoose img {
        width: 16.6vw;
    }

    .finace-whychoose {
        position: absolute;
        right: 14%;
        top: 3%;
    }

    .finace-shape-about img {
        width: 53.5vw;
    }

    .finace-shape-about {
        position: absolute;
        top: 65%;
        left: 1.5%;
    }

    .getintouch .inquery .form-control {
        display: block;
        width: 100%;
        height: calc( 24px + 11px + 2px);
        padding: 5px 11px;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 0.07vw solid #ced4da;
        border-radius: 0.25rem;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }

    .getintouch h3 {
        margin-top: 17px;
        color: #fff;
        font-size: 23px !important;
    }

    .getintouch .btn-primary {
        color: #fff;
        font-size: 16px;
        background-color: #ff3c00;
        border-color: #ff3c00;
        padding: 2vw 2.2vw 2vw 2.2vw;
        border-radius: 1.5vw;
    }

    .getintouch p {
        color: #fff;
        font-size: 16px;
    }

    .getintouchcard h4 {
        font-size: 20px;
        color: #fff;
    }

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

        .getintouchcard .card {
            margin-top: 10px;
            height: auto;
        }

    .othersol svg {
        color: #FF3C00;
        font-size: 9.8vw;
        margin-bottom: 3.04vh;
    }

    .othersol ul li {
        margin-right: 1.5vw;
    }

    .othersol h6 {
        font-size: 12px;
        font-weight: 900;
    }

    .footer .logo p {
        color: #B6b9c0;
        font-size: 16px;
        margin-top: 1.5vw;
    }

    .footer h4 {
        font-weight: 500;
        font-size: 20px;
        color: #fff;
    }

    .footer ul li a {
        color: #b6b9c0;
        font-size: 16px;
        text-decoration: none;
        text-transform: capitalize;
    }

    .footer ul li {
        font-size: 16px;
        color: #b6b9c0;
        margin-bottom: 0.5vw;
    }

    .footer svg {
        color: #fff;
        font-size: 16px;
        margin-right: 1.5vw;
    }

    .footer1 p {
        color: #fff;
        font-size: 16px;
    }

    .othersol .d-inline-flex li svg {
        font-size: 39px !important;
        margin-right: 8px !important;
    }
    .footer .d-inline-flex li svg {
        font-size:20px !important;
        margin-right: 8px !important;
    }
    .dark-transperent-bg {
        background: rgba(0,0,0,0.7);
        padding: 3.66vw;
        width: auto;
        display: inline-block;
        color: #fff;
        font-size: 5.5vw;
        font-family: "Times New Roman", Times New Roman, Serif;
    }
        .dark-transperent-bg .second {
            color: #FF3c00;
            font-size: 5.8vw!important;
        }
    #toTopBtn {
        position: fixed;
        bottom: 19.91vw;
        right: 2.86vw;
        z-index: 98;
        padding: 0.8vw;
        border-radius: 0.36vw 1.47vw 0.36vw;
        background-color: hsl(14.12deg 100% 50%);
    }
    .Testimonials .card-body p:before {
        content: "";
        position: absolute;
        height: 7.05vw;
        width: 9.79vw;
        background: url(../Images/Section-Images/testi-qu-shape.png);
        top: 86%;
        right: 8%;
        transition: 0.5s;
    }

    .banner h2 {
        color: #fff;
        font-size: 24px;
        margin-top: 0vw;
        margin-bottom: 0.58vw;
    }

    .breadcrumb a {
        color: #fff;
        text-decoration: none;
        font-size: 16px;
    }

    .breadcrumb-item.active {
        color: #fff;
        font-size: 16px;
    }

    .breadcrumb-item + .breadcrumb-item::before {
        display: inline-block;
        padding-right: 0.58vw;
        color: #fff;
        content: "/";
        font-size: 16px;
    }

    .aboutimg img {
        width: 94vw !important;
    }

    .about p {
        font-size: 16px;
    }

    .howitwork .work_progress:hover .wrok_process_thumb {
        border-color: #FF3C00;
    }

    .howitwork6 {
        color: #FF3C00;
        font-size: 16px;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 0.07vw;
        margin: 0 0 0.36vw;
    }

    .howiiworkh2:before {
        content: "";
        position: absolute;
        width: 12.8vw;
        height: 3.29vw;
        left: 43.5vw;
        border: 0.29vw solid transparent;
        border-bottom: 0;
        border-top-color: #FF3C00;
        top: auto;
    }

    .howitwork .work_progress-title h1 {
        font-size: 16px;
        font-weight: 800;
    }

    .howitwork .wrok_process_thumb img {
        border-radius: 50%;
        border: 0.73vw solid #fff;
        width: 100%;
    }

    .howitwork .work_progress-number span {
        background: #FF3C00;
        display: inline-block;
        height: 49px;
        width: 49px;
        text-align: center;
        line-height: 49px;
        color: #fff;
        border-radius: 50%;
        font-size: 16px;
        position: relative;
        z-index: 1;
    }

        .howitwork .work_progress-number span::before {
            position: absolute;
            left: -5px;
            top: -5px;
            width: 59px;
            height: 59px;
            background: #FF3C00;
            opacity: 0.6;
            content: "";
            margin: auto;
            border-radius: 100%;
            z-index: -1;
        }

        .howitwork .work_progress-number span::after {
            position: absolute;
            left: -15px;
            top: -15px;
            width: 80px;
            height: 80px;
            background: #FF3C00;
            opacity: 0.4;
            content: "";
            margin: auto;
            border-radius: 100%;
            z-index: -1;
        }

    .howitwork .work_progress-number {
        position: absolute;
        left: -5.9vw;
        top: 50.5%;
        margin: auto;
        -webkit-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .howitwork .wrok_process_thumb {
        text-align: center;
        border: 2px solid transparent;
        border-radius: 50%;
        display: inline-block;
        -webkit-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
        position: relative;
        box-shadow: 0 0 0.65vw 0 rgba(24,35,51,.09);
    }

    .howitworksec3 .rrspace h6 {
        font-size: 18px !important;
        font-weight: 700;
        text-align: left;
    }

    .howitworksec3 .rrspace p {
        font-size: 16px;
        text-align: left;
    }

        .howitworksec3 .rrspace p svg {
            font-size: 50px;
        }

    .howitworksec4 h1 {
        color: #fff;
        font-size: 20px;
    }

    .howitworksec4 h2 {
        color: #fff;
        font-size: 23px;
    }

    .howitworksec4 p {
        color: #fff;
        font-size: 16px;
    }

    .howitworksec2 .work_progress .wrok_process_thumb img {
        width: 100%;
    }

    .howitworksec2 .work_progress-title h1 {
        font-size: 18px;
        font-weight: 800;
    }

    .howitworksec2 .work_progress .wrok_process_thumb1 img {
        width: 100%;
    }

    .howitworksec2 .work_progress .work_progress-number span {
        background: transparent;
        display: inline-block;
        height: 30px;
        width: 30px;
        text-align: center;
        line-height: 27px;
        color: #FF3C00;
        font-size: 16px;
        border: 0.14vw solid#FF3C00;
        border-radius: 50%;
    }

    .heedserp h1 {
        font-size: 18px;
        font-weight: 500;
        color: #232323;
    }

    .heddserimg h3 span {
        color: #ff3c00;
        font-size: 4.8vw !important;
    }

    .heedservices p {
        color: #232323;
        font-size: 16PX;
        letter-spacing: 1px;
    }

    .Contactusform .card:before {
        content: "";
        height: 12.58vw;
        width: 100%;
        background: #FF3D00;
        border-radius: 0.36vw 0.36vw 0 0;
    }

    .Contactusform .cardh6 h6 {
        font-size: 20px;
        color: #fff;
        font-weight: 600;
    }

    .Contactusform .card:after {
        position: absolute;
        content: "";
        top: 10.7vw;
        left: 0;
        height: 3.83vw;
        width: 100%;
        background: #FF3D00;
        z-index: 1;
        background: url(../Images/Section-Images/square-line.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }

    .Contactusform label {
        font-size: 14px;
        font-weight: 500;
    }
    

    .Contactus .form-control {
        display: block;
        width: 100%;
        height: calc( 24px + 11px + 2px) !important;
        padding: 5px 11px !important;
        font-size: 16px !important;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 0.07vw solid #ced4da;
        border-radius: 0.25rem;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }

    .Contactusform .btn-primary {
        color: #fff;
        font-size: 16px;
        background-color: #ff3c00;
        border-color: #ff3c00;
        padding: 1vw 3.2vw 1vw 3.2vw;
        border-radius: 1.5vw;
    }

    .Contactus h4 {
        color: #FF3C00;
        font-size: 16px;
        text-transform: uppercase;
        font-weight: 600;
        margin-bottom: 1.09vw;
        letter-spacing: 0.07vw;
        margin: 0 0 0.36vw;
    }

    .Contactus h2:before {
        content: "";
        position: absolute;
        width: 24.8vw;
        height: 2.29vw;
        left: 4%;
        border: 0.29vw solid transparent;
        border-bottom: 0;
        border-top-color: #FF3C00;
        top: auto;
    }

    .Contactus .cp {
        color: #6d6d6d;
        font-family: "Rubik",Sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 16px;
        line-height: 1.5;
        margin-top: 2.5vw;
    }

    .Contactus svg {
        font-size: 29px;
        color: #ff3c00;
    }

    .Contactus h6 {
        font-size: 20px;
        font-weight: 600;
    }

    .Contactus .cardp p {
        color: #6d6d6d;
        font-family: "Rubik",Sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size: 19px;
        line-height: 1.5;
        text-align: left;
    }

    .Products h2:before {
        content: "";
        position: absolute;
        width: 22.8vw;
        height: 1.29vw;
        left: 39.5vw;
        border: 0.29vw solid transparent;
        border-bottom: 0;
        border-top-color: #FF3C00;
        top: auto;
    }

    .Products h6 {
        font-size: 20px;
        font-weight: 600;
        -webkit-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
        margin: 1.09vw 0 1.09vw;
    }

    .Products .card {
        height: auto;
        transition: .8s;
        box-shadow: 0 0.07vw 0.29vw rgb(0 0 0 / 15%);
        border: none;
        position: relative;
        z-index: 1;
    }

    .Products .rmargin {
        margin-top: 0;
    }

        .Products .rmargin .card {
            margin-top: 20px;
            border: 1px solid #dbdbdb;
        }

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

    .smbt .form-control {
        display: block;
        width: 100%;
        height: calc( 24px + 11px + 2px) !important;
        padding: 5px 11px !important;
        font-size: 16px !important;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 0.07vw solid #ced4da;
        border-radius: 0.25rem;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }

    .form-sec1 table tr td {
        font-weight: bold;
        font-size: 14px;
        margin-top: 1.2vh !important;
        padding: 0.88vw !important;
    }

    .career h3 {
        font-size: 29px!important;
    }
    .career h4 {
        color: #FF3C00;
        font-size: 16px;
        text-transform: uppercase;
        font-weight: 600;
        margin-bottom: 1.09vw;
        letter-spacing: 0.07vw;
        margin: 0 0 0.36vw;
    }
    .career .ccp {
        color: #6d6d6d;
        font-family: "Rubik",Sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 16px;
        line-height: 1.5;
        margin-top: 1.5vw;
        margin-bottom: 2vw;
    }
    .career h2:before {
        content: "";
        position: absolute;
        width: 29.8vw;
        height: 1.29vw;
        left: 4%;
        border: 0.29vw solid transparent;
        border-bottom: 0;
        border-top-color: #FF3C00;
        top: auto;
    }
    .btncarrer {
        background: #FB3C00;
        color: #fff;
        font-size: 16px;
        text-transform: uppercase;
        padding: 0.58vw 1.91vw;
        transition: .5s;
        position: relative;
        z-index: 1;
        border-radius: 2.2vw;
        overflow: hidden;
    }
    .career .w-100 {
        width: 100% !important;
        margin-top: 15px;
    }
    .careerjobopening h2:before {
        content: "";
        position: absolute;
        width: 26.8vw;
        height: 1.29vw;
        left: 33.5vw;
        border: 0.29vw solid transparent;
        border-bottom: 0;
        border-top-color: #FF3C00;
        top: auto;
    }
    .careerjobopening .btn-danger {
        color: #fff;
        font-size: 16px;
        background-color: #ff3c00;
        border-color: #ff3c00;
        border-radius: 4vw;
        padding: 0.5vw 1.5vw 0.5vw 1.5vw;
    }
    .careerjobopening h4 {
        color: #FF3C00;
        font-size: 16px;
        text-transform: uppercase;
        font-weight: 600;
        margin-bottom: 1.09vw;
        letter-spacing: 0.07vw;
        margin: 0 0 0.36vw;
    }
        .careerjobopening h4 span {
            color: #232323;
            font-size: 16px;
            text-transform: uppercase;
            font-weight: 600;
            margin-bottom: 1.09vw;
            letter-spacing: 0.07vw;
            margin: 0 0 0.36vw;
        }
    .careerjobopening p {
        font-size: 15px;
    }
    .careerjobopening h6 {
        font-size: 14px;
    }
    .careerjobopening .rspace {
        margin-top: 20px;
    }
    .careerjobopening .btn-danger:hover {
        background-color: #252628;
        font-size: 16px;
        border-color: #252628;
    }
    .JobDetails h1 {
        color: #FF3C00;
        font-size: 16px;
        text-transform: uppercase;
        font-weight: 600;
        margin-bottom: 1.09vw;
        letter-spacing: 0.07vw;
        margin: 0 0 0.36vw;
    }
    .JobDetails table tr td {
        font-size: 16px;
    }
    .JobDetails ol li {
        font-size: 16px;
    }
    .JobDetails ul li {
        font-size: 16px;
    }
    .JobDetails .btn-danger {
        color: #fff;
        font-size: 16px;
        background-color: #ff3c00;
        border-color: #ff3c00;
        border-radius: 4vw;
        padding: 0.5vw 1.5vw 0.5vw 1.5vw;
    }
        .JobDetails .btn-danger:hover {
            background-color: #252628;
            font-size: 16px;
            border-color: #252628;
        }

    .back85 {
        height: 2vh;
        float: left;
    }
    .back97 .btn-danger {
        color: #fff;
        font-size: 16px;
        background-color: #ff3c00;
        border-color: #ff3c00;
        border-radius: 4vw;
        padding: 0.5vw 1.5vw 0.5vw 1.5vw;
    }
        .back97 .btn-danger:hover {
            background-color: #ff3c00;
            font-size: 16px;
            border-color: #252628;
            padding: 0.5vw 1.5vw 0.5vw 1.5vw;
        }
    .btn-danger {
        color: #fff;
        font-size: 16px;
        background-color: #ff3c00;
        border-color: #ff3c00;
        border-radius: 4vw;
        padding: 0.5vw 1.5vw 0.5vw 1.5vw;
    }
        .btn-danger:hover {
            background-color: #ff3c00;
            font-size: 16px;
            border-color: #252628;
            padding: 0.5vw 1.5vw 0.5vw 1.5vw;
        }


    .modal {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1050;
        display: none;
        width: 95%;
        height: 100%;
        overflow: hidden;
        outline: 0;
    }

    .signinmodel .btn-primary {
        font-size: 16px;
        border-radius: 4vw;
        padding: 0.5vw 1.5vw 0.5vw 1.5vw;
    }

    .signinmodel .btn-primary:hover {
        font-size: 16px;
        border-radius: 4vw;
        padding: 0.5vw 1.5vw 0.5vw 1.5vw;
    }
    .heedbannersec img {
        width: 34vw !important;
        margin-left: 0vw !important;
    }
    .heedbannersec1 {
        position: absolute;
        top: -13vw;
    }
    .bannerheedservices svg {
        font-size: 14.4vw;
        color: #ff3c00;
    }
    .bannerheedservices p {
        font-size: 16px;
        font-weight: 600;
    }
    .bannerheedservices .card h1 {
        font-size: 20px;
        color: #030716;
        font-weight: 600;
        margin-top: 1vw;
    }
    .sidebar h4 {
        color: #fff;
        font-size: 24px;
        font-weight: 500;
    }
    .sidebar a {
        color: #ffff;
        text-decoration: none;
        font-size: 16px;
    }
    .getqtp p {
        font-size: 16px;
        text-align: justify;
        margin-top: 5px;
    }
    .qbenifits svg {
        display:none;
    }
    .qbenifits ul li {
        font-size: 15px;
    }
    .qbenifits ul {
        list-style-type: disc;
        padding-left: 12px;
    }
    .gtrowend a {
        color: #fff;
        text-decoration: none;
        font-size: 23px;
    }
    .gtrowend p {
        color: #fff;
        font-size: 17px;
    }
    .sideform h4 {
        color: #fff;
        font-size: 24px;
        margin-left: 0.8vw;
    }
    .sideform p {
        color: #fff;
        font-size: 16px;
        margin-bottom: 1.1vw;
        margin-left: 0.8vw;
    }
    .sideform label {
        font-size: 16px;
        color: #fff;
    }
    .HeedSystem h2:before {
        content: "";
        position: absolute;
        width: 20.8vw;
        height: 1.29vw;
        left: 39.5vw;
        border: 0.29vw solid transparent;
        border-bottom: 0;
        border-top-color: #FF3C00;
        top: auto;
    }
    .talk-with-us h1 {
        color: #ff3c00;
        margin-top: 1vw;
        text-align: right;
        margin-bottom: 0;
    }
    .talk-with-us p br {
        display:block;
    }
    .talk-with-us p {
        font-size: 18px!important;
        margin-left: 33.7vw!important;
    }
    .btn-primary {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
        font-size: 16px;
    }
    .gtrow .form-control {
        display: block;
        width: 100%;
        height: calc( 24px + 11px + 2px) !important;
        padding: 5px 11px !important;
        font-size: 16px !important;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 0.07vw solid #ced4da;
        border-radius: 0.25rem;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }
    .sidebar ul li {
        border-bottom: 1px solid #fff;
        padding-bottom: 0.5vw;
        padding-top: 0.5vw;
        margin-left: 1.5vw;
    }
    .heedservices h2:before {
        content: "";
        position: absolute;
        width: 21.8vw;
        height: 1.29vw;
        border: 0.29vw solid transparent;
        border-bottom: 0;
        border-top-color: #FF3C00;
        top: auto;
        left: 36%;
    }
    .schedule h4 {
        color: #FF3C00;
        font-size: 16px;
        text-transform: uppercase;
        font-weight: 600;
        margin-bottom: 1.09vw;
        letter-spacing: 0.07vw;
        margin: 0 0 0.36vw;
    }
    .schedule .cpp {
        color: #6d6d6d;
        font-family: "Rubik",Sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 16px;
        line-height: 1.5;
        margin-bottom: 0.5vw;
    }
    .schedule .cardh6 h3 {
        text-align: center;
        text-transform: uppercase;
        color: #fff;
        font-size: 20px !important;
    }
    .schedule label {
        font-size: 16px;
        font-weight: 600;
    }
    .schedule .cardh6 h6 {
        text-align: center;
        color: #fff;
        font-size: 12px;
    }
    .schedule h2:before {
        content: "";
        position: absolute;
        width: 14.8vw;
        height: 4.29vw;
        border: 0.29vw solid transparent;
        border-bottom: 0;
        border-top-color: #FF3C00;
        top: auto;
        right: 45%;
    }
    .schedule .card:after {
        position: absolute;
        content: "";
        top: 10.7vw;
        left: 0;
        height: 3.83vw;
        width: 100%;
        background: #FF3D00;
        z-index: 1;
        background: url(../Images/Section-Images/square-line.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }
    .schedule .card:before {
        content: "";
        height: 12.58vw;
        width: 100%;
        background: #FF3D00;
        border-radius: 0.36vw 0.36vw 0 0;
    }
    .schedule .btn-primary {
        color: #fff;
        font-size: 16px;
        background-color: #ff3c00;
        border-color: #ff3c00;
        padding: 1vw 3.2vw 1vw 3.2vw;
        border-radius: 1.5vw;
    }




}





/*--------------------1440px--------------------*/


@media only screen and (min-width:1440px) {


    .container {
        max-width: 85% !important;
    }

    h1 {
        font-size: 2.9vw;
    }

    h2 {
        font-size: 2.4vw;
    }

    h3 {
        font-size: 2.1vw;
    }

    h4 {
        font-size: 1.8vw;
    }

    h5 {
        font-size: 1.5vw;
    }

    h6 {
        font-size: 1.2vw;
    }

    p {
        font-size: 1.2vw;
    }
}









/*--------------------1680px--------------------*/


@media only screen and (min-width:1680px) {


    .container {
        max-width: 85% !important;
    }

    h1 {
        font-size: 2.9vw;
    }

    h2 {
        font-size: 2.4vw;
    }

    h3 {
        font-size: 2.1vw;
    }

    h4 {
        font-size: 1.8vw;
    }

    h5 {
        font-size: 1.5vw;
    }

    h6 {
        font-size: 1.2vw;
    }

    p {
        font-size: 1.2vw;
    }
}








/*--------------------2048px--------------------*/
@media only screen and (min-width:2048px) {

    .container {
        max-width: 85% !important;
    }

    h1 {
        font-size: 3vw;
    }

    h2 {
        font-size: 2.4vw;
    }

    h3 {
        font-size: 2.1vw;
    }

    h4 {
        font-size: 1.8vw;
    }

    h5 {
        font-size: 1.5vw;
    }

    h6 {
        font-size: 1.2vw;
    }

    p {
        font-size: 1.2vw;
    }
}























/*--------------------2560px--------------------*/
@media only screen and (min-width:2560px) {

    .container {
        max-width: 85% !important;
    }



    h1 {
        font-size: 3vw;
    }

    h2 {
        font-size: 2.4vw;
    }

    h3 {
        font-size: 2.1vw;
    }

    h4 {
        font-size: 1.8vw;
    }

    h5 {
        font-size: 1.5vw;
    }

    h6 {
        font-size: 1.2vw;
    }

    p {
        font-size: 1.2vw;
    }
}














/*--------------------2880px--------------------*/


@media only screen and (min-width:2880px) {

    .container {
        max-width: 85% !important;
    }

    h1 {
        font-size: 3vw;
    }

    h2 {
        font-size: 2.4vw;
    }

    h3 {
        font-size: 2.1vw;
    }

    h4 {
        font-size: 1.8vw;
    }

    h5 {
        font-size: 1.5vw;
    }

    h6 {
        font-size: 1.2vw;
    }

    p {
        font-size: 1.2vw;
    }
}





/*--------------------5120px--------------------*/


@media only screen and (min-width:5120px) {


    .container {
        max-width: 85% !important;
    }

    h1 {
        font-size: 2.9vw;
    }

    h2 {
        font-size: 2.4vw;
    }

    h3 {
        font-size: 2.1vw;
    }

    h4 {
        font-size: 1.8vw;
    }

    h5 {
        font-size: 1.5vw;
    }

    h6 {
        font-size: 1.2vw;
    }

    p {
        font-size: 1.2vw;
    }
}







/*-- Media Query of phone ---*/

@media only screen and (max-width: 600px) {
    #sidebar-text {
        font-size: 4.2vw !important;
    }

    .ServicesNav h3 {
        font-size: 5vw !important;
    }

    .hide-mobile-form {
        display: none !important;
    }

    .outsourcing-p {
        font-size: 3vw !important;
    }

    .outsourcing-p2 {
        font-size: 3vw !important;
    }

    .accounting-heading {
        font-size: 5vw !important;
    }

    .tablestyle1 .form-label {
        font-size: 3vw !important;
    }

    .tablestyle1 h1 {
        font-size: 5vw !important;
    }

    .tablestyle1 .form-control {
        font-size: 4vw !important;
    }

    .tablestyle1 #head-form {
        font-size: 4.9vw !important;
    }

    .back97 p {
        font-size: 3.3vw !important;
    }

    .delayedPopupWindow {
        display: none;
        position: fixed;
        width: 88%;
        border: 2px solid #1F69B1;
        top: 14%;
        background: #fff;
        left: 6%;
        right: 15%;
        z-index: 102;
    }

    #form-height {
        height: 18vh !important;
    }

    .modal-content {
        width: 100% !important;
    }

    .modal-body label {
        font-size: 2.9vw !important;
    }

    .modal-body .form-control {
        font-size: 3vw;
    }

    .modal-content h4 {
        font-size: 5vw;
        margin-top: 1vh;
    }

    .modal-header.text-center {
        height: 12vh !important;
    }

    input#body_abcde_btnclientservice {
        font-size: 4vw !important;
    }

    .modal-content {
        left: 1.5%;
    }
}