@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Roboto/Roboto-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Roboto/Roboto-Medium.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Roboto/Roboto-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Roboto/Roboto-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}


html {
    font-size: 18px;
}


body{
    font-size: 1rem;
}

.flc-sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1050;
}
body.has-sticky-navbar {
    padding-top: 60px; /* matches navbar height */
}


*{
    padding: 0;
    margin : 0;
    font-family: 'Roboto', sans-serif;
    word-wrap: break-word;
    overflow-wrap: break-word;
    box-sizing: border-box;

}


ul{
    padding: 0;
    list-style: none;
}

a{
    text-decoration: none;
}

h1{
    display: inline-block;
    margin: 0;
    font-size: 2.67rem;
    font-weight: 700;
}

h2{
    display: inline-block;
    margin: 0;
    font-size: 2rem;
    font-weight: 700;
}

h3{
    display: inline-block;
    margin: 0;
    font-size: 1.33rem;
    font-weight: 700;
}

h4{
    display: inline-block;
    margin: 0;
    font-size: 1.11rem;
    font-weight: 700;
}

p{
    margin: 0;
    font-weight: 400;

}

body, h1, h2, h3, h4, p, a{
    color: #003357;
}


input[type="checkbox"],
input[type="radio"] {
    border-color: #9f9f9f;
}

/* //======================================= */

nav a{
    color: #ffffff !important;
}

nav .nav-link{
    font-weight: bold;
}

nav ul li .nav-link {
    display: inline-block;
    padding: 17px 20px !important;
    transition: background-color 0.4s ease; /* Fade effect */
}

nav ul li .nav-link:hover {
    background-color: #ff0000;
}


.flc-main-wrapper{
    overflow: hidden;
}


.flc-wrapper{
    margin: 0 auto;
    padding: 0 10px;
    max-width: 1440px;
    /* border: solid 1px red; */
}

section .flc-message-container{
    z-index: 99;
    width: 100%;
    min-height: 400px;
    margin-top: -250px;
    padding: 10px;
    /* transform: rotate(45deg); */
    /* background-color: #fff; */
    /* border: solid 5px rgb(216, 216, 216);
    border-radius: 10px; */

}

section .flc-message-container img{
    object-fit: contain;
}


footer{
    padding: 20px 0 0 0;
    color: #a8a8a8;
    background-color: #000;
}

footer p, footer h4{
    color: #a8a8a8;
}

footer a.development-text{
    color:rgb(150, 150, 150);
}

footer a.development-text:hover{
    color:#dbdbdb;
}

footer ul.flex-column li a{
  color: #dbdbdb !important;
  font-size: 1.3rem !important;
}

footer ul.flex-column li a:hover {
  color: #74b6e6 !important;
}


/* ============ others */

.flc-pt10{
    padding-top: 10px;
}

.flc-pt20{
    padding-top: 20px;
}

.flc-pt30{
    padding-top: 30px;
}


.flc-pt40{
    padding-top: 40px;
}


.flc-pt50{
    padding-top: 50px;
}

.flc-pt60{
    padding-top: 60px;
}

.flc-pt70{
    padding-top: 70px;
}

.flc-pt80{
    padding-top: 80px;
}

.flc-pt90{
    padding-top: 90px;
}

.flc-pt100{
    padding-top: 100px;
}







.flc-pb10{
    padding-bottom: 10px;
}

.flc-pb20{
    padding-bottom: 20px;
}

.flc-pb30{
    padding-bottom: 30px;
}

.flc-pb30{
    padding-bottom: 30px;
}

.flc-pb40{
    padding-bottom: 40px;
}


.flc-pb50{
    padding-bottom: 50px;
}


.flc-pb60{
    padding-bottom: 60px;
}

.flc-pb70{
    padding-bottom: 70px;
}

.flc-pb80{
    padding-bottom: 80px;
}

.flc-pb90{
    padding-bottom: 90px;
}

.flc-pb100{
    padding-bottom: 100px;
}





.flc-red-text{
    color: #cf0000;
}

.flc-white-text{
    color: #dbdbdb;
}


.flc-f3rem{
    font-size:3rem;
}



.flc-mh300{
    min-height: 300px;
}


