@media (min-width: 2400px) {
  /* HOMEPAGE */
  .hp-banner-section .container {
    max-width: 2250px;
  }
  .hp-banner-card {
    left: 30%;
  }
  .banner-description-box {
    width: 38%;
  }
}
@media (min-width: 2100px) {
  /* HOMEPAGE */
  .hp-banner-section .container {
    width: 96%;
    max-width: 2000px;
  }
}

@media (min-width: 1921px) {
  html {
    font-size: 10px;
  }

  /* HOMEPAGE */
  .vid-cards-section .text {
    font-size: 16vw;
  }
}

@media (max-width: 1920px) {
  html {
    font-size: 0.522vw;
  }
}

@media (max-width: 1024px) {
  html {
    font-size: 0.7vw;
  }
  body {
    font-size: 2.5rem;
  }
  .btn {
    height: 7rem;
  }
  .btn .btn-icon {
    width: 7rem;
    height: 7rem;
  }
  .btn .btn-text {
    font-size: 2.2rem;
  }
  .hide-1024 {
    display: none !important;
  }
  .show-1024 {
    display: block !important;
  }
  .show-1024.flex,
  .show-1024.flex-box {
    display: flex !important;
  }
  .full-width-1024 {
    width: 100% !important;
  }
  .container,
  .container.small-container,
  .hp-banner-section .container {
    width: 100%;
  }
  .full-width-slider {
    width: 100%;
    padding-left: 15px;
  }
  /* ---------------------------------- */
  /* -------- HEADER STYLES --------- */
  /* ---------------------------------- */
  header .menu-open {
    display: inline-flex !important;
    width: 45px;
    height: 30px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
  }
  header .menu-open span {
    display: inline-block;
    width: 100%;
    background-color: var(--primary);
    height: 2px;
    border-radius: 5px;
  }
  header .menu-open span:nth-of-type(2) {
    width: 70%;
  }
  /* header .menu-open span:nth-of-type(3) {
    width: 70%;
  } */
  .header-menu-box {
    position: fixed;
    width: 100%;
    height: 100%;
    min-width: 100vw;
    min-height: 100vh;
    top: 0;
    background-color: var(--black);
    z-index: 10;
    padding: 5rem 3rem;
    right: -200%;
    transition: all 0.5s ease;
  }
  .menu-open .header-menu-box {
    right: 0;
  }
  .header-menu {
    max-height: 100vh;
    padding: 7rem 0;
    overflow-y: auto;
  }
  .header-menu > ul li {
    margin: 0;
    border-bottom: 1px solid #555555;
    text-align: center;
  }
  .header-menu ul.sub-menu li {
    border: 0;
  }
  .header-menu > ul li a {
    font-size: 2.5rem;
    background: none;
    border-radius: 0;
    padding: 2.5rem 0;
    text-align: left;
    justify-content: flex-start;
  }
  .header-menu ul {
    display: block;
    padding-left: 0;
  }
  .header-menu ul.sub-menu li {
    position: relative;
    padding-left: 5rem;
  }
  .header-menu ul.sub-menu li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 2.5rem;
    height: 2rem;
    background: url("../img/btn-arrow-black.webp") no-repeat center;
    background-size: contain;
    filter: invert(1);
  }
  .header-menu ul.sub-menu a {
    padding: 2rem 0;
    border: none;
  }
  .header-menu > ul li .sub-menu {
    position: relative;
    visibility: visible;
    opacity: 1;
    transform: none;
    padding-left: 0;
    width: 100%;
    display: none;
    left: unset;
    top: unset;
    max-width: 100%;
    padding-top: 0;
    transition: none;
    background-color: transparent;
  }
  .header-menu > ul > li.menu-item-has-children > a::before {
    display: none;
  }
  .header-menu > ul > li.menu-item-has-children::before {
    content: "";
    position: absolute;
    top: 3.5rem;
    right: 0;
    width: 2rem;
    height: 1.5rem;
    background: url("../img/dropdown-arrow-white.webp") no-repeat center;
    background-size: contain;
    transition: all 0.5s ease;
  }
  .header-menu .current-menu-item > a,
  .header-menu > ul li a:hover {
    background-color: transparent;
    color: var(--primary);
  }
  .close-menu {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 5rem;
    right: 5rem;
    width: 6rem;
    height: 6rem;
    z-index: 1;
    padding: 1rem;
    background-color: var(--primary);
    border-radius: 50%;
  }

  h1,
  .large-title,
  .h1,
  .hp-banner-section h1 {
    font-size: 16rem;
  }
  .banner-heading-animated .line.line-1 {
    display: block;
  }
  .header-menu-box .social-links a {
    margin-right: 2rem;
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    border: 1px solid #878787;
  }
  .header-menu-box .social-links a:last-of-type{
    margin-right: 0;
  }
  .header-menu-box .social-links img {
    max-height: 2rem;
  }
  .header-menu > ul > li.menu-item-has-children > a{
    padding-right: 0;
  }
  /* ---------------------------------- */
  /* -------- FOOTER STYLES --------- */
  /* ---------------------------------- */
  .footer-vector {
    display: none;
  }
  .footer-menu-box {
    width: 33.33%;
  }

  /* ---------------------------------- */
  /* -------- HOMEPAGE STYLES --------- */
  /* ---------------------------------- */
  .large-title {
    word-spacing: 0;
  }
  .hp-banner-section {
    padding-bottom: 10rem;
  }
  .banner-scroll-down {
    display: none;
  }
  .hp-banner-cards {
    position: relative;
    left: unset;
    top: unset;
    width: 100%;
    display: block;
    margin-top: 7rem;
  }
  .hp-banner-card {
    position: static;
    width: 100%;
    opacity: 1;
    transform: none !important;
  }
  .hp-banner-card .content p {
    font-size: 3rem;
  }
  .hp-banner-cards .slick-list {
    margin: 0 -2rem;
    padding: 0 10% 0 0;
  }
  .hp-banner-cards .slick-slide {
    margin: 0 2rem;
  }
  .hp-banner-cards .slick-next,
  .hp-banner-cards .slick-prev {
    display: none !important;
  }

  .hp-banner-section .banner-bottom-content {
    flex-direction: column-reverse;
    align-items: center;
  }
  .main-banner .banner-description-box {
    width: 100%;
    text-align: center;
    margin-bottom: 6rem;
  }
  .main-banner .description {
    max-width: 100%;
  }
  .popup-inner iframe,
  .popup-inner video {
    min-width: 85vw;
    min-height: 450px;
  }

  .hp-business-section .section-heading::before,
  .hp-business-section .section-heading::after {
    display: none;
  }
  .service-review-bar {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 10rem 3rem;
  }
  .service-review-bar .btn-box {
    margin-left: 0;
    margin-top: 5rem;
  }
  .service-review-bar .center-box {
    padding: 3rem 0;
    border: 0;
    text-align: left;
  }
  .service-review-bar .rating-box {
    padding: 0;
    border: 0;
    max-width: 300px;
  }
  .vid-cards-section-inner {
    display: block;
    height: auto;
    min-height: 100vh;
    padding: 12rem 0;
  }
  .vid-cards-section .text-box {
    position: relative;
    height: auto;
    margin-bottom: 15rem;
  }
  .vid-cards-section .vc-heading-2,
  .vc-heading-2 span,
  .vid-cards-section .vc-heading {
    text-align: center;
  }
  .vid-cards-wrapper {
    position: relative;
    height: 100%;
  }
  .slick-track {
    display: flex !important;
  }
  .vid-cards-slider {
    display: block !important;
  }
  .vid-cards-wrapper .slick-list {
    padding: 0 10% 0 0 !important;
    margin: 0 -1.5rem;
  }
  .vid-cards-wrapper .slick-slide {
    margin: 0 1.5rem;
    height: inherit;
  }
  .vid-cards-wrapper .slick-slide > div {
    height: 100%;
  }
  .vid-cards-section .vid-card {
    width: 100%;
    height: 100%;
    position: relative;
    left: unset !important;
    bottom: unset !important;
  }
  .vid-cards-section .vid-card-arrow {
    position: static;
    transform: none;
  }
  .vid-cards-section .arrows {
    display: flex;
    justify-content: center;
    margin-top: 18rem;
  }
  .vid-cards-section .arrows span {
    margin: 0 1.5rem;
  }

  .hp-contact-section .w-33 {
    width: 45%;
  }
  .hp-contact-section .content-wrapper {
    padding-bottom: 22rem;
  }
  .hp-contact-section .bg-heading-box {
    left: 10%;
  }

  /* ---------------------------------- */
  /* -------- CONTACT PAGE STYLES --------- */
  /* ---------------------------------- */
  .com-page-banner .banner-heading-icon {
    width: 23rem;
  }
  .contact-form-section .section-heading,
  .contact-follow-section {
    text-align: center;
  }
  .contact-form-section .address-box {
    margin-top: 5rem;
  }
  .contact-form-section .address-list a,
  .contact-social-links {
    justify-content: center;
    width: 100%;
  }

  .contact-form-section .address-list a span {
    width: max-content;
    max-width: calc(100% - 3.5rem);
    flex: unset;
    text-align: left;
  }
  .contact-follow-section .right {
    max-width: 520px;
    margin: 10rem auto 0 auto;
  }
  .contact-pdf-section .pdf-box-wrapper {
    flex-direction: column;
    padding: 7rem 4rem;
    text-align: center;
    justify-content: center;
    align-items: center;
  }
  .contact-pdf-section h2 br {
    display: block !important;
  }
  .contact-pdf-section .left {
    max-width: 500px;
  }
  .contact-pdf-section .book img {
    margin-left: 0;
  }
  .contact-pdf-section .thumb-icon {
    display: none;
  }
  /* ------------------------------------- */
  /* -------------- ABOUT US PAGE ------------- */
  /* ------------------------------------- */
  .main-banner.com-page-banner .description {
    max-width: 100%;
  }
  .about-intro-section .text-box {
    margin-top: 6rem;

    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .about-intro-section,
  .about-mission-section .section-heading {
    text-align: center;
  }
  .about-benefits-section .accordion-box,
  .about-founder-section .w-65,
  .about-services-wrapper {
    margin-top: 8rem;
  }
  /* FAQ PAGE */
  .faq-group-wrapper {
    margin-top: 10rem;
  }

  /* ------------------------------------- */
  /* -------------- SERVICE DETAIL ------------- */
  /* ------------------------------------- */
  .sd-intro-section .center {
    margin: 8rem 0;
  }
  .sd-intro-section .center .video-box {
    max-width: 540px;
  }
  .sd-intro-reel video {
    height: 162rem;
  }
  .sd-courses-section .vector-box {
    margin-left: auto;
    width: 100%;
    max-width: 200px;
  }
  .sd-benefits-usp {
    grid-column-gap: 4rem;
  }
  .sd-enroll-section .right,
  .course-outline-section .right {
    margin-top: 8rem;
  }
  .course-outline-section .right,
  .course-outline-section .left {
    justify-content: center;
    display: flex;
    text-align: center;
  }
  .sd-intro-section .right-usp-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 3rem;
    margin-top: 8rem;
    column-gap: 3rem;
  }
  .sd-intro-section .right-usp-list li {
    border-bottom: 0;
  }
  /* ----------------------------------------------- */
  /* -------------- WHO IS IT FOR PAGE ------------- */
  /* ----------------------------------------------- */
  .wiif-benefits-list {
    grid-template-columns: repeat(2, 1fr);
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
  }
  .wiif-contact-section .w-50 {
    margin-top: 8rem;
  }
  .wiif-review-wrapper {
    padding-left: 20px;
  }
  /* ----------------------------------------- */
  /* -------- CASE STUDY PAGE STYLES --------- */
  /* ----------------------------------------- */
  .case-problems-wrapper,
  .case-objective-usp,
  .case-result-usps {
    margin-top: 8rem;
  }
  .case-problem-item,
  .case-problem-item:nth-of-type(even) {
    flex-direction: column-reverse;
    max-width: 768px;
    margin: 0 auto;
    padding: 7rem 0;
    border-top: 1px solid #444444;
  }
  .case-problem-item:last-of-type {
    border-bottom: 1px solid #444444;
  }
  .case-problem-item > div {
    width: 100%;
  }
  .case-problem-item .text-box {
    margin-top: 5rem;
  }
  .case-result-usps h4 br {
    display: none;
  }
  .case-result-section .container {
    max-width: 640px;
  }
  .case-strategy-item::before {
    display: none;
  }
  .case-strategy-item {
    width: 100%;
  }
  .case-strategy-item:nth-of-type(even) {
    padding-left: 0;
    flex-direction: row-reverse;
  }
  .case-strategy-item:nth-of-type(odd) {
    padding-right: 0;
  }
  .case-strategy-item .w-35 {
    width: 50%;
  }
  .case-strategy-item .w-60 {
    width: 45%;
  }
  /* ----------------------------------------- */
  /* -------- CAREER PAGE STYLES --------- */
  /* ----------------------------------------- */
  .career-whyus-section .thumb-box video {
    height: auto;
  }
}

