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

.sticky-header .nav-menu-wrapper {
    margin: 10px;
}

.footer-logo {
    height: 60px;
    width: 95%;
    /* margin-left: 51px */
}

.banner-info .logo {
    width: 53%;
    margin-bottom: 20px;
}

.page-header-career {
    background-image: url(../img/Services/careerback.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.page-header-staffing {
    background-image: url(../img/Services/staffingback.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.Spwebconnect {
    color: #dd2b1c;
}

.service-text {
    text-align: center;
}

.aboutus {
    background-image: url(../img/bg-2.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.service1 {
    background-image: url(../img/bg-2.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.service2 {
    background-image: url(../img/Services/staffbg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.service3 {
    background-image: url(https://img.freepik.com/premium-photo/cleaner-wearing-ppe-suit-glasses-mask-disinfecting-office-workspace-hygiene-business-modern-office-coronavirus-covid-19-pandemic-high-quality-photo_493343-44743.jpg?w=826);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.sidebar-widget.banner-page-1 {
    background-color: #161616;
    /* background-image: url(../img/texture.png); */
    background-repeat: repeat;
    background-size: cover;
    border-radius: 3px;
    padding: 60px 30px;
}

.sidebar-widget.banner-page-2 {
    background-color: #161616;
    /* background-image: url(../img/texture.png); */
    background-repeat: repeat;
    background-size: cover;
    border-radius: 3px;
    padding: 60px 30px;
}

.sidebar-widget.banner-page-3 {
    background-color: #161616;
    /* background-image: url(../img/texture.png); */
    background-repeat: repeat;
    background-size: cover;
    border-radius: 3px;
    padding: 60px 30px;
}

.certified {
    font-size: 33px;
    line-height: 42px;
    margin-bottom: 20px;
    font-weight: bold;
}

.mailto {
    color: #ccc;
}


.Loading_icon {
    width: 800px;
}

/* @media (max-width: 992px){
.section-heading h2 {
    font-size: 32px;
    line-height: 42px;
    text-align: center;
}
} */


@media (min-width:320px) and (max-width: 375px) {

    .Mobile_View {
        height: 105px;
        margin-top: -12px;
        margin-left: 190px;
    }

    .Image_Mob_view {
        width: 200px;
    }

    .round-text {
        height: 10px;
    }

    .round-text:before {
        background-image: url(../img/mainlogo/SR_Logo-2-removebg-preview.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 30%;
        content: "";
        width: 90%;
        height: 100%;
        position: absolute;
        left: 122%;
        top: 415%;
        transform: translate(-50%, -50%);
        z-index: 1;
    }
    .our-company{
        text-align: center;
    }
}

@media (min-width:375px) and (max-width: 425px) {

    .Mobile_View {
        height: 105px;
        margin-top: -12px;
        margin-left: 139px;
    }

    .Image_Mob_view {
        width: 200px;
    }

    .round-text {
        height: 10px;
    }

    .round-text:before {
        background-image: url(../img/mainlogo/SR_Logo-2-removebg-preview.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 30%;
        content: "";
        width: 78%;
        height: 104%;
        position: absolute;
        left: 95%;
        top: 413%;
        transform: translate(-50%, -50%);
        z-index: 1;
    }
}

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

    .Mobile_View {
        height: 155px;
        margin-top: -35px;
        margin-left: 90px;
    }

    .Image_Mob_view {
        width: 200px;
    }

    .round-text {
        height: 10px;
    }

    .round-text:before {
        background-image: url(../img/mainlogo/SR_Logo-2-removebg-preview.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 30%;
        content: "";
        width: 121%;
        height: 181%;
        position: absolute;
        left: 83%;
        top: 459%;
        transform: translate(-50%, -50%);
        z-index: 1;
    }
}

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

    .Mobile_View {
        height: 155px;
        margin-top: -35px;
        margin-left: 147px;
    }

    .Image_Mob_view {
        width: 200px;
    }

    .round-text {
        height: 10px;
    }

    .round-text:before {
        background-image: url(../img/mainlogo/SR_Logo-2-removebg-preview.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 30%;
        content: "";
        width: 140%;
        height: 218%;
        position: absolute;
        left: 112%;
        top: 428%;
        transform: translate(-50%, -50%);
        z-index: 1;
    }
}

@media (min-width:1024px) and (max-width:1240px) {

    .Mobile_View {
        height: 166px;
        margin-top: -42px;
        margin-left: 37px;
    }

    .Image_Mob_view {
        width: 200px;
    }

    .round-text {
        height: 10px;
    }

    .round-text:before {
        background-image: url(../img/mainlogo/SR_Logo-2-removebg-preview.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 30%;
        content: "";
        width: 145%;
        height: 291%;
        position: absolute;
        left: 60%;
        top: 451%;
        transform: translate(-50%, -50%);
        z-index: 1
    }
}

.our-company{
    text-align: center;
}
.our-company-para{
    text-align: center;
}
 



/* Default styles for all devices */

/* Media query for small devices (phones, 600px and below) */

  
  /* Media query for medium devices (tablets, 601px to 992px) */
  @media only screen and (min-width: 320px) and (max-width: 375px) {
    .career-mob-view {
        border: none;
        outline: none;
        max-width: 130%;
        
    }
    .Choose-file{
        margin-top: 20px;
      }
  }
  
  /* Media query for large devices (desktops, 993px to 1200px) */
  @media only screen and (min-width: 375px) and (max-width: 425px) {
    .row>* {
        flex-shrink: 0;
        width: 100%;
        max-width: 86%;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        margin-top: var(--bs-gutter-y);
    }
    .career-mob-view {
        border: none;
        outline: none;
        max-width: 150%;
    }
    .Choose-file{
        margin-top: 20px;
      }

  }

  @media only screen and (min-width: 425px) and (max-width: 768px) {
    .row>* {
        flex-shrink: 0;
        width: 100%;
        max-width: 86%;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        margin-top: var(--bs-gutter-y);
        margin-left: 30px;
    }
    .career-mob-view {
        border: none;
        outline: none;
        max-width: 130%;
    }
    .Choose-file{
        margin-top: 20px;
      }

  }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .row>* {
        flex-shrink: 0;
        width: 80%;
        max-width: 86%;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        margin-top: var(--bs-gutter-y);
        margin-left: 30px;
    }
    .career-mob-view {
        border: none;
        outline: none;
        max-width: 103%;
    }
    .Choose-file{
        margin-top: 20px;
      }

  }
  .lastnamephone{
    width: 70%;
  }