@media(min-width:2560px) and (min-height:1600px) {
    .hero-section .hero-row .hero-img {
        top: -8%;
        right: 3.5%;
    }

    .success-story-section .success-story .success-track .success-card {
        width: 20.604vw;
    }
}

@media(min-width:2200px) {
    .hero-section {
        margin-top: -6%;
    }

    .hero-section .hero-row .hero-img {
        right: 3.5%;
    }
}

@media(min-width:1925px) {
    .hero-section .hero-row .hero-title {
        font-size: 106px;
    }

    .hero-section .hero-row .hero-para {
        font-size: 24px;
    }

    .container {
        position: relative;
    }

    .cards-row .card-box {
        width: 32.5%;
    }

    /* .meet-section {
        height: 55vh;
    } */

    .residency-section {
        height: 80vh;
        margin-top: 5%;
    }
}

@media(min-width:1925px) and (min-height:1400px) {
    /* .meet-section {
        height: 66vh;
    } */
}

@media (max-width:1920px) and (min-height:1080px) {
    /* .meet-section {
        height: 85vh;
    } */
}

@media (max-width:1920px) and (min-height:919px) {
    .cards-row .card-box.card-one {
        transform: translateX(-103.6%);
    }

    .cards-row .card-box.card-two {
        transform: translateX(103.6%);
    }

    .cards-row .card-box.card-three {
        transform: translateX(-103.6%);
    }
}

@media only screen and (max-width:1850px) {
    .hero-section .hero-row .hero-img {
        top: 5%;
        right: 3.5%;
    }
}

@media only screen and (max-width:1700px) {
    .hero-section .hero-row .hero-img {
        top: 4%;
        right: 4.5%;
    }
}

@media only screen and (max-width:1600px) {
    .project-banner .project-banner-row p {
        font-size: 40px;
    }

    /* .hero-section .hero-row .hero-title {
        font-size: 85px;
    } */
    .hero-section .hero-row .hero-img {
        top: 4%;
        right: 5.5%;
    }

    .top-bar .nav-menu li a {
        font-size: 65px;
    }

    .success-story-section .success-story .success-track .success-card {
        width: 35vw;
    }

    .steps-section .steps-row .step-big-heading .step {
        font-size: 250px;
    }

}


@media(max-width:1600px) and (min-height:1200px) {
    /* .meet-section {
        height: 70vh;
    } */

    /* .meet-row .meet-card .front-card {
        min-height: 590px;
    } */

    /* .meet-row .meet-card .back-card {
        min-height: 590px;
    } */

    .cards-row .card-box {
        width: 30vw;
    }

    .cards-row .card-box.card-one {
        transform: translateX(-104%);
    }

    .cards-row .card-box.card-two {
        transform: translateX(104%);
    }

    .cards-row .card-box.card-three {
        transform: translateX(-104%);
    }
}

@media only screen and (max-width:1550px) {
    .hero-section .hero-row .hero-img {
        top: 5%;
        right: 7%;
        width: 40%;
    }
}

@media only screen and (max-width:1450px) {
    .hero-section .hero-row .hero-img {
        top: 4.5%;
        right: 8.5%;
    }
}

@media(max-width:1440px) and (min-height:900px) {
    .hero-section .hero-row .hero-img {
        max-height: 640px;
    }

    .hero-section .hero-row .hero-img {
        right: 9.5%;
    }

    /* .meet-row .meet-card .front-card {
        min-height: 620px;
    } */

    /* .meet-row .meet-card .back-card {
        min-height: 620px;
    } */

    /* .meet-section {
        height: 95vh;
    } */

}


@media only screen and (max-width:1440px) {
    .project-banner .project-banner-row p {
        font-size: 34px;
    }

    .ms-content h1 {
        font-size: 80px;
    }

    .footer .footer-row .footer-links {
        max-width: 90%;
    }

    .footer .footer-row .footer-links li a::after {
        right: -29%;
    }

    .hero-section .hero-row .hero-img {
        top: 5.5%;
        right: 8.5%;
    }

    .steps-section .steps-row .step-big-heading .step {
        font-size: 210px;
    }

    .steps-section .steps-row .step-big-heading .count {
        font-size: 130px;
    }

    .residency-section .residency-title h6 {
        font-size: 90px;
    }

    .projects-section .projects-heading h6 {
        font-size: 55px;
    }

    .steps-section .steps-row .step-heading {
        font-size: 90px;
    }

    .success-story-section .success-story-heading h6 {
        font-size: 55px;
    }

    .faqs-section .faq-sidebar h6 {
        font-size: 55px;
    }

    .projects-section .project-track .project-box .project-detail h6 {
        font-size: 28px;
    }

    .projects-section .project-track .project-box .project-detail span {
        font-size: 24px;
    }

    .success-story-section .success-story .success-track .success-card {
        width: 45vw;
    }

    .meet-row .meet-card {
        max-width: 23%;
    }

    .hero-section .hero-row .hero-title {
        font-family: "Playfair Display", serif;
        font-size: 85px;
    }

    .cards-row .card-box h6 {
        font-size: 28px;
    }

    .cards-row .card-box p {
        color: var(--text);
        font-size: 18px;
    }
}

