/* header */
.header {
    display: flex;
    justify-content: space-between;
    /* padding: 0.6rem 63px; */
    align-items: center;
    box-shadow: rgba(0, 0, 0, 0.14) 0px 1px 0px;
}

.header ul {
    list-style: none;
    display: flex;
    margin: 0;
}

.header ul li {
    padding: 0.8rem;
    padding-right: 1.5rem;
    color: #323232;
    font-size: 17px;
    width: max-content;
}

.mail-icon {
    color: var(--primary-color);
}

.contact-ul {
    margin-right: 2.5rem !important;
}

.contact-ul li {
    color: #5B5B5B;
    font-size: 14px !important;
    /* padding-right: 0px !important; */
}

.contact-ul li:hover {
    color: #5B5B5B !important;
    font-weight: 400 !important;
}

.content-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--top-header);
    /* padding-right: 1.5rem; */
    margin-bottom: 1rem;
    font-size: 14px;
    border-bottom-left-radius: 12px;
}

.nav-menu ul li a {
    color: #323232;
    text-decoration: none;
}

.logo {
    height: 110px;
    margin-left: 3.5rem;
}

.logo img {
    width: 100%;
    height: 100%;
    margin-left: 1rem;
}

.start-btn button {
    border: none;
    background-color: var(--primary-color);
    padding: 0.8rem 1.5rem;
    border-radius: 6px;
    color: #fff;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
    font-family: Inter;
    margin-right: 4rem;
    margin-top: 0.5rem;
}

.contact-btn button {
    background-color: #fff;
    color: var(--primary-color);
    font-weight: 600;
    padding: 1rem 2.5rem;

}

.contact-btn button:hover {
    background-color: #3f68a1;
}

.start-btn button a {
    color: #fff;
    text-decoration: none;
}

.start-btn button:hover,
.hero-start-btn button:hover {
    background-color: #3f68a1;
}

.main-container {
    margin: 2rem 4rem;
}

.wrap {
    margin: 4rem 5rem;
}

.text-desc {
    line-height: 30px;
}

.line-join {
    max-width: 250px;
}

.line-process {
    max-width: 250px;
    margin: auto !important;
    margin-bottom: 4rem !important;
}

/* hamburger */
.hamburger-menu {
    position: relative;
}

.menu-button {
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 30px;
    height: 30px;
    background-color: transparent;
}

.bar {
    width: 30px;
    height: 4px;
    background-color: #333;
    transition: 0.4s;
}

.menu-items {
    display: none;
    /* Additional styling for your menu items */
}

.show-menu .menu-items {
    display: block;
}

/* hero section */
.hero-wrapper {}

.hero-section {
    padding: 0rem;
    font-size: 20px;
    font-weight: 400;
    color: #DCDCDC;
    line-height: 28px;
    /* position: relative; */
    /* overflow: hidden; */
    display: inline-block;
    margin: auto;
    text-align: center;
    /* background-color: var(--primary-color); */
    /* background-image: url(../assets/img/background.svg); */
    background-repeat: no-repeat;
    background-size: 100%;
    min-width: 100%;
}

.hero-section {
    background-image: url(../assets/img/background.png);
}

/* .hero-section:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: -5%;
    left: -5%;
    height: 120px;
    background: #fff;
    -webkit-clip-path: ellipse(50% 60% at 50% 100%);
    clip-path: ellipse(80% 80% at 50% 100%);
  } */

.associate-wrap {
    margin-bottom: 5rem;
    padding: 10px 6rem;
    margin-top: 5rem;
}

.associate-wrap img {
    width: auto;
    object-fit: contain;
}

.associate-img {
    width: 200px;
    height: 80px;
    padding-right: 1rem;
}

.associate-img img {
    width: 100%;
    height: 100%;
}

.hero-title {
    font-size: 3rem;
    font-weight: 800;
    line-height: 65px;
    padding-top: 4rem;
    color: #fff;
}

