* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

body {
    font-family: sora;
}

p {
    font-size: 18px;
}

h2 {
    font-size: 46px;
}

a {
    text-decoration: none;
    color: #fff;
}

button {
    background: linear-gradient(90deg, rgba(77, 117, 217, 1) 0%, rgba(41, 62, 115, 1) 57%);
    color: #fff;
    padding: 8px 20px;
    border: none;
    border-radius: 8px;
}


#navbar .navbar {
    background: linear-gradient(90deg, rgba(234, 236, 241, 1) 0%, rgba(255, 255, 255, 1) 15%, rgba(255, 255, 255, 1) 85%, rgba(234, 236, 241, 1) 100%);
    box-shadow: 0px 5px 10px #e7e7e7;
}

.logo-section .logo-brdr {
    width: 1px;
    height: 40px;
    background: #C3C2C2;
    margin: 0px 20px;
}

section#navbar button.header-cta-btn a {
    color: #fff;
    text-decoration: none;

}

section#home-hero-section .banner-brdr {
    border-bottom: 2px solid #C3C2C2;
    margin-top: 5%;
}

.hero-heading-sec strong {
    background: linear-gradient(90deg, #223975, #5B6FA2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.hero-para-sec p {
    font-weight: 600;
    color: #293E73;
}

.About-ako-heading h2 {
    color: #2b3e6d;
    font-weight: 800;
    font-size: 36px;
}

.About-ako-description p {
    color: #2E2B2B;
}

.trust-user-sec p {
    font-size: 14px;
}

.hero-description-sec p {
    color: #5E5E5E;
    font-size: 20px;
}

.key-highlight-sec {
    color: #F07D00;
    background: #FEF1E2;
    border: 1px solid #FFB661;
    width: fit-content;
    padding: 5px 15px;
    border-radius: 25px 0px 25px 0px;
    margin-bottom: 20px;
}

.key-highlight-sec span {
    font-size: 18px;
    color: #F07D00;
}

.about-akotrix-list-sec ul li {
    font-size: 18px;
    font-weight: 600;
    color: #2E2B2B;
}

.about-akotrix-list-sec ul p {
    font-size: 16px;
    font-weight: 400;
    color: #2E2B2B;
}


#mission-sec {
    width: 100%;
    height: 90vh;
    background-image: url("./Images/mission-bg-image.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    display: flex;
    align-items: center;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.3);
    background-blend-mode: overlay;
}

.mission--bottom-img-sec img {
    transform: rotate(180deg);
}

.mission-heading-sec h3 {
    font-size: 30px;
    font-weight: 800;
    color: #FFEAF2;
}

.mission-heading-sec p {
    color: #EAECF1;
    font-size: 20px;
    font-weight: 400;
}


.akotrix-product-heading h2 {
    color: #272761;
    font-weight: 800;
}

.akotrix-product-heading p {
    font-size: 16px;
    width: 60%;
    margin: 0px auto 20px auto;
    color: #5E5E5E;
}

#akotrix-product-sec .brdr {
    border: 1px solid #ACACAC;
    margin: 0px 0px 20px;
}

section#company-profile {
    background: #293E73;
    height: auto;
    background-image: url("Images/company-profile-bg.jpg");
        background-repeat: no-repeat;
    background-size: cover;
}

.profile-heading-sec h2 {
    font-size: 36px;
    color: #fff;
    font-weight: 700;
    text-transform: capitalize;
}

.profile-heading-sec p {
    font-size: 18px;
    color: #fff;
    font-weight: 400;
}

.company-profile-section .profile-img img {
    width: 15%;
}

.company-profile-section .profile-img {
    border-top: 1px solid #F07D00;
}

.company-profile-section {
    min-height: 270px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    color: #fff;
}

.company-profile-section .company-profile-heading h4 {
    font-size: 20px;
    font-weight: 600;
}

.company-profile-section .company-profile-description p {
    font-size: 18px;
    font-weight: 400;
}



#contact-section .contact-form {
    background-color: #EAECF1;
    border: 2px solid #54658F;
    border-radius: 6px;
    padding: 50px 30px;
    color: #555555;
}

#contact-section .contact-form label {
    font-weight: 600;
    margin-bottom: 6px;
    display: block;
    color: #555555;
    font-size: 14px;
}