@media only screen and (max-width:1366px) {
    .about-pg .about-title h1 {
        font-size: 60px;
    }

    .eb-fund-title p {
        font-size: 30px;
    }

    .project-banner .project-banner-row .project-banner-track {
        font-size: 160px;
    }

    .hero-section .hero-row .hero-img {
        top: 6%;
        right: 9%;
    }

    .msrow .col-lg-8.col-md-7 {
        padding-left: 60px;
    }

    .meet-row .meet-card .back-card {
        min-height: 600px;
    }

    .meet-row .meet-card .back-card {
        padding: 20px 20px;
    }

    .faqs-section .faq-list-container .faq-box {
        border-radius: 20.5px;
        padding: 15px;
    }

    .faqs-section .faq-list-container .faq-box .faq-header h6 {
        font-size: 20px;
    }

    .step_img {
        width: 10vw;
    }

    .ring-2 img {
        position: absolute;
        top: 8px;
        width: 4vw;
        margin-left: 5px;
    }

    .hero-section .hero-row .hero-title {
        font-size: 50px;
    }

    .hero-section .hero-row .hero-title .primary::after {
        top: 0;
    }

    .rings img {
        position: absolute;
        top: 10px;
    }

    .hero-section .hero-row .hero-title .secondary::after {
        top: unset;
    }

    .hero-section .hero-row {
        /* padding: 11% 0; */
    }
}

@media only screen and (max-width:1300px) {
    .hero-section .hero-row .hero-img {
        top: 5%;
        right: 11%;
    }

    .meet-card .back-card .theme-btn a:nth-child(1) {
        padding: 10px 30px;
    }

    .faqs-section .faq-sidebar ul li a {
        max-width: 250px;
    }



}

@media only screen and (max-width:1300px) and (min-height:611px) {
    .hero-section .hero-row .hero-img {
        max-height: 540px;
    }

    .hero-section .hero-row .hero-img {
        top: 9%;
        right: 11%;
    }

    .footer .footer-row .footer-links li a::after {
        right: -19%;
        width: 23%;
    }

}

@media (min-width:1024px) {
    .cater-slider .swiper-slide {
        flex-shrink: 0;
        width: 25vw;
        margin-right: 20px;
    }   
}
@media (max-width:1280px) and (min-height:1024px) {
    /* .meet-section {
        height: 80vh;
    } */
}

@media (max-width:1280px) and (min-height:960px) {
    /* .meet-section {
        height: 76vh;
    } */
}

@media (max-width:1280px) and (min-height:720px) {
    /* .meet-section {
        height: 100vh;
    } */

    .footer .footer-row .footer-links {
        max-width: 100%;
    }

    .footer .footer-row .footer-links li a::after {
        right: -21%;
        width: 19%;
        max-width: 45px;
    }
}

@media only screen and (max-width:1280px) {
    .project-banner .project-banner-row p {
        font-size: 30px;
    }

    .project-banner .project-banner-row .project-banner-track {
        font-size: 130px;
    }

    .ms-content h1 {
        font-size: 70px;
    }

    .footer .footer-row .footer-links li a {
        padding: 0;
    }

    .meet-section {
        padding-top: 0;
    }

    /* .hero-section .hero-row .hero-title {
        font-size: 60px;
    } */

    .hero-section .hero-row .hero-para {
        font-size: 18px;
    }

 

    .hero-section .hero-row .hero-img {
        top: 7%;
        right: 11%;
    }

    .card-hover-content img{
        max-height: 50px;
        width: 50px;

        max-width: 100px !important;
        height: auto;
    }

    .card-box.img-has img {
        height: 100%;
        object-fit: cover;
    }

    .faqs-section .faq-list-container .faq-list {
        width: 100%;
    }

    .faqs-section .faq-list-container .faq-box {
        width: 100%;
    }

    .meet-row .meet-card .meet-detail h6 {
        font-size: 22px;
    }

    .meet-row .meet-card .back-card p {
        font-size: 22px;
    }

    .meet-row .meet-card .back-card .theme-btn a {
        padding: 10px 30px;
    }

    /* .meet-row .meet-card .front-card {
        min-height: 560px;
    } */

    /* .meet-row .meet-card .back-card {
        min-height: 560px;
    } */
}

@media(max-width:1200px) {
    .meet-row .meet-card .back-card .theme-btn a {
        padding: 10px 12px;
    }

    .footer .footer-row .footer-links {
        max-width: 100%;
    }

    .hero-section .hero-row {
        padding: 14% 0;
    }

    .footer .footer-row .footer-links li a::after {
        display: none;
    }

    .footer .footer-row .footer-links li a {
        font-size: 14px;
    }

    .hero-section .hero-row .hero-img {
        top: 8%;
        right: 14%;
    }

    .hero-section .hero-row .hero-img {
        top: 8%;
        right: 14%;
    }

    .hero-section .hero-row .hero-img .visa-box {
        left: -3%;
        transform: scale(0.8);
    }
}