.large-quote {
    font-size: 100px;
    font-weight: bold;
    color: #ccc;
    line-height: 1;
    vertical-align: top;
  }



.flc-white-btn {
    padding: 20px 60px;
    color: #001b2e;
    background: linear-gradient(to right, #d4edff 30%, #fff 10%);
    border: none;
    position: relative;
    z-index: 1;
    overflow: hidden;
}


.flc-white-btn:hover {
    background: linear-gradient(to right, #74b6e6 30%, #fff 10%);
    color: #001b2e;
}


.flc-ghost-btn-white{
    padding: 15px 40px;
    color: #fff;
    font-weight:bold;
    font-size: 1.3rem;
    border: solid 2px #ffffff;
    border-radius: 0px !important;
}

.flc-ghost-btn-white:hover{
   color: #001b2e;
   background-color: rgba(255, 255, 255, 0.8);
}


.flc-ghost-btn-blue{
    padding: 15px 40px;
    color: #74b6e6;
    font-weight:bold;
    font-size: 1.3rem;
    border: solid 4px #74b6e6;
    border-radius: 0px !important;
}

.flc-ghost-btn-blue:hover{
    color: #ffffff;
    background-color: #4483b1;
}


.flc-btn-blue{
    padding: 15px 40px;
    color: #ffffff;
    font-weight:bold;
    font-size: 1.3rem;
    background-color: #4483b1;
    border-radius: 0px !important;
}

.flc-btn-blue:hover{
    color: #ffffff;
    background-color: #166197;
}




body.no-scroll {
        overflow: hidden;
        touch-action: none;
}



/* //=================== respnsive design */

@media (min-width: 1400px) {
    #home-hero-text{
        padding-left: 0px !important;
        padding-right: 0px !important;
        
    }
}



@media (max-width: 1460px) {
    #tracking-section-1{
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
     #contact-section-1{
        padding-left: 20px !important;
        padding-right: 20px !important;

    }

    #contact-section-1 #contact-form{
        padding-left: 50px;
    }

    #tracking-section-2{
    padding: 0 20px !important;
}


}


@media (max-width: 1380px) {

    #about-section-1 .col-md-5 img{
        width: 100%;
    }

    #about-section-1 .col-md-7{
        padding: 30px !important;
    }
    
    #home-hero-text{
    padding-left: 20px !important;
    padding-right: 20px !important;
    
    }

}




@media (max-width: 1360px) {

    .flc-main-wrapper{

        /*border: solid 1px red;*/
    }

    #home-section-3{
        padding-left: 20px;
        padding-right: 20px;
    }

    #home-section-5{
        padding-left: 20px;
        padding-right: 20px;
    }

    #footer-section{
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

}


@media (max-width: 1280px) {
    #home-section-2 .section-text{
        padding-left: 80px;
        padding-right: 30px;

    }

}





@media (max-width: 1190px) {

    #header-section #contact-img img{
        width: 60px !important;
        height: 58px !important;
    }

    #header-section #location-img img{
        width: 50px !important;
        height: 55px !important;
    }


    #banner-section6-icon{
        width: 41.666667% !important;
    }


    #banner-section6-text{
        width: 58.333333% !important;
    }

    #about-section-2 #banner-section2-icon{
        width: 41.666667% !important;
    }


    #about-section-2 #banner-section2-text{
        width: 58.333333% !important;
    }




}


@media (max-width: 1100px) {
    section .flc-message-container img{
        position: relative;
        right: 80px;
    }


}





@media (max-width: 1024px) {

    #about-section-1{
        margin-top: 50px !important;
    }

    #about-section-1 .col-md-5{
        width: 100% !important;
        justify-content: center !important;
        text-align: center;
    }

    #about-section-1 .col-md-5 img{
        width: 70% !important;
    }

    #about-section-1 .col-md-7{
        width: 100% !important;
        padding-left : 20px !important;
        padding-right: 20px !important;
    }

     #about-section-1 .col-md-7 p, #about-section-1 .col-md-7 h1{
        display: block !important;
        text-align: center !important;
    }

     #tracking-section-1{
        text-align: center !important;
        justify-content: center !important;
     }

     #tracking-section-1 p{
        text-align: center !important;
        justify-content: center !important;
     }

     #tracking-section-1 #search-tracking-number{
        width: 100% !important;
     }

      #tracking-section-1{
        padding-top: 50px !important;

     }




     #contact-section-1{
        padding-top: 50px !important;

     }


     #contact-form-wrapper{
        flex-direction: column !important;
     }

     #contact-section-1 h1,  #contact-section-1 h2{
        display: block;
        text-align: center;
     }

     #contact-section-1 #contact-form{
        width: 100% !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
     }

     #contact-section-1 #contact-text{
        width: 100% !important;
        padding-left: 20px !important;
        padding-right: 20px !important;

     }

     #contact-section-2{
        margin-top: -50px !important;
     }


}