#contact-section .contact-form input,
#contact-section .contact-form textarea {
    background-color: #FFFFFF;
    border: 1px solid #ccc;
    color: #555555;
    border-radius: 6px;
    width: 100%;
    padding: 10px 12px;
    outline: none;
}

#contact-section .contact-form input:focus,
#contact-section .contact-form textarea:focus {
    border-color: #54658F;
    box-shadow: none;
}

#contact-section .contact-form button {
    background-color: #272761;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 10px 25px;
    transition: all 0.3s ease;
}

#contact-section .contact-form button:hover {
    background-color: #1e1e50;
}

#contact-section .contact-form textarea {
    resize: none;
    height: 120px;
}

.contact-content-sec h2 {
    color: #272761;
    font-size: 36px;
    font-weight: 700;
}

.contact-content-sec p {
    color: #2E2B2B;
    font-weight: 400;
}

section#web-footer-section {
    background: #1D2C52;
    padding: 5% 0px 0px 0px;
}

.footer-social-icons {
    display: flex;
    align-items: center;
}

.footer-content p {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
}

.footer-social-icons p,
i {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
}

.socialmedia-icons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.socialmedia-icons a {
    text-decoration: none;
}

.socialmedia-icons i {
    color: #293E73;
    background: #fff;
    padding: 5px;
    border-radius: 30px;
    display: flex;
    margin-right: 10px;
    width: 35px;
    height: 35px;
    align-items: center;
    justify-content: center;
}

.quick-link-sec {
    color: #fff;
}

.quick-link-sec h4 {
    font-size: 22px;
    color: #EAECF1;
    font-weight: 600;
}

.quick-link-sec a {
    text-decoration: none;
    font-size: 14px;
    margin: 10px 0px 0px 0px;
    color: #EAECF1;
    padding: 0px;
}

.links-sec {
    display: flex;
    flex-direction: column;
}

.footer-address-sec i {
    color: #1D2C52;
    background: #fff;
    padding: 5px;
    border-radius: 30px;
    width: 40px;
    height: 40px;
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px 20px 0px 0px;
}

.footer-address-sec span {
    color: #EAECF1;
    font-size: 22px;
    font-weight: 700;
    border-bottom: 2px solid #EAECF1;
}

.footer-address-sec {
    display: flex;
    align-items: center;
}

.address-para p {
    color: #EAECF1;
    font-size: 16px;
    font-weight: 400;
}

.address-para img {
    width: 20px;
    margin-right: 15px;
}

.footer-address-sec img {
    width: 40px;
    margin-right: 20px;
}

@media only screen and (max-width:1366px) {
    .akotrix-product-heading p {
        width: 70%;
    }

    .hero-rht-img-sec img {
        width: 80% !important;
    }

    .About-ako-img-sec img {
        width: 100% !important;
    }
}


@media only screen and (max-width:1200px) {
    .hero-heading-sec h2 {
        font-size: 38px;
    }

    .hero-description-sec p {
        font-size: 16px;
    }

    .trust-user-sec p {
        font-size: 12px;
    }

    .About-ako-heading h2 {
        font-size: 35px;
    }

    .hero-description-sec p {
        font-size: 16px;
    }

    .key-highlight-sec span {
        font-size: 16px;
    }

    .About-ako-description p {
        font-size: 16px;
    }

    .about-akotrix-list-sec ul li {
        font-size: 16px;
    }

    .about-akotrix-list-sec ul p {
        font-size: 12px;
    }

    .mission-heading-sec p {
        font-size: 18px;
    }

    .akotrix-product-heading h2 {
        font-size: 35px;
    }

    .akotrix-product-heading p {
        font-size: 16px;
    }

    .profile-heading-sec h2 {
        font-size: 26px;
    }

    .profile-heading-sec p {
        font-size: 14px;
    }

    .contact-content-sec h2 {
        font-size: 30px;
    }

    .contact-content-sec p {
        font-size: 18px;
    }

    .footer-content p {
        font-size: 15px;
    }

    .address-para p {
        font-size: 14px;
    }
}