@media(min-width:991px) {
    .why-choose .why-choose-row .why-choose-list li p {
        display: none !important;
    }
}

@media only screen and (max-width:1199px) {
    .hero-section .hero-row .hero-img {
        top: 5%;
        right: 12%;
    }
}

@media(max-width:1024px) and (min-height:768px) {
    /* .meet-section {
        height: 85vh;
    } */
}

@media(max-width:1024px) and (min-height:900px) {
    /* .meet-section {
        height: 72vh;
    } */

}

@media only screen and (max-width:1025px) {
    .contact-pg .contact-title h6 span {
        font-size: 80px;
    }

    .contact-pg .contact-social .location-box .location-box-ul a {
        font-size: 12px;
    }

    .project-banner .project-banner-row p {
        font-size: 24px;
    }

    .project-banner .project-banner-row .project-banner-track {
        font-size: 120px;
    }

    .projects-other-pro .project-box .project-detail h6 {
        font-size: 30px;
    }

    .projects-other-pro .project-box .project-detail span {
        font-size: 25px;
    }

    .ms-content h1 {
        font-size: 50px;
    }

    .msrow .col-lg-8.col-md-7 {
        padding-left: 50px;
    }

    .back-btn {
        right: 2%;
        top: 2%;
    }

    .hero-section .hero-row .hero-title span {
        z-index: 1;
    }

    .hero-section .hero-row .hero-title .secondary::after {
        width: 100%;
    }

    .hero-section .hero-row .hero-title .primary::after {
        width: 100%;
    }

    .success-story-section .success-story .success-track .success-card {
        width: 60vw;
    }

    .ring-1 img {
        width: 58px;
        margin-left: 10px;
    }

    .meet-row .meet-card .meet-detail h6 {
        font-size: 17px;
    }

    .meet-row .meet-card .meet-detail p {
        font-size: 14px;
    }

    .meet-row .meet-card .back-card p {
        font-size: 17px;
    }

    .meet-row .meet-card .back-card .theme-btn a {
        padding: 5px 18px;
        font-size: 14px;
        height: 50px;
    }

    /* .meet-row .meet-card .front-card {
        min-height: 470px;
    } */

    /* .meet-row .meet-card .back-card {
        min-height: 470px;
    } */

    .footer .footer-row .footer-links li a {
        font-size: 14px;
    }

    .footer .footer-row .footer-links li a::after {
        right: -16%;
    }

    .cards-row {
        gap: 8px;
    }

    .cards-row .card-box h6 {
        font-size: 18px;
    }

    .cards-row .card-box p {
        font-size: 14px;
    }

    .cards-row .card-box .card-icon {
        max-width: 45px;
    }

    /* .hero-section .hero-row .hero-title {
        font-size: 50px;
    } */

    .hero-section .hero-row .hero-img .visa-box h6 {
        font-size: 22px;
    }

    .hero-section .hero-row .hero-img .visa-box {
        max-width: 350px;
        height: 175px;
    }

    .hero-section .hero-row .hero-img .visa-box a {
        height: 41px;
        padding: 7px 18px;
        font-size: 14px;
    }

    .hero-section .hero-row .hero-img {
        top: 19%;
        right: 8%;
    }

    .footer .footer-row .footer-links li a {
        padding: 0 10px;
    }

    .meet-row .meet-card .back-card {
        min-height: 500px;
    }

    .meet-row .meet-card .front-card {
        min-height: 500px;
    }

    .meet-row-empty {
        padding-bottom: 0%;
    }

    .steps-section .steps-row .step-big-heading .step {
        font-size: 170px;
    }
}

.active{
    filter: blur(0) !important;
}

.success-story-section .success-card .success-img{
    filter: blur(25px);
}

.success-detail{
    filter: blur(25px);
}

@media only screen  and (min-width:768px) and (max-width:992px) {
.hero-section .hero-row {
    padding: 27% 0;
    padding-top: 18% !important;
}



.card-box.img-has img {
    height: 550px;
}

}