/* Mobile navbar styles */
@media (max-width: 991.98px) {

  .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-nav {
    background-color: #cf0000;
    padding: 20px 0;
    text-align: center;
  }

  .navbar-nav .nav-item {
    display: block;
    margin: 12px 0;
  }

  .navbar-nav .nav-link {
    background-color: #8b0000;
    color: #ffffff !important;
    font-weight: 600;
    font-size: 16px;
    display: block;
    width: 85%;
    margin: 0 auto;
    padding: 14px 20px;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    letter-spacing: 0.5px;
  }

  .navbar-nav .nav-link:hover {
    background-color: #ffeaea;
    color: #a00000 !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
  }



  .navbar-toggler {
    background-color: #cf0000;
    border: none;
    padding: 8px 10px;
    border-radius: 6px;
    margin-top: 6px;
    margin-bottom: 6px;
    margin-left: 10px;
    transition: background-color 0.2s ease;
  }

  .navbar-toggler:hover {
    background-color: #cf0000;
  }

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


}








@media (max-width: 860px) {

    .flc-main-wrapper{

        /*border: solid 1px rgb(0, 255, 213);*/
    }

    #header-section #contact-img img{
        margin-right: 20px;
    }

    #header-section #location-img img{
        /* margin-right: 20px; */
    }

    #home-section-1 .pointy-box{
        height: auto;
        padding-top: 50px !important;
        padding-bottom: 50px !important;
        background-color: rgba(255, 255, 255, 0.8);
        justify-content: center;
        clip-path: none;

    }

    #home-section-1 .pointy-box h1{
        text-align: center;
    }

     #home-section-1 .pointy-box h2{
        text-align: center;
    }


    section .flc-message-container {
        margin-top: -150px;
    }


    #home-section-2 .section-text {
        padding-left: 120px;
        padding-right: 30px;
    }
    
     #home-section-5 .col-md-8 > .mt-5{
        padding-right: 0px !important;
    }


    #home-section-5 .col-md-8, #home-section-5 .col-md-4{
        width: 100%;
        text-align: center;
    }

     #home-section-5 .col-md-4 img{
        width: 60% !important;
     }



    #home-section-6 #banner-section6-icon{
        width: 100% !important;
        justify-content: center !important;
        text-align: center;
    }

    #home-section-6 #banner-section6-icon img{
        width: 25% !important;
    }


    #home-section-6 #banner-section6-text{
        width: 100% !important;
        text-align: center;
    }



    #home-section-6 #banner-section6-btn{
        width: 100% !important;
        text-align: center;
    }

    #home-section-6 .col-md-9{
         width: 100% !important;
        text-align: center;

    }



    #about-section-2 #banner-section2-icon{
        width: 100% !important;
        justify-content: center !important;
        text-align: center;
    }

    #about-section-2 #banner-section2-icon img{
        width: 25% !important;
    }


    #about-section-2 #banner-section2-text{
        width: 100% !important;
        text-align: center;
    }



    #about-section-2 #banner-section2-btn{
        width: 100% !important;
        text-align: center;
    }

    #about-section-2 .col-md-9{
         width: 100% !important;
        text-align: center;

    }

    #about-section-2 > .flc-wrapper{
        padding-top: 50px !important;
    }





    #footer-section .col-md-4{
        width: 100% !important;
        justify-content: center !important;
        text-align: center;
    }

    #footer-section .row > .col-md-4{
        margin-bottom: 50px !important;
    }

    #footer-section .row:first-child img{
        width: 40% !important;
    }

}







