@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro|Poppins:600,700|Work+Sans:600&display=swap');

* {
    padding: 0;
    margin: 0;
}
body {
    background-color: #fff;
     font-family: 'Manrope', sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #333 !important;
    font-weight: 400;
    position: relative;
    overflow-x: hidden;
}
::selection            { background-color: #114a90; color: #fff; }
-webkit-::selection    { background-color: #114a90; color: #fff; }
::-moz-selection       { background-color: #114a90; color: #fff; }

h1, h2, h3, h4, h5, h6 {
    -webkit-font-smoothing: antialiased;
    color: #114a90;
}
.bg-dark h1,.bg-dark h2,.bg-dark h3,.bg-dark h4,.bg-dark h5 { color: #fff; }
.bg-dark p,.bg-dark span { color: #999; }

h1 { font-size: 45px; font-weight: 400; line-height: 55px; margin: 0 0 10px; color: #263a4f; }
h2 { font-size: 32px; line-height: 42px; color: #dd0304; margin: 0 0 10px; font-weight: 600; letter-spacing: -1px; }
h3, h4 { margin: 0 0 10px; font-weight: 400; line-height: 1.7; color: #263a4f; letter-spacing: -0.5px; }
h3 { font-size: 20px; }
h4 { font-size: 16px; }
h5, h6 { font-size: 14px; margin: 0 0 10px; }

img { border: none; outline: none; max-width: 100%; }
ul  { display: block; list-style: none; padding: 0; margin: 0; }
p   { font-size: 14px; line-height: 1.5; margin-bottom: 0px; letter-spacing:0.2px;}
a, a:hover { text-decoration: none; }
a:focus { outline: 0; text-decoration: none; }

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { color:#333 !important; }
input:-moz-placeholder,
textarea:-moz-placeholder           { color: #ddd !important; }
input::-moz-placeholder,
textarea::-moz-placeholder          { color: #ddd !important; }
input:-ms-input-placeholder,
textarea:-ms-input-placeholder      { color: #ddd !important; }

button { border: none; background: none; }
button:focus,
button:active,
.btn:focus,
.btn:active,
a:focus,
a:active,
input:focus,
textarea:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* Helper Classes */
.padding    { padding: 35px; }
.no-padding { padding: 0; }
.padding-15 { padding: 15px; }
.padding-20 { padding: 20px; }
.box-padding { padding: 0 50px; }
.bg-white   { background-color: #fff; }
.bg-grey    { background-color: #f9fafa; }
.bg-dark    { background-color: #242323 !important; }
.bd-top     { border-top: 1px solid #e5e5e5; }
.bd-bottom  { border-bottom: 1px solid #e5e5e5; }
.mb-10 { margin-bottom: 10px; } .mb-15 { margin-bottom: 15px; }
.mb-20 { margin-bottom: 20px; } .mb-25 { margin-bottom: 25px; }
.mb-30 { margin-bottom: 30px; } .mb-35 { margin-bottom: 35px; }
.mb-40 { margin-bottom: 40px; } .mb-45 { margin-bottom: 45px; }
.mb-50 { margin-bottom: 50px; }
.ml-15 { margin-left: 15px; }  .ml-20 { margin-left: 20px; }
.ml-25 { margin-left: 25px; }  .ml-30 { margin-left: 30px; }
.ml-35 { margin-left: 35px; }
.mt-20 { margin-top: 20px; }   .mt-30 { margin-top: 30px; }
.mt-40 { margin-top: 40px; }   .mt-50 { margin-top: 50px; }
.fz-28 { font-size: 28px; } .fz-24 { font-size: 24px; }
.fz-22 { font-size: 22px; } .fz-20 { font-size: 20px; }
.fz-18 { font-size: 18px; } .fz-16 { font-size: 16px; }
.text-black  { color: #333; }
.text-white  { color: #ffffff; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
.align-center{ text-align: center; }
.fl-right    { float: right; }
.fl-left     { float: left; }
.display-table { width: 100%; height: 100%; display: table; }
.table-cell  { display: table-cell; vertical-align: middle; }

.overlay { width: 100%; position: relative; z-index: 1; }
.overlay:before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; }

/* Preloader */
.loaded .site-preloader-wrap { opacity: 0; visibility: hidden; }
.site-preloader-wrap {
    position: fixed; z-index: 999; height: 100%; width: 100%;
    background: #fff; top: 0; left: 0;
}
.site-preloader-wrap .spinner {
    background-color: #114a90; position: absolute;
    left: 50%; top: 50%; margin-left: -20px; margin-top: -20px;
}
.spinner {
    width: 40px; height: 40px; border-radius: 100%;
    -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
    animation: sk-scaleout 1.0s infinite ease-in-out;
}
@-webkit-keyframes sk-scaleout {
    0%   { -webkit-transform: scale(0); }
    100% { -webkit-transform: scale(1.0); opacity: 0; }
}
@keyframes sk-scaleout {
    0%   { -webkit-transform: scale(0); transform: scale(0); }
    100% { -webkit-transform: scale(1.0); transform: scale(1.0); opacity: 0; }
}


/* Buttons */
.btn_group {}
.btn_group a { margin: 5px; }
.btn_group_left a { margin-right: 15px; margin-bottom: 15px; }
.default-btn {
    background: linear-gradient(135deg, #114a90, #ff1617);
    text-transform: uppercase;

    color: #fff; font-size: 12px; border-radius: 30px;
    line-height: 50px; font-weight: 600; display: inline-block;
    letter-spacing: 0.5px; padding: 0 30px;
    -webkit-box-shadow: 0 3px 10px rgba(71,44,173,.2);
    box-shadow: 0 3px 10px rgba(71,44,173,.2);
}
.default-btn:hover { background-color: #114a90; color: #fff; }

/* Section Heading */
.section-heading h2 { font-size: 32px; display: block; }
.section-heading span {
    display: inline-block; text-transform: uppercase; font-size: 12px;
    color: #263a4f; font-weight: 600; letter-spacing: 0;
   position: relative;
    margin-bottom: 10px; z-index: 1;
}
.section-heading span:before {
    background-color: transparent; position: absolute; content: "";
    width: 30px; height: 30px; left: -15px; top: -10px;
    border: 3px solid #114a90; opacity: 0.5; z-index: -1;
}
.bg-dark .section-heading span { color: #ddd; }
.bg-dark .section-heading h2  { color: #fff; }

/* Transition */
a, a:hover, .overlay, img, .form-control, .form-control:hover, button {
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}


.header-section {
    background-color: #dfd9cd57;
    width: 100%; height: 110px;
    z-index: 999; position: fixed; left: 0; top: 0; padding: 0;
}
.navbar-fixed-top.header-section {
    background-color: #f9f6f1;
    -moz-box-shadow: 0 2px 5px rgba(16,16,16,.08);
    -webkit-box-shadow: 0 2px 5px rgba(16,16,16,.08);
    box-shadow: 0 2px 5px rgba(16,16,16,.08);
    height: 110px; border-bottom: 0; padding: 0;
}
.navbar-fixed-top ul.nav > li > a { color: #dd0304; }
.navbar-fixed-top ul.nav > li > a:hover,
.navbar-fixed-top ul.nav > li > a:focus,
.navbar-fixed-top ul.nav > li.active > a { color: #263a4f; }

.logo-light, .navbar-fixed-top .logo-light,
.logo-dark,  .navbar-fixed-top .logo-dark,
.header-section { transition: all 0.3s ease-in-out; }

.navbar-header { padding: 17px 0; }
.navbar-header .brand {
    font-size: 25px; color: #333; 
    letter-spacing: -1px; font-weight: 600; margin-left: 13px;
}
.navbar-header .nav-btn { padding: 8px; border-radius: 1px; }
.navbar-header .nav-btn .icon-bar { background-color: #fff; width: 18px; }
.navbar-fixed-top .navbar-header .nav-btn .icon-bar { background-color: #777; }
.navbar-header .nav-btn:hover,
.navbar-header .nav-btn:focus { opacity: 0.8; }

/* Logo Wrapper */
.logo-wrapper { display: flex; align-items: center; }

.company-text { display: flex; flex-direction: column; line-height: 1.1; }

.company-text h2{
    margin: 0;
    font-size: 28px;
    font-weight: 900;
    color: #114a90;
    letter-spacing: 1.3px;
    
}

.company-text span {
    font-size: 17px;
    font-weight: 800;
    color: #df1415;
    letter-spacing: 1px;
    
    font-style: italic;
}
/* Menu Wrap */
.menu-wrap { display: flex; align-items: center; gap: 50px; }
.header-img img { height: 90px; width: auto; }

/* Floating Button */

.floating-enquiry{
    position: fixed;
    right: -62px;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    background: linear-gradient(135deg, #114a90, #dd0304);
    color: #fff;
    padding: 8px 30px;
    cursor: pointer;
    z-index: 999;
    border-radius: 12px 12px 0 0;
    font-weight: 600;
    letter-spacing: 1px;
    transition: .3s;
    box-shadow: 0 5px 20px rgba(0,0,0,.2);

    animation: floatBtn 2s ease-in-out infinite;
}

@keyframes floatBtn {
    0%, 100% {
        transform: translateY(-50%) rotate(-90deg);
    }
    50% {
        transform: translateY(calc(-50% - 10px)) rotate(-90deg);
    }
}

.floating-enquiry:hover{
    background: #8e042e;
    animation-play-state: paused;
}

/* Modal */

.enquiry-modal{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.7);
    display:none;
    justify-content:center;
    align-items:center;
    z-index:9999;
}

.enquiry-box{
    width:420px;
    background:#fff;
    border-radius:15px;
    overflow:hidden;
    animation:popup .3s ease;
}

@keyframes popup{
    from{
        transform:scale(.8);
        opacity:0;
    }
    to{
        transform:scale(1);
        opacity:1;
    }
}

.enquiry-header{
  background: #b3083a;
    color: #fff;
    padding: 8px 22px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.enquiry-header h3{
 margin: 0;
    font-size: 20px;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
  
}

.enquiry-header span{
    font-size:30px;
    cursor:pointer;
}

.enquiry-body{
    padding:19px;
}

.enquiry-body input,
.enquiry-body textarea{
    width:100%;
    padding:12px;
    margin-bottom:15px;
    border:1px solid #ddd;
    border-radius:8px;
    outline:none;
}

.enquiry-body button{
  background: #b3083a;
    color: #fff;
    border: none;
    padding: 7px 17px;
    border-radius: 30px;
    font-size: 16px;
    cursor: pointer;
}

.enquiry-body button:hover{
    background:#8e042e;
}

/* Mobile */

@media(max-width:768px){

.enquiry-box{
    width:90%;
}

.floating-enquiry{
           right: -60px;
        padding: 5px 25px;
}

}
/* 2.1 Dropdown Style */
#mainmenu li ul {
    background-color: #fff; width: 200px; height: auto;
    position: absolute; left: 0; top: 140%;
    visibility: hidden; opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; z-index: 999;
}
#mainmenu li:hover > ul { visibility: visible; opacity: 1; top: 100%; }
#mainmenu li ul li {
    border-bottom: 1px solid #e5e5e5; display: block;
    position: relative; padding: 0;
}
#mainmenu li ul li:last-child { border: none; }
#mainmenu li ul li a {
  line-height: 45px;
    display: block; padding: 0 15px; font-size: 14px; font-weight: 400;
    letter-spacing: -0.2px; color: #8d9aa8;
    -webkit-transition: color 0.3s ease 0s, padding 0.3s ease 0s;
    transition: color 0.3s ease 0s, padding 0.3s ease 0s;
}
#mainmenu li > ul > li:hover a { background-color: #114a90; color: #fff; }
#mainmenu li > ul ul { background-color: #fff; left: 200px; }
#mainmenu li > ul li:hover > ul li a { color: #777; }
#mainmenu li ul li:hover > ul { top: 0; opacity: 1; visibility: visible; }
#mainmenu li > ul li:hover > ul li > a:hover { background-color: transparent; color: #fff; }
#mainmenu li ul li li a:hover { color: #ffca3f !important; }

/* 2.2 Nav Menu */
#navbar { z-index: 999; padding: 0 15px; }
ul.nav > li { position: relative; }
ul.nav > li > a {
    color: var(--mv-green) !important;
    display: inline-block; vertical-align: middle;
    padding: 0 20px; letter-spacing: 0; font-size: 14px;
    font-weight: 800; text-transform: uppercase; line-height: 80px; z-index: 1;
}
ul.nav li.phone {
    font-size: 14px;
    color: #263a4f; font-weight: 600; line-height: 80px; padding-left: 50px;
}
ul.nav li.phone i { color: #114a90; margin-right: 5px; }
ul.nav > li > a:hover,
ul.nav > li > a:focus,
ul.nav > li > a.active { background: none; color: #53683b; opacity: 1; }
.menu-btn { margin-left: 10px; margin-top: 10px; }

/* 2.3 Slicknav / Mobile Menu (legacy fallback) */
.slicknav_menu { background: none; padding: 4px 0; display: none; z-index: 999; }
/*.slicknav_nav  { background-color: #fff; font-size: 16px; padding: 20px 15px; }*/
.js .slicknav_menu { width: 100%; position: absolute; right: 0; top: 0; }
.slicknav_btn { background-color: transparent; }
.slicknav_menu .slicknav_icon-bar {
    width: 25px; height: 5px;
    -webkit-box-shadow: 0 2px 0 rgba(0,0,0,.5);
    -moz-box-shadow: 0 2px 0 rgba(0,0,0,.5);
    box-shadow: 0 2px 0 rgba(0,0,0,.5);
}

.slicknav_menu{
    display:none;
}

/* Hamburger */
#mobileMenuToggle {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    width: 44px;
    height: 44px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 6px;
    z-index: 1001;
}
#mobileMenuToggle span {
    display: block;
    width: 25px;
    height: 3px;
    background-color: #114a90;
    border-radius: 2px;
    transition: all 0.3s ease;
    transform-origin: center;
}
#mobileMenuToggle.active span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
#mobileMenuToggle.active span:nth-child(2) { opacity: 0; transform: scaleX(0); }
#mobileMenuToggle.active span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }

@media (max-width: 767px) {
   
    .mv-brand-col{
            display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    }
    
    #mobileMenuToggle  { display: flex !important; }
    .desktop-sales     { display: none !important; }
    #mainmenu          { display: none !important; }
}
/* 2.5 Mobile Nav Drawer */
.mobile-nav-drawer {
    display: none; /* shown via media query when .open */
    background-color: #fff;
    width: 100%;
    padding: 0 0 20px;
    /*border-top: 3px solid #114a90;*/
    box-shadow: 0 4px 20px rgba(0,0,0,0.12);
    position: absolute;
    top: 100%; left: 0; right: 0;
    z-index: 998;
    transform: translateY(-10px);
    opacity: 0;
    transition: all 0.3s ease;
    pointer-events: none;
}

.mobile-nav-drawer.open {
    display: block;
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
}
.mobile-nav-drawer ul { padding: 10px 0; }
.mobile-nav-drawer ul li { border-bottom: 1px solid #f0f0f0; }
.mobile-nav-drawer ul li:last-child { border-bottom: none; }
.mobile-nav-drawer ul li a {
    display: block; padding: 14px 25px;
    color: #263a4f; 
    font-size: 15px; font-weight: 600; text-transform: uppercase;
    letter-spacing: 0.3px;
    transition: all 0.2s ease;
}
.mobile-nav-drawer ul li a:hover,
.mobile-nav-drawer ul li a.active {
    color: #114a90; background-color: #f4f7fc;
    padding-left: 35px;
}
.mobile-nav-drawer ul li a.active {
    border-left: 3px solid #dd0304;
}

.mobile-nav-footer .mobile-badge img {
    height: 60px; width: auto;
}

.about-section { background: #f8f9f5; }
.about-content h2 { margin-bottom: 10px; }
.about-content .default-btn { margin-top: 10px; }
.about-bg {
    background-image: url(../images/abt-new-image.webp);
    background-position: top right; background-repeat: no-repeat;
    width: 100%; height: 400px; top: 0; right: 0;
    position: relative; background-size: contain;
}
.dots {
    position: absolute; right: -80px; top: 187px;
    width: 50%; height: 50%;
    /*background: url(../images/dots.png) 0 0 repeat;*/
    z-index: -1;
}
.year-content { position: absolute; width: auto; height: auto; left: 80px; top: 150px; }
.year-content h2 { color: #263a4f; font-size: 100px; position: relative; margin-bottom: 20px; z-index: 1; }
.year-content h2:before {
    background-color: transparent; position: absolute; content: "";
    width: 120px; height: 120px; border: 5px solid #114a90;
    left: -10px; top: -80px; z-index: -1;
}
.year-content span {  color: #263a4f; text-transform: uppercase; font-weight: 600; }

/* 3.1 About Style 2 */
.about-wrap { display: flex; align-items: center; }
.section-2 .about-content h4 { font-size: 18px; font-weight: 500; margin-bottom: 20px; }
.about-list li { display: flex; align-items: center; line-height: 30px; color: #263a4f; }
.about-list li i { font-size: 10px; color: #114a90; margin-right: 10px; }
.year-box { padding-left: 150px; }
.year-text-inner { display: flex; align-items: flex-start; text-align: center; }
.year-bg {
    padding: 60px; background-size: 100%; background-position: top center;
    width: auto; position: relative;
}
.year-bg:before {
    content: ''; position: absolute; z-index: 1;
    top: 30px; right: 30px; bottom: 30px; left: 30px; background: #fff;
}
.year-info {
    color: #263a4f; font-size: 30px; 
    text-transform: uppercase; position: relative; z-index: 2; text-align: center;
}
.year-tittle {
    background: inherit; font-size: 200px; line-height: 1;
   color: #fff;
    -webkit-background-clip: text; -webkit-text-fill-color: transparent;
    position: relative; z-index: 2; font-weight: 700; letter-spacing: -2px;
}
.year-description {
 color: #263a4f;
    font-size: 22px; line-height: 28px; letter-spacing: -1px;
    font-weight: 600; position: relative; z-index: 2;
}

/* 3.2 About Style 3 */
.about-section.bg-dark .about-list li { color: #fff; }
.about-section.bg-dark .video-play-bg {
    background-image: url(../images/video-bg.jpg);
    background-repeat: no-repeat; background-position: center center;
    background-size: cover; width: 100%; height: 350px; border-radius: 5px;
}
.about-section.bg-dark .play-icon {
    background-color: #114a90; color: #fff;
    width: 90px; height: 90px; line-height: 90px; text-align: center;
    border-radius: 50%; font-size: 20px;
}
.about-section.bg-dark .play-icon:hover { transform: scale(1.1); color: #fff; }

/* 3.3 About Style 4 */
.about-section .about-slider-wrap {
    background-image: url(../images/about-slider-bg.jpg);
    background-repeat: no-repeat; background-position: left top;
    background-size: 80%; padding-right: 30px;
}
.about-carousel { width: 400px; height: auto; padding: 100px 0; margin-left: auto; }
.about-carousel.carousel-nav .owl-nav div { background-color: #fff; width: 80px; }
.carousel-nav .owl-nav {
    position: absolute; width: auto; height: auto; right: 0; bottom: 100px;
    z-index: 1; display: inline-block;
}
.carousel-nav .owl-nav div {
    background-color: #f2f2f2; display: inline-block; color: #999;
    width: 50px; height: 50px; line-height: 50px; text-align: center;
    box-shadow: 0 1px 3px rgba(0,0,0,.1); transition: all 0.3s ease-in-out;
}
.carousel-nav .owl-nav div:hover { color: #222; }

.service-section { position: relative; z-index: 1; }
.service-section .dots { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url(../images/bg-dots.png) 0 0 repeat; z-index: -1; }
.service-item { background-color: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.1); }
.service-thumb { overflow: hidden; z-index: -1; }
.service-item:hover { cursor: pointer; }
.service-content { padding: 0 30px 30px 30px; margin-top: -30px; }
.service-content i { color: #fff; display: inline-block; margin-bottom: 10px; z-index: 1; }
.service-content i:before { background-color: #114a90; border-radius: 2px; padding: 10px; }
.service-item a { color: #114a90; text-transform: uppercase; font-size: 12px; font-weight: 600; }

/* 4.1 Service Style 2 */
.section-2 .service-item {
    background-color: #fff; padding: 40px; padding-top: 30px;
    box-shadow: 0 1px 3px rgba(0,0,0,.1); transition: all 0.2s ease-in-out;
}
.section-2 .service-item:hover { background-color: #114a90; transition: all 0.2s ease-in-out; cursor: pointer; }
.section-2 .service-item:hover i,
.section-2 .service-item:hover h3,
.section-2 .service-item:hover p,
.section-2 .service-item:hover a { color: #fff; }
.section-2 .service-item i { color: #114a90; margin-bottom: 10px; display: block; }
.section-2 .service-item h3 { font-size: 18px; line-height: 26px; letter-spacing: -1px; }
.bg-dark .service-item { background-color: #242323; border: 1px solid rgba(255,255,255,.05); border-bottom: 3px solid #114a90; }

/* 4.2 Service Style 3 */
.service-box { display: flex; align-items: center; }
.service-box i:before { background-color: #114a90; padding: 15px; color: #fff; border-radius: 2px; }
.service-box .service-info { padding-left: 20px; }
.service-box .service-info h3 { margin-bottom: 5px; }
.service-box .service-info p { margin-bottom: 0; }

.projects-section .container-fluid { padding: 0; }
.project-item { position: relative; overflow: hidden; z-index: 1; }
.project-item .overlay {
    /*background-color: rgba(192,202,2,.9);*/
    content: ""; 
    position: absolute;
    width: 100%; height: 100%; left: 0; top: 0; display: block;
    visibility: hidden; opacity: 0; z-index: 1;
}
.project-item:hover .overlay { visibility: visible; opacity: 1; transition: all 300ms ease; }
.projects-content {
    position: absolute; width: 100%; height: auto; left: 0; bottom: 0;
    padding: 50px; z-index: 1; transform: translateY(20px);
    -webkit-transition: all 400ms ease; transition: all 400ms ease;
}
.project-item:hover .projects-content { transform: translateY(0); }
.projects-content .category {
  text-transform: uppercase;
    font-weight: 500; font-size: 12px; margin-bottom: 15px; color: #fff; display: block;
}
.projects-content .tittle {
    font-size: 20px; color: #fff; line-height: 28px;
    font-weight: 600; letter-spacing: 0; display: block;
}
.project-item .view-icon {
    position: absolute; width: auto; height: auto; right: 40px; top: 30px;
    display: block; font-size: 25px; color: #fff; visibility: hidden; opacity: 0;
    -webkit-transition: all 400ms ease; transition: all 400ms ease;
}
.project-item:hover .view-icon { cursor: pointer; right: 20px; visibility: visible; opacity: 1; z-index: 1; }

.project-2 { position: relative; z-index: 1; }
.project-2 .dots { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url(../images/bg-dots.png) 0 0 repeat; z-index: -1; }
.project-2 .project-item { display: flex; align-items: center; background-color: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.1); }
.project-2 .project-item .project-thumb { width: 100%; height: 100%; }
.project-2 .project-item .project-content { padding: 50px; }
.project-2 .project-item .project-content h3 a { color: #263a4f; }
.project-2 .project-item .project-content h3 a:hover { text-decoration: underline; color: #114a90; }
.project-2 .project-item .project-content p { margin-bottom: 30px; }


.project-single-section { position: relative; z-index: 1; }
.project-single-section .dots { width: 100%; height: 100%; left: 0; top: 0; background: url(../images/bg-dots.png) 0 0 repeat; z-index: -1; }
.project-single-content { background-color: #fff; padding: 50px 30px; }
.project-single-content p, .project-single-content h2 { margin-bottom: 20px; }
.project-single-content .project-details li { line-height: 40px; }
.project-single-content .project-details span {
   text-transform: uppercase;
    font-weight: 600; color: #263a4f; font-size: 14px; letter-spacing: 0;
    width: 150px; display: inline-block;
}

.counter-content { text-align: center; }
.counter-content h2 { font-size: 48px; position: relative; display: inline-block; z-index: 1; }
.counter-content h2:before {
    background-color: transparent; position: absolute; content: "";
    width: 110px; height: 110px; left: -55px; top: -20px;
    border: 5px solid #114a90; opacity: 0.5; z-index: -1;
}
.counter-content span {  font-style: 12px; color: #263a4f; font-weight: 600; padding-left: 20px; display: block; }
.counter-section.bg-dark span { color: #fff; }

.bg-dark { position: relative; z-index: 1; }
.team-section.bg-dark .dots { width: 100%; height: 100%; left: 0; top: 0; background: url(../images/bg-dots.png) 0 0 repeat; z-index: -1; }
.team-item { position: relative; overflow: hidden; z-index: 1; }
.team-item img { width: 100%; }
.team-item .team-content h3 {
    position: absolute; width: auto; height: auto; left: 0; bottom: -58px;
    background-color: #fff; box-shadow: 0px 14px 70px -10px rgba(0,0,0,.15);
    transform: rotate(-90deg); transform-origin: 0 0;
    padding: 10px 15px; font-size: 16px; z-index: 2;
}
.bg-dark .team-item .team-content h3 { color: #263a4f; }
.team-item .team-content span {
    position: absolute; width: auto; height: auto; right: 20px; bottom: 20px;
    color: #fff; font-size: 10px; letter-spacing: 1px;
padding: 5px 10px;
    background-color: #114a90; box-shadow: 0px 14px 70px -10px rgba(0,0,0,.15);
    text-transform: uppercase; font-weight: 600; z-index: 2;
}
.team-item .team-social {
    position: absolute; width: auto; height: auto; right: 20px; top: 20px;
    visibility: hidden; opacity: 0; z-index: 2; transition: all 0.3s linear;
}
.team-item .team-social li { transform: translateX(100px); transition: all 0.3s linear; }
.team-item .team-social li:nth-child(1) { transition-delay: 0ms; }
.team-item .team-social li:nth-child(2) { transition-delay: 100ms; }
.team-item .team-social li:nth-child(3) { transition-delay: 150ms; }
.team-item .team-social li:nth-child(4) { transition-delay: 200ms; }
.team-item:hover .team-social li { transform: translateX(0); }
.team-item .team-social li a { color: #fff; margin-bottom: 10px; display: block; }
.team-item:hover img { transform: scale(1.08); cursor: pointer; }
.team-item:hover .team-social { visibility: visible; opacity: 1; }
.team-item .overlay {
    background-color: rgba(0,0,0,.2); position: absolute; content: "";
    width: 100%; height: 100%; left: 0; top: 0; z-index: 1; visibility: hidden; opacity: 0;
}
.team-item:hover .overlay { visibility: visible; opacity: 1; }

.testimonial-section { position: relative; z-index: 1; }
.testimonial-section .dots { width: 100%; height: 100%; left: 0; top: 0; background: url(../images/bg-dots.png) 0 0 repeat; z-index: -1; }
.bg-dark .dots { opacity: 0.1; }
.testi-item img { width: 100px !important; height: 100px; line-height: 100px; border-radius: 50%; }
.testi-content { padding-left: 20px; }
.testi-content h3 { font-size: 16px; display: inline-block; font-weight: 600; margin: 0; }
.testi-content span { display: block; font-size: 12px; text-transform: uppercase;  }
.testi-item {
    background-color: #fff; position: relative; padding: 30px;
    border-left: 4px solid #114a90; box-shadow: 0 1px 3px rgba(0,0,0,.1);
}
.testi-item .fa-quote-right { position: absolute; right: 30px; bottom: 25px; font-size: 50px; color: #114a90; opacity: 0.5; }
.testi-content .rattings { display: inline-block; margin-left: 5px; }
.testi-content .rattings li { display: inline-block; }
.testi-content .rattings li i { font-size: 10px; color: #114a90; display: inline-block; }
.owl-controls .owl-dots { width: 100%; height: auto; position: absolute; left: 0; bottom: -50px; text-align: center; }
.owl-controls .owl-dots .owl-dot { display: inline-block; width: 10px; height: 10px; border-radius: 1px; background-color: #555; margin: 0 3px; position: relative; text-align: center; }
.owl-controls .owl-dots .owl-dot.active { background-color: #114a90; }

   .sales-contact{
    display: flex;
    align-items: center;
    gap: 15px;
    cursor:pointer;
}

.sales-contact i{
    width:40px;
    height:40px;
    background:#dd0304;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:15px;
    animation:callPulse 1.5s infinite;
}

@keyframes callPulse{
    0%{
        transform:rotate(90deg) scale(1);
        box-shadow:0 0 0 0 rgba(221,3,4,.7);
    }
    50%{
        transform:rotate(90deg) scale(1.1);
        box-shadow:0 0 0 10px rgba(221,3,4,0);
    }
    100%{
        transform:rotate(90deg) scale(1);
        box-shadow:0 0 0 0 rgba(221,3,4,0);
    }
}

.sales-contact a{
    text-decoration: none;
    color: #222;
    font-weight: 700;
    line-height: 1.4;
}

.sales-contact a span{
    display: block;
    font-size: 14px;
    color: #777;
    font-weight: 500;
}

.sales-contact a:hover{
    color: #114a90;
}
.cta-section {
    background-image: url(../images/cta-bg.jpg);
    background-repeat: no-repeat; background-position: center center;
    background-size: cover; background-attachment: fixed; width: 100%; height: 100%;
}
.cta-content h2 { color: #fff; }
.cta-content p  { color: #ddd; }
.btn-style {
background: linear-gradient(135deg, #114a90, #ff1617);
    padding: 8px 26px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    color: white !important;
    padding: 8px 26px;
    /*margin-left: 15px;*/
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    cursor:pointer;
}

.status-tab-btn i { font-size: 14px; #114a90 ; transition: 0.22s; }

.hero-section {
    background-image: url(../images/home-classic-background.jpg);
    background-repeat: no-repeat; background-position: center center;
    background-size: cover; width: 100%; height: 650px;
    display: flex; align-items: center; position: relative; z-index: 1;
}
.hero-content h1 { font-size: 62px; color: #fff; letter-spacing: -2px; margin-bottom: 20px; }
.hero-content p { color: #ddd; }
.hero-section .scroll-down {
    width: 2px; height: 80px; position: absolute;
    left: calc(50% - 1px); bottom: 100px; overflow: hidden;
}
.hero-section .scroll-down:before {
    background-color: #fff; content: ""; width: 100%; height: 100%;
    position: absolute; left: 0; top: 0;
    -webkit-animation: scroll-down 2.0s ease-in-out forwards infinite;
    animation: scroll-down 2.0s ease-in-out forwards infinite;
}
@-webkit-keyframes scroll-down {
    0%   { top: -100%; }
    100% { top: 100%; }
}
@keyframes scroll-down {
    0%   { top: -100%; }
    100% { top: 100%; }
}

/* 11.1 Video Hero */
.hero-section.video-hero { background-image: url(../images/home-video-background.jpg); }
.hero-section.video-hero:before {
    background-color: rgba(0,0,0,.2); content: ""; position: absolute;
    width: 100%; height: 100%; left: 0; top: 0; z-index: -1;
}
.video-hero h1 { font-size: 42px; }
.hero-section .video-bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; }

   .status-tab-btn {
  background: #f0f5ff;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    color: #114a90 !important;
    padding: 8px 26px;
    /*margin-left: 15px;*/
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    cursor:pointer;
}

.status-tab-btn i { font-size: 14px; #114a90 ; transition: 0.22s; }

.status-tab-btn.active {     color: white !important;
     background: linear-gradient(135deg, #114a90, #ff1617);    padding: 8px 26px;}
.status-tab-btn.active i { color: white; }

.status-tab-content { display: none; animation: fadeSlideUp 0.32s ease; }
.status-tab-content.active { display: block; }

.page-header {
    background-image: url(../images/banner-abt.png);
    background-repeat: no-repeat; background-position: center center;
    background-size: cover; width: 100%; height: 400px;
    display: flex; align-items: center; position: relative; z-index: 1;
}
.page-header:before {
    background-color: rgba(0,0,0,.5); position: absolute; content: "";
    width: 100%; height: 100%; left: 0; top: 0; z-index: -1;
}
.page-content h2 { color: #fff; font-size: 45px; }
.page-content p  { color: #ddd; margin: 0; font-size:18px;}

.error-content {
    display: flex; align-items: center; justify-content: center;
}
.error-content img { max-width: 100%; }
.error-content .error-info { padding-left: 50px; text-align: center; }
.error-content .error-info h2 { font-size: 200px; line-height: 200px; letter-spacing: -10px; }
.error-content .error-info a { color: #263a4f; font-weight: 600; text-decoration: underline; }
.error-content .error-info a:hover { color: #114a90; }

.contact-section { position: relative; z-index: 1; }
.contact-section .dots { 
    width: 100%;
    height: 100%;
    left: 0;
    top: 0; 
/*background: url(../images/bg-dots.png) 0 0 repeat;*/
z-index: -1; }
.contact-info h3 { line-height: 28px; }
.contact-info h4 { font-size: 15px; line-height: 28px; }
.contact-info span { margin-right: 5px; }

/* 14.1 Form Style */
.form-control { background-color: #fff !important; border-radius: 0; padding: 15px 10px; box-shadow: none; }
.form-control:focus { border-color: #114a90; box-shadow: none; outline: none; }
#form-messages { display: none; }
#form-messages.alert-danger,
#form-messages.alert-success { display: block; }

/* 14.2 Google Map */
#google-map { width: 100%; height: 400px; }

.blog-section.bg-dark .dots {
    width: 100%; height: 100%; left: 0; top: 0;
    /*background: url(../images/bg-dots.png) 0 0 repeat;*/
    z-index: -1; }
.blog-item { box-shadow: 0 1px 3px rgba(0,0,0,.1); }
.blog-item .blog-thumb { position: relative; }
.blog-item .blog-thumb .category {
    background-color: #114a90; padding: 5px 15px; text-align: center;
    color: #fff; font-size: 12px; text-transform: uppercase; font-weight: 600;
  position: absolute;
    width: auto; height: auto; left: 0; bottom: 0; margin-bottom: -14px;
}
.blog-item .blog-thumb .category a { color: #fff; }
.blog-item .blog-thumb img { width: 100%; margin: 0; }
.blog-content { background-color: #f9fafa; padding: 30px; }
.bg-dark .blog-content { background-color: #242323; border: 1px solid rgba(255,255,255,.1); border-bottom: 5px solid #114a90; }
.bg-dark .blog-content h3 a { color: #fff; }
.bg-dark .blog-content p { color: #999; }
.bg-dark .blog-content .read-more { color: #fff; }
.blog-content h3 { line-height: 24px; }
.blog-content h3 a { color: #263a4f; font-size: 18px; line-height: 24px; }
.blog-content h3 a:hover { color: #114a90; }
.blog-content .read-more {
    color: #263a4f; font-size: 12px;
    font-weight: 600; text-transform: uppercase; position: relative; padding-left: 40px;
}
.blog-content .read-more:hover { color: #114a90; }
.blog-content .read-more:before {
    background-color: #114a90; position: absolute; content: "";
    width: 30px; height: 4px; left: 0; top: calc(50% - 2px);
}

/* 15.1 Pagination */
.pagination-wrap li { display: inline-block; margin: 0 5px; }
.pagination-wrap.text-left li { margin: 0 10px 0 0; }
.pagination-wrap li a {
    border: 1px solid #e5e5e5; display: inline-block;
    width: 40px; height: 40px; line-height: 38px; text-align: center;
    color: #263a4f; font-weight: 600; border-radius: 2px;
}
.pagination-wrap li a:hover { background-color: #114a90; color: #fff; opacity: 1; text-decoration: none; }
.pagination-wrap li a.active { background-color: #114a90; border: 1px solid #114a90; color: #fff; }

/* 15.2 Sidebar Style */
.sidebar-wrap { padding-left: 40px; }
.sidebar-wrap .widget-content { margin-bottom: 40px; }
.sidebar-wrap .widget-content h4 { position: relative; margin-bottom: 30px; }
.sidebar-wrap .widget-content h4:before {
    background-color: #114a90; position: absolute; content: "";
    width: 20%; height: 3px; left: 0; bottom: -5px;
}
.sidebar-wrap .widget-content .widget-links li a:hover { text-decoration: underline; }

/* 15.3 Search Form */
.search-form { position: relative; margin-left: -2px; }
.search-form .form-control {
    background-color: #f5f5f5; box-shadow: none; width: 100%; display: block;
    border: 1px solid #e5e5e5; color: #263a4f; height: auto;
    padding: 15px 20px; border-radius: 2px; padding-right: 60px;
}
.search-form .search-btn {
    background-color: transparent; font-size: 15px; color: #263a4f;
    width: 60px; height: 100%; position: absolute; top: 0; right: 0;
    display: block; padding: 10px 0; opacity: 0.6;
}
.search-form .search-btn:focus,
.search-form .search-btn:hover { opacity: 1; cursor: pointer; }
.search-form input::-webkit-input-placeholder { color: #8d9aa8 !important; }
.search-form input:-moz-placeholder          { color: #8d9aa8 !important; }
.search-form input::-moz-placeholder         { color: #8d9aa8 !important; }
.search-form input:-ms-input-placeholder     { color: #8d9aa8 !important; }

/* 15.4 Thumbnails Post */
.thumb-post li { display: flex; align-items: top; margin-bottom: 20px; }
.thumb-post li:last-child { margin-bottom: 0; }
.thumb-post li img { width: 100px; display: block; }
.thumb-post li a {font-size: 15px; font-weight: 600; color: #263a4f; padding-left: 15px; letter-spacing: -0.5px; }
.thumb-post li a:hover { color: #114a90; text-decoration: underline; }

/* 15.5 Tag Cloud */
.widget-content .tags li { display: inline-block; }
.widget-content .tags li a { display: inline-block; background-color: #114a90; padding: 5px 10px; border-radius: 2px; font-size: 12px; color: #fff; margin: 3px; }
.widget-content .tags li a:hover { background-color: #263a4f; color: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.1); }

.blog-thumb img { margin-bottom: 20px; }
.blog-single-content h2 a { font-size: 28px; color: #263a4f; }
.blog-single-content h2 a:hover { color: #114a90; }
.single-post-meta { margin-bottom: 20px; }
.single-post-meta li { display: inline-block; margin-right: 20px; }
.single-post-meta li i { font-size: 12px; color: #114a90; margin-right: 5px; }
.single-post-meta li a { display: inline-block; text-transform: uppercase; font-size: 12px; font-weight: 600; color: #263a4f; }

/* 16.1 Blog Quote */
blockquote {
    background-color: #f5f5f5; padding: 40px; border-left: 4px solid #114a90;
    margin: 30px 0; position: relative; z-index: 1;
}
blockquote .dots { width: 100%; height: 100%; left: 0; top: 0; background: url(../images/bg-dots.png) 0 0 repeat; z-index: -1; }
blockquote p    { color: #263a4f; font-size: 20px; }
blockquote span { display: block; margin-top: 20px; color: #263a4f; }

/* 16.2 Post Tags */
.post-tags { margin-top: 30px; }
.post-tags li { display: inline-block; }
.post-tags li a { display: inline-block; background-color: #114a90; padding: 5px 10px; border-radius: 2px; font-size: 12px; color: #fff; margin: 3px; }
.post-tags li a:hover { background-color: #263a4f; color: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.1); }

/* 16.3 Author Box */
.author-box { display: flex; align-items: center; padding: 30px; margin-top: 30px; border-left: 4px solid #114a90; }
.author-box img { border-radius: 50%; }
.author-info { padding-left: 30px; }
.author-info h3 { font-size: 18px; line-height: 28px; margin-bottom: 5px; }
.author-box .social-icon li { display: inline-block; margin-right: 8px; }
.author-box .social-icon li a { font-size: 14px; color: #263a4f; }
.author-box .social-icon li a:hover { color: #114a90; }

/* 16.4 Post Navigation */
.post-navigation { border: 1px solid #e5e5e5; margin-top: 40px; margin-left: 0; margin-right: 0; }
.post-navigation .col { padding: 20px; }
.post-navigation .col:not(:last-of-type) { border-right: 1px solid rgba(17,17,17,.04); }
.post-navigation .col a { color: #263a4f; font-size: 12px; text-transform: uppercase; 
font-weight: 600; display: flex; align-items: center; }
.post-navigation .col.next-post a { justify-content: flex-end; }
.post-navigation .col i { display: inline-block; font-size: 14px; }
.post-navigation .ti-arrow-left { margin-right: 10px; }
.post-navigation .ti-arrow-right { margin-left: 10px; }
.post-navigation .col a:hover { color: #114a90; }

/* 16.5 Comments */
.blog-single-wrap .comments-area { margin-top: 40px; }
.blog-single-wrap .comments-area .comments { border-bottom: 0; }
.blog-single-wrap .comments-area li > div { border-bottom: 1px solid rgba(17,17,17,.05); padding: 35px; }
.blog-single-wrap .comments-area ol { list-style-type: none; padding-left: 0; }
.blog-single-wrap .comments-area ol ul { padding-left: 30px; list-style-type: none; margin: 0; }
.blog-single-wrap .comments-area ol > li:last-child div { border-bottom: 0; }
.blog-single-wrap .comments-area .comments-title { font-size: 22px; font-weight: 600; }
.blog-single-wrap .comments-area li > div { position: relative; }
.blog-single-wrap .comments-area .comment-thumb { position: absolute; left: 35px; }
.blog-single-wrap .comments-area .comment-thumb .comment-img { width: 80px; height: 80px; border-radius: 50%; }
.blog-single-wrap .comments-area .comment-thumb .comment-img img { border-radius: 50%; }
.blog-single-wrap .comments-area .comment-main-area { padding-left: 100px; }
.blog-single-wrap .comments-area .comment-main-area p { margin-bottom: 20px; }
.blog-single-wrap .comments-area .comments-meta h4 { font-size: 18px; font-weight: 600; letter-spacing: -1px; }
.blog-single-wrap .comments-area .comments-meta h4 span {font-weight: 600; display: inline-block; font-size: 12px; text-transform: uppercase; margin-left: 5px; }
.blog-single-wrap .comments-area .comment-reply-link { font-size: 12px; font-weight: 600; color: #114a90; display: inline-block; text-transform: uppercase; padding-left: 35px; position: relative; }
.blog-single-wrap .comments-area .comment-reply-link:before { background-color: #114a90; position: absolute; content: ""; width: 30px; height: 2px; left: 0; top: calc(50% - 1px); }
.blog-single-wrap .comments-area .comment-reply-link:hover { text-decoration: underline; }
.blog-single-wrap .comment-respond .comment-reply-title { font-size: 22px; font-weight: 600; letter-spacing: -1px; margin-bottom: 20px; }
.blog-single-wrap .comment-respond form input,
.blog-single-wrap .comment-respond form textarea { background-color: #f5f5f5; border: 1px solid #e5e5e5; width: 100%; height: 50px; padding: 6px 15px; margin-bottom: 15px; outline: 0; box-shadow: none; transition: all 0.3s; }
.blog-single-wrap .comment-respond form input:focus,
.blog-single-wrap .comment-respond form textarea:focus { border-color: #114a90; }
.blog-single-wrap .comment-respond form textarea { height: 200px; padding: 15px; }
.blog-single-wrap .comment-respond .form-inputs { overflow: hidden; }
.blog-single-wrap .comment-respond .form-inputs > input:nth-child(2) { width: 49%; float: left; }
.blog-single-wrap .comment-respond .form-inputs > input:nth-child(3) { width: 49%; float: right; }
.blog-single-wrap .comment-respond .form-submit input { max-width: 180px; background-color: #114a90; color: #fff; font-weight: 600; font-size: 12px; letter-spacing: 1px; margin-bottom: 0; border: 0; outline: 0; cursor: pointer; border-radius: 0; text-transform: uppercase; }
.blog-single-wrap .comment-respond .form-submit input:hover { opacity: 0.9; }

.sponsor-section { padding: 50px 0; position: relative; z-index: 1; }
.sponsor-section .dots { width: 100%; height: 100%; left: 0; top: 0; background: url(../images/bg-dots.png) 0 0 repeat; z-index: -1; }
.sponsor-item img { opacity: 0.5; }
.sponsor-item:hover img { opacity: 1; cursor: pointer; }

.widget-section {
    border-top: 1px solid #e64445;
    border-bottom: 1px solid #e64445;
    background: #114a900f;
}
.widget-section.bg-dark { border-top: 1px solid rgba(255,255,255,.1); border-bottom: 1px solid rgba(255,255,255,.1); }
.widget-content .widget-links li a { color: #114a90; line-height: 1.9; font-weight: 700; }
.widget-content .widget-links li a:hover { color: #114a90; }
.subscribe-form { position: relative; }
.subscribe-form .form-input { border: 1px solid #e5e5e5; width: 100%; height: 50px; padding: 10px; padding-right: 140px; border-radius: 2px; }
.subscribe-form .submit-btn { background-color: #114a90; text-transform: uppercase; color: #fff; font-size: 12px; border-radius: 2px; line-height: 50px; font-weight: 600; display: inline-block; letter-spacing: 0.5px; padding: 0 30px; position: absolute; top: 0; right: 0; cursor: pointer; }

.footer-section { background-color: #fff; display: block; color: #fff; text-align: center; padding: 25px 0; }
.footer-section p { font-size: 12px; color: #ababc7; margin: 0; }

#scroll-to-top {
    background: linear-gradient(135deg, #114a90, #ff1617) !important;
    display: none; width: 45px; height: 45px; text-align: center;
    font-size: 14px; border-radius: 50%; line-height: 45px; color: #fff;
    position: fixed; bottom: 50px; right: 50px; z-index: 999;
}
#scroll-to-top:hover { background-color: #114a90; color: #fff; opacity: 0.8; }
.desktop-sales{
    display: flex;
}


@media (max-width: 992px) {
    .header-section { height: auto; min-height: 80px; }
    .navbar { flex-wrap: wrap; padding: 10px 15px; }
    .logo-wrapper { flex: 1; }
    .company-text h2 { font-size: 22px; }
    .company-text span { font-size: 13px; }
    .menu-wrap { gap: 10px; }
    ul.nav > li > a { padding: 0 12px; font-size: 13px; line-height: 60px; }
    .header-img img { height: 60px; }
    
}

@media (max-width: 767px) {
    
    .header-height{
        height:25px !important;
    }

    /* ── Header shell ── */
    .header-section {
        height: auto !important;
        min-height: 70px;
        background: #fff !important;
        box-shadow: 0 2px 10px rgba(0,0,0,0.10);
        position: fixed;
        z-index: 1000;
    }

    /* ── Navbar row ── */
    .header-section .container-fluid { padding: 0 12px; }
    .header-section .navbar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: nowrap;
        padding: 10px 0;
        position: static; /* needed so drawer positions relative to .header-section */
    }

    /* ── Logo block ── */
    .logo-wrapper {
        display: flex;
        align-items: center;
        gap: 8px;
        flex: 1 1 auto;
        min-width: 0;
    }
    .navbar-brand img,
    .logo-wrapper img {
        height: 52px !important;
        width: auto;
    }
    .company-text {
        flex-direction: column;
        line-height: 1.15;
        min-width: 0;
    }
    .company-text h2 {
        font-size: 18px !important;
        font-weight: 700;
        margin: 0;
        /*color: #dd0304;*/
        white-space: nowrap;
        line-height: 31px;
    }
    .company-text span {
        font-size: 10px;
        /*color: #114a90;*/
        font-style: italic;
        display: block;
        margin-top: 1px;
        white-space: nowrap;
    }

    /* ── Right-side controls ── */
    .menu-wrap {
        display: flex;
        align-items: center;
        gap: 6px;
        flex: 0 0 auto;
    }

    .header-img img {
        height: 48px !important;
        width: auto;
    }


    /* ── Hamburger button: visible on mobile ── */
    .mobile-menu-toggle {
        display: flex !important;
    }

    /* ── Desktop nav: hide completely ── */
    #mainmenu {
        display: none !important;
    }
    
    

    /* ── Mobile Nav Drawer ── */
    .mobile-nav-drawer {
        display: none;
        position: absolute;
        top: 100%;
        left: 0; right: 0;
        background: #fff;
        /*border-top: 3px solid #114a90;*/
        box-shadow: 0 8px 24px rgba(0,0,0,0.13);
        z-index: 997;
        padding-bottom: 15px;
        transition: opacity 0.3s ease, transform 0.3s ease;
        transform: translateY(-8px);
        opacity: 0;
        pointer-events: none;
    }
    .mobile-nav-drawer.open {
        display: block;
        transform: translateY(0);
        opacity: 1;
        pointer-events: auto;
    }

    /* Drawer nav links */
    .mobile-nav-drawer ul { padding: 0px 0; margin: 0; }
    .mobile-nav-drawer ul li { border-bottom: 1px solid #f2f2f2; list-style: none; }
    .mobile-nav-drawer ul li:last-child { border-bottom: none; }
    .mobile-nav-drawer ul li a {
       display: block;
        padding: 10px 16px;
        /* font-family: 'Work Sans', sans-serif; */
        font-size: 14px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        color: #263a4f;
        transition: all 0.2s ease;
        border-left: 3px solid transparent;
    }
    .mobile-nav-drawer ul li a:hover {
        color: #114a90;
        background-color: #f4f7fc;
        border-left-color: #114a90;
        padding-left: 30px;
    }
    .mobile-nav-drawer ul li a.active {
        color: #dd0304;
        background-color: #fff5f5;
        border-left-color: #dd0304;
    }

    /* Drawer footer: badge + enquire */
    /*.mobile-nav-footer {*/
    /*    display: flex;*/
    /*    align-items: center;*/
    /*    justify-content: space-between;*/
    /*          padding: 4px 29px 4px;*/
    /*    border-top: 1px solid #eee;*/
    /*    margin-top: 4px;*/
    /*}*/
    .mobile-nav-footer .mobile-badge img {
        height: 55px;
        width: auto;
    }
 
 

    /* ── Body padding to compensate for fixed header ── */
    body {
        padding-top: 72px;
    }


    .dots     { display: none; }
    .hero-content h1 { font-size: 36px; letter-spacing: -1px; }
    .hero-section   { height: 420px; }
    .page-content h2 { font-size: 28px; }
    .error-content .error-info h2 { font-size: 80px; line-height: 80px; letter-spacing: -4px; }
    .sidebar-wrap   { padding-left: 0; margin-top: 40px; }
    .year-box       { padding-left: 0; }
    .about-carousel { width: 100%; padding: 50px 0; }
    .project-2 .project-item { flex-direction: column; }
    .blog-single-wrap .comment-respond .form-inputs > input:nth-child(2),
    .blog-single-wrap .comment-respond .form-inputs > input:nth-child(3) { width: 100%; float: none; }
}
@media only screen and (max-width: 768px) {
    .page-content p{
        display:none;
    }
    
    
    .row{
        gap:0px !important;
    }
    .about-content .default-btn {
        margin-top: 5px;
}

 .mv-hours-row{
   justify-content: space-evenly!important;
    }

    .dl-slider .slick-arrow {
        font-size: 12px;
    width: 35px;
    height: 35px;
    }

.dl-slider .slider-content {
        padding-left: 35px;
}
    
    .dl-slider .dl-caption.big{
        font-size: 24px;
        letter-spacing: -0.5px;
          display: inline-block;
    max-width: 212px;
    overflow-wrap: break-word;
    word-break: break-word;
    white-space: normal;
    }
   .dl-slider .dl-caption.small br{
        display: none;
    }
    
}

@media (max-width: 400px) {
    .company-text h2   { font-size: 13px; }
    .company-text span { font-size: 13px; }
    .logo-wrapper img  { height: 80px !important; }
    .header-img img    { height: 40px !important; }

}

@media (max-width: 767px) {
  
    .desktop-sales {
        display: none !important;
    }
}