@media only screen and (max-width:992px) {
    .faq-pg {
        padding-top: 150px !important;
        height: unset !important;
    }

    .swiper-pagination{
        width: 100% !important;
    }

    .swiper-wrapper{
        padding-bottom: 3rem;
    }

    .eb-fund-section {
        margin-bottom: 0px;
      }
    .about-pg .about-title h6 {
        font-size: 18px;
    }

    .about-pg {
        padding-top: 150px;
    }

    .two-about-img {
        padding-top: 50px;
    }

    .eb-prtop h1 {
        font-size: 52px;
    }

    .guide-section .container .big-banner-row h5 {
        font-size: 32px;
        text-wrap: balance;
        margin-bottom: 20px !important;
    }

    .guide-section .container .big-banner-row {
        padding: 50px 30px;
        height: 60vh;
    }

    .guide-section .container .big-banner-row .main-para {
        font-size: 14px;
        text-wrap: balance;
    }

    .guide-section .container .big-banner-row .abv-img {
        width: 250px;
    }

    .guide-section .container .big-banner-row .sub-para {
        font-size: 14px;
        text-wrap: balance;
        max-width: 200px;
    }

    .guide-section .container .big-banner-row h6 {
        font-size: 24px;
        text-wrap: balance;
    }

    .guide-section .container .big-banner-row .big-banner-col {
        gap: 20px;
    }

    .guide-section .container .big-banner-row .abv-img {
        right: -5%;
    }

    .ebprogram-section {
        padding-top: 150px;
        padding-bottom: 100px;
    }

    .eb-prtop p {
        font-size: 16px;
    }

    .eb-prtop p {
        margin: 25px 0;
    }

    .ebini-title {
        max-width: 100%;
    }

    .eb-immigration-section .immigration-img-1 {
        display: none;
    }

    .eb-immigration-section .immigration-img-2 {
        display: none;
    }

    .eb-immigration-section {
        padding: 100px 0px;
        align-items: start;
        flex-direction: column;
        gap: 30px;
    }

    .ebini-title h2 {
        text-align: start;
        font-size: 28px;
    }

    .ebini-title p {
        font-size: 16px;
        text-align: start;
    }

    .eb-fund-title p {
        font-size: 16px;
    }

    .eb-fund-title h2 {
        font-family: "Playfair Display", serif;
        font-size: 28px;
    }

    .ebfund-wrapper {
        gap: 60px;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    .eb-fund-images {
        width: 60%;
        margin: 0 auto;
    }

    .eb-fund-images img {
        border-radius: 7px;
        margin-bottom: 20px;
        width: 100%;
    }

    .eb-fund-title h2 {
        font-size: 28px;
        text-wrap: balance;
    }

    .our-comm-title h2 {
        font-size: 28px;
        text-align: start;
    }

    .our-comm-title {
        max-width: 100%;
    }

    .our-comm-title p {
        max-width: 100%;
        font-size: 16px;
        text-align: start;
    }

    .our-comm-section .our-com-1 {
        display: none;
    }

    .our-comm-section .our-com-2 {
        display: none;
    }

    .our-comm-section .our-com-3 {
        display: none;
    }

    .our-comm-section .our-com-4 {
        display: none;
    }

    .our-comm-section {
        align-items: start;
        justify-content: center;
        flex-direction: column;
        gap: 60px;
        height: auto;
    }

    .our-comm-wrapper {
        padding-top: 100px;
    }

    .eb-benifits-sec {
        height: fit-content;
        padding: 100px 0;
    }

    .eb-benifits-title h2 {
        font-size: 28px;
    }

    .eb-benifits-wrapper {
        flex-wrap: wrap;
    }

    .eb-box-text h3 {
        font-size: 19px;
    }

    .eb-box-text p {
        font-size: 15px;
    }

    .eb-boximg svg {
        max-width: 50px;
        margin-top: -15px;
    }

    .flag-section .flag-title h6 {
        font-size: 28px;
        text-wrap: balance;
    }

    .flag-section .flag-title p {
        font-size: 16px;
    }

    .flag-section {
        height: auto;
        padding-bottom: 100px;
    }

    .invest-section .invest-title h6 {
        font-size: 28px;
    }


    .invest-section .invest-title span {
        border-radius: 4px;
    }

    .invest-section {
        background-position: 82%;
        background-image: url('../images/cp.png');
    }

    .invest-section .invest-title .secondary::after {
        border-radius: 4px;
        top: -1px;
    }

    .invest-section .invest-btn a span {
        font-size: 16px;
        height: 55px;
    }

    .invest-section .invest-btn a span:nth-child(2) {
        width: 55px;
        height: 55px;
    }

    .invest-section .invest-title span {
        line-height: .9;
    }

    .copyright a:first-child::after {
        display: none;
    }

    .copyright {
        gap: 30px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .copyright a {
        display: flex;
        text-align: center;
        justify-content: center;
    }

    .copyright a img {
        height: 30px;
    }

    .copyright a:first-child {
        width: 100%;
        order: 1;
    }

    .footer .footer-row .newsletter {
        border: none;
        flex-wrap: wrap;
        gap: 25px;
        justify-content: end;
    }

    .footer .footer-row .newsletter input {
        border-radius: 162.264px;
        border: 1px solid #3E6397;
        padding: 14px 20px;
    }

    .footer .footer-row {
        padding: 60px 20px;

    }

    .footer .footer-row .newsletter button {
        font-size: 14px;
        max-width: 175px;
    }

    .footer .footer-row .footer-links {
        margin: 50px auto;
    }

    .footer .footer-row .footer-links li a {
        font-size: 16px;
    }

    .footer .footer-row .footer-links li span {
        width: 14px;
    }

    .contact-pg .contact-title h6 {
        font-size: 36px;
    }

    .contact-pg .contact-title h6 span {
        font-size: 36px;
    }

    .contact-pg .contact-title p {
        max-width: 500px;
        font-size: 12px;
    }

    form.contact-form .col-lg-6 {
        width: 50%;
    }

    .contact-pg .contact-social {
        display: none;
    }

    .contact-pg {
        padding-top: 150px;
    }

    .project-info {
        padding: 50px 0;
    }

    .project-info .project-info-row p {
        font-size: 12px;
        margin-top: 20px;
    }

    .project-info .project-info-row {
        text-align: center;
    }

    .overview-section span {
        font-size: 14px;
    }

    .overview-section h6 {
        font-size: 32px;
        margin-bottom: 20px;
    }

    .overview-section .image-placholder {
        margin: 50px 0;
    }

    .projects-other-pro {
        padding: 0px 0;
    }

    .projects-other-pro .projects-other-pro-heading h6 {
        font-size: 34px;
    }

    .projects-other-pro .projects-other-pro-heading {
        justify-content: start;
    }

    .projects-other-pro .project-other-pro-row {
        gap: 10px;
        padding-top: 10px !important;
    }

    .projects-other-pro .project-box .project-detail span {
        font-size: 8px;
    }

    .projects-other-pro .project-box .project-detail h6 {
        font-size: 10px;
    }

    .overview-section p {
        font-size: 12px;
    }

    .project-banner .project-banner-row p {
        font-size: 34px;
    }

    .project-banner .project-banner-row a {
        font-size: 24px;
    }

    .project-banner .project-banner-row .project-banner-track {
        font-size: 80px;
    }

    .row.project-banner-row .col-lg-3 {
        max-width: 400px;
    }

    .meet-sigle-sec .ms-content h1 {
        font-size: 37px;
    }

    .meet-sigle-sec .ms-content p {
        font-size: 16px;
    }

    .msrow .col-lg-8.col-md-7 {
        padding-left: 15px;
    }

    .back-btn {
        position: unset;
        right: unset;
        top: unset;
        width: auto;
        margin: 0 auto;
        margin-top: 30px;
    }

    .back-btn a {
        font-size: 19px;
        padding: 10px 20px;
        gap: 10px;
    }

    .meet-sigle-sec {
        padding: 0 0;
    }

    .ms-wraper {
        border-radius: 0px;
        padding-top: 150px;
        padding-bottom: 50px;
    }

    .meet-sigle-sec .container {
        background: #F3F6FA;
    }

    .ms-content {
        padding: 20px 0px 20px 0px;
    }

    .team-pg .meet-row {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .team-pg .meet-row .meet-card {
        max-width: 100%;
        margin-bottom: 25px;
    }

    .team-pg .meet-row .meet-card .front-card {
        min-height: 0;
    }

    .team-pg.meet-section .primary-title {
        font-size: 36px;
        margin-bottom: 30px;
    }

    .meet-section.team-pg {
        padding: 150px 0px 50px 0px;
    }

    .team-pg p {
        font-size: 14px;
    }

    .team-pg .meet-row .meet-card .meet-detail h6 {
        font-size: 14px;
    }

    .team-pg .meet-row .meet-card .meet-detail p {
        font-size: 13px;
    }

    .team-pg .meet-card .meet-detail p span {
        font-size: 10px;
    }

    .team-pg .meet-card {
        border-radius: 16px;
    }

    .team-pg .meet-card .meet-detail {
        padding: 20px 10px;
        padding-top: 20px;
    }

    .top-bar .nav-menu li a::after {
        display: none;
    }

    .projects-pg {
        padding: 0 0;
        padding-top: 140px;
        padding-bottom: 0px;
    }

    .projects-pg .projects-heading h6 {
        font-size: 40px;
    }

    .projects-pg .projects-heading h6 span {
        font-size: 20px;
        position: absolute;
    }

    .projects-pg .d-flex.justify-content-between.align-items-center {
        justify-content: center !important;
    }

    .projects-pg .project-box .project-detail h6 {
        font-size: 20px;
    }

    .projects-pg .project-box .project-detail span {
        font-size: 16px;
    }

    .projects-pg .project-bg-row {
        gap: 20px;
        grid-template-columns: repeat(1, 1fr);
    }

    .header-main .theme-btn {
        display: none;
    }

    .top-bar .nav-menu li a {
        padding-left: 10px;
    }

    .brand_logo {
        padding-left: 0;
    }

    .header-main .navbar {
        flex-direction: row-reverse;
    }

    .header-main .navbar .nav-toggler {
        /* width: 53px;
        height: 37px; */
    }

    .header-main .navbar .nav-toggler svg {
        width: 20px;
        height: 15px;
    }

    .brand_logo svg {
        width: 34px;
        height: 44px;
    }

    .header-main {
        border-bottom: 1px solid #4E637D;
    }

    .header-main .navbar {
        padding: 15px 0;
    }

    .hero-desk {
        display: none;
    }

    .hero-mbl {
        display: block;
    }

    .hero-section .hero-row .hero-img {
        position: unset;
        top: unset;
        right: unset;
        max-width: unset;
        width: unset;
        height: unset;
        max-height: unset;
    }

    .hero-section .hero-row .hero-title {
        margin-top: 20px;
    }

    .hero-section .hero-row .hero-title .secondary::after {
        border-radius: 10px;
    }

    .hero-section {
        height: fit-content;
        background: white;
    }

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,.success-story-section .container,
    .container-xxl {
        padding-left: 20px;
        padding-right: 20px;
    }
    /*.swiper-wrapper {
        left: -2rem;
    }*/
    .testimonioswiper .swiper-slide {
        width: 85%;
    }
    .testimonioswiper .swiper-slide:nth-child(2n) {
        width: 85%;
      }
      
      .testimonioswiper .swiper-slide:nth-child(3n) {
        width: 85%;
      }
    .cards-row-one {
        flex-direction: column-reverse;
        justify-content: center;
    }

    .cards-row-two {
        flex-direction: column;
        justify-content: center;
    }

    .cards-row-three {
        flex-direction: column-reverse;
        justify-content: center;
    }

    .cards-row .card-box {
        margin: 0 auto;
    }

    .card-section {
        padding: 30px 0;
    }

    .cards-row .card-box.card-one,
    .cards-row .card-box.card-two,
    .cards-row .card-box.card-three {
        transform: translateX(0%);
        opacity: 1;
    }

    .cards-row .card-hover-content {
        opacity: 1 !important;
    }

    .emptybox {
        display: none !important;
    }

    .cards-row .card-box {
        width: 100%;
    }

    .cards-row .card-box:not(.img-has) {
        padding: 30px;
        border-radius: 16px;
    }

    .cards-row .card-box {
        border-radius: 16px;
    }

    .cards-row .card-box h6 {
        margin: 40px 0;
    }

    .cards-row .card-box .card-hover-content {
        padding: 30px 30px;
        transform: translateY(0%);
    }

    .bg-white {
        margin-bottom: 10px !important;
    }

    .step-one .col-lg-5:first-child {
        display: none;
    }

    .steps-section .steps-row .step-heading {
        font-size: 50px;
    }

    .steps-section .steps-row .step-subheading {
        display: none;
    }

    .steps-section {
        padding: 50px 0;
        margin-bottom: 80px;
    }

    .steps-section .steps-row .step-big-heading {
        position: relative;
        text-align: center;
    }

    .steps-section .steps-row .step-big-heading .step {
        font-size: 119px;
    }

    .steps-section .steps-row .step-big-heading .count {
        font-size: 79px;
        right: 0;
        left: 0;
    }

    .steps-section .steps-row.even .step-big-heading .count {
        left: 0;
    }

    img.icon-carry {
        display: none;
    }

    .steps-section .step-card-wrapper .step-card {
        max-width: unset;
    }

    .steps-section .step-card-wrapper .step-icon {
        position: unset;
        top: unset;
        left: unset;
        margin: 0 auto;
    }

    .steps-section .step-card-wrapper .step-icon-box {
        text-align: center;
        margin-top: 40px;
        margin-bottom: 15px;
    }

    .steps-section .step-card-wrapper .step-card .step-title {
        font-size: 22px;
    }

    .steps-section .step-card-wrapper .step-card p {
        font-size: 16px;
        line-height: 22px;
    }

    .steps-section .steps-row.even .step-card-wrapper {
        flex-direction: column;
    }

    .steps-section .steps-row.even .step-card-wrapper .step-icon {
        top: unset;
        left: unset;
        right: unset;
        position: unset;
    }

    .steps-section .steps-row.even .step-card .step-title {
        text-align: left;
        margin-right: 40px;
    }

    .steps-section .step-card-wrapper {
        flex-direction: column;
    }

    .residency-section .residency-title h6 {
        font-size: 34px;
    }

    .faqs-section .faq-sidebar ul {
        display: none;
    }

    .faqs-section .faq-sidebar h6 {
        font-size: 62px;
        color: #0A3161;
        text-align: center;
    }

    .faqs-section .faq-list-container .faq-box .faq-header h6 {
        font-size: 16px;
    }

    .faq-header svg {
        width: 21px;
    }

    .footer .footer-row h6 {
        font-size: 38px;
    }

    .footer .footer-row p {
        font-size: 14px;
    }

    .footer .footer-row .footer-links {
        flex-direction: column;
        gap: 25px;
    }

    .top-bar {
        background: #ffffff;
        backdrop-filter: blur(0px);
    }

    .top-bar .nav-menu li a {
        font-size: 36px;
    }

    .header-main .navbar .nav-toggler.active {
        background-color: #EFEFEF;
    }

    .top-bar .nav-menu {
        width: 97%;
    }

    .top-bar .social-box {
        right: unset;
        bottom: 15%;
        left: 20px;
    }

    .top-bar .nav-menu {
        justify-content: start;
        align-items: start;
    }

    .top-bar .social-box .header-faq-btn {
        font-size: 18px;
        margin-left: 0;
    }

    .top-bar .social-box ul {
        gap: 30px;
    }

    .why-choose-pg {
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 50px;
    }

    .why-choose-pg .why-1 {
        display: none;
    }

    .why-choose-pg .why-2 {
        display: none;
    }

    .why-choose-pg .why-choose-title h6 {
        font-size: 38px;
    }

    .why-choose-pg .why-choose-title .first {
        font-size: 15px;
    }

    .why-choose-pg .why-choose-title p {
        font-size: 15px;
    }

    .why-choose-pg .why-choose-title {
        max-width: 260px;
    }

    .choose-roots {
        display: flex;
        align-items: stretch;
    }

    .choose-roots img {
        height: 100%;
        object-fit: cover;
        border-radius: 20px;
    }

    .hero-section .hero-row {
        padding: 27% 0;
        padding-top: 38%;
    }

    .faq-pg-heading h1 {
        font-size: 40px;
    }
    .faqs-section.faq-pg .faq-toggle-box button {
        padding: 20px 25px;
        flex: auto;
    }    
    .faqs-section.faq-pg .faq-toggle-box {
        gap: 20px;
    }
    .faqs-section.faq-pg .faq-toggle-box button {
        font-size: 12px;
        border-radius: 16px;
        padding: 15px 6px;
        text-align: center;
        justify-content: center;
    }
    .faq-pg .faq-sidebar h6 {
        font-size: 36px;
        color: #000000;
        text-align: left;
    }
    .faq-pg .faq-sidebar ul {
        display: flex;
        gap: 15px;
        overflow-x: scroll;
        white-space: nowrap;
    }
    .faqs-section.faq-pg .faq-sidebar {
        max-width: 100%;
        height: 100%;
    }
    .faq-pg .faq-sidebar ul li a {
        font-size: 12px;
        max-width: 100%;
    }
    .faq-pg  .faq-toggle-btn img {
        width: 44px;
    }
    .faq-pg-heading h3 {
        font-size: 12px;
    }
    .faqs-section {
        height: 100vh;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    .faqs-section {
        padding-top: 0;
        padding-bottom: 0;
    }
}

@media only screen and (max-width:991px) {
    .cater-slider-section .cater-slide{
        gap: 8px;
    }
}

@media only screen and (max-width:1023px) {
    .cater-slider-section .cater-slider p {
        font-size: 12px;
    }

    .cater-slider-section .cater-slider img {
        height: 20px;
    }

    .hero-section .hero-row .hero-title {
        text-align: center;
    }

    .cater-slider-section .cater-slide {
        border-radius: 10px;
        padding: 12px;
    }

    .cater-slider-section h6 {
        font-size: 32px;
    }

    main {
        overflow-x: hidden;
    }

    .hero-section .hero-row .hero-title {
        font-size: 7.25vw;
    }

    .ring-1 {
        display: none;
    }

    .ring-1 img {
        width: 40px;
        margin-left: 0;
    }

    .hero-section .hero-row .hero-title .secondary::after {
        top: -2px;
    }

    .banner-btn {
        justify-content: center;
    }

    .hero-section .hero-row .hero-para {
        text-align: center;
        font-size: 15px;
    }

    .banner-btn a {
        height: fit-content;
        padding: 10px 33px;
        font-size: 14px;
    }

    .banner-btn a:nth-child(2) {
        width: 45px;
        height: 45px;
    }

    .cards-row .card-box .card-icon {
        max-width: 45px;
        width: 45px;
        height: 45px;
    }

    .cards-row .card-box h6 {
        margin: 0px 0;
    }

    .cards-row .card-box:not(.img-has) {
        height: 355px;
    }

    .cards-row .card-box .card-hover-content h6 {
        font-size: 22px;
    }

    .cards-row .card-box p {
        font-size: 12px;
    }

    .why-choose .why-choose-row .why-choose-title h6 {
        font-size: 32px;
    }

    .why-choose .why-choose-row .why-choose-title p {
        font-size: 16px;
    }

    .why-choose .why-choose-row {
        padding: 100px 20px;
    }

    .why-choose .why-choose-row .why-choose-list li span {
        font-size: 18px;
    }

    .why-choose .why-choose-row .why-choose-list li {
        padding: 20px 0;
        display: flex;
        flex-direction: column;
        align-items: start;
    }

    .why-choose .why-choose-row .why-choose-list li::after {
        content: '';
        position: absolute;
        right: 0;
        background-image: url('../images/plus.svg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        height: 15px;
        width: 15px;
    }

    .why-choose .why-choose-row .why-choose-list li.active {
        position: relative;
    }

    .why-choose .why-choose-row .why-choose-list li.active::after {
        background-image: url('../images/min.svg');
    }

    .why-choose .why-choose-row .why-choose-list li .why-choose-icon {
        display: none;
    }

    .why-choose-hover {
        display: none;
    }

    .why-choose .why-choose-row .why-choose-list {
        margin-top: 10px;
    }

    .why-choose .why-choose-row .why-choose-title p {
        margin: 40px 0;
    }

    .step_img {
        width: 75px;
    }

    .step_img {
        width: 75px;
    }

    .ring-2 img {
        position: absolute;
        top: 0px;
    }

    .ring-2 img {
        width: 40px;
        margin-left: 0;
    }

    .residency-section .residency-title h6 {
        position: relative;
        z-index: 1;
    }

    .residency-section .residency-img-1 {
        top: -10% !important;
        left: 0;
        width: 28.5%;
        height: 66%;
    }

    .residency-section .residency-img-2 {
        position: absolute;
        top: 55% !important;
        right: 0;
        width: 20.5%;
        height: 44%;
    }

    .residency-section .residency-title h6 {
        max-width: 90%;
    }

    .projects-section .projects-heading h6 {
        font-size: 39px;
    }

    .projects-section .theme-btn.black a:nth-child(1) {
        font-size: 11px;
    }

    .projects-section .theme-btn.black a:nth-child(1) {
        font-size: 11px;
        line-height: 1;
        padding: 14px 20px;
        height: fit-content;
    }

    .projects-section .theme-btn a:nth-child(2) {
        padding: 0;
        width: 40px;
        height: 40px;
    }

    .projects-section .theme-btn a svg {
        width: 25px;
    }

    .projects-section .project-track {
        display: flex;
        gap: 1.5%;
        padding-bottom: 0;
        overflow-y: auto;
        flex-direction: row;
    }

    .projects-section .project-track .project-box {
        width: 100%;
        overflow: hidden;
    }

    .projects-section .project-track .project-box .project-img {
        border-radius: 13px;
    }

    .project-cursor {
        display: none;
    }

    .projects-section .project-track .project-box .project-detail h6 {
        font-size: 20px;
    }

    .projects-section .project-track .project-box .project-detail span {
        font-size: 16px;
    }

    .projects-section .project-track .project-box {
        margin-bottom: 20px;
    }

    .success-story-section {
        padding-top: 0;
        height: 70vh;
    }

    .success-story-section .success-story-heading h6 {
        font-size: 42px;
    }

    .success-story-section .success-card {
        width: 100%;
        gap: 20px;
        border-radius: 11px;
    }

    .success-story-section .success-card {
        width: 100%;
        padding: 20px;
        padding-top: 30px;
        padding-bottom: 0;
    }

    .success-story-section .success-card .success-img {
        width: 54px;
        height: 54px;
        min-width: 54px;
        min-height: 54px;
    }

    .success-story-section .success-card .success-detail p {
        padding-top: 0;
        font-size: 12px;
        line-height: 18px;
    }

    .success-story-section .success-card .success-detail h6 {
        font-size: 10px;
        line-height: 5;
        padding-top: 0;
    }

    .meet-section .meet-card .front-card {
        position: unset;
    }

    .meet-card {
        max-width: 100%;
        box-shadow: none;
    }

    .meet-card .front-card {
        box-shadow: none;
    }

    .cards-row .card-box .card-hover-content{
        width: 100%;
    }

    .meet-card .back-card {
        box-shadow: none;
    }

    .faqs-section {
        padding-top: 0;
        height: 70vh;
        min-height: 600px;
    }

    .footer .footer-row .footer-links li a::after {
        right: 50%;
        top: 30px;
        transform: translateX(10px);
        display: block;
    }

    .about-pg .about-title h1 {
        font-size: 8vw;
    }

    .cater-slider-section .cater-slider-track .cater-slide {
        width: 95%;
    }
}

@media only screen and (max-width:600px) {
    .hero-section .hero-row {
        padding: 20% 0;
    }
    .guide-section .container .big-banner-row {
        height: 70vh;
    }
}

@media only screen and (max-width:480px) {
    .hero-section .hero-row {
        padding: 23% 0;
    }
    .guide-section .container .big-banner-row {
        height: 75vh;
    }

}

@media only screen and (max-width:375px) {
    .hero-section .hero-row {
        padding: 27% 0;
    }

    .project-banner .project-banner-row p {
        font-size: 30px;
    }
    .guide-section .container .big-banner-row {
        padding: 25px 15px;
        height: 60vh;
    }
    .guide-section .container .big-banner-row .main-para {
        max-width: 190px;
    }
    .guide-section .container .big-banner-row .abv-img {
        width: 200px;
    }
    .faq-pg .faq-toggle-btn img {
        width: 30px;
    }

}