@media (max-width: 768px) {
  html {
    font-size: 0.85vw;
  }
  body {
    font-size: 3rem;
  }
  .hide-768 {
    display: none !important;
  }
  .show-768 {
    display: block !important;
  }
  .show-768.flex,
  .show-768.flex-box {
    display: flex !important;
  }
  .full-width-768 {
    width: 100% !important;
  }
  .flex-768 {
    display: flex;
    flex-wrap: wrap;
  }
  p br,
  h2 br,
  h1 br {
    display: none;
  }
  h1,
  .large-title,
  .h1,
  .hp-banner-section h1 {
    font-size: 14rem;
  }
  .container {
    padding: 0 20px;
  }
  .large-title .title-icon {
    max-width: 18rem;
  }
  /* ---------------------------------- */
  /* -------- FOOTER STYLES --------- */
  /* ---------------------------------- */
  .footer-top {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .footer-top .top-center {
    margin: 5rem 0;
  }
  /* ---------------------------------- */
  /* -------- HOMEPAGE STYLES --------- */
  /* ---------------------------------- */
  .hp-banner-section .heading-stroke-text {
    right: 42%;
  }
  .hp-intro-video-box .hp-intro-play-btn {
    width: 20vw;
    height: 20vw;
  }
  .hp-intro-play-btn .play-btn {
    width: 14vw;
    height: 14vw;
  }
  .hp-service-item {
    width: 100%;
  }
  .hp-business-item {
    flex-direction: column-reverse;
    padding-left: 0;
  }
  .business-content-outer {
    padding-top: 0;
  }
  .business-content-outer .bird {
    display: none;
  }
  .business-progress-bar,
  .hp-business-item .progress-circle {
    display: none;
  }
  .hp-serve-section .section-heading p {
    font-size: 5rem;
  }
  .serve-slider-wrapper .container {
    padding-right: 0;
  }
  .hp-serve-slider .slick-list {
    padding: 0 15% 0 0 !important;
  }
  .serve-slider-item .content-box {
    padding: 6rem;
  }
  .serve-slider-item .content-box h4 {
    max-width: calc(100% - 7rem);
  }
  .serve-slider-item .content-box .arrow {
    opacity: 1;
  }
  .vid-cards-section .text-box {
    margin-bottom: 5rem;
  }
  .hp-contact-section .content-wrapper {
    padding-bottom: 0;
    padding-top: 15rem;
  }
  .hp-contact-section .text-content {
    order: 2;
    margin-top: 15rem;
  }
  .hp-contact-section .w-33 {
    margin-top: 10rem;
    order: 3;
  }
  .hp-contact-section .bg-heading-box {
    position: relative;
    top: 0;
    left: 0;
  }
  .hp-contact-section .bg-heading-box h3 {
    font-size: 17rem;
  }
  .hp-contact-section .bg-heading-box .bird {
    top: -17rem;
    left: 3rem;
  }
  .dive-btn-box {
    max-width: 100%;
  }

  /* ------------------------------------- */
  /* -------------- ABOUT US PAGE ------------- */
  /* ------------------------------------- */
  .about-mission-section .section-heading.show-768 {
    margin-top: 10rem;
    padding-top: 8rem;
    border-top: 1px solid #818181;
  }
  .about-mission-section .right-usp {
    text-align: left;
    margin-top: 8rem;
  }
  .about-mission-usp {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .about-mission-usp li {
    width: 48%;
    padding: 5rem 4rem;
    border: 1px solid #d9d9d9;
    border-radius: 2rem;
    margin: 2rem 0;
  }
  .about-mission-usp li .flex-768,
  .wiif-benefits-list .flex-768 {
    margin-bottom: 3rem;
  }
  .about-mission-usp li h6,
  .wiif-benefits-list h6 {
    flex: 1;
    padding-left: 2rem;
    margin: 0;
    max-width: unset;
  }
  .about-mission-usp .icon {
    width: 5rem;
    height: 5rem;
  }
  .wiif-benefits-list .icon {
    height: 7rem;
  }
  .about-quote-box {
    margin-top: 8rem;
  }
  .about-team-list {
    grid-template-columns: repeat(2, 1fr);
  }
  .about-benefits-section .large-title {
    text-align: center;
  }
  .about-benefits-section .google-icon {
    margin: 4rem auto;
  }
  .about-benefits-section .review-box {
    flex-direction: column;
    text-align: center;
  }
  .about-benefits-section .review-box img {
    width: 25rem;
    margin-right: 0;
    margin-bottom: 2rem;
  }
  .about-quote-box{
    text-align: center;
  }
  .about-quote-box .meta-box{
    width: max-content;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
  }

  /* ---------------------------------- */
  /* -------- GENERIC PAGE STYLES --------- */
  /* ---------------------------------- */
  .thank-page-banner .container::before,
  .thank-page-banner .container::after {
    display: none;
  }
  .privacy-page-banner .space-holder {
    width: 22rem;
  }
  .faq-group-wrapper h3 {
    font-size: 5rem;
  }
  /* ------------------------------------- */
  /* -------------- SERVICE DETAIL ------------- */
  /* ------------------------------------- */
  /* .main-img-banner,
  .body-banner {
    height: 90vh;
    min-height: 650px;
  } */
  .main-img-banner .banner-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 10rem;
  }
  .sd-courses-accordions .stroke-text {
    font-size: 8rem;
    width: 12rem;
  }
  .sd-courses-accordions .accordion-head {
    padding: 4rem 7rem 4rem 0;
  }
  .sd-courses-accordions .accordion-body {
    padding: 0 0rem 5rem 12rem;
  }
  .sd-benefits-usp {
    grid-template-columns: repeat(2, 1fr);
    padding-bottom: 0;
    grid-row-gap: 4rem;
  }
  .sd-benefits-usp li:nth-child(odd) {
    flex-direction: column;
    transform: none;
  }
  .sd-benefits-usp li:nth-child(odd) .icon {
    margin-top: 0;
    margin-bottom: 5rem;
  }
  .sd-img-review-item {
    width: 50%;
  }
  .course-outline-section .left {
    row-gap: 3rem;
  }
  /* ----------------------------------------- */
  /* -------- CASE STUDY PAGE STYLES --------- */
  /* ----------------------------------------- */
  .case-page-banner,
  .case-contact-section {
    text-align: center;
  }
  .case-banner-bottom {
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
  }
  .case-banner-logos {
    justify-content: center;
  }
  .case-banner-usp {
    padding-left: 0;
  }
  .case-about-section .thumb-box {
    max-width: 600px;
    margin: 8rem auto 0 auto;
  }
  .case-problems-section h3 {
    font-size: 7rem;
    letter-spacing: -0.1rem;
  }
  .case-problems-summery ul {
    padding-left: 0;
  }
  .case-problems-summery .thumb-box {
    max-width: 400px;
    margin: 0 auto 8rem auto;
  }
  .case-problems-summery {
    padding: 8rem 4rem;
  }
  .case-problems-summery li {
    font-size: 3rem;
  }
  .case-problems-summery ul li {
    padding-left: 5rem;
  }
  .case-problems-summery ul li::before {
    top: 0.7rem;
    width: 3rem;
    height: 3rem;
  }
  .case-quote-box .quote {
    width: 10rem;
  }
  .case-contact-form .flex-box {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .case-contact-form .flex-1 {
    flex: unset;
    width: 100%;
  }
  .case-contact-form .submit-box {
    margin: 5rem auto 0 auto;
  }
  /* ----------------------------------------- */
  /* -------- TESTIMONIALS PAGE STYLES --------- */
  /* ----------------------------------------- */
  .vid-testimonials-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
  /* ----------------------------------------- */
  /* -------- CAREER PAGE STYLES --------- */
  /* ----------------------------------------- */
  .career-gallery-images .img-box.w-33 {
    width: 48%;
  }
  .career-gallery-images .img-box:last-of-type {
    width: 100%;
  }
  .career-job-popup .body-content {
    max-height: calc(85vh - 35rem);
  }
  .career-job-popup .title-box {
    text-align: center;
  }
  .career-job-popup .btn-box {
    display: flex;
    justify-content: center;
    margin-top: 3rem;
    width: 100%;
  }
  .career-job-popup .job-meta-item {
    font-size: 2.2rem;
  }

  /* Contact Page */
  .contact-form-section .address-box {
    margin-top: 10rem;
  }
  .contact-form-section .address-list a {
    justify-content: flex-start;
  }
  .contact-form-section .address-list img {
    margin-top: 1rem;
  }
}

@media (max-width: 640px) {
  html {
    font-size: 0.92vw;
  }
  .com-padding {
    padding: 10rem 0;
  }
  .full-width-640 {
    width: 100% !important;
  }
  .mb-btn-center {
    display: flex;
    justify-content: center !important;
  }
  h1,
  .large-title,
  .h1,
  .hp-banner-section h1 {
    font-size: 12rem;
    word-spacing: 0;
    letter-spacing: -0.5rem;
  }
  .btn {
    height: 7.5rem;
  }
  .btn .btn-icon {
    width: 7.5rem;
    height: 7.5rem;
  }
  .btn .btn-text {
    min-width: 18rem;
    font-size: 2.5rem;
    padding: 1rem 4rem;
  }
  .large-title .title-icon {
    max-width: 15rem;
  }
  /* ---------------------------------- */
  /* -------- HEADER-FOOTER STYLES --------- */
  /* ---------------------------------- */
  .footer-menu-box h6 {
    font-size: 2.8rem;
  }
  .header-menu > ul li a,
  .footer-menu-box a {
    font-size: 3rem;
  }
  .footer-menu-wrapper {
    margin-top: 10rem;
    justify-content: space-between;
  }
  .footer-menu-box {
    width: 46%;
    border-left: 0;
    padding: 6rem 0;
    margin-top: 0;
    border-top: 1px solid #3b3b3b;
  }
  .footer-menu-box:last-of-type {
    border-right: 0;
    order: 2;
  }
  .footer-menu-box:nth-of-type(2) {
    order: 3;
    width: 100%;
  }
  .footer-bottom {
    flex-direction: column;
    align-items: center;
  }
  .footer-bottom .right {
    margin-top: 2rem;
    justify-content: center;
  }
  .footer-bottom .right a {
    margin-top: 5px;
  }


  /* ------------------------------------- */
  /* -------------- HOMEPAGE ------------- */
  /* ------------------------------------- */
  .hp-banner-section {
    padding-top: 28rem;
  }

  .hp-banner-card .content {
    padding: 4rem 4rem 6rem 5rem;
  }
  .hp-service-item {
    padding: 7rem 5rem;
  }
  .service-review-bar .center-box {
    flex-direction: column;
    margin-top: 3rem;
    text-align: center;
  }
  .service-review-bar .center-box p {
    margin-top: 2rem;
    padding-left: 0;
  }

  .vid-card .avatar {
    border: 3px solid #faeade;
    width: 8rem;
    height: 8rem;
    margin-right: 2rem;
  }
  .vid-cards-section .vid-card {
    border-width: 3px;
    border-radius: 3rem;
  }
  .vid-cards-section .vc-heading {
    letter-spacing: -0.5rem;
  }
  .popup-inner iframe,
  .popup-inner video {
    min-width: 90vw;
    min-height: 250px;
  }
  .dive-btn-box {
    flex-direction: column;
    text-align: center;
  }
  .dive-btn-box .text {
    padding: 3rem 0;
  }
  .dive-btn-box {
    padding: 7rem 3rem;
    border-radius: 3rem;
    min-width: 90%;
  }
  .hp-founder-section .quote-text {
    font-size: 5.5rem;
  }
  .hp-founder-section .quote-text span {
    font-size: 6rem;
    line-height: 1.2;
  }
  .faq-head h6 {
    font-size: 3rem;
  }
  .faq-head::after {
    top: 4.5rem;
    width: 2rem;
    height: 1.5rem;
  }
  .hp-contact-lines a span,
  .hp-contact-reviews p,
  .hp-contact-form input,
  .hp-contact-form textarea,
  .hp-contact-form select {
    font-size: 2.8rem;
  }
  .hp-contact-form .input-box {
    margin-bottom: 6rem;
  }
  .submit-box input[type="submit"] {
    font-size: 2.5rem;
    padding: 2.7rem 5rem;
  }
  form .submit-box {
    margin: 0 auto;
  }

  .hp-serve-grid {
    display: block;
  }
  .hp-serve-item {
    margin: 3rem 0;
  }
  .hp-serve-item.text-box {
    padding: 5rem 0;
    text-align: center;
  }
  /* ------------------------------------- */
  /* -------------- CONTACT PAGE ------------- */
  /* ------------------------------------- */
  .contact-follow-section .right::before,
  .contact-follow-section .right::after {
    display: none;
  }
  .contact-follow-section .mobile-video-box {
    width: 58rem;
    height: 120rem;
  }
  .contact-page-form label {
    font-size: 3rem;
  }
  .contact-page-form .input-box {
    margin-bottom: 4rem;
  }
  .contact-pdf-section h2 {
    font-size: 9rem;
  }
  .contact-follow-section .circle-2 {
    right: -2rem;
  }
  .com-play-btn {
    width: 12rem;
    height: 12rem;
  }

  /* GENERIC PAGES */
  .privacy-page-banner .space-holder {
    width: 16rem;
  }
  /* ------------------------------------- */
  /* -------------- SERVICE DETAIL ------------- */
  /* ------------------------------------- */
  .sd-case-studies .slick-list,
  .sd-video-reviews .slick-list {
    padding: 0 10% 0 0 !important;
  }
  .sd-video-reviews video,
  .sd-video-reviews iframe {
    height: 50rem;
  }
  .sd-intro-reel video {
    max-height: 90vh;
  }
  .sd-intro-section .right-usp-list {
    column-gap: 4rem;
  }
  .sd-intro-section .right-usp-list h3 {
    font-size: 5.5rem;
  }
  .sd-intro-section .right-usp-list p {
    font-size: 2.2rem;
  }
  /* ----------------------------------------------- */
  /* -------------- WHO IS IT FOR PAGE ------------- */
  /* ----------------------------------------------- */
  .hp-contact-form .flex-box .input-box {
    width: 100%;
  }
  .wiif-benefits-marquee .title {
    font-size: 15rem;
  }
  .wiif-benefits-list {
    transform: translateY(-7rem);
  }
  .wiif-benefits-marquee .title::before {
    top: 2rem;
    width: 15rem;
    height: 15rem;
  }
  .wiif-benefits-section .section-heading::before,
  .wiif-benefits-section .section-heading::after {
    display: none;
  }

  /* ----------------------------------------------- */
  /* -------------- CASE STUDY PAGE ------------- */
  /* ----------------------------------------------- */
  .case-strategy-item {
    flex-direction: column;
    align-items: center;
    border-bottom: 1px dashed #919191;
  }
  .case-strategy-item:last-of-type {
    padding-bottom: 0;
    border-bottom: 0;
  }
  .case-strategy-item > div {
    width: 100% !important;
  }
  .case-strategy-item h4 {
    text-align: center;
    padding: 2rem 3rem 0 3rem;
    font-size: 3.2rem;
  }
}
@media (max-width: 540px) {
  html {
    font-size: 1.3vw;
  }
  h1,
  .large-title,
  .h1,
  .hp-banner-section h1 {
    font-size: 8.5rem;
  }
  .large-title .title-icon {
    max-width: 12rem;
  }
  .heading-stroke-text .stroke,
  .heading-stroke-text .fill {
    font-size: 10rem;
  }
  .heading-stroke-text {
    bottom: 5.5rem;
  }
  header .menu-open {
    width: 40px;
    height: 26px;
  }
  .hp-services-section .lottie-bird {
    width: 15.4rem;
    height: 9.4rem;
    bottom: -1rem;
    left: 50%;
  }
  .hp-service-item .top {
    position: relative;
    padding-top: 2rem;
  }
  .hp-service-item .left {
    width: 100%;
  }
  .hp-service-item .icon {
    top: -1.5rem;
    right: -2rem;
  }
  .hp-service-item .left .description {
    padding-top: 3rem;
  }
  .business-content-wrapper h3 {
    font-size: 7rem;
    letter-spacing: -0.3rem;
  }
  /* ABOUT US PAGE */
  .about-mission-usp li {
    padding: 5rem 2.5rem;
  }
  .about-mission-usp .icon {
    width: 4rem;
    height: 4rem;
  }
  .about-mission-usp h6 {
    font-size: 2.8rem;
  }
  .about-mission-usp li p {
    font-size: 2.4rem;
  }
  .about-team-list {
    grid-template-columns: repeat(1, 1fr);
  }
  .about-benefits-section .accordion-head {
    font-size: 4rem;
  }
  .about-benefits-section .accordion-head::before {
    width: 4rem;
    height: 4rem;
  }
  /* ------------------------------------- */
  /* -------------- SERVICE DETAIL ------------- */
  /* ------------------------------------- */
  .sd-intro-section .btn-box::before {
    display: none;
  }
  .sd-intro-section .btn-box .flex-box {
    flex-direction: column;
    justify-content: center;
  }
  .sd-intro-section .btn-outline-primary {
    margin-left: 0;
    margin-top: 4rem;
  }
  .sd-courses-accordions .stroke-text {
    display: none;
  }
  .sd-courses-accordions .accordion-body {
    padding-left: 0;
  }
  .sd-video-reviews video,
  .sd-video-reviews iframe {
    height: 40rem;
  }
  .sd-enroll-section .wrapper {
    padding: 8rem 4rem;
  }
  .sd-enroll-section .contact-list li {
    padding: 0 1rem;
    margin: 1rem 0;
  }
  .sd-enroll-section .contact-list span {
    font-size: 2rem;
  }
  /* ------------------------------------- */
  /* ----------- WHO IS IT FOR ------------- */
  /* ------------------------------------- */
  .wiif-benefits-list {
    grid-template-columns: repeat(1, 1fr);
  }

  .wiif-reviews-section .slider-arrows {
    display: none;
  }
  /* ----------------------------------------- */
  /* -------- TESTIMONIALS PAGE STYLES --------- */
  /* ----------------------------------------- */
  .vid-testimonials-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
  /* ----------------------------------------- */
  /* -------- CAREER PAGE STYLES --------- */
  /* ----------------------------------------- */

   .career-why-usps li h5{
    min-height: unset;
    display: block;
    font-size: 2.5rem;
    font-weight: 500;
   }
   .career-why-usps li p{
    font-size: 2.5rem;
   }
  .career-job-item .job-meta-item {
    font-size: 2.2rem;
  }
  .career-why-usps .icon {
    width: 6rem;
    height: 6rem;
  }
  .career-why-usps .icon img {
    max-height: 4.5rem;
  }
}

@media (max-width: 430px) {
  html {
    font-size: 1.4vw;
  }
  .container {
    padding: 0 16px;
  }
}