/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    Global
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
html, body {
    height: 100%;
    background-color: #F4F7F9;
}
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    Navbar
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
.navbar.navbar-expand-lg {
    background-color: #00244a;
}
    .navbar.navbar-expand-lg .navbar-nav .nav-link {
        color: #fff;
    }
.dropdown-toggle::after {
    content: "\f282";
    display: inline-block;
    font-family: bootstrap-icons;
    border: 0;
    vertical-align: bottom;
    transition: transform 0.3s;
}
.nav-link.dropdown-toggle.show::after {
    transform: rotate(-180deg);
    transition: transform 0.3s;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
    transform-style: preserve-3d;
    transform-origin: top left;
    transform: scaleY(0);
    display:block;
    transition: transform 0.3s;
}
    .navbar-expand-lg .navbar-nav .dropdown-menu.show {
        transform: scaleY(1);
        transition: transform 0.3s;
    }
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    typography
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
h2, .h2 {
    font-size: 2.4rem;
    font-weight: 400;
}
/*========================
    color
========================*/
.text-danger {
    color: #ee0979 !important
}
.text-dark1 {
    color: #000 !important
}
.text-muted1 {
    color: #e4e4e4;
}
.bg-danger {
    background-color: #ee0979 !important
}
.bg-primary1 {
    background-color: #00244a;
}
.bg-blue-gradient {
    background-color: #0d6efd;
    background-image: linear-gradient(to right, #00244a, #0d6efd);
}
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
        main
    \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
.main-banner {
    position: relative;
    background: url(../images/16.jpg) no-repeat center top 0px;
    background-size: cover;
    height: calc(100% - 75px);
}
.banner-caption h2 {
    color: #fff;
    font-size: 2.9rem;
    line-height: 1;
    font-weight: 100;
    margin-bottom: 1.5rem;
}
.banner-caption ul {
    list-style:none;
    padding:0;
    margin:0;
}
    .banner-caption ul li {
        color: #f6f6f6;
        line-height: 1.7;
        font-size: 1.1rem;
    }
        .banner-caption ul li:before {
            display: inline-block;
            content: "\f272";
            font-family: bootstrap-icons;
            width: 18px;
            height: 18px;
            background-color: #0d6efd;
            border-radius: 50%;
            color: #ececec;
            text-align: center;
            line-height: 1.3;
            font-size: 0.9rem;
            font-weight: bold;
            margin-right: 10px;
        }
.banner-form {
    
    border-radius:1rem;
    
}
.banner-form-title {
    background-color: #0d6efd;
    padding: 1.5rem 0.8rem;
    background-image: linear-gradient(to right, #00244a, #0d6efd);
    border-radius: 1rem;
    text-align: center;
    color: #fff;
}
.conversion-form {
    background-color: #fff;
    padding: 2.9rem 1.7rem 1.5rem;
    margin: 0 1.6rem;
    border-radius: 0 0 1rem 1rem;
}
    .conversion-form .form-group {
        border: 1px solid #dee2e6;
        border-radius: 0.45rem;
        position: relative;
        height: 75px;
        margin-bottom: 2rem;
    }
        .conversion-form .form-group label {
            border: 1px solid #dee2e6;
            border-radius: 0.25rem;
            padding: 0.3rem 0.8rem;
            display: inline-block;
            color: #fff;
            background-color: #0d6efd;
            background-image: linear-gradient(to right, #00244a, #0d6efd);
            position: absolute;
            z-index: 1;
            top: -19px;
            left: 15px;
        }
        .conversion-form .form-group .input-group {
            margin-top: 1.1rem;
        }
    .conversion-form .form-select:focus, .conversion-form .form-control:focus {
        outline: none;
        box-shadow: none;
        border: none;
    }
.what-wedo {
    padding: 2.4rem 1rem 2.1rem;
    min-height: 281px;
    display: flex;
    flex-direction: column;
}
    .what-wedo img {
        height: 65px;
        align-self: center;
        margin-bottom: 0.8rem;
    }
.smart-way {
   
}
.mobile-banner {
    position: relative;
}
    .mobile-banner img {
        width: 100%;
    }
.accordion .accordion-header .accordion-button:focus {
    box-shadow: none;
    border: none;
    outline: none;
}
.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: calc(1rem - 1px);
    border-top-right-radius: calc(1rem - 1px);
}
.accordion-item:first-of-type {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}
.accordion-item {
    background-color: #fff;
    border-bottom: 1px solid rgb(255 255 255);
}
.accordion-button::after {
    content: '\F118';
    background-image: none;
    font-family: bootstrap-icons !important;
   font-size:20px;
}
.accordion-button:not(.collapsed)::after {
    content: '\F139';
    background-image: none;
    font-family: bootstrap-icons !important;
    color: #ee0979;
    transform: none;
}
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
        Form
    \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*=========================
        Button
    =====================*/
.btn-danger {
    background-color: #ee0979 !important
}
.btn-primary1 {
    background-color: #0d6efd;
    border-color: #0d6efd;
}
.btn-primary {
    background-color: #00244a;
    border-color: #00244a;
}
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    Footer
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
.footer {
    background-color: #00244a;
    padding: 2rem 0 0.8rem;
}
.footer-social {
list-style:none;
padding:0;
margin:0;
}
.footer-social li {
    display: inline-block
}
    .footer-social li + li {
       margin-left:5px;
    }
    .footer-social li a {
        width: 35px;
        height: 35px;
        text-align: center;
        line-height: 1.7;
        background-color: #fff;
        font-size: 20px;
        color: #00244a;
        display: block;
        border-radius: 50%;
    }
.footer-links {
    list-style:none;
    padding:0;
    margin:0;
}
    .footer-links li {
        margin-bottom:0.4rem
    }
        .footer-links li a, .footer-links li {
        display: block;
        text-decoration: none;
        color: #e4e4e4;
    }
    .footer-links .footer-links-heading {
        color: #fff;
        font-size: 20px;
        position: relative;
        margin-bottom: 0.9rem;
        padding-bottom: 0.2rem;
    }
        .footer-links .footer-links-heading:after {
            content: '';
            height: 1px;
            background-color: #ee0979;
            background-image: linear-gradient(to right, #0d6efd 30%, #fff 30%);
            position: absolute;
            right: 0;
            left: 0;
            bottom: -3px;
        }
.footer-links-location li {
    display:flex;
}
.footer-links-location li span {
    flex-grow:1
}
.copy-right {
    border-top: 1px solid #4269ec45;
    padding-top: 0.7rem;
    margin-top: 1.3rem;

}