@media only screen and (max-width:992px) {
    section#home-hero-section .container .row {
        flex-direction: column-reverse;
    }

    .mission-row-sec {
        flex-direction: column-reverse;
    }

    .akotrix-product-heading p {
        width: 90%;
    }

    .profile-heading-sec h2 {
        font-size: 20px;
    }

    .profile-heading-sec p {
        font-size: 12px;
    }

    .contact-content-sec p {
        font-size: 16px;
    }

    .contact-row {
        flex-direction: column-reverse;
    }

    .quick-link-sec {
        text-align: left;
    }

    .contact-main-section {
        text-align: center;
    }

    .footer-social-icons p,
    i {
        font-size: 15px;
    }

    .navbar-nav .nav-link.active::after {
        left: 0px !important;
        width: 10% !important;
        top: 32px;
    }

    /* .footer-address-sec {
        display: flex;
        justify-content: center;
    } */

    .About-ako-img-sec img {
        width: 70% !important;
    }

    .company-profile-section .company-profile-heading h4 {
        font-size: 18px;
    }

    .company-profile-section .company-profile-description p {
        font-size: 16px;
    }

    .mission-heading-sec h3 {
        font-size: 25px;
    }

    .mission-heading-sec p {
        font-size: 16px;
    }

    .hero-heading-sec h2 {
        font-size: 30px;
    }
    .footer-logo {
    text-align: left !important;
}
.address-para {
    text-align: left;
}
.address-para p {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
}

@media only screen and (max-width:767px) {
    .footer-content p {
        font-size: 12px;
    }

    .quick-link-sec a {
        font-size: 13px;
    }

    .copyrighg-sec p {
        font-size: 14px;
    }
}

@media only screen and (max-width:576px) {
    .hero-heading-sec h2 {
        font-size: 28px;
    }

    .hero-description-sec p {
        font-size: 14px;
    }

    .trust-user-sec p {
        font-size: 11px;
    }

    .About-ako-description p {
        font-size: 14px;
    }

    .akotrix-product-heading p {
        width: 100%;
    }

    .footer-content p {
        text-align: center;
    }

    .footer-social-icons {
        justify-content: center;
    }

    .footer-address-sec {
        justify-content: center;
    }

    .address-para p {
        text-align: center;
    }

    .About-ako-heading h2 {
        font-size: 30px;
    }

    .copyrighg-sec p {
        font-size: 12px !important;
    }
        .quick-link-sec {
    text-align: center;
}
.footer-logo {
    text-align: center !important;
}
.address-para p {
    display: flex;
    align-items: center;
    justify-content: center;
}
}





/* Make default hamburger icon white */
.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='white' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-toggler {
    border: none;
    outline: none;
}

/* Change icon to X when menu open */
.navbar-toggler.open .navbar-toggler-icon {
    background-image: none;
    position: relative;
    width: 24px;
    height: 24px;
}

.navbar-toggler.open .navbar-toggler-icon::before,
.navbar-toggler.open .navbar-toggler-icon::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
    transform-origin: center;
}

.navbar-toggler.open .navbar-toggler-icon::before {
    transform: rotate(45deg);
}

.navbar-toggler.open .navbar-toggler-icon::after {
    transform: rotate(-45deg);
}

/* Nav link active state */
.navbar-nav .nav-link {
    position: relative;
    font-weight: 500;
    color: #fff;
    transition: color 0.3s ease;
}

.navbar-nav .nav-link:hover {
    color: #293E73;
}

.navbar-nav .nav-link.active {
    color: #293E73;
    font-weight: 600;
}

.navbar-nav .nav-link.active::after {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 16px;
    width: 60%;
    height: 2px;
    background-color: #293E73;
    border-radius: 30px;
}

.header-cta-btn {
    background: linear-gradient(90deg, rgba(77, 117, 217, 1) 0%, rgba(0, 0, 0, 1) 100%);
    color: #fff;
    border: none;
    padding: 8px 20px;
    border-radius: 5px;
    transition: background 0.3s;
}

.header-cta-btn:hover {
    background: linear-gradient(90deg, rgba(77, 117, 217, 1) 0%, rgba(0, 0, 0, 1) 100%);
    color: #fff;
}

nav.navbar {
    background-color: #000;
    /* for visibility of white icons */
}

.navbar-toggler:focus {
    box-shadow: none;
    outline: none;
    border: none;
}

.hero-rht-img-sec img {
    width: 80%;
}

.About-ako-img-sec img {
    width: 80%;
}

.contact-img-sec img {
    width: 85%;
}

.copyrighg-sec p {
    margin: 0px;
}

.copyrighg-sec p {
    margin: 0px;
    font-size: 15px;
    text-align: center;
    color: #fff;
    padding: 10px 0px;
}

.copy-brdr {
    border: 1px solid #fff;
}

.footer-logo img {
    width: 40% !important;
}