body {
    font-family: "Segeo UI", sans-serif;
}

/* Top */
.blue-bg {
    background-color: #0177c1;
}

.top-link {
    color: white;
}

.top-link:hover {
    color: black;
}

/* Menu */
.h-50px {
    height: 50px;
}

.menu-btn {
    border: 2px solid #0177c1 !important;
    background-color: #0177c1 !important;
    color: white !important;
}

.menu-btn:hover {
    border: 2px solid #0177c1 !important;
    background-color: white !important;
    color: #0177c1 !important;
}

@media (min-width: 1200px) {
    
    .dropdown-menu a:hover {
        background: #0177c1;
        color: white;
    }
    .dropdown:hover .dropdown-menu {
      display: block;
      margin-top: 0;
    }
    
    .navbar {
        padding: 0;
        background: #ffffff;
        box-shadow: 0 2px 10px rgba(0,0,0,0.03);
    }
    
    .nav-link {
        position: relative;
        font-weight: 500;
        margin: 0 10px;
        color: #6d6f71;
        padding-bottom: 8px;
    }
    
    .nav-link:hover {
        color: #0177c1 !important;
    }
    
    .nav-link::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 0%;
        height: 3px;
        background: #0177c1 !important;
        border-radius: 10px;
        transition: 0.3s ease;
    }
    
    .nav-link:hover::after,
    .nav-link.active::after {
        width: 100%;
    }
    
    .nav-link.active {
        color: #0177c1 !important;
        font-weight: 600;
    }
    
    .submenu {
        display: none !important;
        margin-top: 0 !important;
        margin-top: -37px !important;
    }
    
    .dropdown-submenu:hover > .submenu{
        display: block !important;
        left: 100%;
    }
}

@media (max-width: 1199px) {
    
    .menu-link {
        color: white !important;
    }
    
    .menu-link:hover {
        color: orange !important;
    }
}

/* Hero */
.banner {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.hero {
    background-color: hsla(0, 0%, 100%, 0.804);
}

.blue-text {
    color: #0177c1 !important;
}

.as-16-9 {
    aspect-ratio: 16 / 9;
}

/* Req Form */
.submit-btn {
    border: 2px solid #0b132b !important;
    background-color: #0b132b !important;
    color: white !important;
}

.submit-btn:hover {
    border: 2px solid #0b132b !important;
    background-color: white !important;
    color: #0b132b !important;
}

@media (min-width: 1200px) {

    .w-xl-100 {
        width: 100%;
    }
    
    .h-xl-100 {
        height: 100%;
    }
}

.grey-text {
    color: #6d6f71;
}

/* What We Export */
.text-shadow {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
}

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

/* Our Work Process */
.aliceblue-bg {
    background: aliceblue;
}

.blue-border {
    border: 2px solid #0177c1;
}

/* Testimonial */
.star-yellow {
    color: #f5b301;
    letter-spacing: 4px;
}

/* Get In Touch */
.git-link {
    color: black;
}

.git-link:hover {
    color: #0177c1;
}

.git-link-inv {
    color: #0177c1;
}

.git-link-inv:hover {
    color: black;
}

/* Blog */
.border-custom {
    border-right: 1px solid #6d6f71;
    padding-right: 20px;
}

@media(max-width: 992px) {
    .border-custom {
        border-right: none;
        border-bottom: 1px solid #6d6f71;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
}

/* Footer */
.wide-border {
    border: 10px solid white;
}

.deep-blue-bg {
    background: #00012d;
}

/* Bottom Buttons */
.btn-btm {
    bottom: 0;
}

.btn-email-btm {
    left: 20%;
}

.btn-whatsapp-btm {
    right: 40%;
}

.btn-phone-btm {
    right: 20%;
}

.btn-btt-btm {
    right: 0;
    html {
        scroll-behavior: smooth;
    }
}

.w-20 {
    width: 20%;
}

/* Side Buttons */
.btn-right {
    right: 25px;
    width: 60px;
}

.btn-btt-rt {
    bottom: 225px;
    html {
        scroll-behavior: smooth;
    }
}

.btn-form-rt {
    bottom: 175px;
}

.btn-email-rt {
    bottom: 125px;
}

.btn-whatsapp-rt {
    bottom: 75px;
}

.btn-phone-rt {
    bottom: 25px;
}

.fixed-btn {
    border: 1px solid white !important;
    background-color: #00012d !important;
    color: white !important;
    z-index: 999 !important;
}

.fixed-btn:hover {
    color: white !important;
}

.hero-products {
    background: linear-gradient(to right, #00012d 0%, #00012d 10%, transparent 100%);
}

.hero-about {
    background: linear-gradient(to right, #ffffff 0%, #ffffff 30%, transparent 100%);
}

.stats-box {
    border-right: 1px solid #fff;   
}

@media (max-width: 991px) {
    .stats-box {
        border-right: none;
    }
}

.px-point-8 {
    padding-left: 0.8rem;
    padding-right: 0.8rem;
}

.px-1-point-1 {
    padding-left: 1.1rem;
    padding-right: 1.1rem;
}

.px-1-point-4 {
    padding-left: 1.4rem;
    padding-right: 1.4rem;
}

.hero-contact {
    background: linear-gradient(to right, #00012d 0%, #00012d 30%, transparent 100%);
}

.aliceblue-border {
    border: 2px solid aliceblue !important;
}

.form-control-contact,
.form-select-contact {
    height: 40px;
    border: 1px solid #6d6f71;
    padding-left: 8px;
    color: #6d6f71;
    width: 100%;
}

.form-control-contact::placeholder {
    color: #6d6f71;
}

.form-control-contact:focus,
.form-select-contact:focus {
    border: 2px solid #0177c1;
    outline: none;
    box-shadow: none;
}
    
.requirement-box-contact {
    height: 100px !important;
    resize: none;
}

.aliceblue-bg {
    background-color: aliceblue;
}

.map-asp {
    aspect-ratio: 16 / 9;
}

.list-group a:hover {
    background-color: #0177c1;
    color: #fff;
}

.fs-1-point-1 {
    font-size: 1.1rem;
}

.list-group-item:hover {
    background-color: #0177c1;
    color: #fff;
}

.lightgrey-border {
    border: 2px solid #D3D3D3;
}

.facebook {
    color: #1877F2;
}

.instagram {
    color: #C13584; 
}

.whatsapp {
    color: #25D366;
}

.linkedin {
    color: #0077B5;
}

.mh-450 {
    max-height: 450px;
}

.h-150 {
    height: 150px;
}

.h-300 {
    height: 300px;
}

.h-200 {
    height: 200px;
}