.hero-title h2 {
    font-size: 24px;
    margin: 1.5rem;
}

.high-light {
    color: var(--secondary-color);
    font-weight: 800;
    line-height: 45px;
}

.hero-start-btn button {
    border: 1px solid var(--secondary-color);
    background-color: var(--primary-color);
    padding: 1.063rem 2.563rem;
    border-radius: 6px;
    color: #fff;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
    font-family: Inter;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    margin-top: 1rem;
}

.hero-start-btn button a {
    text-decoration: none;
    color: #fff;
}

.star-wrap {
    margin-bottom: 0.8rem;
}

.outlook {
    font-weight: 700;
    max-width: 379px;
}

.profile-wrap {
    margin-top: 1rem;
    display: flex;
}

.profile-img {
    width: 50px;
    height: 50px;
    margin-right: 1rem;
}

.profile-img-sm {
    width: 41px;
    height: 41px;
    margin-right: 1rem;

}

.profile-img img, .profile-img-sm img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50px;
}

.profile-detail h6 {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    line-height: 25px;
    margin-bottom: 0;
}

.profile-detail p {
    color: #A6B0BA;
    font-size: 12px;
    font-weight: 500;
    line-height: 25px;
    margin-bottom: 0;
}

.stat-num {
    margin-top: 8rem !important;
    margin-bottom: 8rem;
    margin: 6rem
}

.abt-title {
    color: #1D1D25;
    font-size: 36px;
    font-weight: 700;
    line-height: 52.5px;
    text-align: center;
}

.abt-title span {
    color: var(--primary-color);
}

.about-section {
    margin-bottom: 7rem;
}

.bottom-border {
    height: 8px !important;
    margin-left: 5rem;
    margin-top: 0.8rem;
    margin-right: 8rem;
    background-color: var(--secondary-color);
}

.bottom-line {
    height: 8px !important;
    margin-top: 0.8rem;
    margin-right: 8rem;
    background-color: var(--secondary-color);
}

.title-line {
    display: block;
    margin: auto;
    max-width: 450px;
    margin-top: 1.5rem;

}

.service-title {
    color: #000;
    font-size: 24px;
    font-weight: 700;
    line-height: 30.5px;
    margin-bottom: 1rem;
}

.service-section p {
    color: #70757C;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 0;
}

/* tabs */
.nav-tabs .nav-link.active {
    border: none !important;
    border-bottom: 4px solid var(--primary-color) !important;
    color: var(--primary-color) !important;
    padding-bottom: 0.2rem;
}

.nav-item {
    padding-bottom: 1rem !important;
}

.nav-item a {
    color: #555555 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    border: none !important;
    text-decoration: none !important;

}

.nav-item a:hover {
    color: var(--primary-color) !important;
    font-weight: 600 !important;

}

.nav-tabs {
    border-bottom: none !important;
}

.nav-link:hover {
    border: none;
}

.header ul li:hover, .header ul li:active {
    color: #092d5f;
    font-weight: 600;
    cursor: pointer;
}

/* service section */
.service-section {
    margin-bottom: 5rem;
}

