.main-nav nav .navbar-nav .nav-item .dropdown-menu {
    top: 76px !important;
}

.main-nav nav .navbar-nav .nav-item:hover ul {
    opacity: 1;
    visibility: visible;
    /* top: 100%; */
    top: 76px !important;
}

.navbar-brand {
    max-width: 200px;
}

.header-cta-btn a {
    background-color: #fbc117;
    display: inline-block;
    padding: 13px 30px;
    color: #fff;
    border-radius: 50px;
}

.header-cta-btn a:hover {
    background-color: #003760;
}



.intro-section-imgs {
    display: grid;
    grid-template-columns: 1fr 0.95fr;
    align-items: center;
    gap: 0;
}

.intro-section-imgs .group-img {
    display: grid;
    gap: 70px;
}

.intro-section {
    margin-bottom: 80px;
}

.intro-section-imgs img {
    transition: all 0.3s ease;
}

.intro-section-imgs img:hover {
    transform: skew(1deg, 1deg) translate(10px, 10px);
}

.intro-section-content h1 {
    font-size: 56px;
}

.text-justify {
    text-align: justify;
}

.arrow-box {
    position: relative;
    rotate: 120deg;
    transform-origin: 0;
    left: 300px;
    top: 80px;
}

.single-offer-icon {
    display: flex;
    justify-content: center;
}

.single-offer-icon img {
    width: 80px;
    transition: all 0.3s ease;
}

.single-offer:hover {
    background-color: #003760;
}

.single-offer:hover h3,
.single-offer:hover p {
    color: #fff;
}

.process-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


.process-box .process-box-icon {
    display: flex;
    justify-content: center;
    width: 80px;
    border: 3px solid #003760;
    border-radius: 50%;
    padding: 3%;

    margin-bottom: 15px;
}

.process-box.process-box-one,
.process-box.process-box-two,
.process-box.process-box-three {
    position: relative;
}

.process-box.process-box-one::after,
.process-box.process-box-two::after,
.process-box.process-box-three::after {
    content: '';
    position: absolute;
    top: 15%;
    right: -25%;
    width: 150px;
    height: 2px;
    border: 1px dashed #003760;
}


.process-box.process-box-one .process-box-icon,
.process-box.process-box-two .process-box-icon,
.process-box.process-box-three .process-box-icon,
.process-box.process-box-four .process-box-icon {
    position: relative;
}

/* .process-box .process-box-icon.process-box-one::after {
    content: '01';
} */

.process-box .process-box-icon::after {
    position: absolute;
    top: -0px;
    left: -10px;
    background-color: #003760;
    color: #fff;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: grid;
    place-content: center;
}

.process-box.process-box-one .process-box-icon::after {
    content: '01';
}

.process-box.process-box-two .process-box-icon::after {
    content: '02';
}

.process-box.process-box-three .process-box-icon::after {
    content: '03';
}

.process-box.process-box-four .process-box-icon::after {
    content: '04';
}

.process-box .process-box-content h3,
.process-box .process-box-content p {
    text-align: center;
}

.choose-us-area {
    margin-bottom: 70px;
}


.why-us-section {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    background-color: #003760;
}

.why-us-section .left-section {
    width: 100%;
}

.why-us-section .left-section img {
    width: 100%;
}

.why-us-section .right-section {
    background-color: #003760;
    padding: 5%;
    max-width: 80%;
}

.why-us-section .right-section .why-us-section-content * {
    color: #fff;
}

.why-us-section .right-section .why-us-section-content .why-us-sub-heading p {
    font-size: 17px;
    margin-bottom: 5px;
}

.why-us-section .right-section .why-us-section-content h1 {
    font-size: 40px;
    margin-bottom: 15px;
}

.why-us-section .right-section .why-us-section-content .why-us-para p {
    font-size: 16px;
}

.why-us-section .right-section .why-us-section-content .why-us-pointer {
    margin-top: 15px;
}

.why-us-section .right-section .why-us-section-content .why-us-pointer li {
    margin-bottom: 15px;
    position: relative;
    padding-left: 30px;
    font-size: 16px;
    display: flex;
    align-items: center;
}

.why-us-section .right-section .why-us-section-content .why-us-pointer li i {
    margin-right: 10px;
    font-size: 18px;

}

.contact-side-box .info-box {
    display: flex;
    margin-bottom: 40px;
}

.contact-side-box .info-box .icon {
    width: 50px;
    margin-right: 15px;

}

.info-box-content span,
.info-box-content span a {
    font-size: 16px;
}

.social-link a.facebook {
    background-color: #1877F2;
}

.social-link a.twitter {
    background-color: #1DA1F2;
}

.social-link a.instagram {
    background-color: #E4405F;
}

.social-link a.linkedin {
    background-color: #0A66C2;
}

.social-link a.youtube {
    background-color: #CD201F;
}

.members-benefits-content p {
    text-align: justify;
}

.members-benefits-content {
    margin-bottom: 50px;
}

@media(max-width:1400px) {

    .single-service {

        min-height: 310px;
    }

    .single-service .service-content-wrap p {
        line-height: 1.5;
    }

    .began-area-four .begans-bg {
        background-image: url(../img/products-bg.jpg);
        background-position: 80%;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100%;
    }

    .why-us-section .right-section {
        background-color: #003760;
        padding: 5%;
        max-width: 100%;
    }

    .why-us-section .right-section .why-us-section-content h1 {
        font-size: 25px;
        margin-bottom: 15px;
    }

    .why-us-section .right-section .why-us-section-content .why-us-para p {
        font-size: 15px;
    }

    .why-us-section .right-section .why-us-section-content .why-us-pointer li {
        margin-bottom: 10px;
        position: relative;
        padding-left: 30px;
        font-size: 15px;
        display: flex;
        align-items: center;
    }

}



.f-quick-link {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 30px;
}

@media(max-width:768px) {
    .header-cta-btn a {
        background-color: #fbc117;
        display: inline-block;
        padding: 8px 15px;
        color: #fff;
        border-radius: 50px;
        margin-right: 15px;
        margin-top: -15px;
        display: none;
    }

    .contact-side-box {
        margin-top: 50px;
    }

    .why-us-section {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        align-items: center;
        background-color: #003760;
    }

    .process-box.process-box-one::after,
    .process-box.process-box-two::after,
    .process-box.process-box-three::after {
        display: none;
    }

    .process-box {

        margin-bottom: 30px;
    }

    .process-box.process-box-four {
        margin-bottom: 0;
    }
}


.about-content h2.line-center::before {
    position: absolute;
    bottom: -22px;
    left: 50%;
    transform: translateX(-50%);
    content: "";
    width: 50px;
    height: 2px;
    background-color: #fbbf20;
}

.about-content h2.line-center::after {
    position: absolute;
    bottom: -22px;
    left: 50%;
    transform: translateX(-50%);
    content: "";
    width: 5px;
    height: 2px;
    background-color: #ffffff;
    -webkit-animation: moveLeftBounces 10s linear infinite;
    animation: moveLeftBounces 10s linear infinite;
}