* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

img {
  max-width: 100%;
}

a,
a:hover,
a:focus,
a:visited,
a:active {
  text-decoration: none;
}

p,
ul,
li {
  padding: 0;
  margin: 0;
}

body {
  font-family: "Lato", sans-serif;
  overflow-x:hidden;
}


.navbar .navbar-brand img{ width: 160px; height: auto;}

.custom-nav{ transition: 0.3s ease; background: #000 !important;}

.custom-nav .navbar-nav .nav-item a{ color: #fff;}

#nav-enquiry {display: none ;}

@media (max-width:992px) {
  #nav-enquiry1 {display: none;}
  #nav-enquiry {display: block ;}
}

/* SLIDER MAIN */
#slider{
    width:100%;
    position:relative;
    overflow:hidden;
}




/* DARK OVERLAY */
#slider .dark-layer{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0.45);
    z-index:1;
}

/* TEXT OVERLAY */
#slider .slider-overlay{
    position:absolute;
    top:50%;
    left:8%;
    transform:translateY(-50%);
    z-index:2;
    color:#fff;
    max-width:550px;
}

/* HEADING */
#slider .slider-overlay h1{
    font-size:52px;
    font-weight:700;
    line-height:1.2;
    margin-bottom:18px;
}

/* PARAGRAPH */
#slider .slider-overlay p{
    font-size:20px;
    line-height:1.5;
    margin-bottom:30px;
}

/* BUTTON */
#slider .slider-overlay .btn{
    display:inline-block;
    padding:12px 28px;
    border:2px solid #fff;
    color:#fff;
    text-decoration:none;
    transition:0.3s ease;
}

#slider .slider-overlay .btn:hover{
    background:#fff;
    color:#000;
}

/* ----------- TABLET RESPONSIVE ----------- */
@media (max-width: 992px){

    #slider .imgs img{
    width:100%;
    height:100vh;
    object-fit:cover;
    display:block;
}

    #slider .slider-overlay{
        left:5%;
        max-width:420px;
    }

    #slider .slider-overlay h1{
        font-size:38px;
    }

    #slider .slider-overlay p{
        font-size:17px;
    }
}

/* ----------- MOBILE RESPONSIVE ----------- */
@media (max-width: 576px){

    #slider .imgs img{
        height:80vh;
    }

    #slider .slider-overlay{
        top:55%;
        left:5%;
        transform:translateY(-50%);
        max-width:90%;
    }

    #slider .slider-overlay h1{
        font-size:28px;
        line-height:1.3;
    }

    #slider .slider-overlay p{
        font-size:15px;
    }

    #slider .slider-overlay .btn{
        padding:10px 22px;
        font-size:14px;
    }
}

/* ----------- VERY SMALL DEVICES ----------- */
@media (max-width: 380px){
    #slider .imgs img{ height:70vh; }
    #slider .slider-overlay h1{ font-size:24px; }
}






.brand-subtitle{ color: #666; max-width: 700px; margin: 10px auto 0; font-size: 18px;}
.brand-card{ background: rgba(255, 255, 255, 0.75); backdrop-filter: blur(12px); margin-bottom: 20px; padding: 35px 25px; border-radius: 20px; text-align: center; box-shadow: 0 10px 35px rgba(0,0,0,0.08); transition: 0.3s ease; position: relative;}
.brand-card:hover{ transform: translateY(-10px); box-shadow: 0 18px 45px rgba(0,0,0,0.14);}
.brand-logo{ width: 95px; height: 95px; background: #fff; border-radius: 16px; margin: auto; display: flex; align-items: center; justify-content: center; overflow: hidden; box-shadow: 0 10px 20px rgba(0,0,0,0.08); transition: 0.3s ease;}
.brand-card:hover .brand-logo{ transform: scale(1.08);}
.brand-logo img{ width: 75%; object-fit: contain;}
.brand-name{ margin-top: 18px; font-weight: 700; color: #ec7384; font-size: 22px;}
.brand-role{ color: #333; font-size: 16px; margin-top: 5px;}






.primary-btn{ background: #ec7384; color: #fff; padding: 10px 26px; border-radius: 8px; transition: 0.3s;}

.primary-btn:hover{ background: #fff; transform: translateY(-3px); box-shadow: 0 8px 20px rgba(0, 51, 204, 0.3);}

.outline-btn{ border: 2px solid #ec7384; color: #ec7384; padding: 10px 26px; border-radius: 8px; transition: 0.3s;}

.outline-btn:hover{ background: #ec7384; color: #fff; transform: translateY(-3px);}

.section-padding{ padding: 80px 0;}

.section-title{ font-weight: 700; font-size: 32px; margin-bottom: 18px;}

.section-text{ max-width: 750px; margin: auto; font-size: 18px; color: #555;}

.info-box img{ width: 100px; height: auto; margin-bottom: 30px;}

.info-box, .benefit-box, .step-box{ background: #fff; padding: 25px; border-radius: 12px; text-align: center; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06); transition: 0.3s;}

.info-box:hover, .benefit-box:hover, .step-box:hover{ transform: translateY(-6px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);}

.form-box{ padding: 40px; background: #fff; border-radius: 12px; box-shadow: 0 4px 25px rgba(0, 0, 0, 0.09); transition: 0.3s;}

.form-box:hover{ transform: scale(1.01);}

.footer{ padding: 30px; background: #111; color: #fff;}

.steps-flow{ position: relative;}

.steps-wrapper{ display: flex; justify-content: space-between; align-items: center; margin-top: 60px; gap: 20px; position: relative;}

/* .steps-wrapper::before{ content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 12px; background: url('https://i.ibb.co/fQ31z9Q/zigzag.png') repeat-x center; opacity: 0.5; transform: translateY(-50%);}

*/ .step-item{ text-align: center; width: 16%; position: relative;}

.step-shape{ width: 110px; height: 110px; background: linear-gradient(135deg, #4bd7c8, #35a7d4); transform: rotate(45deg); margin: auto; border-radius: 20px; display: flex; align-items: center; justify-content: center; transition: 0.4s ease; box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);}

.step-shape img{ width: 45px; height: 45px; transform: rotate(-45deg);}

.step-shape:hover{ transform: rotate(45deg) scale(1.08); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25);}

.step-top-text{ margin-top: 30px; font-weight: 700; color: #1fa9d8; font-size: 17px;}

.step-bottom-text{ font-size: 14px; color: #ffffff; opacity: 0.9;}

@media (max-width: 992px){ .steps-wrapper{ flex-wrap: wrap; justify-content: center; gap: 30px;}
.step-item{ width: 40%;}}

@media (max-width: 576px){ .step-item{ width: 80%;}}




/* quickcontact */
.quickcontact { width: 45px; position: fixed; top: 77%; right: 15px; z-index: 102; }


/* modal */

.modal form.row { row-gap: 20px; }
.modal .form-control { border-radius: 0px; border: none; box-shadow: none; background-color: #f1f1f1; }
.modal .form-control:focus { border-color: #000; }
.modal .submit { background-color: #123167; color: #fff; font-weight: 500px; padding: 10px; border: 0; transition: .5; }
.modal .submit:hover { background-color: #000; }