.offcanvas-body .accordion {
    display: none;
}
.dropdown-filter {
    display: none;
}
.tab-menu {
    display: block;
}
@media screen and (max-width:1780px) {}
@media screen and (max-width:1680px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1580px;
    }
    .service-section-one {
        padding-top: 9rem;
    }
}
@media screen and (max-width:1580px) {}
@media screen and (max-width:1480px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1280px;
    }
    :root {
        --font-size-10: 9px;
        --font-size-12: 11px;
        --font-size-14: 13px;
        --font-size-16: 15px;
        --font-size-17: 15px;
        --font-size-18: 16px;
        --font-size-20: 18px;
        --font-size-22: 20px;
        --font-size-24: 22px;
        --font-size-30: 26px;
        --font-size-35: 32px;
        --font-size-40: 36px;
        --font-size-50: 38px;
        --font-size-66: 44px;
        --font-size-82: 48px;
    }
    .big-heading {
        line-height: 3rem;
    }
    .service-box {
        padding: 1.2rem 1.2rem;
    }
    .pt-80 {
        padding-top: 60px;
    }
    .pb-80 {
        padding-bottom: 60px;
    }
    .section-space {
        padding: 4rem 0;
    }
    .team-section {
        padding-bottom: 10rem;
        margin-bottom: 3rem;
    }
    .testimonial-box {
        padding: 1rem;
    }
    .mb-5 {
        margin-bottom: 1rem !important;
    }
    .mt-5 {
        margin-top: 1rem !important;
    }
    .feature-box {
        padding: 0.2rem 1rem;
    }
    .join-box {
        padding: 2rem;
        margin-top: 5rem;
    }
    .main-header.g_shrink.g_header .main-nav .navbar-expand-xl .navbar-brand img {
        width: 100px;
    }
    .main-nav .navbar-nav .nav-item.d-flex {
        padding-left: 30px;
    }
    .about-page img {
        height: 270px;
        border-radius: 1rem;
    }
    .vision-box {
        padding: 1rem;
    }
    .vision-page img {
        height: 240px;
        border-radius: 1rem;
    }
    .p-4 {
        padding: 0.5rem !important;
    }
    .inside-banner-space {
        height: 45vh;
    }
    .contact-right {
        margin-left: 2rem;
    }
    .service-section-one {
        padding-top: 8rem;
    }
    .faq-section {
        padding: 2rem;
    }
    .service-section-one .service-right .contact-form {
        padding: 2rem;
    }
    .apply-section {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .career-section-one-left img {
        height: 240px;
        width: 100%;
        border-radius: 1rem;
    }
    .opportunities-right-section img {
        height: 280px;
        width: 100%;
        border-radius: 1rem;
    }
    .blog-details-page .box-content {
        margin-top: 0.5rem;
        border-radius: 1rem;
        padding: 1.5rem;
    }
}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1280px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 100%;
        padding: 0 40px;
    }
    :root {
        --font-size-10: 9px;
        --font-size-12: 11px;
        --font-size-14: 13px;
        --font-size-16: 15px;
        --font-size-17: 14px;
        --font-size-18: 15px;
        --font-size-20: 17px;
        --font-size-22: 19px;
        --font-size-24: 20px;
        --font-size-30: 24px;
        --font-size-35: 30px;
        --font-size-40: 34px;
        --font-size-50: 36px;
        --font-size-66: 40px;
        --font-size-82: 44px;
    }
    .main-nav {
        padding-top: 22px;
    }
    .join-box {
        padding: 2rem;
        margin-top: 5rem;
        width: 100%;
        left: 0;
    }
    .main-nav .navbar-nav .nav-item .nav-link {
        padding: 18px 5px;
    }
    .banner-content {
        top: 30%;
    }
    .form-control {
        padding: 0.5rem 1rem;
        height: 50px;
    }
    .orbit img {
        top: -37px;
        left: -12px;
        width: 5rem;
        height: 5rem;
    }
    .banner {
        height: 900px;
    }
    .testimonial-slider-item {
        width: 270px;
    }
    .offcanvas-body li a {
        font-size: 1.7rem;
        line-height: 3rem;
    }
    .process-box {
        padding: 1rem;
    }
    .footer-menu ul {
        margin-bottom: 0;
    }
    .copy-right {
        padding: 1rem 0;
    }
    .inside-banner-space {
        height: 48vh;
    }
    .about-page img {
        height: auto;
        width: 100%;
    }
    .section-heading {
        letter-spacing: 0;
        line-height: 2rem;
    }
    .service-img {
    height: 110px;
    }
}
@media screen and (max-width:1200px) {
    .main-nav .navbar-nav .nav-item {
        display: none;
    }
    .main-nav .navbar-nav .nav-item.d-flex {
        display: block;
    }
    .main-header.g_shrink.g_header .main-nav .navbar-expand-xl .navbar-brand img {
        width: 160px;
    }
    .main-header.g_shrink.g_header .main-nav {
        padding: 10px 0;
    }
    .offcanvas-body li a {
        font-size: 22px;
        line-height: 22px;
        padding: 8px 5px;
        display: block;
        margin-bottom: 8px;
    }
    .offcanvas-body .accordion {
        display: block;
    }
    .offcanvas-body .accordion .accordion-item .accordion-header .accordion-button {
        font-size: 22px;
        line-height: 22px;
        padding: 8px 5px;
        display: block;
        margin-bottom: 8px;
        color: #ffffff;
        font-weight: 600;
        text-align: center;
        background: transparent;
    }
    .offcanvas-body .accordion-item {
        background-color: transparent;
        border: none;
    }
    .offcanvas-body .accordion-button::after {
        position: absolute;
        right: 20px;
        background-image: url(../images/icons/dropdown-toggle.png);
    }
    .offcanvas-body li a:hover {
        text-decoration: unset;
        border-bottom: none;
    }
    .offcanvas-body .accordion-button:focus {
        border-color: transparent;
        box-shadow: none;
    }
    .offcanvas-body .accordion .accordion-item .accordion-body .accordion-menu {
        padding: 15px 15px;
        height: auto;
        max-height: 280px;
        overflow-y: auto;
        overflow-x: hidden;
        position: relative;
        background: #008d68;
    }
    .offcanvas-body .accordion .accordion-item .accordion-body .accordion-menu::-webkit-scrollbar-track {
        background-color: #ffffff;
        border-radius: 0px;
    }
    .offcanvas-body .accordion .accordion-item .accordion-body .accordion-menu::-webkit-scrollbar {
        width: 3px;
    }
    .offcanvas-body .accordion .accordion-item .accordion-body .accordion-menu::-webkit-scrollbar-thumb {
        border-radius: 0px;
        background: #000;
    }
    .offcanvas-body .accordion-button:not(.collapsed) {
        box-shadow: none;
    }
    .offcanvas-body .accordion-body {
        padding: 0;
        margin-bottom: 20px;
    }
    .offcanvas-body .accordion .accordion-item .accordion-body .accordion-menu li a {
        font-size: 18px;
        line-height: 19px;
        padding: 6px 6px;
        display: block;
        margin-bottom: 7px;
    }
    .mobile-menu {
        padding: 15px 0;
        padding-right: 10px;
        height: auto;
        max-height: calc(100vh - 230px);
        overflow-y: auto;
        overflow-x: hidden;
        position: relative;
    }
    .mobile-menu::-webkit-scrollbar-track {
        background-color:#ffffff;
        border-radius: 0px;
    }
    .mobile-menu::-webkit-scrollbar {
        width: 3px;
    }
    .mobile-menu::-webkit-scrollbar-thumb {
        border-radius: 0px;
        background: #000;
    }
    .mobile-offcanvas {
        display: block;
        padding-top: 70px;
    }
    .offcanvas-body .contact-home {
        margin-top: 5px !important;
    }
    .contact-left {
        padding: 1.5rem;
    }
    .tab-menu ul {
        flex-wrap: wrap;
    }
    .tab-menu ul li a {
        margin-bottom: 10px;
    }
    .section-space {
        padding: 2rem 0;
    }
    .section-box .container {
        padding: 0;
    }
    .pb-50 {
        padding-bottom: 10px;
    }
}
@media screen and (max-width:1024px) {
    .about-home-images img {
        height: 200px;
    }
    .process-content {
        width: 100%;
    }
    .testimonial-slider-item {
        width: 210px;
    }
    .swiper-container-style,
    .swiper-container {
        width: 330px;
        height: 500px;
    }
    .top-footer .contact-home {
        margin-bottom: 1rem;
        padding-bottom: 0;
    }
    .tab-menu ul li a {
        margin-bottom: 10px;
        padding: 6px 8px;
    }
    .service-img {
        height: 160px;
    }
}
@media screen and (max-width:991px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 100%;
        padding: 0 15px;
    }
    .feature-box {
        padding: 0.2rem 1rem;
        margin-bottom: 20px;
    }
    .services-section {
        margin-top: -8rem;
    }
    .common-button-black {
        padding: 10px 22px;
    }
    .vision-box {
        padding: 1.5rem 1.5rem;
        margin-top: 30px;
        height: auto;
    }
    .vision-page img {
        height: 100%;
        width: 100%;
        border-radius: 1rem;
        margin-bottom: 15px;
    }
    #button {
        width: 44px;
        height: 44px;
        bottom: 15px;
        right: 15px;
    }
    .service-right {
        margin-top: 30px;
    }
    .service-section-one .service-right .contact-form {
        box-shadow: rgb(99 99 99 / 9%) 1px 0px 12px 3px;
    }
    .service-section-one {
        padding-top: 8rem;
    }
    .section-box .container {
        padding: 0 15px;
    }
    .opportunities-box {
        margin-bottom: 30px;
    }
    .career-section-one-left img {
        height: 190px;
    }
    .sidebar {
        padding-left: 0;
    }
    .top-footer .small-heading {
        margin-top: 30px;
        margin-bottom: 20px;
    }
}
@media screen and (max-width:800px) {}
@media screen and (max-width: 767px) {
    :root {
        --font-size-10: 10px;
        --font-size-12: 12px;
        --font-size-14: 13px;
        --font-size-16: 15px;
        --font-size-17: 15px;
        --font-size-18: 15px;
        --font-size-20: 16px;
        --font-size-22: 18px;
        --font-size-24: 19px;
        --font-size-30: 22px;
        --font-size-35: 24px;
        --font-size-40: 26px;
        --font-size-50: 28px;
        --font-size-66: 30px;
        --font-size-82: 36px;
    }
    .main-nav .navbar-expand-xl .navbar-brand img,
    .main-nav .navbar-expand-xl .navbar-brand .svg {
        width: 120px;
    }
    .main-header.g_shrink.g_header .main-nav .navbar-expand-xl .navbar-brand img {
        width: 80px;
    }
    .common-button {
        padding: 6px 6px;
    }
    .menu-btn img {
        width: 22px;
    }
    .main-nav .navbar-nav .nav-item.d-flex {
        padding-left: 0;
    }
    .join-box {
        padding: 2rem;
        margin-top: 40px;
        width: 100%;
        left: 0;
        position: relative;
        z-index: 1;
    }
    .banner-content {
        top: 18%;
    }
    .banner {
        height: 770px;
        clip-path: ellipse(100% 86% at 50% 5%);
    }
    .services-section {
        margin-top: 0;
    }
    .service-img img {
        width: 100%;
        height: 100%;
    }
    .about-home-images img {
        height: auto;
    }
    .about-home-images img {
        margin-bottom: 25px;
    }
    .section-space {
        padding: 2.5rem 0;
    }
    .team-slider {
        padding-top: 30px;
    }
    .team-section {
        margin-bottom: 0;
    }
    .testimonial-section {
        padding-top: 2.5rem;
    }
    .testimonial-slider-item {
        width: 95%;
    }
    .pt-80 {
        padding-top: 30px;
    }
    .pb-80 {
        padding-bottom: 30px;
    }
    .pt-5 {
        padding-top: 0.3rem !important;
    }
    .mobile-offcanvas {
        width: 90%;
    }
    .banner-content h2 {
        font-size: 16px;
        width: 100%;
        margin-bottom: 1rem;
    }
    .feature-box {
        padding: 10px 6px;
        margin-bottom: 12px;
    }
    .order-md-2 {
        order: 2;
    }
    .section-heading {
        letter-spacing: 0;
    }
    .contact-right {
        margin-left: 0;
        margin-top: 30px;
    }
    .offcanvas-header .btn-close {
        padding: .5rem .5rem;
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0;
        right: 0;
        top: 0;
        padding: 1rem;
        font-size: 1.5rem;
    }
    .contact-item {
        padding: 0rem 0rem;
    }
    .service-section-one {
        padding-top: 8rem;
    }
    .career-section-one-left img {
        height: auto;
    }
    .opportunities-right-section img {
        height: auto;
        width: 100%;
        border-radius: 1rem;
        margin-bottom: 20px;
    }
    #booknow .modal-content {
        padding: 1rem;
    }
    #booknow .modal-content .btn-close {
        position: absolute;
        top: -39px;
        right: 0;
        padding: 12px 18px;
        background-color: #009a72;
        border-radius: 13px 13px 0 0;
        opacity: 1;
    }
        .service-img {
        height: auto;
    }
    .feature-box {
        flex-direction: column;
    }
    .apply-section {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .section-list-box {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .feature-box {
        flex-direction: column;
    }
    .section-list li {
    margin-bottom: 1rem;
    width: 100%;
    }
}
@media screen and (max-width: 575px) {
    .banner-content {
        top: 18%;
    }
    .big-heading {
        line-height: 2.5rem;
        letter-spacing: 0px;
        margin-bottom: 1rem;
    }
    .banner {
        clip-path: ellipse(170% 86% at 50% 5%);
        height: 780px;
    }
    .form-group {
        width: 95%;
    }
    .orbit img {
        top: -22px;
        left: -10px;
        width: 3rem;
        height: 3rem;
    }
    .service-img {
        height: auto;
    }
    .counter-digit {
        margin-bottom: 0;
    }
    .team-img img {
        width: 90%;
    }
    .team-section .contact-page-box {
        padding: 1rem;
    }
    .section-heading {
        letter-spacing: 0;
    }
    .offcanvas-body li a,
    .offcanvas-body .accordion .accordion-item .accordion-header .accordion-button {
        font-size: 19px;
        line-height: 22px;
        padding: 5px 5px;
        display: block;
        margin-bottom: 6px;
    }
    .offcanvas-body .accordion .accordion-item .accordion-body .accordion-menu li a {
        font-size: 16px;
        line-height: 18px;
        padding: 5px 5px;
        margin-bottom: 5px;
    }
    .accordion-button::after {
        width: 15px;
        height: 15px;
        background-size: 15px 15px;
    }
    .mobile-menu {
        max-height: calc(100vh - 230px);
    }
    .side-contact-details {
    bottom: 10px;
    border-top: solid 1px #fff;
    padding-top: 10px;
    }
    .vision-box {
        padding: 1rem 1rem;
        margin-top: 30px;
        height: auto;
    }
    .p-4 {
        padding: 0rem !important;
    }
    .mb-5 {
        margin-bottom: 0.5rem !important;
    }
    .section-heading {
        line-height: 2rem;
    }
    .common-button {
        padding: 6px 15px;
    }
    /* .tab-menu {
    position: relative;
    top: 0;
} */
    .tab-menu ul li a {
        margin-bottom: 10px;
        padding: 12px 12px;
    }
    .dropdown-filter {
        display: block;
    }
    .tab-menu {
        display: none;
    }
    .dropdown-filter .common-button {
        padding: 12px 15px;
    }
    .dropdown-filter .dropdown-menu.show {
        width: 100%;
        font-size: var(--font-size-22);
        font-weight: var(--font-weight-Bold);
        text-align: center;
    }
    .service-section-one .service-right .contact-form {
        padding: 1rem;
    }
    .list li {
        display: block;
        padding-left: 25px;
    }
    .list i {
        position: absolute;
        left: 0;
        top: 3px;
    }
    .faq-section {
        padding: 1rem 0;
    }
    .opportunities-box .d-flex.mb-5.mt-5 {
        display: block !important;
    }
    .opportunities-box ul {
        padding: 0;
        margin: 0;
        padding-right: 0;
    }
    .blog-details-box img {
        height: auto;
        width: 100%;
        object-fit: cover;
    }
}
@media screen and (max-width: 480px) {}
@media screen and (max-width: 425px) {
    :root {
        --font-size-50: 26px;
        --font-size-66: 26px;
        --font-size-82: 30px;
    }
    .big-heading {
        line-height: 2.2rem;
        letter-spacing: 0px;
        margin-bottom: 1rem;
    }
    .big-heading {
        line-height: 1.8rem;
    }
    .section-heading {
        line-height: 1.6rem;
    }
    .service-box {
        padding: 10px 10px;
    }
    .common-button-white {
    padding: 8px 12px;
    }
    .mb-3 {
    margin-bottom: 0.5rem !important;
    }
    .mt-3 {
        margin-top: 0.5rem !important;
    }
    .service-img {
     border-radius: 0.5rem;
    }
    .service-content .sub-heading {
     font-size: var(--font-size-18);
    }

}
@media screen and (max-width: 375px) {
    
}