.head-btn{
    background: #111;
    color: #fff;
    cursor: pointer;
    border-radius: 30px;
    height: 45px;
    width: 100%;
    border: 2px solid #fff;
    margin: 35px 0px;
    padding: 0 30px;
}.hero-style-3 .slide-title h3{color: #fff;}
.hero{position:relative;height:80vh;min-height:520px;overflow:hidden}
.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.overlay{position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,0.74),rgba(0,0,0,0.25));pointer-events:none}
.navbar-default {background: transparent !important;}
header{position:absolute;left:0;right:0;top:0;padding:0px 28px 0px 0px;display:block;align-items:center;justify-content:space-between;z-index:30;backdrop-filter:blur(6px)}
.header-inner{width:100%;max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-weight:600}
.navbar-brand{margin-top: 0px !important;padding: 0px 15px;}
.header-style-3 .navbar-brand img {max-width: 140px;}
.hero-content{position:relative;z-index:20;top:40%;transform:translateY(-50%);text-align:center;color:#fff;padding:0 20px}
.hero h1{font-size:clamp(28px,6vw,64px);margin:0 0 12px;letter-spacing:0.6px}
.hero p{font-size:clamp(14px,2.2vw,20px);margin:0 0 20px;opacity:0.95}
.header-style-3 #navbar > ul > li > a{color: #000;}
.video-holder{position: relative !important;min-height: 50px;overflow: hidden;}
.aboutVideo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.about-us-section .video-holder{background-color: #f0fbff;}
.site-footer p, .site-footer li {
    color: #111;
}
.about-section-padding {
    padding: 50px 0;
}
.section-padding {
    padding: 50px 0;
}
.section-title-s4 h2 {
    color: #111;
    font-size: 60px;
    font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
    font-weight: 700;
    letter-spacing: -4.25px;
    text-transform: uppercase;
    font-style: italic;
}
.grid-sec{
    flex-basis: 20%;
    background: #e9e9e9;
    border-radius: 20px;
}
.grid-sec img{
    width: 65%;
    margin-top: -65px;
    margin-bottom: 30px;
}
.grid-sec h3 a{
    color: #111;
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 20px;
}
.grid-sec p{
    font-size: 14px !important;
    font-weight: 700;
    color: #111 !important;
}
.service-section-s3 {
    background-image: url('../images/slider/s3.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
.service-section-s4 {
background-image: url('../images/slider/s4.png');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.service-section-s5 {
    background-image: url('../images/slider/s5.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    }
.cta-text h2{
    color: #fff;
    font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
    font-size: 60px;
    font-style: italic;
    font-weight: 700;
    line-height: 70px;
    letter-spacing: -4.25px;
    text-transform: uppercase;
}
.theme-btn, .theme-btn-s2, .theme-btn-s3{
    border-radius: 30px;
    width: 227px;
    text-align: center;
    margin-top: 10px;
}
.cta-section {
    padding: 50px 0 0px;
}
.bg-style{
    background: #11111170;
    border-radius: 30px;
}
.bg-style p{
    color: #fff;
}
.bg-style span{
    color: #ffeb3b;
}
.bg-style h4{
    color: #fff;
}
.section-title-s3 h2 {
    color: #fff;
    margin-bottom: 0.5em;
    font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
    font-size: 60px;
    font-style: italic;
    font-weight: 700;
    line-height: 70px;
    letter-spacing: -4.25px;
    text-transform: uppercase;
}
.cta-section .contact-info {
    overflow: visible;
    margin-top: -150px;
}
.site-footer .upper-footer {
    padding: 40px 0;
}
.banner_img1{
    background: url("../images/slider/slide-1.png") center center/cover no-repeat local;
}
.banner_img2{
    background: url("../images/slider/slide-2.png") center center/cover no-repeat local;
}
.banner_img3{
    background: url("../images/slider/slide-3.png") center center/cover no-repeat local;
}
.banner_img4{
    background: url("../images/slider/slide-4.png") center center/cover no-repeat local;
}
button.head-btn a {
    color: #fff;
}
.contact-map-section .contact-map {
    height: 300px;
}
.site-footer .link-widget ul > li + li {
    margin-top: 5px;
}
.site-footer .contact-widget ul > li + li {
    margin-top: 5px;
}
@media (min-width: 768px) {
    .header-style-3 #navbar > ul > li > a {
        color: #c3c3c3 !important;
    }
    .navbar-nav {
        float: right;
        margin: 0;
    }
    .header-style-3 .navbar-brand img {
        max-width: 100px;
    }
}
@media (max-width: 767px) {
    .header-style-3 #navbar > ul > li > a {
        color: #000 !important;
    }
    .banner_img1{
        background: url("../images/slider/banner-phone-size-02.png") center center/cover no-repeat local;
    }
    .banner_img2{
        background: url("../images/slider/banner-phone-size-01.png") center center/cover no-repeat local;
    }
    .banner_img3{
        background: url("../images/slider/banner-phone-size-03.png") center center/cover no-repeat local;
    }
    .banner_img4{
        background: url("../images/slider/banner-phone-size-04.png") center center/cover no-repeat local;
    }
        .header-style-3 .navbar-brand img {
        max-width: 100px;
    }
}
@media (max-width: 991px) {
    .cta-section .contact-info {
        float: none;
        margin-top: 0px !important;
    }
}