          :root {
             --bg-primary: #ffcc01;
             --bg-secondary: #000024;
         }
         
         .btn:focus {
             outline: none;
             box-shadow: none;
         }
         
         .modal .about-content {
             margin-left: 0px!important;
         }
         
         .modal button span {
             background: #fff!important;
             border: 2px solid #fff;
         }
         
         .get-quote .default-btn {
             background-color: var(--bg-secondary);
         }
         
         .get-quote .default-btn:hover {
             background-color: transparent;
             border: 2px solid var(--bg-secondary)!important;
             color: #000024;
         }
         
         .banner-area .carousel .carousel-control-next:hover {
             background: none!important;
         }
         
         .banner-area .carousel .carousel-control-next {
             background: none!important;
         }
         
         .banner-area .carousel .carousel-control-prev:hover {
             background: none!important;
         }
         
         .banner-area .carousel .carousel-control-prev {
             background: none!important;
         }
         
         .about-content p {
             text-align: justify;
         }
         
         @media only screen and (min-width:991px) {
         .carousel-item img {
             width: 100%;
             height: 700px;
         }
         }
         
         .carousel-caption {
             right: 0 !important;
             bottom: 0!important;
             left: 0 !important;
             top: 0;
         }
         
         .choose-us-area img {
             max-width: 30%;
             height: 83px;
         }
         
         .choose-us-area p {
             font-size: 14px;
             font-family: "Muli", sans-serif;
             color: #636363;
             font-weight: 400;
             line-height: 26px;
             margin: 0 0 15px 0;
         }
         
         .choose-us-area h5 {
             font-family: "Muli", sans-serif;
             font-weight: 100;
             padding-top: 15px;
             padding-bottom: 15px;
         }
         
         .choose-us-area .row {
             padding: 0px 30px;
         }
         
         .choose-us-area .row .col-md-3 {
             margin-bottom: 20px;
         }
         
         .about-us-area .quote-content p {
             font-size: 18px;
             color: var(--bg-secondary);
         }
         
         .about-us-area .quote-content p i {
             color: var(--bg-primary)
         }
         
         .about-us-area .quote-content p:hover a {
             color: var(--bg-primary);
         }
         
         .about-us-area .about-content .nice-select {
             width: 100% !important;
         }
         
         .about-us-area .about-content .form-group {
             margin-bottom: 20px;
         }
         
         .grid .grid-item a img {
             width: 100%;
         }
         
         .grid-item {
             margin-bottom: 20px;
         }
         
         .filter {
             display: flex;
             align-items: center;
             justify-content: center;
             flex-wrap: wrap;
             margin-bottom: 60px;
         }
         
         .filter button {
             font-size: 14px;
             font-weight: 500;
             color: var(--bg-secondary);
             font-family: 'Barlow', sans-serif;
             border: 1px solid var(--bg-secondary);
             background: transparent;
             padding: 9px 20px;
             border-radius: 50px;
             margin: 0 10px 10px;
             -webkit-transition: all 0.3s ease-out 0s;
             -moz-transition: all 0.3s ease-out 0s;
             -ms-transition: all 0.3s ease-out 0s;
             -o-transition: all 0.3s ease-out 0s;
             transition: all 0.3s ease-out 0s;
         }
         
         .filter button.active {
             color: #000024;
             background-color: var(--bg-primary);
             border: 1px solid var(--bg-primary);
         }
         
         .choose-us-content .top-title i {
             font-size: 40px;
         }
         
         .about-us-area .choose-us-content .card {
             border: none;
             box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
             padding: 10px;
         }
         
         .service-types .service-desc {
             border: none;
             box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
         }
         
         .service-types .service-desc i {
             font-size: 40px;
             color: #ffcc01;
         }
         
         .transport-types .nav .nav-link {
             width: 150px;
         }
         
         .transport-types .nav i {
             color: #ffcc01;
             font-size: 30px;
         }
         
         .transport-types .tab-content .btn {
             background-color: #ffcc01;
             color: black;
             border: none;
         }
         
         .value-details .content .title {
             font-size: 30px;
             text-align: center;
         }
         
         .value-details .content .title .top-title {
             color: #ffcc01;
         }