.process-section {
    margin-bottom: 8rem !important;
    background-image: url(../assets/img/rocket.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.benefits {
    margin-bottom: 8rem;
}

.statement {
    border-left: 5px solid var(--secondary-color);
    padding-left: 10px;
    margin-left: 3.7rem;
}

.designation {
    color: #70757C;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
}

.profile-name {
    color: #092D60;
    font-size: 20px;
    font-weight: 500;
}

.description {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 30.5px;
    max-width: 710px;
}

.rep-img {
    display: block;
    margin: auto;
}

/* process section */

.process-section {
    width: 100%;
    background-color: var(--primary-color);
    color: #fff;
    padding: 6rem 9rem;
}

.process-section h1 {
    color: #FFF;
    font-size: 36px;
    font-weight: 700;
    line-height: 52.5px;
    text-align: center;
}

.process-section p {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30.5px;
    text-align: center;

}

.process-img {
    width: 100%;
    margin-top: -12rem;
    margin-bottom: -2rem;
}

ul {
    list-style: none;
    padding-left: 0 !important;
    line-height: 26px;

}

.process-step {
    color: #FFF;
    font-size: 20px;
    font-weight: 600;
}

.number {
    padding: 1.4rem 2rem;
    border-radius: 50px;
    width: 81px;
    height: 81px;
    background-color: var(--secondary-color);
    color: var(--primary-color);
    font-size: 24px;
    font-weight: 700;
    position: relative;
    top: -1.5rem;
    margin-bottom: 1rem;
}

.content-img {
    margin-right: 1.2rem;
}

.content-img img {
    border-radius: 15px;
}

.content {
    display: flex;
    padding: 2rem;
}

.address {
    color: #64748B;
    font-size: 16px;
    font-weight: 400;

}

.reviewer-name {
    color: var(--base-02, #090914);
    font-size: 16px;
    font-weight: 700;
}

/*  */
.stat-num {
    background-color: var(--primary-color);
    padding: 3rem 5rem;
    padding-right: 1.9rem;
    border-radius: 30px;
    color: #fff;
}

.stat-num h2 {
    line-height: 45px;
}

.get-started-section {
    padding: 3rem 6rem;
    position: relative;
    top: 1rem;
    color: #fff !important;
}

.get-started-section p {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 2rem;
}

.support-email a {
    /* color: #ffffff !important; */
    font-weight: 600;
    color: #ffd282 !important;
    text-decoration: none;
}

/* footer */
.footer-wrap {
    background: #000710;
    padding: 4rem 9rem;
    padding-bottom: 1rem;
    color: #EEEEEF;
    margin-top: 8rem;
}

.footer {
    /* display: flex; */
    /* justify-content: space-between; */
    margin-bottom: 1.5rem;
    text-align: center;
}

.footer-logo {
    width: 166px;
    height: 124px;
    display: block;
    margin: auto;
}

.footer-logo img {
    width: 100%;
    height: 100%;
}

.footer-menu ul {
    display: flex;
    margin-top: 1.8rem;
    justify-content: center;
}

.footer-menu ul li {
    padding: 0.5rem;
    cursor: pointer;
}

.footer-menu ul li a {
    color: #fff;
    text-decoration: none;
}

.footer-menu ul li:hover {
    color: var(--secondary-color);
}

.media {
    display: flex;
}

.twitter, .insta {
    background-color: #1E293B;
    border-radius: 50px;
    width: 50px;
    height: 50px;
    padding: 0.8rem 1.2rem;
    margin-right: 1rem;
}

.insta {
    padding: 0.75rem 1.18rem;
}

.twitter:hover, .insta:hover, .fb:hover {
    background-color: #092d5f;
    cursor: pointer;
}

.fb {
    background-color: var(--secondary-color);
    border-radius: 50px;
    width: 50px;
    height: 50px;
    padding: 0.8rem 1.2rem;
    padding-left: 1.34rem;
    padding-top: 0.7rem;
    margin-right: 1rem;
}

.copyright-wrap {
    border-top: 1px solid #1E293B;
    text-align: center;
    padding-top: 2rem;
    color: var(--blue-gray-300, #CBD5E1);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}

.hamburger-menu {
    display: none;
}


.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-color: #000;
    border-radius: 50px;
    padding: 1rem;
}

.carousel-item.active {
    width: 100%;
}

.navbar-toggler-icon {
    width: 2em !important;
}

.navbar, .navbar-toggler {
    background-color: #fff !important;
    border: none !important;
}

.navbar:focus,
.navbar-toggler:focus {
    border: none;
    outline: 0;
    box-shadow: none !important;

}

.mobile-menu {
    display: none;
    margin-left: 2.8rem;
}

.navbar-collapse.collapse.show {
    background-color: #092d5f0f;
}

.input-field {
    border: 1px solid #DCDCDC;
    border-radius: 4px;
    min-height: 20px;
    min-width: 100%;
}

.title-contact {
    margin: auto;
    text-align: center !important;
}

.btn-submit {
    background-color: var(--primary-color) !important;
    color: #fff !important;
    padding: 10px 2rem !important;
    text-align: center !important;
}

.btn-close-wrap {
    position: absolute;
    top: -17px;
    right: -18px;
    background: #fff !important;
    color: #000 !important;
    border: 0;
    box-shadow: -2px 2px 13px -4px rgba(0, 0, 0, .46);
    border-radius: 60px !important;
    font-size: 18px;
    width: 45px;
    height: 45px;
    align-items: center;
    justify-content: center;
    display: flex;
    opacity: 1 !important;
}

.btn-close {
    margin: 0 !important;
    /* background: transparent !important; */
    opacity: 1 !important;

}

.btn-close:focus, .btn-close:active {
    outline: none !important;
    box-shadow: none !important;
}

.modal-content {
    border: none !important;
    box-shadow: none !important;
}

.modal-footer {
    border: none !important;
    padding-top: 0 !important;
}

.modal-body {
    padding: 1rem;
}

.modal.show .modal-dialog {
    min-width: 650px !important;
}

.carousel-control-prev {
    left: -8rem !important;
}

.carousel-control-next {
    right: -4rem !important;

}

.bg-img::before {
    content: "";
    background: url(../assets/img/img1.svg) no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    background-position: 100% 0;
    background-size: inherit;
    left: 0rem;
    z-index: -1;
    bottom: -30rem;
}

.service-section::before {
    content: "";
    background: url(../assets/img/img2.svg) no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    background-position: 0 100% 0;
    background-size: inherit;
    left: 0;
    z-index: -1;
}
.benefits-title{
    text-align: start;
}

.benefits::before {
    content: "";
    background: url(../assets/img/img3.svg) no-repeat;
    position: absolute;
    background-size: inherit;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    background-position: 100% 0;
    left: 0rem;
    z-index: -1;
}

.hero-video {
    max-width: 950px;
}

.hero-video img {
    width: 100%;
}

.hero-video video {
    width: 100%;
    border-radius: 22px;
    box-shadow: rgb(255 255 255 / 11%) 0px 7px 29px 0px;
    border: 12px solid #fff;
    position: relative;
    top: 0.8rem;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.banner-reg {
    width: 100%;
    margin-bottom: 1rem;
    padding: 12px;
    /* box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; */
    border-radius: 8px;
    position: relative;
    max-width: 630px;
    display: block;
    margin: auto;
}

.video-poster {
    width: 100%;
    /* height: auto; */
    display: block;
    filter: brightness(0.7) blur(0px);
    /* Apply the shadow effect to the poster */
    transition: filter 0.3s;
}

.play-button {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #3737373e;
    color: #fff;
    z-index: 99;
    padding: 2.5rem;

}

.play-btn-bg {
    background: #424242a9;
    border: none;
    color: white;
    font-size: 1.2em;
    border-radius: 50px;
    cursor: pointer;
    padding: 1rem 1.2rem;
}

/* .video {
    display: none;
  } */
/* Show the video when the button is clicked */
.play-btn-bg :focus+.video {
    display: block;
}

/* Remove the shadow effect when the video is displayed */
.play-btn-bg :focus+.video+.video-poster {
    filter: none;
}

video {
    width: 100%;
}

.play-button,
.thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.3s;
    border: 12px solid #fff;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.play-button.active,
.thumbnail.active {
    opacity: 1;
    border-radius: 22px;

}

.thumbnail {
    z-index: 1;
    /* Place the thumbnail above the video */
}

.play-button.active,
.thumbnail.active {
    opacity: 1;
    /* border: 12px solid #fff; */
}


.error-message {
    font-size: 18px;
    color: #dc3545;
    margin-top: 2px;
}

.navbar-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.note{
    font-weight: 500;
    margin-top: 0.5rem  ;
}
@media (max-width:1556px) {
    .get-started-section {
        padding: 1rem;
    }
}


@media (max-width:1465px) {
    .hero-title {
        font-size: 2.5rem;
        line-height: 60px;
    }

    .stat-num {
        margin: 1rem 4rem;
    }
}

@media(max-width:1028px) {
    .hamburger-menu {
        display: block;
    }

    .navbar-toggler {
        display: block !important;

    }


    .nav-menu {
        display: none;
    }

    .navbar-wrap {
        margin-bottom: 0;
    }
    .navbar-collapse.collapse.show{
        padding: 0.8rem;
    }
    .navbar-nav.mobile-menu{
        margin-left: 1rem;
        display: block;
    }
    .start-btn{
        margin-bottom: 16px;
    }
}

@media(max-width:1024px) {
    .hero-section {
        background-image: url(../assets/img/tab-bg.png);
        /* background-color: var(--primary-color); */
    }
}


@media (max-width:1272px) {
    .content-top{
        border-radius: 0;
    }
    .hero-img {
        max-height: 384px;
        max-width: 460px;
    }

    .hero-title {
        padding-top: 4rem;
    }

    .hero-img img {
        height: 100%;
        width: 100%;
    }

    .carousel-control-next {
        right: -6rem !important;
    }

    .carousel-control-prev {
        left: -6rem !important;
    }

    .logo {
        margin-left: 0;
    }

    .logo img {
        margin-left: 0;
        margin-top: 2rem;
    }

    .contact-ul {
        margin-right: 0px !important;
    }

    .header {
        display: block;
    }

    .content-top {
        margin-top: 3.5rem;
        text-align: center;
        justify-content: center;
    }

    .dart-img {
        width: 350px;
    }
    .start-btn{
        margin-bottom: 16px;
    }
}

@media (max-width:1200px) {
    .process-section {
        background-image: url(../assets/img/tab-rocket.png);
    }
}

@media (max-width:1217px) {
    .rep-img {
        max-width: 380px;
    }
}

@media (max-width:1144px) {
    .start-btn button {
        margin-right: 1.5rem;
        margin-bottom: 0.5rem;
    }
}

@media (max-width:1096px) {
    .hero-section {
        display: block;
    }

    /* .navbar-toggler {
        display: block !important;
    }
    .navbar .navbar-expand-lg{
        display: none !important;
    } */

    .hero-img {
        margin-top: 2rem;
        margin-left: -2rem;
    }

    .wrap {
        margin: 4rem 2rem;
    }

    .footer {
        display: block;
    }

    .footer-logo {
        display: block;
        margin: auto;
        margin-bottom: 1rem;
    }

    .footer-menu ul {
        margin-left: 8rem;
    }

    .media {
        margin-bottom: 1.8rem;
        justify-content: center;
    }

    .footer-wrap {
        padding-top: 3rem;
    }

    .main-container {
        margin: 2rem 3rem;
    }

    .hero-title {
        word-break: break-all;
    }


    .carousel-control-next {
        right: -1rem !important;
    }

    .hero-start-btn {
        margin-bottom: 2rem;
    }
}

@media (max-width:992px) {
    .dart-img {
        width: 250px;
        padding-top: 5rem;
    }

    .stat-num {
        margin: 1rem;
    }

    .content {
        display: block !important;
    }
    .content-img img{
        margin-bottom: 1rem;
    }

}

@media (max-width:978px) {
    .footer-menu ul {
        margin-left: 4rem;
    }


}

@media (max-width:898px) {
    .footer-menu ul {
        margin-left: 0rem;
        display: block;
    }

    .footer-menu {
        text-align: center;
    }

    .footer-wrap {
        padding: 3rem;
    }

    .rep-img {
        margin-left: 0;
        width: 250px;
        margin-bottom: 2rem;
    }

    .get-started-section {
        padding: 0rem 2rem;
        top: 0;
    }

    .stat-num {
        padding: 2rem;
    }

    .process-section {
        padding: 4rem;
    }

    .hero-section {
        padding: 2rem;
    }

    .last-img {
        margin-left: 2rem;
    }
}

@media (max-width:825px) {
    .header {
        display: block;
    }


    .logo {
        margin-left: 0px;
        margin-top: 2rem;
    }

    .logo img {
        margin-left: 0px;
        margin-top: 0px;
    }

    .start-btn {
        margin-bottom: 1rem;
    }

    .content-top {
        margin-top: 1.5rem;
    }
}

@media (max-width:650px) {
    .process-section {
        background-image: url(../assets/img/mobile-md.png);
    }
}

@media (max-width:768px) {
    .associate-wrap {
        padding: 1rem;
    }

    .associate-img {
        padding-right: 3rem;
    }

    .process-section {
        background-image: url(../assets/img/tab2-rocket.png);
    }
}

@media (max-width:767px) {
    .last-img {
        margin-left: 0;
    }

    .number, .process-img {
        display: none;
    }
    .rep-img{
        display: block;
        margin: auto;
        margin-bottom: 2rem;
    }
    .benefits-title{
        text-align: center;
    }
     .line-join{
        display: block;
        margin: auto;
    }
    .description{
        text-align: center;
    }
    .note{
        text-align: center;
    }
    .benefits .start-btn button{
        display: block !important;
        margin: auto !important;
    }

 
}


@media (max-width:712px) {
.modal.show .modal-dialog{
    min-width: 90% !important;
    margin: 2rem;
}
}

@media (max-width:580px) {
    .hero-section {
        background-image: url(../assets/img/mobile-hero.png);
    }

    .hero-section {
        font-size: 35px;

    }

    .content {
        display: block !important;
    }

    .content-img img {
        margin-bottom: 1rem;
    }

    .carousel-control-prev {
        margin-left: 6rem;
    }
}

@media (max-width:563px) {
    .process-step-wrap {
        display: flex;
        align-items: center;
    }

    .process-step-wrap img {
        margin-right: 2rem;
    }
}



@media (max-width:450px) {
    .header {
        display: block;

    }
    .modal.show .modal-dialog{
        min-width: auto !important;
        margin: 2rem;
    }
    .start-btn button {
        width: 100%;
        margin-top: 1rem;
    }

    .navbar-toggler {
        margin-top: 1rem;
        padding: 0 !important;
        margin-left: -18px;
    }

    .logo img {
        margin-left: 0;
        margin-top: 0rem;
    }

    .hero-section {
        padding: 2rem;
    }

    .main-container {
        margin: 1rem;
    }

    .start-btn button {
        margin-right: 0px;
    }

    .navbar-wrap {
        margin: 1rem 2rem !important;
    }
    .associate-wrap{
        margin:1rem 0px ;
        margin-bottom: 4rem;
    }
}

@media (max-width:400px) {
    .main-container {
        margin: 1rem !important;
    }

    .content {
        display: block;
        margin-bottom: 2rem;
    }

    .process-section {
        padding: 2rem;
    }

    .get-started-section {
        padding: 0;
    }

    .header {
        padding: 2rem;
        padding-bottom: 18px;
    }

    .hero-section {
        padding: 2rem;
    }

    .associate-img {
        width: 120px;
    }

    .hero-title {
        padding-top: 12px !important;
    }
}

@media (max-width:370px) {
    .contact-ul {
        display: block !important;
        margin-right: 0;
    }

    .navbar-wrap {
        margin: 1rem !important;
    }
}

@media (max-width:340px) {
    .main-container {
        margin: 1rem;
    }

    .process-section {
        padding: 1rem;
    }

    .dart-img {
        width: 150px;
        padding-top: 20px;
    }
}

@media (max-width:320px) {
    .process-section {
        background-image: url(../assets/img/sm-mobile-rocket.png);
    }
}