* {
    margin: 0%;
    padding: 0%;
    font-family: sans-serif;
    text-transform: capitalize;
}

.sub-heading {
    background-color: #000000;
    display: flex;
    justify-content: space-between;
    /* padding: 1vh 2vw; */
    align-items: center;
}

.sub-heading .sub-email {
    display: flex;
    align-items: center;
    padding-left: 2vh;
}

.sub-heading .sub-email i {
    color: #080808;
    font-size: 1vw;
    padding: 5.30px;
    background-color: #fff;
    border-radius: 50%;
}

.sub-heading .sub-email a {
    text-decoration: none;
    color: #fff;
    padding-left: .71vw;
    font-size: 1.0vw;
}

.sub-heading .sub-btn .btn-success {
    border: none;
    padding: 1.50vh 2vw;
    background-color: #D80027;
    color: #fff;
}

.sub-heading .sub-btn .noc-btn {
    border: none;

    padding: 1.50vh 2vw;
    background-color: #28A745;
    color: #fff;
}

.social-icons {
    display: flex;
}

.social-icon {
    text-decoration: none;
    color: #fff;
    margin-right: 15px;
}

.contact-info {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.contact-item {
    text-decoration: none;
    color: #fff;
    margin-bottom: 5px;
    font-size: 14px;
}

.contact-item:hover {
    text-decoration: underline;
}

.navbar {
    background-color: #FFFFFF;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    /* position: sticky;
    top: .1vh; */
}

.nav-link {
    color: #000000;
    font-size: 14px;
    font-weight: 100;
    text-transform: uppercase;
    z-index: 999999999;
}

.nav-link:hover {
    color: #df1a1a;
}

.navbar-nav {
    display: flex;
    text-align: center;
    align-items: center;
}

.container-fluid img {
    width: 5vw;
}

.nav-item .pay {
    border: none;
    padding: 1.50vh 2vw;
    background-color: #D80027;
    color: #fff;
}

.navbar-toggler {
    border: 1.20vw solid #fff;
    color: #ccc;
    background-color: #ccc;
}

.swiper {
    width: 100%;
    z-index: 2;
    height: 100%;
}

.banner-slide img {
    width: 100%;
    max-width: 100%;
    height: 65vh;
}

.swiper-button-prev,
.swiper-button-next {
    color: rgb(114, 114, 114);
}

.eligibility {
    padding: 0 12vw;
    background-color: #F5F5F5;
}

.eligibility .eligibility-info {
    display: flex;
    justify-content: space-between;
    width: 100%;
    z-index: 2;
    position: relative;
    margin-top: -5vh;
}

.eligibility .eligibility-info {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.eligibility .eligibility-info .eligibility-details {
    width: 30%;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    border-radius: .60vw;
    background-color: #fff;
    padding: 2vh 1.40vw;
    text-align: center;
}

.eligibility .eligibility-info .eligibility-details:hover {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    border-radius: .60vw;
    background-color: #fff;
    padding: 2vh 1.40vw;
    text-align: center;
}

.eligibility .eligibility-info .eligibility-details img {
    width: 80px;
    margin-bottom: .50vh;
    border-radius: 50%;
    border: .4vw solid rgb(236, 236, 236);
}

.eligibility .eligibility-info .eligibility-details h3 {
    padding: 1vh 0;
    font-size: 18px;
}

.eligibility .eligibility-info .eligibility-details .entry {
    text-align: left;
    padding: 1vh 0;
}

.eligibility .eligibility-info .eligibility-details .entry i {
    color: #D80027;
    font-weight: 600;
    font-size: 17px;
    margin-right: .40vw;
}

.eligibility .eligibility-info .eligibility-details .eligibility-btn {
    border: none;
    margin: 1vh 0;
    font-size: 14px;
    padding: 1.50vh 1vw;
    background-color: #D80027;
    color: #fff;
}

.eligibility .Citizenship {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 4vh 0;
}

.eligibility .Citizenship .left {
    width: 40%;
    text-align: center;
}

.eligibility .Citizenship .right {
    width: 50%;
}

.eligibility .Citizenship .right p {
    font-size: 1.20vw;
}

.about {
    display: flex;
    width: 100%;
    padding: 5vh 12vw;
}

.about .left {
    width: 40%;
}

.about .left img {
    width: 80%;
}

.about .right {
    width: 60%;
    padding-top: 2vh;
}

.about .right h2 {
    font-weight: 600;
}

.about .right span {
    font-weight: 600;
    color: #D80027;
    text-transform: uppercase;
}

.about .right p {
    font-size: 19px;
    color: #4d4d4d;
}

.about .right label {
    font-size: 1vw;
    margin-top: 2vh;
    font-weight: 600;
}

.about .right #file {
    width: 100%;
}

.pnp {
    padding: 5vh 12vw;
    text-align: center;
    background-color: #F5F5F5;
}

.pnp h1 {
    color: #000000;
    font-weight: 600;
}

.pnp span {
    font-weight: 600;
    color: #D80027;
    text-transform: uppercase;
}

.pnp .pnp-info {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.pnp .pnp-info .pnp-details {
    width: 30%;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    padding: 2vh .80vw;
    background-color: #fff;
    /* border-radius: .70vw; */
    margin: 3vh 0;
    text-align: center;
}

.pnp .pnp-info .pnp-details .pnp-img {
    position: relative;
}

.pnp .pnp-info .pnp-details .pnp-img img {
    width: 100%;
    /* border-radius: .70vw; */

}

.pnp .pnp-info .pnp-details .pnp-img .mini-img {
    width: 65px;
    border: .3vw solid #fff;
    border-radius: 50%;
    position: absolute;
    top: 99%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.pnp .pnp-info .pnp-details h2 {
    margin-top: 6vh;
    font-size: 25px;
    font-weight: 600;
}

.pnp .pnp-info .pnp-details p {
    color: #2e2e2e;
    font-size: 18px;
    line-height: 4.50vh;
    padding: 0 .70vw;
}

.pnp .aplly-now {
    margin-top: 3vh;
    border-radius: 3vh;
    color: #252525;
    padding: 1.40vh 2vw;
    text-transform: capitalize;
    border: .1vw solid #525252;
}

.pnp .aplly-now:hover {
    margin-top: 3vh;
    border-radius: 3vh;
    color: #f0f0f0;
    padding: 1.40vh 2vw;
    text-transform: capitalize;
    border: none;
    background-color: #D80027;
}

.row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    padding: 20px;
    width: 100%;
}

.column {
    flex: 1;
    min-width: 250px;
    max-width: 300px;
}

.card {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
    display: flex;
    justify-content: center;
    padding: 20px;
    transition: transform 0.3s ease-in-out;
}

.card:hover {
    transform: translateY(-10px);
}

.card p {
    font-size: 17px;
    font-weight: 600;
    color: #1d1d1d;
    text-align: center;
    padding-left: 2%;
    text-transform: uppercase;

}

.card h3 {
    font-size: 3em;
    color: #D80027;
    margin: 10px 0;
    font-weight: bold;
}

.card i {
    font-size: 2em;
    color: #252525;
}

.services {
    background-image: url(https://wallpapers.com/images/hd/red-and-gold-background-tczm6i4uj2rk8b8z.jpg);
    padding: 5vh 12vw;
}

.services h2 {
    text-align: center;
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 8vh;
}

.services .services-details {
    display: flex;
    width: 100%;
    justify-content: space-between;
    /* margin-top: 10vh; */
    margin-bottom: 8vh;
}

.services .services-details .services-info {
    width: 46%;
    padding: 2vh 2vw;
    background-color: #fff;
    border-radius: 2vw;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
    position: relative;
}

.services .services-details .services-info .sm-1 {
    width: 15%;
    padding: 8px 8px;
    background-color: #fff;
    border: .90vh solid #D80027;
    border-radius: 50%;
    position: absolute;
    z-index: 3;
    top: -5vh;
    left: -2vw;
}

.services .services-details .services-info .sm-2 {
    width: 20%;
    padding: 8px 8px;
    background-color: #fff;
    border: .90vh solid #D80027;
    border-radius: 50%;
    position: absolute;
    z-index: 3;
    top: -6vh;
    left: 30vw;
}

.services .services-details .services-info .sm-3 {
    width: 20%;
    padding: 8px 8px;
    background-color: #fff;
    border: .90vh solid #D80027;
    border-radius: 50%;
    position: absolute;
    z-index: 3;
    bottom: -6vh;
    left: -3vw;
}

.services .services-details .services-info .sm-4 {
    width: 20%;
    padding: 8px 8px;
    background-color: #fff;
    border: .90vh solid #D80027;
    border-radius: 50%;
    position: absolute;
    z-index: 3;
    bottom: -6vh;
    left: 30vw;
}

.services .services-details .services-info h3 {
    padding-top: 9vh;
    font-weight: 600;
    padding-bottom: 2vh;
}

.services .services-details .services-info .services-icon {
    margin: 2vh 0;

}

.services .services-details .services-info #arrow {
    border: .1vh solid rgb(48, 47, 47);
    padding: 1vh .61vw;
    border-radius: .31vw;
    color: #D80027;
    margin-top: 2vh;
    margin-bottom: 7vh;
}

.services .services-details .services-info #arrow:hover {
    border: .1vh solid #D80027;
    padding: 1vh .61vw;
    border-radius: .31vw;
    color: #2b2b2b;
    cursor: pointer;
}

.Updates {
    padding: 5vh 12vw;
}

.Updates h2 {
    text-align: center;
    font-weight: 600;
    margin: 5vh 0;
}

.Updates span {
    color: #D80027;
}

.Updates .nationwide p {
    color: #4d4d4d;
    font-size: 17px;
    line-height: 32px;
    margin: 4vh 0;
}

.Updates .Updates-info {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.Updates .Updates-info .left {
    width: 48%;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.Updates .Updates-info .left img {
    width: 100%;
}

.Updates .Updates-info .left p {
    color: #7a7a7a;
    font-size: 17px;
    line-height: 29px;
    margin: 2vh 1.20vw;
}

.Updates .Updates-info .left a {
    color: #1f1f1f;
    text-decoration: none;
    /* font-size: 18px; */
    font-weight: 600;
    color: #D80027;
    margin: 2vh 1.20vw;
}

.Updates .Updates-info .right {
    width: 48%;
}

.Updates .Updates-info .right .letest-info {
    display: flex;
    width: 100%;
    margin-bottom: 3vh;
    justify-content: space-between;
    align-content: space-between;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    /* margin: 3vh 0; */
    padding: 2vh 1vw;
}

.Updates .Updates-info .right .lim {
    margin-bottom: 0;
}

.Updates .Updates-info .right .letest-info .ld-img {
    width: 35%;
}

.Updates .Updates-info .right .letest-info .ld-img img {
    width: 100%;
    height: 18vh;
    max-height: 100%;
    align-self: center;
}

.Updates .Updates-info .right .letest-info .ld-info {
    width: 60%;
}

.Updates .Updates-info .right .letest-info .ld-info p {
    font-size: 17px;
    color: #7a7a7a;
}

.Updates .Updates-info .right .letest-info .ld-info a {
    color: #1f1f1f;
    text-decoration: none;
    /* font-size: 18px; */
    font-weight: 600;
    color: #D80027;
}

.Media {
    padding: 5vh 12vw;
    background-color: #F5F5F5;
}

.Media h2 {
    text-align: center;
    font-weight: 600;
    margin-bottom: 5vh;
    text-transform: uppercase;
}

.Media span {
    color: #D80027;
}

.Media .grid-item {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.Media .grid-item .grid-img {
    width: 19%;
}

.Media .grid-item .grid-img img {
    width: 100%;
}


/* about us------------------------------------------------------------------------------------------------------------------------------------ */

.heading {
    background: linear-gradient(to right, #c30000 0, #4e0707 100%);
    text-align: center;
}

.heading h1 {
    padding: 15vh;
    color: #ffff;
    text-transform: uppercase;
    font-weight: 600;
}

.about-visa {
    padding: 5vh 12vw;
    background-color: #F5F5F5;
}

.about-visa h2 {
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
}

.about-visa .about-info p {
    color: #616161;
    font-size: 17px;
    line-height: 27px;
}

.about-visa .about-info a {
    color: #D80027;
    text-transform: capitalize;
    text-decoration: none;
}

.about-visa .our-mission {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 4vh 0;
}

.about-visa .our-mission .om-info {
    width: 30%;
    box-shadow: 10px 10px 0px 0px rgba(255, 0, 0, 0.75);
    -webkit-box-shadow: 10px 10px 0px 0px rgba(255, 0, 0, 0.75);
    -moz-box-shadow: 10px 10px 0px 0px rgba(255, 0, 0, 0.75);
    border-radius: 50%;
    padding: 50px 30px;
    border: .1vw solid rgb(179, 179, 179);
    background-color: #ffff;
    text-align: center;
    vertical-align: middle;
    /* height: 30vh; */
    max-height: 100vh;
}

.about-visa .our-mission .om-info h1 {
    font-weight: 600;
    padding-top: 2vh;
}

.achievment {
    padding: 1vh 12vw;
    padding-bottom: 9vh;
}

.achievment .head h2 {
    padding: 5vh;
    color: #030303;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
}

.achievment .head span {
    color: #D80027;
    text-transform: uppercase;
}

.achievment .carousel {
    background-color: #000000;

}

.achievment .carousel .achievment-info {
    display: flex;
    width: 100%;
    padding: 5vh 2vw;
}

.achievment .carousel .achievment-info .achievment-img {
    width: 50%;
}

.achievment .carousel .achievment-info .achievment-img img {
    width: 100%;
}

.achievment .carousel .achievment-info .achievment-details {
    width: 50%;
    text-align: center;
    padding: 0 5vw;
    align-content: center;
    color: #fff;
}

.achievment .carousel .achievment-info .achievment-details h2 {
    font-weight: 600;
}

.achievment .carousel .achievment-info .achievment-details span {
    font-weight: 600;
    color: #D80027;
}

.achievment .carousel .achievment-info .achievment-details p {
    margin-top: 2vh;
    color: #a0a0a0;
}

/* contact us--------------------------------------------------------------------------------------------------------------------------- */

.immigrate {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 5vh 12vw;
    background-color: #F5F5F5;
}

.immigrate .left {
    width: 50%;
}

.immigrate .left h2 {
    font-weight: 600;
    margin-top: 4vh;
}

.immigrate .left span {
    color: #D80027;
}

.immigrate .left .left-info {
    margin: 5vh 0;
}

.immigrate .left .left-info i {
    font-size: 22px;
    font-weight: 800;
}

.immigrate .left .left-info span {
    font-size: 18px;
    color: #000000;
    margin-left: 1vh;
}

.immigrate .right {
    width: 50%;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.immigrate .right h2 {
    text-align: center;
    text-transform: capitalize;
    font-weight: 600;
}

.immigrate .right span {
    color: #D80027;
}

.immigrate .right input[type=text],
select,
textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
}

.immigrate .right input[type=submit] {
    background-color: #D80027;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    width: 100%;
}

.immigrate .right input[type=submit]:hover {
    background-color: #b61c1c;
    color: #ffffff;
}

.immigrate .right .container {
    border-radius: 5px;
    background-color: #f2f2f2;
    padding: 20px;
}

.visa-location {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 5vh 12vw;
    /* background-color: #F5F5F5; */
}

.visa-location .left {
    width: 35%;
    text-align: center;
}

.visa-location .left h1 {
    font-weight: 600;
}

.visa-location .left span {
    color: #c30000;
}

.visa-location .left h4 {
    text-align: center;
    font-weight: 600;
    margin-top: 3vh;
}

.visa-location .left .delhi {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    padding-bottom: 2vh;
}

.visa-location .left .delhi img {
    width: 100%;
}

.visa-location .left .delhi h3 {
    padding: 0 .50vw;
    text-align: left;
    padding-top: 1vh;
}

.visa-location .left .delhi p {
    padding: 0 .50vw;
    text-align: left;
}

.visa-location .left .delhi .meeting-btn {
    /* margin-left: 15vh; */
    background-color: #D80027;
    color: white;
    padding: 12px 20px;
    border: none;
    text-transform: uppercase;
    border-radius: 4px;
    cursor: pointer;
    /* width: 100%; */
}

.visa-location .left .delhi .meeting-btn:hover {
    /* margin-left: 15vh; */
    background-color: #b40505;
    color: white;
}

.visa-location .right {
    width: 63%;
}

.visa-location .right iframe {
    width: 100%;
    height: 82vh;
}

/* enquire---------------------------------------------------------------------------------------------------------------------- */

.immigrate .left img {
    width: 98%;
    height: 88vh;
    max-height: 100%;
    min-height: 100%;
}

.immigrate .right input[type=email],
select,
textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
}

/* icon --------------------------------------------------------------------------------------------------------------------------------*/

.enquire{
    position: relative;
    width: 100%;
}
.enquire .enquire-btn{
    position: absolute;
    rotate: 90deg;
    border: none;
    right: -93px;
    position: fixed;
    z-index: 10011;
    top: 50%;
    border-radius: .41vw;
    color: #fff;
    background-color: #D80027;
    padding: 1vh 4vw;
    text-transform: capitalize;
}
.whatsapp img {
    position: fixed;
    z-index: 1000;
    bottom: 20px;
    top: 87%;
    right: 12px;
    width: 55px;
    transition: 2s ease-in-out;
    animation: shake 0.9s;
    animation-iteration-count: infinite
}













footer {
    background: linear-gradient(to right, #000 0, #3a3a3a 100%);
    padding: 5vh 12vw;
}

footer .foot {
    margin: 2vh 0;
}

footer .foot span {
    color: #ffffff;
    font-weight: 600;
}

footer .foot a {
    color: #f7f7f7;
    margin-left: .30vw;
    text-decoration: none;
    line-height: 3.70vh;
}

.copyright {
    display: flex;
    justify-content: space-around;
    padding-top: 2vh;
    width: 100%;
    text-align: center;
}

.copyright .cr-detail {
    width: 33%;
}

.copyright .cr {
    width: 33%;
    color: #D80027;
}

.copyright .cr-icon {
    width: 33%;
}

.copyright .cr-icon i {
    padding: 13px 13px;
    font-size: 15px;
    border: .1vw solid rgb(119, 119, 119);
    /* color: #D80027; */
    border-radius: 50%;
}














@media (max-width:768px) {
    .sub-heading {
        background-color: #000000;
        display: none;
        justify-content: space-between;
        /* padding: 1vh 2vw; */
        padding: 1vh 0;
        align-items: center;
    }

    .sub-heading .sub-email {
        display: flex;
        align-items: center;
        padding-left: 2vh;
        margin: 2vh 0;
    }

    .sub-heading .sub-email i {
        color: #080808;
        font-size: 4vw;
        padding: 5.30px;
        background-color: #fff;
        border-radius: 50%;
    }

    .sub-heading .sub-email a {
        text-decoration: none;
        color: #fff;
        padding-left: .71vw;
        font-size: 4.0vw;
    }

    .sub-heading .sub-btn .btn-success {
        border: none;
        padding: 1vh 2vw;
        margin-left: 2vw;
        background-color: #D80027;
        color: #fff;
    }

    .sub-heading .sub-btn .noc-btn {
        border: none;
        padding: 1vh 2vw;
        background-color: #28A745;
        color: #fff;
    }

    .container-fluid img {
        width: 15vw;
    }

    .banner-slide img {
        width: 100%;
        max-width: 100%;
        height: 25vh;
    }

    .swiper-button-prev,
    .swiper-button-next {
        color: rgb(114, 114, 114);
        width: 11vw;
        font-size: 1vw;
    }

    .eligibility {
        padding: 0 5vw;
        background-color: #F5F5F5;
    }

    .eligibility .eligibility-info {
        display: block;
        justify-content: space-between;
        width: 100%;
        z-index: 2;
        position: unset;
        padding-top: 9vh;
    }

    .eligibility .eligibility-info .eligibility-details {
        width: 100%;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
        border-radius: .60vw;
        background-color: #fff;
        padding: 2vh 1.40vw;
        text-align: center;
        margin-bottom: 3vh;

    }

    .eligibility .eligibility-info .eligibility-details img {
        width: 80px;
        margin-bottom: .50vh;
        border-radius: 50%;
        border: .4vw solid rgb(236, 236, 236);
    }

    .eligibility .eligibility-info .eligibility-details h3 {
        padding: 1vh 0;
        font-size: 18px;
    }

    .eligibility .eligibility-info .eligibility-details .entry {
        text-align: left;
        padding: 1vh 0;
    }

    .eligibility .eligibility-info .eligibility-details .entry i {
        color: #D80027;
        font-weight: 600;
        font-size: 17px;
        margin-right: .40vw;
        padding-left: 3vw;
    }

    .eligibility .eligibility-info .eligibility-details .eligibility-btn {
        border: none;
        margin: 1vh 0;
        font-size: 14px;
        padding: 1.50vh 1vw;
        background-color: #D80027;
        color: #fff;
    }

    .eligibility .Citizenship {
        display: block;
        justify-content: space-between;
        width: 100%;
        margin: 4vh 0;
    }

    .eligibility .Citizenship .left {
        width: 100%;
        text-align: left;
    }

    .eligibility .Citizenship .right {
        width: 100%;
    }

    .eligibility .Citizenship .right p {
        font-size: 5.20vw;
    }

    .about {
        display: block;
        width: 100%;
        padding: 0 5vw;
    }

    .about .left {
        width: 100%;
    }

    .about .left img {
        width: 100%;
    }

    .about .right {
        width: 100%;
    }

    .about .right h2 {
        font-weight: 600;
    }

    .about .right span {
        font-weight: 600;
        color: #D80027;
        text-transform: uppercase;
    }

    .about .right p {
        font-size: 19px;
        color: #4d4d4d;
    }

    .about .right label {
        font-size: 4vw;
        margin-top: 2vh;
        font-weight: 600;
    }

    .about .right #file {
        width: 100%;
    }

    .pnp {
        padding: 5vh 5vw;
        text-align: center;
        background-color: #F5F5F5;
    }

    .pnp h1 {
        color: #000000;
        font-weight: 600;
    }

    .pnp span {
        font-weight: 600;
        color: #D80027;
        text-transform: uppercase;
    }

    .pnp .pnp-info {
        display: block;
        width: 100%;
        justify-content: space-between;
    }

    .pnp .pnp-info .pnp-details {
        width: 100%;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
        padding: 2vh 4vw;
        background-color: #fff;
        /* border-radius: .70vw; */
        margin: 3vh 0;
        text-align: center;
    }

    .pnp .pnp-info .pnp-details .pnp-img {
        position: relative;
    }

    .pnp .pnp-info .pnp-details .pnp-img img {
        width: 100%;
        /* border-radius: .70vw; */

    }

    .pnp .pnp-info .pnp-details .pnp-img .mini-img {
        width: 65px;
        border: .3vw solid #fff;
        border-radius: 50%;
        position: absolute;
        top: 99%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .pnp .pnp-info .pnp-details h2 {
        margin-top: 6vh;
        font-size: 25px;
        font-weight: 600;
    }

    .pnp .pnp-info .pnp-details p {
        color: #2e2e2e;
        font-size: 18px;
        line-height: 4.50vh;
        padding: 0 .70vw;
    }

    .pnp .aplly-now {
        margin-top: 3vh;
        border-radius: 3vh;
        color: #252525;
        padding: 1.40vh 5vw;
        text-transform: capitalize;
        border: .1vw solid #525252;
    }

    .pnp .aplly-now:hover {
        border: none;
        background-color: #D80027;
        padding: 1.40vh 5vw;

    }

    .row {
        flex-direction: column;
        align-items: center;
    }

    .services {
        background-image: url(https://wallpapers.com/images/hd/red-and-gold-background-tczm6i4uj2rk8b8z.jpg);
        padding: 5vh 5vw;
    }

    .services h2 {
        text-align: center;
        color: #ffffff;
        font-weight: 600;
        margin-bottom: 6vh;
    }

    .services .services-details {
        display: block;
        width: 100%;
        justify-content: space-between;
        margin-bottom: 8vh;
    }

    .services .services-details .services-info {
        width: 100%;
        padding: 2vh 2vw;
        background-color: #fff;
        border-radius: 2vw;
        box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
        position: relative;
        margin-top: 10vh;
    }

    .services .services-details .services-info .sm-1 {
        width: 16%;
        padding: 5px 5px;
        background-color: #fff;
        border: .90vh solid #D80027;
        border-radius: 50%;
        position: absolute;
        z-index: 3;
        top: -6vh;
        left: -3vw;
    }

    .services .services-details .services-info .sm-2 {
        width: 20%;
        padding: 8px 8px;
        background-color: #fff;
        border: .90vh solid #D80027;
        border-radius: 50%;
        position: absolute;
        z-index: 3;
        top: -6vh;
        left: 30vw;
    }

    .services .services-details .services-info .sm-3 {
        width: 20%;
        padding: 8px 8px;
        background-color: #fff;
        border: .90vh solid #D80027;
        border-radius: 50%;
        position: absolute;
        z-index: 3;
        bottom: -6vh;
        left: -3vw;
    }

    .services .services-details .services-info .sm-4 {
        width: 20%;
        padding: 8px 8px;
        background-color: #fff;
        border: .90vh solid #D80027;
        border-radius: 50%;
        position: absolute;
        z-index: 3;
        bottom: -6vh;
        left: 30vw;
    }

    .services .services-details .services-info h3 {
        padding-top: 9vh;
        font-weight: 600;
        padding-bottom: 2vh;
    }

    .services .services-details .services-info .services-icon {
        margin: 2vh 0;

    }

    .services .services-details .services-info #arrow {
        border: .1vh solid rgb(48, 47, 47);
        padding: 1vh 4vw;
        border-radius: .31vw;
        color: #D80027;
        margin-top: 2vh;
        margin-bottom: 7vh;
    }

    .services .services-details .services-info #arrow:hover {
        border: .1vh solid #D80027;
        padding: 1vh 4vw;
        border-radius: .31vw;
        color: #2b2b2b;
        cursor: pointer;
    }

    .Updates {
        padding: 5vh 5vw;
    }

    .Updates h2 {
        text-align: center;
        font-weight: 600;
        margin: 3vh 0;
    }

    .Updates span {
        color: #D80027;
    }

    .Updates .Updates-info {
        display: block;
        width: 100%;
        justify-content: space-between;
    }

    .Updates .Updates-info .left {
        width: 100%;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
        margin-bottom: 3vh;
        padding-bottom: 3vh;
    }

    .Updates .Updates-info .left img {
        width: 100%;
    }

    .Updates .Updates-info .left p {
        color: #7a7a7a;
        font-size: 17px;
        line-height: 29px;
        margin: 2vh 1.20vw;
    }

    .Updates .Updates-info .left a {
        color: #1f1f1f;
        text-decoration: none;
        /* font-size: 18px; */
        font-weight: 600;
        color: #D80027;
        margin: 2vh 1.20vw;
    }

    .Updates .Updates-info .right {
        width: 100%;
    }

    .Updates .Updates-info .right .letest-info {
        display: block;
        width: 100%;
        margin-bottom: 3vh;
        justify-content: space-between;
        align-content: space-between;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
        /* margin: 3vh 0; */
        padding: 2vh 1vw;
    }

    .Updates .Updates-info .right .lim {
        margin-bottom: 0;
    }

    .Updates .Updates-info .right .letest-info .ld-img {
        width: 100%;
    }

    .Updates .Updates-info .right .letest-info .ld-img img {
        width: 100%;
        height: 48vh;
        /* max-height: 100%; */
        align-self: center;
    }

    .Updates .Updates-info .right .letest-info .ld-info {
        width: 100%;
    }

    .Updates .Updates-info .right .letest-info .ld-info p {
        font-size: 17px;
        margin-top: 2vh;
        color: #7a7a7a;
    }

    .Updates .Updates-info .right .letest-info .ld-info a {
        color: #1f1f1f;
        text-decoration: none;
        /* font-size: 18px; */
        font-weight: 600;
        color: #D80027;
    }

    .Media .grid-item {
        width: 100%;
        display: block;
    }

    .Media .grid-item .grid-img {
        width: 99%;
    }

    .Media .grid-item .grid-img img {
        width: 100%;
    }



    /* about us---------------------------------------------------------------------------------------------------------------------------------------- */

    .heading {
        background: linear-gradient(to right, #c30000 0, #4e0707 100%);
        text-align: center;
    }

    .heading h1 {
        padding: 8vh;
        color: #ffff;
        text-transform: uppercase;
        font-weight: 600;
    }

    .about-visa {
        padding: 3vh 5vw;
        background-color: #F5F5F5;
    }

    .about-visa h2 {
        text-align: center;
        font-weight: 600;
        text-transform: uppercase;
    }

    .about-visa .about-info p {
        color: #616161;
        font-size: 17px;
        line-height: 27px;
    }

    .about-visa .about-info a {
        color: #D80027;
        /* font-weight: 600; */
        text-transform: capitalize;
        text-decoration: none;
    }

    .about-visa .our-mission {
        display: block;
        justify-content: space-between;
        width: 100%;
        padding: 4vh 0;
    }

    .about-visa .our-mission .om-info {
        width: 95%;
        box-shadow: 10px 10px 0px 0px rgba(255, 0, 0, 0.75);
        -webkit-box-shadow: 10px 10px 0px 0px rgba(255, 0, 0, 0.75);
        -moz-box-shadow: 10px 10px 0px 0px rgba(255, 0, 0, 0.75);
        border-radius: 50%;
        padding: 50px 30px;
        border: .1vw solid rgb(179, 179, 179);
        text-align: center;
        vertical-align: middle;
        /* height: 30vh; */
        max-height: 100vh;
        margin-bottom: 5vh;
    }

    .about-visa .our-mission .om-info h1 {
        font-weight: 600;
        padding-top: 2vh;
    }

    .achievment {
        padding: 2vh 5vw;
    }

    .achievment .head h2 {
        padding: 2vh;
        color: #030303;
        text-transform: uppercase;
        font-weight: 600;
        text-align: center;
    }

    .achievment .head span {
        color: #D80027;
        text-transform: uppercase;
    }

    .achievment .carousel {
        background-color: #000000;

    }

    .achievment .carousel .achievment-info {
        display: block;
        width: 100%;
        padding: 5vh 2vw;
    }

    .achievment .carousel .achievment-info .achievment-img {
        width: 100%;
    }

    .achievment .carousel .achievment-info .achievment-img img {
        width: 100%;
    }

    .achievment .carousel .achievment-info .achievment-details {
        width: 100%;
        text-align: center;
        padding: 0 5vw;
        align-content: center;
        color: #fff;
        margin-top: 4vh;
    }

    .achievment .carousel .achievment-info .achievment-details h2 {
        font-weight: 600;
    }

    .achievment .carousel .achievment-info .achievment-details span {
        font-weight: 600;
        color: #D80027;
    }

    .achievment .carousel .achievment-info .achievment-details p {
        margin-top: 2vh;
        color: #a0a0a0;
    }


    /* contact us--------------------------------------------------------------------------------------------------------------------------- */


    .immigrate {
        display: block;
        justify-content: space-between;
        width: 100%;
        padding: 3vh 5vw;
        background-color: #F5F5F5;
    }

    .immigrate .left {
        width: 100%;
    }

    .immigrate .left h2 {
        font-weight: 600;
        margin-top: 4vh;
    }

    .immigrate .left span {
        color: #D80027;
    }

    .immigrate .left .left-info {
        margin: 4vh 0;
    }

    .immigrate .left .left-info i {
        font-size: 22px;
        font-weight: 800;
    }

    .immigrate .left .left-info span {
        font-size: 18px;
        color: #000000;
        margin-left: 1vh;
    }

    .immigrate .right {
        width: 100%;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
        padding-top: 3vh;
    }

    .immigrate .right h2 {
        text-align: center;
        text-transform: capitalize;
        font-weight: 600;
    }

    .immigrate .right span {
        color: #D80027;
    }

    .immigrate .right input[type=text],
    select,
    textarea {
        width: 100%;
        padding: 12px;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box;
        margin-top: 6px;
        margin-bottom: 16px;
        resize: vertical;
    }

    .immigrate .right input[type=submit] {
        background-color: #D80027;
        color: white;
        padding: 12px 20px;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        width: 100%;
    }

    .immigrate .right input[type=submit]:hover {
        background-color: #b61c1c;
        color: #ffffff;
    }

    .immigrate .right .container {
        border-radius: 5px;
        background-color: #f2f2f2;
        padding: 20px;
    }

    .visa-location {
        display: block;
        justify-content: space-between;
        width: 100%;
        padding: 5vh 5vw;
        /* background-color: #F5F5F5; */
    }

    .visa-location .left {
        width: 100%;
        text-align: center;
    }

    .visa-location .left h1 {
        font-weight: 600;
    }

    .visa-location .left span {
        color: #c30000;
    }

    .visa-location .left h4 {
        text-align: center;
        font-weight: 600;
        margin-top: 3vh;
    }

    .visa-location .left .delhi {
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
        padding-bottom: 2vh;
    }

    .visa-location .left .delhi img {
        width: 100%;
    }

    .visa-location .left .delhi h3 {
        padding: 0 .50vw;
        text-align: left;
        padding-top: 1vh;
    }

    .visa-location .left .delhi p {
        padding: 0 .50vw;
        text-align: left;
    }

    .visa-location .left .delhi .meeting-btn {
        /* margin-left: 15vh; */
        background-color: #D80027;
        color: white;
        padding: 12px 20px;
        border: none;
        text-transform: uppercase;
        border-radius: 4px;
        cursor: pointer;
        /* width: 100%; */
    }

    .visa-location .left .delhi .meeting-btn:hover {
        /* margin-left: 15vh; */
        background-color: #b40505;
        color: white;
    }

    .visa-location .right {
        width: 100%;
    }

    .visa-location .right iframe {
        width: 100%;
        height: 82vh;
    }

    /* enquire---------------------------------------------------------------------------------------------------------------------- */

    .immigrate .left img {
        width: 100%;
        height: 38vh;
        max-height: 100%;
        min-height: 100%;
    }

    .immigrate .right input[type=email],
    select,
    textarea {
        width: 100%;
        padding: 12px;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box;
        margin-top: 6px;
        margin-bottom: 16px;
        resize: vertical;
    }


    /* icon--------------------------------------------------------------------------------------------------------------------------- */

    .enquire{
        position: relative;
        width: 100%;
        display: block;
    }

















    footer {
        background: linear-gradient(to right, #000 0, #3a3a3a 100%);
        padding: 5vh 5vw;
    }

    footer .foot {
        margin: 2vh 0;
    }

    footer .foot span {
        color: #ffffff;
        font-weight: 600;
    }

    footer .foot a {
        color: #f7f7f7;
        margin-left: .30vw;
        text-decoration: none;
        line-height: 3.70vh;
    }

    .copyright {
        display: block;
        justify-content: space-around;
        padding-top: 2vh;
        width: 100%;
        text-align: left;
    }

    .copyright .cr-detail {
        width: 100%;
    }

    .copyright .cr {
        width: 100%;
        color: #D80027;
    }

    .copyright .cr-icon {
        width: 100%;
    }

    .copyright .cr-icon i {
        padding: 13px 13px;
        font-size: 15px;
        border: .1vw solid rgb(119, 119, 119);
        /* color: #D80027; */
        border-radius: 50%;
        margin: 2vh 0;
    }


}

@media (max-width:430px) {
    .services .services-details .services-info .sm-1 {
        width: 25%;
        padding: 8px 8px;
        background-color: #fff;
        border: .90vh solid #D80027;
        border-radius: 50%;
        position: absolute;
        z-index: 3;
        top: -6vh;
        left: -3vw;
    }
}