@media (max-width: 768px) {

    .flc-main-wrapper{

        /*border: solid 1px blue;*/
    }

    #header-section .flc-col1{
        width: 20% !important;
    }

    #header-section .flc-col1 img{
        margin-top: 12px !important;
    }


    #header-section .flc-col2{
        width: 80% !important;
        text-align: center;
    }

    #home-hero-text{
        text-align: center;
    }


    section .flc-message-container img{
       margin-bottom: 30px;
    }

    section .flc-message-container {
        padding-left: 25%;
    }


    #home-section-2 .section-text {
        padding-left: 20px;
        padding-right: 20px;
        text-align: center;
    }


    #home-section-3 > .flc-wrapper {
        padding-top: 30px !important;

    }

   #home-section-3 .flc-wrapper:nth-of-type(2) {
        padding-bottom: 30px !important;
        text-align: center;

    }


    #home-section-4 .col-md-8{
        padding-bottom: 50px !important;

    }


    #home-section-5 > .flc-wrapper{
        padding: 30px 0 !important;
        text-align: center;

    }

    #home-section-5 .col-md-4{
        padding-top:50px;
        padding-bottom: 50px;
    }

    #about-section-1 .col-md-7 p, #about-section-1 .col-md-7 h1{
        display: block !important;
        text-align: center !important;
    }

    #tracking-section-3 > .flc-wrapper{
        padding: 0px !important;
    }


     #tracking-section-3 h2,  #tracking-section-3 h3{
        display: block;
        text-align: center !important;
    }

    #tracking-section-3 .col-md-8{
        padding-bottom: 50px !important;
    }


      #contact-section-2{
        margin-top: -30px !important;
     }

     #contact-section-1 #contact-text p{
        text-align: center !important;
     }

     #contact-section-1 #contact-text{
        text-align: center !important;
     }


}




@media (max-width: 640px) {

    .flc-main-wrapper{

        /*border: solid 1px green;*/
    }

    section .flc-message-container {
        padding-left: 20%;
    }

    #home-section-4 .col-md-8{
        text-align: center;

    }


    #footer-section .row:first-child img{
        width: 60% !important;
    }

    #footer-section #footer-copyrights .flc-wrapper{
        flex-direction: column;
        display: block;
        width: 100% !important;
        justify-content: center !important;
        text-align: center !important;
    }


    #about-section-1 .col-md-5 img{
        width: 100% !important;
    }

    #contact-form{
        text-align: center !important;
    }

    #contact-form button{
        margin-top: 20px;

    }

    #footer-copyrights > .flc-wrapper {
    flex-direction: column !important;
    align-items: center;
    text-align: center;
    }





}


@media (max-width: 560px) {
    #header-section .flc-col1{
    display: none;
    }

    #header-section .flc-col2{
        width: 100% !important;
    }

      #header-section .flc-col2 p{
        font-size: 0.8rem !important;
    }


    section .flc-message-container {
        padding-left: 15%;
    }

}




@media (max-width: 480px) {

    .flc-main-wrapper{

        /*border: solid 1px purple;*/
    }

     section .flc-message-container {
        padding-left: 10%;
    }



   #home-hero-text{
        padding: 0px !important;
    }

    #home-hero-text .pointy-box h1{
        font-size: 2.5rem !important;
        color: #fff !important;
        text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.9);
    }

    #home-hero-text .pointy-box h2{
        font-size: 1.5rem !important;
        color: #fff !important;
        text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.6);
    }

    #home-hero-text .pointy-box{
        background-color: rgba(0, 0, 0, 0.6) !important;
    }
    
    
    #home-section-7 h2{
        font-size: 3rem !important;
    }



}





@media (max-width: 475px) {

     #header-section .flc-col2{
    display: none;
    }

}




@media (max-width: 360px) {

    .flc-main-wrapper{

        /*border: solid 1px yellow;*/
    }


      section .flc-message-container {
        padding-left: 5%;
    }


    #about-section-2 #banner-section2-text{
       padding-left: 20px;
       padding-right: 20px;
    }
    
    
    #home-section-6 > .flc-wrapper{
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    
     #about-section-2 > .flc-wrapper{
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

}