*{
    margin:0px;
    padding:0px;
}

body{
    font-family: "Barlow", serif;
}
/* Hero section */
.hero{
    position: relative;
}
.navbar1{
    position: absolute;
    top: 3%;
    width: 96%;
    left: 2%;
}
/* Navbar Start */
.logo{
    width: 30%;
}
.logo span{
    display: block;
}
.logo span img{
    width: 100%;
}
.bg-light {
    background-color: #7e7e7e9e!important;
    padding: 25px;
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .5rem ;
    padding-left: 1.5rem ; 
}
.navbar-light .navbar-nav .nav-link {
    color: #fff;
    font-size: 16px;
    font-family: "Barlow", serif;
    font-weight: 500;
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
    color: #F3BD15;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #F3BD15;
}
.navbar-expand-lg .navbar-collapse {
    display: flex!important;
    flex-basis: auto;
    margin-left: -330px;
}    
.side-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    top: 50%;
    left: 64%;
    transform: translateY(-50%);
}
.contact-icon i{
    color: #F3BD15;
    padding: 10px;
    font-size: 20px;
    background: #34333359;
}
.side-item p {
    color: #fff;
    font-size: 14px;
    margin-bottom: 4px;
    padding: 0 15px 0 15px
}
.side-item h6{
    color: #fff;
    margin-bottom: 4px;
    padding: 0 15px 0 15px;
    font-size: 17px;
    font-family: "Barlow", serif;
   

}
/* Navbar End */
/* hero-text */
.hero-text{
    position: absolute;
    top:30%;
    left:5%;
    width: 50%;
}
.hero-text h1{
    color: #fff;
    font-family: "Barlow", serif;
    font-size: 100px;
    font-weight: 800;
    line-height: 100px;
}
.hero-text p{
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    margin: 30px 0px 40px 0px;;
    width: 90%;
}
/* BTN */
.btn-hero1 {
    display: inline-block;
    position: relative;
    overflow: hidden; /* Ensures background animation stays within bounds */
    /* padding: 15px 30px 15px 30px ; */
    border-radius: 0px;
    background-color:#F3BD15;
}
.btn-hero1 a {
    display: inline-block;
    padding: 4px 10px;
    color: #000; /* Text color */
    text-decoration: none;
    position: relative;
    z-index: 1;
    transition: color 0.5s ease; /* Smooth text color transition */
    font-size: 14px;
    letter-spacing: 4px;
    transition: all 0.5 ease-in;
    
}
.btn-hero1 a:hover {
    color: #fff;
    transition: all 0.5 ease-in;
}
.btn-hero1:hover{
      background-color: #4b4b4b;
      color: #fff;
}
/* END BTN */
/* Hero End */
  
/* Who We Start  */
.who-we{
   
    padding:150px 0px 150px 0px; 
     /* background-image:url('../images/bg-1.jpg'); */
    /* background-repeat: no-repeat; */
    /* background-size: cover; */
    background-position: center; 
     /* height: 800px; */
     position: relative;
}
.bg-who{
    width: 100%;
    position: absolute;
    top:0%;
    left:0%;
    z-index: -1111;
}
.bg-who span{
    display: block;
}
.bg-who span img{
    width: 100%;
}
.who-we-bg{
    width: 100%;
}
.who-we-bg span{
    display: block;
}
.who-we-bg span img{
    width: 100%;
}
.divider-segmented {
    display: flex;
    justify-content: space-between; /* Ensures the segments are evenly spaced */
    width: 35%;
    height: 12px; /* Adjust the height of the segments */
}

.divider-segment {
    width: 10%; /* Adjust the width of each piece */
    height: 100%; /* Ensures each piece fills the height of the container */
    background-color: #F3BD15; /* Color of each segment */
    transform: skewX(-20deg); /* Creates the parallelogram effect */
    margin: 0 1px; /* Space between the segments, adjust as needed */
}
.about-txt h1{
    font-size: 48px;
    font-weight: 800;
    font-family: "Barlow", serif;
    line-height: 50px;
    margin: 20px 0px 20px 0px;

}
.about-txt h6{
    font-size: 11px;
    font-weight: 800;
    color: #f26959;
    letter-spacing: 4px;
    font-style: italic;
    
}
.about-para p{
    font-size: 26px;
    line-height: 30px;
    font-weight: 500;
    color: #565656;
    margin-bottom: 50px;
}
.about-card{
    margin-top: 150px;
}
.custom-blockquote {
    position: relative;
    font-style: italic;
    font-size: 1.5rem;
    color: #333;
    padding: 20px;
    /* border-left: 5px solid #F3BD15;  */
    background: #efefef;
    margin: 20px 0;
}

.custom-blockquote .blockquote-icon {
    color: #F3BD15; /* Quotation icon color */
    font-size: 5rem;
    position: absolute;
    top: -10px;
    left: -5px;
    font-family: serif;
}

.custom-blockquote p {
    margin: 0;
    padding-left: 40px; /* Indent text for better alignment */
}

.custom-blockquote footer {
    font-size: 1rem;
    color: #666;
    margin-top: 10px;
    padding-left: 40px;
}
.card-img{
    width: 100%;
    height: 260px
}
.card-img span{
    display: block;
}
.card-img img{
    width: 100%;
    height: 260px
}
/*Started assets (counter) */
.counter {
    font-size: 70px;
    font-weight: bold;
    color: #F3BD15;
    font-family: "Barlow", serif;
    font-weight: 800;    
}

.assets {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 50px;
}

.counter-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 80px; /* Ensures a stable width */
}
.count-box{
    display:flex;
    justify-content: space-between;
    /* text-align: center; */
    align-items: center;
    padding: 0px 24px 0px 24px
}

.counter {
    font-size: 70px; /* Adjust as needed */
    font-weight: 900;
    font-family: "Barlow", serif;
    min-width: 100px; /* Prevents width shifting */
    text-align: center;
    display: inline-block;
}

.su1 {
    font-size: 70px;
    margin-left: -5px;
    font-weight: 900;
    color: #F3BD15;
    margin-top: -10px;
}
.su2 {
    font-size: 70px;
    margin-left: 2px;
    font-weight: 900;
    color: #F3BD15;
    margin-top: -10px;
}
.su3 {
    font-size: 70px;
    margin-left: -5px;
    font-weight: 900;
    color: #F3BD15;
    margin-top: -10px;
}
.su4 {
    font-size: 70px;
    margin-left: 2px;
    font-weight: 900;
    color: #F3BD15;
    margin-top: -10px;
}


.counter-txt {
    padding: 0px 35px;
    border-left: 1px solid #333;
    margin: 0px 20px;
    /* text-align: center; */
}

.counter-txt p {
    font-size: 18px;
    font-family: "Barlow", serif;
    font-weight: 600;
    color: #333;
}
/* end assets (counter) */
/* Started our services */
.our-services{
    padding: 0px 0px 100px 0px;

}
.float-img{
    position: relative;
}
.float-bg{
    position:absolute;
    top:0%;
    left:0%;
}
.services-top{
    padding-top: 100px;
    padding-bottom: 50px;
}
.service-txt h1{
    font-size: 48px;
    font-weight: 800;
    font-family: "Barlow", serif;
    line-height: 50px;
    margin: 10px 0px 10px 0px;
    padding-right: 20px;
    border-right: 2px solid #000;

}
.service-txt h6{
    font-size: 11px;
    font-weight: 800;
    color: #f26959;
    letter-spacing: 4px;
    font-style: italic;
    padding-right: 20px;
    
    
}
.service-txt{
    text-align: right;
}
.btn-service{
     padding: 3px 25px 3px 25px;
    /* margin-top: 21px;  */
    background-color: #F3BD15;
    text-decoration: none;
    text-align: center;
    margin-top: 21px;
}
.btn-service a{
    text-align: center;
    display: inline-block;
    padding: 4px 10px;
    color: #000; /* Text color */
    text-decoration: none;
    position: relative;
    transition: color 0.5s ease; /* Smooth text color transition */
    font-size: 12px;
    letter-spacing: 2px;
    transition: all 0.5 ease-in;
    font-weight: 600;

}
.btn-service a:hover {
    color: #fff;
    transition: all 0.5 ease-in;
}
.btn-service:hover{
      background-color: #4b4b4b;
      color: #fff;
}
.srv-img{
    width: 100%;
}
.sev-img span{
    display: block;
}
.srv-img img{
    width: 100%;
}
.srv-card{
    position: relative;
}
.srv-txt{
    /* position: relative; */
    padding: 25px;
    /* background-image: url('../images/2607293_4981.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;   */
        
}
.srv_bg{
    position: absolute;
    width: 100%;
    top: 49%;
    left: 0%;
    z-index: -1;

}
.srv_bg span{
    display: block;

}
.srv_bg span img{
    width: 100%;
    height: 210px;
}
.srv-txt h2{
    color:#3f444b;
    font-size:26px;
}
.srv-btn{
    border-bottom:1px solid #000;  
    width: 38%;
    transition: all 0.5 ease-in
}
.srv-btn a{
    text-decoration: none;
    color:#3F444B; 
    letter-spacing: 2px;
    font-size: 12px;
    font-weight: 600;  
    margin-left: 1px;

}
.srv-btn .fa-arrow-right{
    padding:2px;
    background-color: #000;
    border-radius: 50px;
   margin-left: 5px;
   color:#ccc;
   font-size: 9px;

}
.srv-btn:hover{
    border-bottom:1px solid #F3BD15;
    transition: all 0.5 ease-in
}
/* End Services */
/* Start Discover */
.discover {
    position: relative;
    padding: 100px 0px;
    /* background-image: url('../images/lamborghini.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; */
    width: 100%;
    z-index: 1;
}
.bg-discover{
    width: 100%;
    position: absolute;
    top:0%;
    left: 0%;
    z-index: -111111;
    
}
.bg-discover span{
    display: block;
}
.bg-discover span img{
    width: 100%;
    height: 500px;
    
}

.discover::before { /*overlear*/
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 500px;
    background-color: rgba(26, 26, 27, 0.5); /* #3f444b with 50% opacity */
    z-index: -1;
}

.discover-txt h1{
    font-size: 48px;
    color:#ffff;
    font-weight: 800;
    line-height: 50px;
    margin-bottom: 25px;
}
.discover-txt p{
    color:#ffff;
    margin-bottom: 25px;
    font-size: 18px;
    font-weight: 600;
    
}
/* end discover */
/* start price */
.price{
    position: relative;
    padding: 100px 0px 100px 0px;
    /* background-image: url('../images/bg-1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; */
}
.bg-price{
    position: absolute;
    width: 100%;
    top:0%;
    left: 0%;
    z-index: -222222;
}
.bg-price span{
    display: block;
}
.bg-price span img{
    width: 100%;
    height: 1550px;
}
.price-top-txt{
    text-align: center;    
}
.segment-2{
    width: 50%;
    margin-left: 42%;
}
.pricing-tab{
    margin-top: 50px;
}
.nav-link {
    font-size: 18px;
    font-weight: 500;
    display: block;
    padding: 0.5rem 1rem;
    color:#495057;
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}
.nav-link:hover {
    color:#495057;
   
}
/* Change background color of the tab to #EFEFEF */
.pricing-tab .nav-link {
    background-color: #EFEFEF;
    border-top: 1px solid #EFEFEF;
    border-left: 1px solid #EFEFEF;
    border-right: 1px solid #EFEFEF;
    
    border-radius: 0px; /* No rounded corners */
}

/* Change the background color of the active tab to #FFFFFF */
.pricing-tab .nav-link.active {
    background-color: #FFFFFF;
    border-top: 1px solid #EFEFEF;
    border-left: 1px solid #EFEFEF;
    border-right: 1px solid #EFEFEF;
    /* border-color: red; */
    border-radius: 0px; /* No rounded corners for the active tab */
}

/* Set border for all tabs */
.pricing-tab .nav-tabs .nav-link {
    /* border-top: 1px solid #EFEFEF; */
    
    border-radius: 0px; /* Ensure no rounded corners */
}

/* Set equal width for each tab */
.pricing-tab .nav-tabs .nav-link {
    flex: 1; /* Make all tabs the same width */
    text-align: center;
}

/* Optional: Style the tab content */
.pricing-tab .tab-content {
    padding: 15px;
    background-color: #fff;
    border-top: 1px solid #EFEFEF;
    border-radius: 0px; /* No rounded corners for content area */
}
.pricing-tab .tab-content {
    padding: 15px;
    background-color: #fff;
    border: 1px solid #EFEFEF;
    border-radius: 0px;
}
.pricing-tab .nav-tabs .nav-link {
  flex: 1;
  text-align:left ; 
  padding: 18px;
}
.nav-tabs {
    border-bottom: 0px solid #dee2e6;
}
.item-txt p{
    padding: 17px;
    text-align: justify;
    color: #666;
}

  
.basic {
    /* padding: 20px; */
    background-color:#EFEFEF;
    text-align: center;
    position: relative;
}
.basic-m {
    /* padding: 20px; */
    background-color:#ffffff;
    text-align: center;
    position: relative;
    box-shadow: 2px 2px 5px rgb(0 0 0 / 20%);
}
.basic-m h1 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #333333;
}
.basic-m h6 {
    font-size: 14px;
    color: #777777;
    margin-bottom: 20px;
}
  
.basic h1 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #333333;
}
  
.basic h6 {
    font-size: 14px;
    color: #777777;
    margin-bottom: 20px;
}
  
.price-table {
    margin: 20px 0;
    font-weight: bold;
    display: inline-flex;
    align-items: flex-start;
    font-size: 16px;
}
  
.Package{
    margin-top: 100px;
}  
  
.price-table .amount {
    font-size: 80px;
    color: #222222;
    font-weight: 800;
}
  
.price-table .after-price {
    font-size: 28px;
    color: #000000;
    margin-left: 5px;
    margin-top: 61px;
}
.price-table .currency{
    margin-top: 17px;
    font-size: 40px;
}
  
.features-list {
    list-style-type: none;
    padding: 10px 20px;
    margin: 20px 0;
}
  
.features-list li {
    padding: 25px 0;
    font-size: 20px;
    color: #444444;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ccc; /* Adds an underline */
    padding-bottom: 5px; /* Adjusts spacing for the underline */
    text-align: left;
}
  
.features-list li i {
    color: #5f5f5e;
    font-size: 28px;
    margin-right: 15px;
}
/* Ribbon style */
/* Ribbon style */
.ribbon {
    position: absolute;
    background-color: #FDC411;
    color: #4B4B4B;
    font-weight: bold;
    padding: 5px 15px;
    font-size: 12px;
    top: 38px;
    left: 290px;
    transform: rotate(90deg);
    width: 106px;
    text-align: center;
    box-shadow: 2px 2px 5px rgb(0 0 0 / 20%);
    z-index: 10;
}
.off {
    margin-top: 15px;
    margin-bottom: 15px;
}
.off p{
   
    padding-bottom: 15px;
}
.basic-top{
    background-color: #4B4B4B;
    padding: 15px 20px;
    
}
.basic-top h1{
    color:#FDC411;
}
.basic-top h6{
    color:#ccc;
}
.basic-top1{
     padding: 15px 20px;
    
}
/* end price */
/* start discount */
.discount{
    position: relative;
    width: 100%;
    padding:144px 0px 150px 0px;
    /* background-image: url('../images/2.jpg');
    background-position: center;
    /* background-attachment: fixed; */
    /* background-repeat: no-repeat;
    background-size: cover;  */
    text-align: center;
     color: #fff; 
    
}
.bg-disc{
    width: 100%;
    position: absolute;
    top:0%;
    left: 0%;
    z-index: -33333;
}
.bg-disc span{
    display: block;
}
.bg-disc span img{
    width: 100%;
   height: 800px;
}
.discount-txt h1{
    font-size: 100px;
    font-weight: 800;
    line-height: 100px;
}
.discount-txt p{
    font-size: 20px;
    font-weight: 600;
    padding: 30px 250px 50px 250px;
}
/* end dicount */
/* start choose us */
.choose-us{
    padding: 100px 0px 100px 0px;
}
.us-img{
    width: 100%;
    
}
.us-img span{
    display: block;
}
.us-img span img{
    width: 100%;
    height: 600px;
}
.choose-card p{
    font-size: 18px;
}
.choose-card1{
    display: flex;
    
}
.choose-left{
    margin-left: 50px;
}
.choos h2{
    font-size: 23px;
}
.card-icon .fa-arrow-right{
    padding: 4px;
    background-color:#F3BD15;
    border-radius: 50px;
    color:#fff;
}
.choos{
    margin-left: 12px;
}
.card-para p{
    font-size: 20px;
}
.choose-para{
    margin: 50px 0px 50px 0px;
    font-size: 20px;
}
/* end choose use */
/* start bolg */
.blog{
    padding: 50px 0px 150px 0px;
}
.blog-top{
    text-align: center;
    position: relative;
}
.blog-float-img{
    position: absolute;
    top: -68%;
    left: 86%;
}
.post-img{
    width: 100%;
    
    
}
.post-img span{
    display: block;
}
.post-img span img{
    width: 100%;
}
.post{
    position: relative;
}
.post-lable{
    width: 75%;
    position: absolute;
    top:0%;
}
.post-lable h6{
    background-color: #F3BD15;
    padding: 8px;
    text-align: center;
    font-size: 16px;
   font-style: italic;
   letter-spacing: 4px;
   font-weight: 700;
}
.post-data-command{
    display: flex;
    justify-content: space-between;
    padding:0px 25px 0px 25px;
   
}
.post-data-command h6{
    color:#6B6B6B;

}
.post-data-command span{
    color:tomato;
}
.command h6{
    padding:0px 25px 20px 25px;
    color:#6B6B6B;
    font-size: 15px;
}
.post-content {
    padding: 0px 25px 0px 25px;
    margin-top: 20px;
}
.post-content h1{
    font-size: 20px;
    font-weight: 600;
}
.post-cd1{
    margin-bottom:40px;
}
.post-cd2{
    margin-bottom:64px;
}
/* .post-content p{
    font-size: 18px;
    color: #495057;
    padding: 10px 0px 25px 0px;
} */

.post-card{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.all-blogs{
    margin-top: 50px;
}
/* paralex */
.parallax-window {
    min-height: 650px;
    background: transparent;
}
.paralax-txt{
    background-color: #ffff;
    width: 60%;
    padding: 50px;
}
.product-paralax{
    position: relative;
}
.capability{
    position: absolute;
    top:-10%;
    left:9%;
    
}
.paralax-txt{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}

.prog1 h6{
    font-size: 17px;
    color: #20201f;
    
}
.prog1{
    margin-bottom: 15px;
}


  /* .progress-bar {
    background-color: #fdc411; 
    transition: width 1.5s ease-in-out; 
  }
  
   */
.progress {
    background-color: #4b4b4b;
    height: 8px;
    border-radius: 0px;
    overflow: hidden;
}
  
.progress-bar {
    background-color: #fdc411;
    height: 100%;
    transition: width 2s ease-in-out;
}
.segment-3{
    margin-bottom: 25px;
}
  /* end capability */
  /* start testimonial */

.testimonial{
    padding: 100px 0px 150px 0px;
    position: relative;
}
.test-img{
    width: 77%;
    position: absolute;
    top: 21%;
    left: -7%;
    z-index: -100;
}
.test-img span{
    display: block;
}
.test-img span img{
    width: 80%;
}
.segment-3{
    width: 90%;
    margin-left: 0%;
}
.testimonial-item {
    text-align: center;
    padding: 20px;
    border: 1px solid #ddd;
    margin: 10px;
}
.testimonial-item img {
    max-width: 100px;
    border-radius: 50%;
    margin-bottom: 15px;
}

/* Custom dots styling */
.owl-dots {
    text-align: center;
    margin-top: 20px;

}
.owl-dots .owl-dot {
    display: inline-block;
    margin: 0 5px;
    width: 10px;
    height: 10px;
    background: #7c2929;
    border-radius: 50%;
}
.owl-dots .owl-dot.active {
    background:  #e0b10f;
}
.button.owl-dot{
    background: #353434;
}
.owl-nav{
    display: none;
}
/* start footer */
.top-footer{
    padding: 100px 0px 50px 0px;
    background-color: #20201f;
    position: relative;
}
.fotter-logo{
    width: 40%;
}
.fotter-logo span{
    display: block;
}
.fotter-logo span img{
    width: 100%;
}
.footer-para{
    color: #fff;
}
.contact{
    display: flex;
    justify-self: start;
}
.con-icon{
    color: #FDC411;
}
.con-txt p{
    color: #fff;
    margin-left: 10px;
}
.social-icon i{
    color:#fff;
    margin-left: 5px;
    background-color: #474747;
    padding: 8px;
    margin-top: 10px;
    transition: all 0.5s ease-in;
}
/* hover effect */

.social-icon .social {
    display: inline-block;
    margin: 0 2px; /* Optional: Adds spacing between icons */
    font-size: 15px; /* Optional: Adjust icon size */
    transition: transform 0.3s ease;
}

.social-icon .social:hover {
    transform: scale(1.2);
}


.social-icon i:hover{
    color:#e0b10f;
    cursor: pointer;
    transition: all 0.5s ease-in;
}
.footer-para p{
    margin: 20px 0px 30px 0px;
}
.location-map{
    width: 20%;
}
.news h1{
    color: #fff;
}
.news p{
    color: #fff;
}
.location-map {
    width: 100%;
    height: auto;
    position: relative;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
}

.location-map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    filter: grayscale(100%); /* Black and white effect */
}
.location-map iframe:hover {
    filter: grayscale(0%); /* Revert to color on hover */
    transition: filter 0.3s ease; /* Smooth transition */
}
.newsletter-form {
    margin-top: 20px; /* Add some space above the form */
}
  
.form-group {
    margin-bottom: 15px; /* Space between form fields */
}
  
.form-group input {
    width: 100%; 
    padding: 10px; 
    border: 1px solid #ccc; 
    border-radius: 0px; 
    background-color: #fff; 
    color: #fff; 
    font-size: 14px; 
}
  
.form-group input::placeholder {
    color: #aaa; 
}
  
.submit-btn {
    width: 100%; 
    padding: 10px; 
    background-color: #FDC411; 
    border: none; 
    border-radius: 0px; 
    font-size: 16px; 
    cursor: pointer; 
    transition: background-color 0.3s ease; 
}
  
.submit-btn:hover {
    background-color: #e0b10f; 
}
.cta-section {
    width: 85%; 
    background-color: #FDC411; 
    padding:15px 55px; 
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
    position: relative; 
    margin: 0 auto; 
    clip-path: polygon(0 0, 100% 0, 98% 100%, 0% 100%); 
}
  
.cta-section h1 {
    color: #20201f; 
    font-size: 48px; 
    margin: 0;
    font-weight: 800;
    margin-left: 64px;
    padding: 5px 0px 5px 0px;
}
  
.cta-button {
    background-color: #FDC411; 
    /* color: #fff;  */
    padding: 10px 20px; 
    border: 1px solid #20201f; 
    border-radius: 0px; 
    font-size: 16px; 
    cursor: pointer; 
    transition: background-color 0.3s ease; 
    margin-right: 50px;
}
.cta-button:hover {
    background-color: #333; 
    color: #fff;
}
.float-top{
    position: absolute;
    top:-8%;
    left:-8%;
}
hr{
    color: #ccc;
    /* margin-top: 50px; */
}
.footer-bott{
    text-align: center;
    color: #ccc;
    padding: 20px 0px 10px 0px;
    /* margin: 20px 0px -10px 0px; */
    background-color: #20201f;
    border-top: 1px solid #383838;
    margin: 0px;
}
/* scroll to top */

/* Scroll-to-top button styling */
#scrollToTopBtn {
    display: none; 
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #ff5722;
    color: white;
    border: none;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    font-size: 24px;
    cursor: pointer;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
    z-index: 111;
}

/* Hover effect */
#scrollToTopBtn:hover {
    background-color: #e64a19; 
    transform: scale(1.1) rotate(360deg); 
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.4);
}

/* Car icon animation */
#scrollToTopBtn i {
    transition: transform 0.3s ease;
}

#scrollToTopBtn:hover i {
    transform: translateY(-5px); 
}
/* Tire track effect */
#scrollToTopBtn::before {
    content: "";
    position: absolute;
    top: -10px;
    left: 50%;
    width: 20px;
    height: 4px;
    background-color: #333;
    transform: translateX(-50%);
    border-radius: 2px;
    opacity: 0;
    transition: opacity 0.3s ease;
}

#scrollToTopBtn:hover::before {
    opacity: 1;
}

/* Responsive adjustments for tablets */
@media (max-width: 768px) {
    #scrollToTopBtn {
        width: 45px;
        height: 45px;
        font-size: 20px;
        bottom: 15px;
        right: 15px;
    }
}

/* Responsive adjustments for mobile devices */
@media (max-width: 480px) {
    #scrollToTopBtn {
        width: 40px;
        height: 40px;
        font-size: 18px;
        bottom: 10px;
        right: 10px;
    }
}
  /* @media (max-width: 768px) {
    .cta-section {
      flex-direction: column; 
      text-align: center; 
    }
    .cta-button {
      margin-top: 15px; 
    }
} */
/* Tab View-768px */
@media only screen and (max-device-width:768px){

    /* *{
        margin:0px;
        padding:0px;
    } */
    
    body{
        font-family: "Barlow", serif;
    }
    /* Hero section */
    .hero{
        position: relative;
    }
    
    .navbar1 {
        position: absolute;
        top: 3%;
        width: 96%;
        left: 2%;
    }

    /* Navbar Start */
    .logo {
        width: 30%;
    }

    .logo span {
        display: block;
    }

    .logo span img {
        width: 70%;
    }

    .bg-light {
        background-color: #7e7e7e00 !important;
        padding: 25px;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: 1.5rem;
    }

    .navbar-light .navbar-nav .nav-link {
        color: #fff;
        font-size: 16px;
        font-family: "Barlow", serif;
        font-weight: 500;
    }

    .navbar-light .navbar-nav .nav-link.active,
    .navbar-light .navbar-nav .show>.nav-link {
        color: #F3BD15;
    }

    .navbar-light .navbar-nav .nav-link:focus,
    .navbar-light .navbar-nav .nav-link:hover {
        color: #F3BD15;
    }

    /* Ensure the navbar collapse is displayed correctly */
    .navbar-expand-lg .navbar-collapse {
        display: none !important; /* Hide by default */
        flex-basis: auto;
        margin-left: 0; /* Remove the large margin */
    }

    .navbar-expand-lg .navbar-collapse.show {
        display: flex !important;
        flex-direction: column;
        background-color: #34333300;
        padding: 10px;
        margin-left: 481px
    }

    .side-item{
        display: flex;
        align-items: center;
        justify-content: space-between;
        top: 10%;
        position: absolute;
        left: 28%;
        margin-top: 20px;
       
        
    }

    .contact-icon i {
        color: #F3BD15;
        padding: 10px;
        font-size: 20px;
        background: #34333359;
    }

    .side-item p {
        color: #fff;
        font-size: 14px;
        margin-bottom: 4px;
        padding: 0 15px 0 15px;
    }

    .side-item h6 {
        color: #fff;
        margin-bottom: 4px;
        padding: 0 15px 0 15px;
        font-size: 17px;
        font-family: "Barlow", serif;
    }
    /* .navbar-toggler-icon {
        display: inline-block;
        width: 1.5em;
        height: 1.5em;
        vertical-align: middle;
        background-image: var(--bs-navbar-toggler-icon-bg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
        /* color: #ccc; */
        /* border: 1px solid #fff;
        padding: 10px;
        background-color: #ccc;
    } */ 
    .navbar-toggler {
        padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
        font-size: var(--bs-navbar-toggler-font-size);
        line-height: 1;
        color: rgb(53 43 43);
        background-color: transparent;
        border: var(--bs-border-width) solid rgb(229 212 212 / 58%);
        border-radius: var(--bs-navbar-toggler-border-radius);
        transition: var(--bs-navbar-toggler-transition);
    }
    /* Navbar End */
    /* hero-text */
    .hero-text{
        position: absolute;
        top:30%;
        left:5%;
        width: 50%;
    }
    .hero-text h1{
        color: #fff;
        font-family: "Barlow", serif;
        font-size: 40px;
        font-weight: 800;
        line-height: 40px;
    }
    .hero-text p{
        color: #fff;
        font-size: 18px;
        font-weight: 500;
        margin: 20px 0px 28px 0px;
        line-height: 24px;
    }
    /* BTN */
    .btn-hero1 {
        display: inline-block;
        position: relative;
        overflow: hidden; /* Ensures background animation stays within bounds */
        /* padding: 15px 30px 15px 30px ; */
        border-radius: 0px;
        background-color:#F3BD15;
    }
    .btn-hero1 a {
        display: inline-block;
        padding: 4px 0px;
        color: #000;
        text-decoration: none;
        position: relative;
        z-index: 1;
        transition: color 0.5sease;
        font-size: 12px;
        letter-spacing: 4px;
        
    }
    .btn-hero1 a:hover {
        color: #fff;
        transition: all 0.5 ease-in;
    }
    .btn-hero1:hover{
          background-color: #4b4b4b;
          color: #fff;
    }
    /* END BTN */
    /* Hero End */
      
    /* Who We Start  */
    .who-we{
   
        padding:75px 0px 0px 0px; 
         /* background-image:url('../images/bg-1.jpg'); */
        /* background-repeat: no-repeat; */
        /* background-size: cover; */
        background-position: center; 
         /* height: 800px; */
         position: relative;
    }
    .bg-who{
        width: 100%;
        position: absolute;
        top:0%;
        left:0%;
        z-index: -1111;
    }
    .bg-who span{
        display: block;
    }
    .bg-who span img{
        width: 100%;
    }
    .who-we-bg{
        width: 100%;
    }
    .who-we-bg span{
        display: block;
    }
    .who-we-bg span img{
        width: 100%;
    }
    .divider-segmented {
        display: flex;
        justify-content: space-between; /* Ensures the segments are evenly spaced */
        width: 35%;
        height: 12px; /* Adjust the height of the segments */
    }
    
    .divider-segment {
        width: 10%; /* Adjust the width of each piece */
        height: 100%; /* Ensures each piece fills the height of the container */
        background-color: #F3BD15; /* Color of each segment */
        transform: skewX(-20deg); /* Creates the parallelogram effect */
        margin: 0 1px; /* Space between the segments, adjust as needed */
    }
    .about-txt h1{
        font-size: 36px;
        font-weight: 800;
        font-family: "Barlow", serif;
        line-height: 40px;
        margin: 20px 0px 20px 0px;
    
    }
    .about-txt h6{
        font-size: 11px;
        font-weight: 800;
        color: #f26959;
        letter-spacing: 4px;
        font-style: italic;
        
    }
    .about-para p{
        font-size: 17px;
        line-height: 24px;
        font-weight: 500;
        color: #565656;
        margin-bottom: 50px;
    }
    .about-card{
        margin-top: 40px;
    }
    .custom-blockquote {
        position: relative;
        font-style: italic;
        font-size: 18px;
        color: #333;
        padding: 20px;
        /* border-left: 5px solid #F3BD15;  */
        background: #efefef;
        margin: 20px 0;
        margin-bottom: 50px;
    }
    
    .custom-blockquote .blockquote-icon {
        color: #F3BD15;
        font-size: 55px;
        position: absolute;
        top: -7px;
        left: 0px;
        font-family: serif;
    }
    
    .custom-blockquote p {
        margin: 0;
        padding-left: 28px; /* Indent text for better alignment */
    }
    
    .custom-blockquote footer {
        font-size: 1rem;
        color: #666;
        margin-top: 10px;
        padding-left: 40px;
    }
    .card-img{
        width: 100%;
        height: 260px
    }
    .card-img span{
        display: block;
    }
    .card-img img{
        width: 100%;
        height: 260px
    }
    /*Started assets (counter) */

    .counter {
        font-size: 70px;
        font-weight: bold;
        color: #F3BD15;
        font-family: "Barlow", serif;
        font-weight: 800;    
    }
    
    .assets {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-left: -18px;
        margin-bottom: 50px;
    }
    
    .counter-box {
        display: flex;
        flex-direction: column;
        align-items: center;
        min-width: 80px; /* Ensures a stable width */
    }
    
    .count-box{
        display:flex;
        justify-content: space-between;
        /* text-align: center; */
        align-items: center;
        padding: 0px 0px 0px 0px
    }
    
    .counter {
        font-size: 30px;
        font-weight: 900;
        font-family: "Barlow", serif;
        min-width: 100px;
        text-align: center;
        display: inline-block;
    }
    
    /* .suffex {
        font-size: 30px;
        margin-left: -20px;
        font-weight: 900;
        color: #F3BD15;
        margin-top: -10px;
    } */
    .su1 {
        font-size: 30px;
        margin-left: -20px;
        font-weight: 900;
        color: #F3BD15;
        margin-top: -10px;
    }
    .su2 {
        font-size: 30px;
        margin-left: -20px;
        font-weight: 900;
        color: #F3BD15;
        margin-top: -10px;
    }
    .su3 {
        font-size: 30px;
        margin-left: -24px;
        font-weight: 900;
        color: #F3BD15;
        margin-top: -10px;
    }
    .su4 {
        font-size: 30px;
        margin-left: -20px;
        font-weight: 900;
        color: #F3BD15;
        margin-top: -10px;
    }
    
    .counter-txt {
        padding: 0px 11px;
        border-left: 1px solid #333;
        margin: 0px 10px;
        /* text-align: center; */
    }
    
    .counter-txt p {
        font-size: 14px;
        font-family: "Barlow", serif;
        font-weight: 600;
        color: #333;
    }
    /* end assets (counter) */
    /* Started our services */
    .our-services{
        padding: 0px 0px 50px 0px;
    
    }
    .float-img{
        position: relative;
    }
    .float-bg{
        position:absolute;
        top:0%;
        left:0%;
        z-index: -200;
    }
    .services-top{
        padding-top: 0px;
        padding-bottom: 50px;
    }
    .service-txt h1{
        font-size: 40px;
        font-weight: 800;
        font-family: "Barlow", serif;
        line-height: 40px;
        margin: 10px 0px 10px 0px;
        /* padding-right: 70px; */
        border-right: 2px solid #000;
    
    }
    .service-txt h6{
        font-size: 11px;
        font-weight: 800;
        color: #f26959;
        letter-spacing: 4px;
        font-style: italic;
        padding-right: 20px;
        
        
    }
    .service-txt{
        text-align: right;
        margin-right: 80px;
    }
    .btn-service{
        padding: 3px 25px 3px 25px;
        /* margin-top: 21px; */
        background-color: #F3BD15;
        text-decoration: none;
        text-align: center;
        margin-top: 21px;
        /* margin-right: 103px; */
        margin-left: -60px;
    }
    .btn-service a{
        text-align: center;
        display: inline-block;
        padding: 4px 10px;
        color: #000; /* Text color */
        text-decoration: none;
        position: relative;
        transition: color 0.5s ease; /* Smooth text color transition */
        font-size: 12px;
        letter-spacing: 2px;
        transition: all 0.5 ease-in;
        font-weight: 600;
    
    }
    .btn-service a:hover {
        color: #fff;
        transition: all 0.5 ease-in;
    }
    .btn-service:hover{
          background-color: #4b4b4b;
          color: #fff;
    }
    .srv-img{
        width: 100%;
    }
    .sev-img span{
        display: block;
    }
    .srv-img img{
        width: 100%;
    }
    .srv-card{
        position: relative;
    }
    .srv-txt{
        /* position: relative; */
        padding: 25px;
        /* background-image: url('../images/2607293_4981.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;   */
            
    }
    .srv_bg{
        position: absolute;
        width: 100%;
        top: 49%;
        left: 0%;
        z-index: -1;
    
    }
    .srv_bg span{
        display: block;
    
    }
    .srv_bg span img{
        width: 100%;
        height: 210px;
    }
    .srv-txt h2{
        color:#3f444b;
        font-size:26px;
    }
    .srv-btn{
        border-bottom:1px solid #000;  
        width: 38%;
        transition: all 0.5 ease-in
    }
    .srv-btn a{
        text-decoration: none;
        color:#3F444B; 
        letter-spacing: 2px;
        font-size: 12px;
        font-weight: 600;  
        margin-left: 1px;
    
    }
    .srv-btn .fa-arrow-right{
        padding:2px;
        background-color: #000;
        border-radius: 50px;
       margin-left: 5px;
       color:#ccc;
       font-size: 9px;
    
    }
    .srv-btn:hover{
        border-bottom:1px solid #F3BD15;
        transition: all 0.5 ease-in
    }
    /* End Services */
    /* Start Discover */
    .discover {
        position: relative;
        padding: 85px 0px;
        /* background-image: url('../images/lamborghini.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center; */
        width: 100%;
        z-index: 1;
    }
    .bg-discover{
        width: 100%;
        position: absolute;
        top:0%;
        left: 0%;
        z-index: -111111;
        
    }
    .bg-discover span{
        display: block;
    }
    .bg-discover span img{
        width: 100%;
        height: 400px;
        
    }
    
    .discover::before { /*overlear*/
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 400px;
        background-color: rgba(26, 26, 27, 0.5); /* #3f444b with 50% opacity */
        z-index: -1;
    }
    
    .discover-txt h1{
        font-size: 40px;
        color: #ffff;
        font-weight: 800;
        line-height: 40px;
        margin-bottom: 25px;
    }
    .discover-txt p{
        color:#ffff;
        margin-bottom: 25px;
        font-size: 18px;
        font-weight: 600;
        
    }
    /* end discover */
    /* start price */
    .price{
        position: relative;
        padding: 75px 0px 75px 0px;
        /* background-image: url('../images/bg-1.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center; */
    }
    .bg-price{
        position: absolute;
        width: 100%;
        top:0%;
        left: 0%;
        z-index: -222222;
    }
    .bg-price span{
        display: block;
    }
    .bg-price span img{
        width: 100%;
        /* height: 1550px; */
    }
    .price-top-txt{
        text-align: center;    
    }
    .segment-2{
        width: 50%;
        margin-left: 42%;
    }
    .pricing-tab{
        margin-top: 50px;
    }
    .nav-link {
        font-size: 18px;
        font-weight: 500;
        display: block;
        padding: 0.5rem 1rem;
        color:#495057;
        text-decoration: none;
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
    }
    .nav-link:hover {
        color:#495057;
       
    }
    /* Change background color of the tab to #EFEFEF */
    .pricing-tab .nav-link {
        background-color: #EFEFEF;
        border-top: 1px solid #EFEFEF;
        border-left: 1px solid #EFEFEF;
        border-right: 1px solid #EFEFEF;
        
        border-radius: 0px; /* No rounded corners */
    }
    
    /* Change the background color of the active tab to #FFFFFF */
    .pricing-tab .nav-link.active {
        background-color: #FFFFFF;
        border-top: 1px solid #EFEFEF;
        border-left: 1px solid #EFEFEF;
        border-right: 1px solid #EFEFEF;
        /* border-color: red; */
        border-radius: 0px; /* No rounded corners for the active tab */
    }
    
    /* Set border for all tabs */
    .pricing-tab .nav-tabs .nav-link {
        /* border-top: 1px solid #EFEFEF; */
        
        border-radius: 0px; /* Ensure no rounded corners */
    }
    
    /* Set equal width for each tab */
    .pricing-tab .nav-tabs .nav-link {
        flex: 1; /* Make all tabs the same width */
        text-align: center;
    }
    
    /* Optional: Style the tab content */
    .pricing-tab .tab-content {
        padding: 15px;
        background-color: #fff;
        border-top: 1px solid #EFEFEF;
        border-radius: 0px; /* No rounded corners for content area */
    }
    .pricing-tab .tab-content {
        padding: 15px;
        background-color: #fff;
        border: 1px solid #EFEFEF;
        border-radius: 0px;
    }
    .pricing-tab .nav-tabs .nav-link {
      flex: 1;
      text-align:left ; 
      padding: 18px;
      font-size: 16px;
    }
    .nav-tabs {
        border-bottom: 0px solid #dee2e6;
    }
    .item-txt p{
        padding: 17px;
        text-align: justify;
        color: #666;
    }
    
      
    .basic {
        /* padding: 20px; */
        background-color:#EFEFEF;
        text-align: center;
        position: relative;
    }
    .basic-m {
        /* padding: 20px; */
        background-color:#ffffff;
        text-align: center;
        position: relative;
        box-shadow: 2px 2px 5px rgb(0 0 0 / 20%);
    }
    .basic-m h1 {
        font-size: 24px;
        font-weight: 700;
        margin-bottom: 10px;
        color: #333333;
    }
    .basic-m h6 {
        font-size: 14px;
        color: #777777;
        margin-bottom: 20px;
    }
      
    .basic h1 {
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 10px;
        color: #333333;
    }
      
    .basic h6 {
        font-size: 14px;
        color: #777777;
        margin-bottom: 20px;
    }
      
    .price-table {
        margin: 20px 0;
        font-weight: bold;
        display: inline-flex;
        align-items: flex-start;
        font-size: 16px;
    }
      
    .Package{
        margin-top: 50px;
    }  
      
    .price-table .amount {
        font-size: 28px;
        color: #222222;
        font-weight: 800;
    }
      
    .price-table .after-price {
        font-size: 22px;
        color: #000000;
        margin-left: 5px;
        margin-top: 4px;
    }
    .price-table .currency{
        margin-top: 3px;
        font-size: 18px;
    }
      
    .features-list {
        list-style-type: none;
        padding: 10px 20px;
        margin: 20px 0;
    }
      
    .features-list li {
        padding: 0px 0;
        font-size: 15px;
        color: #444444;
        display: flex;
        align-items: center;
        border-bottom: 1px solid #ccc;
        padding-bottom: 5px;
        text-align: left;
    }
      
    .features-list li i {
        color: #5f5f5e;
        font-size: 18px;
        margin-right: 15px;
    }
    /* Ribbon style */
    /* Ribbon style */
    .ribbon {
        position: absolute;
        background-color: #FDC411;
        color: #4B4B4B;
        font-weight: bold;
        padding: 4px 7px;
        font-size: 12px;
        top: 45px;
        left: 145px;
        transform: rotate(90deg);
        width: 117px;
        text-align: center;
        box-shadow: 2px 2px 5px rgb(0 0 0 / 20%);
        z-index: 10;
    }
    .off {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .off p{       
        font-size: 15px;
        margin: 5px 5px;
    }
    .basic-top{
        background-color: #4B4B4B;
        padding: 15px 20px;
        
    }
    .basic-top h1{
        color: #FDC411;
        font-size: 20px;
    }
    
    .basic-top h6{
        color:#ccc;
    }
    .basic-top1{
         padding: 10px 10px;
        
    }
    /* end price */
    /* start discount */
    .discount{
        position: relative;
        width: 100%;
        padding:70px 0px 100px 0px;
        /* background-image: url('../images/2.jpg');
        background-position: center;
        /* background-attachment: fixed; */
        /* background-repeat: no-repeat;
        background-size: cover;  */
        text-align: center;
         color: #fff; 
        
    }
    .bg-disc{
        width: 100%;
        position: absolute;
        top:0%;
        left: 0%;
        z-index: -33333;
    }
    .bg-disc span{
        display: block;
    }
    .bg-disc span img{
        width: 100%;
       height: 450px;
    }
    .discount-txt h1{
        font-size: 48px;
        line-height: 50px;
       font-weight: 800;
       
    }
    .discount-txt p{
        font-size: 20px;
    font-weight: 600;
    padding: 28px 63px 50px 63px;
    }
    /* end dicount */
    /* start choose us */
    .choose-us{
        padding: 50px 0px 50px 0px;
    }
    .us-img{
        width: 100%;
        
    }
    .us-img span{
        display: block;
    }
    .us-img span img{
        width: 100%;
        height: 300px;
    }
    .choose-card p{
        font-size: 18px;
    }
    .choose-card1{
        display: flex;
        
    }
    .choose-left{
        margin-top: 75px;
        margin-left: 0px;
    }
    .choos h2{
        font-size: 23px;
    }
    .card-icon .fa-arrow-right{
        padding: 4px;
        background-color:#F3BD15;
        border-radius: 50px;
        color:#fff;
    }
    .choos{
        margin-left: 12px;
    }
    .card-para p{
        font-size: 18px;
        /* text-align: justify; */
        padding: 0px 10px;
    }
    .choose-para{
        margin: 40px 0px 40px 0px;
        font-size: 18px;
    }
    /* end choose use */
    /* start bolg */
    .blog{
        padding: 25px 0px 100px 0px;
    }
    .blog-top{
        text-align: center;
        position: relative;
    }
    .blog-float-img{
        position: absolute;
        top: 0%;
        left: 0%;
        z-index: -1;
    }
    .post-img{
        width: 100%;
        
        
    }
    .post-img span{
        display: block;
    }
    .post-img span img{
        width: 100%;
    }
    .post{
        position: relative;
    }
    .post-lable{
        width: 55%;
        position: absolute;
        top:0%;
    }
    .post-lable h6{
        background-color: #F3BD15;
        padding: 8px;
        text-align: center;
        font-size: 12px;
       font-style: italic;
       letter-spacing: 4px;
       font-weight: 700;
    }
    .post-data-command{
        display: flex;
        justify-content: space-between;
        padding:0px 25px 0px 25px;
       
    }
    .post-data-command h6{
        color:#6B6B6B;
    
    }
    .post-data-command span{
        color:tomato;
    }
    .command h6{
        padding:0px 25px 20px 25px;
        color:#6B6B6B;
        font-size: 15px;
        margin-bottom: 22px;
    }
    .post-content {
        padding: 0px 25px 0px 25px;
        margin-top: 20px;
    }
    .post-content h1{
        font-size: 20px;
        font-weight: 600;
    }
    .post-cd2 {
        margin-bottom: 41px;
    }
    /* .post-content p{
        font-size: 18px;
        color: #495057;
        padding: 10px 0px 25px 0px;
    } */
    
    .post-card{
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }
    .all-blogs{
        margin-top: 50px;
    }
    /* paralex */
    .parallax-window {
        min-height: 650px;
        background: transparent;
    }
    .paralax-txt{
        background-color: #ffff;
        width: 50%;
        padding: 30px;
    }
    .product-paralax{
        position: relative;
    }
    .capability{
        position: absolute;
        top:-10%;
        left:5%;
        
    }
    .paralax-txt{
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    
    }
    
    .prog1 h6{
        font-size: 17px;
        color: #20201f;
        
    }
    .prog1{
        margin-bottom: 15px;
    }
    
    
      /* .progress-bar {
        background-color: #fdc411; 
        transition: width 1.5s ease-in-out; 
      }
      
       */
    .progress {
        background-color: #4b4b4b;
        height: 8px;
        border-radius: 0px;
        overflow: hidden;
    }
      
    .progress-bar {
        background-color: #fdc411;
        height: 100%;
        transition: width 2s ease-in-out;
    }
    .segment-3{
        margin-bottom: 25px;
    }
      /* end capability */
      /* start testimonial */
    .testimonial{
        padding: 75px 0px 75px 0px;
        position: relative;
    }
    .test-img {
        width: 100%;
        position: absolute;
        top: 46%;
        left: -3%;
        z-index: -100;
    }
    .test-img span{
        display: block;
    }
    .test-img span img{
        width: 60%;
    }
    .segment-3{
        width: 90%;
        margin-left: 0%;
    }
    .testimonial-item {
        text-align: center;
        padding: 20px;
        border: 1px solid #ddd;
        margin: 10px;
    }
    .testimonial-item img {
        max-width: 75px;
        border-radius: 50%;
        margin-bottom: 15px;
    }
    
    /* Custom dots styling */
    .owl-dots {
        text-align: center;
        margin-top: 20px;
    
    }
    .owl-dots .owl-dot {
        display: inline-block;
        margin: 0 5px;
        width: 10px;
        height: 10px;
        background: #7c2929;
        border-radius: 50%;
    }
    .owl-dots .owl-dot.active {
        background:  #e0b10f;
    }
    .button.owl-dot{
        background: #353434;
    }
    .owl-nav{
        display: none;
    }
    /* start footer */
    .top-footer {
        padding: 75px 0px 30px 0px;
        background-color: #20201f;
        position: relative;
        /* height: 840px; */
    }
    .fotter-logo{
        width: 40%;
    }
    .fotter-logo span{
        display: block;
    }
    .fotter-logo span img{
        width: 100%;
    }
    .footer-para{
        color: #fff;
    }
    .contact{
        display: flex;
        justify-self: start;
    }
    .con-icon{
        color: #FDC411;
    }
    .con-txt p {
        color: #fff;
        margin-left: 10px;
        font-size: 14px;
        margin-bottom: 5px;
    }
    .social-icon i{
        color:#fff;
        margin-left: 5px;
        background-color: #474747;
        padding: 5px;
        margin-top: 10px;
        transition: all 0.5s ease-in;
    }
    /* hover effect */
    
    .social-icon .social {
        display: inline-block;
        margin: 0 2px; /* Optional: Adds spacing between icons */
        font-size: 15px; /* Optional: Adjust icon size */
        transition: transform 0.3s ease;
    }
    
    .social-icon .social:hover {
        transform: scale(1.2);
    }
    
    
    .social-icon i:hover{
        color:#e0b10f;
        cursor: pointer;
        transition: all 0.5s ease-in;
    }
    .footer-para p {
        margin: 15px 0px 15px 0px;
        font-size: 14px;
    }
    .location-map{
        width: 10%;
    }
    .news h1{
        color: #fff;
        font-size: 20px;
    }
    .news p{
        color: #fff;
        font-size: 14px;
    }
    .location-map {
        width: 100%;
        height: auto;
        position: relative;
        padding-bottom: 56.25%; /* 16:9 aspect ratio */
    }
    
    .location-map iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
        filter: grayscale(100%); /* Black and white effect */
    }
    .location-map iframe:hover {
        filter: grayscale(0%); /* Revert to color on hover */
        transition: filter 0.3s ease; /* Smooth transition */
    }
    .newsletter-form {
        margin-top: 20px; /* Add some space above the form */
    }
      
    .form-group {
        margin-bottom: 15px; /* Space between form fields */
    }
      
    .form-group input {
        width: 100%;
        padding: 4px;
        border: 1px solid #ccc;
        border-radius: 0px;
        background-color: #fff;
        color: #fff;
        font-size: 13px;
    }
      
    .form-group input::placeholder {
        color: #aaa; 
    }
      
    .submit-btn {
        width: 100%;
        padding: 5px;
        background-color: #FDC411;
        border: none;
        border-radius: 0px;
        font-size: 14px;
        cursor: pointer;
        transition: background-color 0.3sease;
    }
      
    .submit-btn:hover {
        background-color: #e0b10f; 
    }
    .cta-section {
        width: 100%;
        background-color: #FDC411;
        padding: 15px 38px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
        margin: 0 auto;
        clip-path: polygon(0 0, 100% 0, 98% 100%, 0% 100%);
    }
      
    .cta-section h1 {
        color: #20201f; 
        font-size: 36px; 
        margin: 0;
        font-weight: 700;
        margin-left: 64px;
        padding: 5px 25px 5px 0px;
    }
      
    .cta-button {
        background-color: #FDC411; 
        /* color: #fff;  */
        padding: 10px 20px; 
        border: 1px solid #20201f; 
        border-radius: 0px; 
        font-size: 16px; 
        cursor: pointer; 
        transition: background-color 0.3s ease; 
        margin-right: 50px;
    }
    .cta-button:hover {
        background-color: #333; 
        color: #fff;
    }
    .float-top{
        position: absolute;
        top:-6%;
        left:-8%;
    }
    hr{
        color: #ccc;
        /* margin-top: 50px; */
    }
    .footer-bott{
        text-align: center;
        color: #ccc;
        padding: 20px 0px 10px 0px;
        /* margin: 20px 0px -10px 0px; */
        background-color: #20201f;
        border-top: 1px solid #383838;
    }
    /* scroll to top */
    
    /* Scroll-to-top button styling */
    #scrollToTopBtn {
        display: none; 
        position: fixed;
        bottom: 20px;
        /* right: 20px; */
        background-color: #ff5722;
        color: white;
        border: none;
        border-radius: 50%;
        width: 50px;
        height: 50px;
        font-size: 24px;
        cursor: pointer;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
        transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
        z-index: 111;
    }
    
    /* Hover effect */
    #scrollToTopBtn:hover {
        background-color: #e64a19; 
        transform: scale(1.1) rotate(360deg); 
        box-shadow: 0 6px 15px rgba(0, 0, 0, 0.4);
    }
    
    /* Car icon animation */
    #scrollToTopBtn i {
        transition: transform 0.3s ease;
    }
    
    #scrollToTopBtn:hover i {
        transform: translateY(-5px); 
    }
    /* Tire track effect */
    #scrollToTopBtn::before {
        content: "";
        position: absolute;
        top: -10px;
        left: 50%;
        width: 20px;
        height: 4px;
        background-color: #333;
        transform: translateX(-50%);
        border-radius: 2px;
        opacity: 0;
        transition: opacity 0.3s ease;
    }
    
    #scrollToTopBtn:hover::before {
        opacity: 1;
    }
    
    

}
/* mobile view */
@media only screen and (max-device-width:414px){

    /* *{
        margin:0px;
        padding:0px;
    } */
    
    body{
        font-family: "Barlow", serif;
    }
    /* Hero section */
    .hero{
        position: relative;
    }
    
    .navbar1 {
        position: absolute;
        top: 3%;
        width: 96%;
        left: 2%;
    }

    /* Navbar Start */
    .logo {
        width: 30%;
    }

    .logo span {
        display: block;
    }

    .logo span img {
        width: 70%;
    }

    .bg-light {
        background-color: #7e7e7e00 !important;
        padding: 8px;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: 1.5rem;
    }

    .navbar-light .navbar-nav .nav-link {
        color: #fff;
    font-size: 12px;
    font-family: "Barlow", serif;
    font-weight: 500;
    margin-left: 32px;
    line-height: 10px;
    }

    .navbar-light .navbar-nav .nav-link.active,
    .navbar-light .navbar-nav .show>.nav-link {
        color: #F3BD15;
    }

    .navbar-light .navbar-nav .nav-link:focus,
    .navbar-light .navbar-nav .nav-link:hover {
        color: #F3BD15;
    }
    .dropdown-menu{
        font-size: 12px;
    margin-left: 22px;
    line-height: 12px;
    }

    /* Ensure the navbar collapse is displayed correctly */
    .navbar-expand-lg .navbar-collapse {
        display: none !important; /* Hide by default */
        flex-basis: auto;
        margin-left: 0; /* Remove the large margin */
    }

    .navbar-expand-lg .navbar-collapse.show {
        display: flex !important;
    flex-direction: column;
    background-color: #34333300;
    padding: 0px;
    margin-left: 194px;
    }

    .side-item{
        display: flex;
        align-items: center;
        justify-content: space-between;
        top: 10%;
        position: absolute;
        left: 28%;
        margin-top: 20px;
        display:none;
       
        
    }

    .contact-icon i {
        color: #F3BD15;
        padding: 10px;
        font-size: 20px;
        background: #34333359;
    }

    .side-item p {
        color: #fff;
        font-size: 14px;
        margin-bottom: 4px;
        padding: 0 15px 0 15px;
    }

    .side-item h6 {
        color: #fff;
        margin-bottom: 4px;
        padding: 0 15px 0 15px;
        font-size: 17px;
        font-family: "Barlow", serif;
    }
    /* .navbar-toggler-icon {
        display: inline-block;
        width: 1.5em;
        height: 1.5em;
        vertical-align: middle;
        background-image: var(--bs-navbar-toggler-icon-bg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
        /* color: #ccc; */
        /* border: 1px solid #fff;
        padding: 10px;
        background-color: #ccc;
    } */ 
    .navbar-toggler {
        /* padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x); */
        /* font-size: var(--bs-navbar-toggler-font-size); */
        font-size: 12px;
        line-height: 1;
        color: rgb(53 43 43);
        background-color: transparent;
        border: var(--bs-border-width) solid rgb(229 212 212 / 58%);
        border-radius: var(--bs-navbar-toggler-border-radius);
        transition: var(--bs-navbar-toggler-transition);
        margin-top: -40px;
        margin-left: 325px;
        padding: 6px;
    }
    /* Navbar End */
    /* hero-text */
    .hero-text{
        position: absolute;
    top: 26%;
    left: 6%;
    width: 60%;
    }
    .hero-text h1{
        color: #fff;
        font-family: "Barlow", serif;
        font-size: 19px;
        font-weight: 800;
        line-height: 28px;
    }
    .hero-text p{
        color: #fff;
        font-size: 13px;
        font-weight: 400;
        margin: 0px 0px 12px 1px;
        line-height: 17px;
    }
    /* BTN */
    .btn-hero1 {
        display: inline-block;
        position: relative;
        overflow: hidden; /* Ensures background animation stays within bounds */
        padding: 5px 10px 5px 10px ;
        border-radius: 0px;
        background-color:#F3BD15;
    }
    .btn-hero1 a {
        display: inline-block;
        padding: 0px 0px;
        color: #000;
        text-decoration: none;
        position: relative;
        z-index: 1;
        transition: color 0.5sease;
        font-size: 10px;
        letter-spacing: 3px;
        
    }
    .btn-hero1 a:hover {
        color: #fff;
        transition: all 0.5 ease-in;
    }
    .btn-hero1:hover{
          background-color: #4b4b4b;
          color: #fff;
    }
    /* END BTN */
    /* Hero End */
      
    /* Who We Start  */
    .who-we{
   
        padding:50px 0px 0px 0px; 
         /* background-image:url('../images/bg-1.jpg'); */
        /* background-repeat: no-repeat; */
        /* background-size: cover; */
        background-position: center; 
         /* height: 800px; */
         position: relative;
    }
    .bg-who{
        width: 100%;
        position: absolute;
        top:0%;
        left:0%;
        z-index: -1111;
    }
    .bg-who span{
        display: block;
    }
    .bg-who span img{
        width: 100%;
    }
    .who-we-bg{
        width: 100%;
    }
    .who-we-bg span{
        display: block;
    }
    .who-we-bg span img{
        width: 100%;
    }
    .divider-segmented {
        display: flex;
        justify-content: space-between; /* Ensures the segments are evenly spaced */
        width: 35%;
        height: 12px; /* Adjust the height of the segments */
    }
    
    .divider-segment {
        width: 10%; /* Adjust the width of each piece */
        height: 100%; /* Ensures each piece fills the height of the container */
        background-color: #F3BD15; /* Color of each segment */
        transform: skewX(-20deg); /* Creates the parallelogram effect */
        margin: 0 1px; /* Space between the segments, adjust as needed */
    }
    .about-txt h1{
        font-size: 28px;
        font-weight: 800;
        font-family: "Barlow", serif;
        line-height: 28px;
        margin: 12px 0px 17px 0px;
    
    }
    .about-txt h6{
        font-size: 12px;
        font-weight: 800;
        color: #f26959;
        letter-spacing: 2px;
        font-style: italic;
        
    }
    .about-para p{
        font-size: 15px;
        line-height: 20px;
        font-weight: 500;
        color: #565656;
        margin-bottom: 30px;
        margin-top: 20px;
    }
    .about-card{
        margin-top: 40px;
    }
    .custom-blockquote {
        position: relative;
        font-style: italic;
        font-size: 15px;
        color: #333;
        padding: 20px;      
        background: #efefef;
        margin: -11px 0;
        margin-bottom: 10px;
    }
    
    .custom-blockquote .blockquote-icon {
        color: #F3BD15;
        font-size: 55px;
        position: absolute;
        top: -7px;
        left: 0px;
        font-family: serif;
    }
    
    .custom-blockquote p {
        margin: 0;
        padding-left: 28px; /* Indent text for better alignment */
    }
    
    .custom-blockquote footer {
        font-size: 1rem;
        color: #666;
        margin-top: 10px;
        padding-left: 40px;
    }
    .card-img{
        width: 100%;
        height: 260px
    }
    .card-img span{
        display: block;
    }
    .card-img img{
        width: 100%;
        height: 240px;
        /* margin-top: 25px; */
    }
    /*Started assets (counter) */
    .counter {
        font-size: 70px;
        font-weight: bold;
        color: #F3BD15;
        font-family: "Barlow", serif;
        font-weight: 800;    
    }
    
    .assets {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 25px;
        flex-wrap: wrap;
    }
    
    .counter-box {
        display: flex;
        flex-direction: column;
        align-items: center;
        min-width: 80px; /* Ensures a stable width */
    }
    
    .counter {
        font-size: 60px;
        font-weight: 900;
        font-family: "Barlow", serif;
        min-width: 100px;
        text-align: center;
        display: inline-block;
    }

    .count-box{
        /* display:flex; */
        /* justify-content: space-between; */
        /* text-align: center; */
        align-items: center;
        padding: 0px 0px 0px 0px;
        border:1px solid #ccc;
        margin-left: 15px;
        padding: 20px;
        margin-bottom: 10px;
    }
    
    .suffex {
        font-size: 38px;
        margin-left: -37px;
        font-weight: 900;
        color: #F3BD15;
        margin-top: -14px;
    }
    .su1 {
        font-size: 50px;
        margin-left: -10px;
        font-weight: 900;
        color: #F3BD15;
        margin-top: -16px;
    }
    .su2 {
        font-size: 42px;
        margin-left: -55px;
        font-weight: 900;
        color: #F3BD15;
        margin-top: -10px;
    }
    .su4 {
        font-size: 42px;
        margin-left: -83px;
        font-weight: 900;
        color: #F3BD15;
        margin-top: -10px;
    }
    .su3 {
        font-size: 40px;
        margin-left: -62px;
        font-weight: 900;
        color: #F3BD15;
        margin-top: -10px;
        margin-right: 28px;
    }
    
    .counter-txt {
        padding: 0px 11px;
        border-left: 1px solid #333;
        margin: 0px 50px;
        
    }
    
    .counter-txt p {
        font-size: 20px;
        font-family: "Barlow", serif;
        font-weight: 600;
        color: #333;
    }
    /* end assets (counter) */
    /* Started our services */
    .our-services{
        padding: 0px 0px 50px 0px;
    
    }
    .float-img{
        position: relative;
    }
    .float-bg{
        position:absolute;
        top:0%;
        left:0%;
        z-index: -200;
    }
    .services-top{
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .service-txt h1{
        font-size: 28px;
        font-weight: 800;
        font-family: "Barlow", serif;
        line-height: 30px;
        margin: 10px 0px 10px 0px;
        /* padding-right: 70px; */
        border-right: 2px solid #000;
    
    }
    .service-txt h6{
        font-size: 11px;
        font-weight: 800;
        color: #f26959;
        letter-spacing: 4px;
        font-style: italic;
        padding-right: 20px;
        
        
    }
    .service-txt{
        text-align: left;
        margin-right: 66px;
    }
    .btn-service{
        padding: 3px 25px 3px 25px;
        /* margin-top: 21px; */
        background-color: #F3BD15;
        text-decoration: none;
        text-align: center;
        margin-top: 21px;
        /* margin-right: 103px; */
        margin-left: -60px;
    }
    .btn-service a{
        text-align: center;
        display: inline-block;
        padding: 4px 10px;
        color: #000; /* Text color */
        text-decoration: none;
        position: relative;
        transition: color 0.5s ease; /* Smooth text color transition */
        font-size: 11px;
        letter-spacing: 2px;
        transition: all 0.5 ease-in;
        font-weight: 600;
    
    }
    .btn-service a:hover {
        color: #fff;
        transition: all 0.5 ease-in;
    }
    .btn-service:hover{
          background-color: #4b4b4b;
          color: #fff;
    }
    .srv-img{
        width: 100%;
    }
    .sev-img span{
        display: block;
    }
    .srv-img img{
        width: 100%;
    }
    .srv-card{
        position: relative;
    }
    .srv-txt{
        /* position: relative; */
        padding: 25px;
        /* background-image: url('../images/2607293_4981.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;   */
            
    }
    .srv_bg{
        position: absolute;
        width: 100%;
        top: 49%;
        left: 0%;
        z-index: -1;
    
    }
    .srv_bg span{
        display: block;
    
    }
    .srv_bg span img{
        width: 100%;
        height: 210px;
    }
    .srv-txt h2{
        color:#3f444b;
        font-size:26px;
    }
    .srv-btn{
        border-bottom:1px solid #000;  
        width: 38%;
        transition: all 0.5 ease-in
    }
    .srv-btn a{
        text-decoration: none;
        color:#3F444B; 
        letter-spacing: 2px;
        font-size: 12px;
        font-weight: 600;  
        margin-left: 1px;
    
    }
    .srv-btn .fa-arrow-right{
        padding:2px;
        background-color: #000;
        border-radius: 50px;
       margin-left: 5px;
       color:#ccc;
       font-size: 9px;
    
    }
    .srv-btn:hover{
        border-bottom:1px solid #F3BD15;
        transition: all 0.5 ease-in
    }
    /* End Services */
    /* Start Discover */
    .discover {
        position: relative;
        padding: 20px 15px;
        width: 100%;
        z-index: 1;
    }
    .bg-discover{
        width: 100%;
        position: absolute;
        top:0%;
        left: 0%;
        z-index: -111111;
        
    }
    .bg-discover span{
        display: block;
    }
    .bg-discover span img{
        width: 100%;
        height: 250px;
        
    }
    
    .discover::before { /*overlear*/
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 250px;
        background-color: rgba(26, 26, 27, 0.5); /* #3f444b with 50% opacity */
        z-index: -1;
    }
    
    
    .discover-txt h1{
        font-size: 28px;
        color: #ffff;
        font-weight: 800;
        line-height: 28px;
        margin-bottom: 25px;
    }
    .discover-txt p{
        color:#ffff;
        margin-bottom: 25px;
        font-size: 14px;
        font-weight: 600;
        
    }
    /* end discover */
    /* start price */
    .price{
        position: relative;
        padding: 50px 0px 50px 0px;
        /* background-image: url('../images/bg-1.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center; */
    }
    .bg-price{
        position: absolute;
        width: 100%;
        top:0%;
        left: 0%;
        z-index: -222222;
    }
    .bg-price span{
        display: block;
    }
    .bg-price span img{
        width: 100%;
        height: 2368px;
        /* display: none; */
    }
    .price-top-txt{
        text-align: center;    
    }
    .segment-2{
        width: 50%;
        margin-left: 42%;
    }
    .pricing-tab{
        margin-top: 50px;
    }
    .nav-link {
        font-size: 18px;
        font-weight: 500;
        display: block;
        /* padding: 0.5rem 1rem; */
        color:#495057;
        text-decoration: none;
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
    }
    .nav-link:hover {
        color:#495057;
       
    }
    /* Change background color of the tab to #EFEFEF */
    .pricing-tab .nav-link {
        background-color: #EFEFEF;
        border-top: 1px solid #EFEFEF;
        border-left: 1px solid #EFEFEF;
        border-right: 1px solid #EFEFEF;
        
        border-radius: 0px; /* No rounded corners */
    }
    
    /* Change the background color of the active tab to #FFFFFF */
    .pricing-tab .nav-link.active {
        background-color: #FFFFFF;
        border-top: 1px solid #EFEFEF;
        border-left: 1px solid #EFEFEF;
        border-right: 1px solid #EFEFEF;
        /* border-color: red; */
        border-radius: 0px; /* No rounded corners for the active tab */
    }
    
    /* Set border for all tabs */
    .pricing-tab .nav-tabs .nav-link {
        /* border-top: 1px solid #EFEFEF; */
        
        border-radius: 0px; /* Ensure no rounded corners */
    }
    
    /* Set equal width for each tab */
    .pricing-tab .nav-tabs .nav-link {
        flex: 1; /* Make all tabs the same width */
        text-align: center;
    }
    
    /* Optional: Style the tab content */
    .pricing-tab .tab-content {
        padding: 15px;
        background-color: #fff;
        border-top: 1px solid #EFEFEF;
        border-radius: 0px; /* No rounded corners for content area */
    }
    .pricing-tab .tab-content {
        padding: 15px;
        background-color: #fff;
        border: 1px solid #EFEFEF;
        border-radius: 0px;
    }
    .pricing-tab .nav-tabs .nav-link {
      flex: 1;
      text-align:left ; 
      padding: 18px;
      font-size: 16px;
    }
    .nav-tabs {
        border-bottom: 0px solid #dee2e6;
    }
    .item-txt p{
        padding: 17px;
        text-align: justify;
        color: #666;
    }
    
      
    .basic {
        /* padding: 20px; */
        background-color:#EFEFEF;
        text-align: center;
        position: relative;
    }
    .basic-m {
        /* padding: 20px; */
        background-color:#ffffff;
        text-align: center;
        position: relative;
        box-shadow: 2px 2px 5px rgb(0 0 0 / 20%);
    }
    .basic-m h1 {
        font-size: 24px;
        font-weight: 700;
        margin-bottom: 10px;
        color: #333333;
    }
    .basic-m h6 {
        font-size: 14px;
        color: #777777;
        margin-bottom: 20px;
    }
      
    .basic h1 {
        font-size: 30px;
        font-weight: 700;
        margin-bottom: 10px;
        color: #333333;
    }
      
    .basic h6 {
        font-size: 14px;
        color: #777777;
        margin-bottom: 20px;
    }
      
    .price-table {
        margin: 20px 0;
        font-weight: bold;
        display: inline-flex;
        align-items: flex-start;
        font-size: 16px;
    }
      
    .Package{
        margin-top: 50px;
    }  
      
    .price-table .amount {
        font-size: 48px;
        color: #222222;
        font-weight: 800;
    }
      
    .price-table .after-price {
        font-size: 30px;
        color: #000000;
        margin-left: 5px;
        margin-top: 12px;
    }
    .price-table .currency{
        margin-top: 10px;
        font-size: 28px;
    }
      
    .features-list {
        list-style-type: none;
        padding: 10px 20px;
        margin: 20px 0;
    }
      
    .features-list li {
        padding: 0px 0;
        font-size: 15px;
        color: #444444;
        display: flex;
        align-items: center;
        border-bottom: 1px solid #ccc;
        padding-bottom: 5px;
        text-align: left;
    }
      
    .features-list li i {
        color: #5f5f5e;
        font-size: 18px;
        margin-right: 15px;
    }
    /* Ribbon style */
    /* Ribbon style */
    .ribbon {
        position: absolute;
        background-color: #FDC411;
        color: #4B4B4B;
        font-weight: bold;
        padding: 4px 7px;
        font-size: 12px;
        top: 43px;
        left: 319px;
        transform: rotate(90deg);
        width: 112px;
        text-align: center;
        box-shadow: 2px 2px 5px rgb(0 0 0 / 20%);
        z-index: 10;
    }
    .off {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .off p{       
        font-size: 15px;
        margin: 5px 5px;
    }
    .basic-top{
        background-color: #4B4B4B;
        padding: 15px 20px;
        
    }
    .basic-top h1{
        color: #FDC411;
        font-size: 30px;
    }
    
    .basic-top h6{
        color:#ccc;
    }
    .basic-top1{
         padding: 10px 10px;
        
    }
    /* end price */
    /* start discount */
    .discount{
        position: relative;
        width: 100%;
        padding:50px 0px 50px 0px;
        /* background-image: url('../images/2.jpg');
        background-position: center;
        /* background-attachment: fixed; */
        /* background-repeat: no-repeat;
        background-size: cover;  */
        text-align: center;
         color: #fff; 
        
    }
    .bg-disc{
        width: 100%;
        position: absolute;
        top:0%;
        left: 0%;
        z-index: -33333;
    }
    .bg-disc span{
        display: block;
    }
    .bg-disc span img{
        width: 100%;
       height: 300px;
    }
    .discount-txt h1{
        font-size: 28px;
        line-height: 30px;
        font-weight: 800;
       
    }
    .discount-txt p{
        font-size: 15px;
        font-weight: 600;
        padding: 10px 10px 10px 10px;
        background-color: #352b2b14;
    }
    /* end dicount */
    /* start choose us */
    .choose-us{
        padding: 50px 0px 50px 0px;
    }
    .us-img{
        width: 100%;
        
    }
    .us-img span{
        display: block;
    }
    .us-img span img{
        width: 100%;
        height: 350px;
    }
    .choose-card p{
        font-size: 18px;
    }
    .choose-card1{
        display: flex;
        
    }
    .choose-left{
        margin-top: 50px;
        margin-left: 0px;
    }
    .choos h2{
        font-size: 23px;
    }
    .card-icon .fa-arrow-right{
        padding: 4px;
        background-color:#F3BD15;
        border-radius: 50px;
        color:#fff;
    }
    .choos{
        margin-left: 12px;
    }
    .card-para p{
        font-size: 20px;
        /* text-align: justify; */
        padding: 0px 10px;
    }
    .choose-para{
        margin: 40px 0px 40px 0px;
        font-size: 18px;
    }
    /* end choose use */
    /* start bolg */
    .blog{
        padding: 20px 0px 90px 0px;
    }
    .blog-top{
        text-align: center;
        position: relative;
    }
    .blog-float-img{
        position: absolute;
        top: -62%;
        left: 0%;
        z-index: -1;
    }
    .post-img{
        width: 100%;
        
        
    }
    .post-img span{
        display: block;
    }
    .post-img span img{
        width: 100%;
    }
    .post{
        position: relative;
    }
    .post-lable{
        width: 55%;
        position: absolute;
        top:0%;
    }
    .post-lable h6{
        background-color: #F3BD15;
        padding: 8px;
        text-align: center;
        font-size: 12px;
       font-style: italic;
       letter-spacing: 4px;
       font-weight: 700;
    }
    .post-data-command{
        display: flex;
        justify-content: space-between;
        padding:0px 25px 0px 25px;
       
    }
    .post-data-command h6{
        color:#6B6B6B;
    
    }
    .post-data-command span{
        color:tomato;
    }
    .command h6{
        padding:0px 25px 20px 25px;
        color:#6B6B6B;
        font-size: 15px;
        margin-bottom: 22px;
    }
    .post-content {
        padding: 0px 25px 0px 25px;
        margin-top: 20px;
    }
    .post-content h1{
        font-size: 20px;
        font-weight: 600;
    }
    .post-cd2 {
        margin-bottom: 41px;
    }
    /* .post-content p{
        font-size: 18px;
        color: #495057;
        padding: 10px 0px 25px 0px;
    } */
    
    .post-card{
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }
    .all-blogs{
        margin-top: 50px;
    }
    /* paralex */
    .parallax-window {
        min-height: 600px;
        background: transparent;
    }
    .paralax-txt{
        background-color: #ffff;
        width: 76%;
        padding: 30px;
    }
    .product-paralax{
        position: relative;
    }
    .capability{
        position: absolute;
        top:-10%;
        left:5%;
        
    }
    .paralax-txt{
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    
    }
    
    .prog1 h6{
        font-size: 17px;
        color: #20201f;
        
    }
    .prog1{
        margin-bottom: 15px;
    }
    
    
      /* .progress-bar {
        background-color: #fdc411; 
        transition: width 1.5s ease-in-out; 
      }
      
       */
    .progress {
        background-color: #4b4b4b;
        height: 8px;
        border-radius: 0px;
        overflow: hidden;
    }
      
    .progress-bar {
        background-color: #fdc411;
        height: 100%;
        transition: width 2s ease-in-out;
    }
    .segment-3{
        margin-bottom: 25px;
    }
      /* end capability */
      /* start testimonial */
    .testimonial{
        padding: 50px 0px 50px 0px;
        position: relative;
    }
    .test-img {
        position: absolute;
        top: 1%;
        left: 38%;
        z-index: -100;
        display: none;
    }
    .test-img span{
        display: block;
    }
    .test-img span img{
        width: 60%;
    }
    .segment-3{
        width: 90%;
        margin-left: 0%;
    }
    .testimonial-item {
        text-align: center;
        padding: 20px;
        border: 1px solid #ddd;
        margin: 10px;
    }
    .testimonial-item img {
        max-width: 150px;
        border-radius: 50%;
        margin-bottom: 15px;
    }
    
    /* Custom dots styling */
    .owl-dots {
        text-align: center;
        margin-top: 20px;
    
    }
    .owl-dots .owl-dot {
        display: inline-block;
        margin: 0 5px;
        width: 10px;
        height: 10px;
        background: #7c2929;
        border-radius: 50%;
        display: none;
    }
    .owl-dots .owl-dot.active {
        background:  #e0b10f;
    }
    .button.owl-dot{
        background: #353434;
    }
    .owl-nav{
        display: none;
    }
    /* start footer */
    .top-footer {
        padding: 100px 0px 25px 0px;
        background-color: #20201f;
        position: relative;
    }
    .fotter-logo{
        width: 40%;
        margin-left: 4px;
    }
    .fotter-logo span{
        display: block;
    }
    .fotter-logo span img{
        width: 100%;
    }
    .footer-para{
        color: #fff;
    }
    .contact{
        display: flex;
        justify-self: start;
    }
    .con-icon{
        color: #FDC411;
    }
    .con-txt p {
        color: #fff;
        margin-left: 10px;
        font-size: 14px;
        margin-bottom: 10px;
    }
    .social-icon{
        margin-bottom: 15px;
    }
    .social-icon i{
        color:#fff;
        margin-left: 5px;
        background-color: #474747;
        padding: 5px;
        margin-top: 10px;
        transition: all 0.5s ease-in;
    }
    /* hover effect */
    
    .social-icon .social {
        display: inline-block;
        margin: 0 2px; /* Optional: Adds spacing between icons */
        font-size: 15px; /* Optional: Adjust icon size */
        transition: transform 0.3s ease;
    }
    
    .social-icon .social:hover {
        transform: scale(1.2);
    }
    
    
    .social-icon i:hover{
        color:#e0b10f;
        cursor: pointer;
        transition: all 0.5s ease-in;
    }
    .footer-para p {
        margin: 15px 0px 15px 0px;
        font-size: 12px;
    }
    .location-map{
        width: 10%;
    }
    .news h1{
        color: #fff;
        font-size: 20px;
        margin-top: 10px;
    }
    .news p{
        color: #fff;
        font-size: 14px;
    }
    .location-map {
        width: 100%;
        height: auto;
        position: relative;
        padding-bottom: 56.25%; /* 16:9 aspect ratio */
    }
    
    .location-map iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
        filter: grayscale(100%); /* Black and white effect */
    }
    .location-map iframe:hover {
        filter: grayscale(0%); /* Revert to color on hover */
        transition: filter 0.3s ease; /* Smooth transition */
    }
    .newsletter-form {
        margin-top: 20px; /* Add some space above the form */
    }
      
    .form-group {
        margin-bottom: 15px; /* Space between form fields */
    }
      
    .form-group input {
        width: 100%;
        padding: 4px;
        border: 1px solid #ccc;
        border-radius: 0px;
        background-color: #fff;
        color: #fff;
        font-size: 13px;
    }
      
    .form-group input::placeholder {
        color: #aaa; 
    }
      
    .submit-btn {
        width: 100%;
        padding: 5px;
        background-color: #FDC411;
        border: none;
        border-radius: 0px;
        font-size: 14px;
        cursor: pointer;
        transition: background-color 0.3sease;
    }
      
    .submit-btn:hover {
        background-color: #e0b10f; 
    }
    .cta-section {
        width: 90%;
        background-color: #FDC411;
        padding: 12px 32px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
        margin: 0 auto;
        clip-path: polygon(0 0, 100% 0, 98% 100%, 0% 100%);
    }
      
    .cta-section h1 {
        color: #20201f;
        font-size: 24px;
        margin: 0;
        font-weight: 700;
        margin-left: 11px;
        padding: 5px 3px 5px 0px;
    }
      
    .cta-button {
        background-color: #FDC411;
        /* color: #fff; */
        padding: 2px 10px;
        border: 1px solid #20201f;
        border-radius: 0px;
        font-size: 14px;
        cursor: pointer;
        transition: background-color 0.3sease;
        margin-right: 0px;
    }
    .cta-button:hover {
        background-color: #333; 
        color: #fff;
    }
    .float-top{
        position: absolute;
        top:-6%;
        left:-8%;
    }
    hr{
        color: #ccc;
        /* margin-top: 50px; */
    }
    .footer-bott{
        text-align: center;
        color: #ccc;
        padding: 20px 0px 10px 0px;
        /* margin: 20px 0px -10px 0px; */
        background-color: #20201f;
        border-top: 1px solid #383838;
    }
    /* scroll to top */
    
    /* Scroll-to-top button styling */
    #scrollToTopBtn {
        /* display: none;  */
        position: fixed;
        bottom: 20px;
        right: 20px;
        background-color: #ff5722;
        color: white;
        border: none;
        border-radius: 50%;
        width: 50px;
        height: 50px;
        font-size: 24px;
        cursor: pointer;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
        transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
        z-index: 111;
        
    }
    
    /* Hover effect */
    #scrollToTopBtn:hover {
        background-color: #e64a19; 
        transform: scale(1.1) rotate(360deg); 
        box-shadow: 0 6px 15px rgba(0, 0, 0, 0.4);
    }
    
    /* Car icon animation */
    #scrollToTopBtn i {
        transition: transform 0.3s ease;
    }
    
    #scrollToTopBtn:hover i {
        transform: translateY(-5px); 
    }
    /* Tire track effect */
    #scrollToTopBtn::before {
        content: "";
        position: absolute;
        top: -10px;
        left: 50%;
        width: 20px;
        height: 4px;
        background-color: #333;
        transform: translateX(-50%);
        border-radius: 2px;
        opacity: 0;
        transition: opacity 0.3s ease;
    }
    
    #scrollToTopBtn:hover::before {
        opacity: 1;
    }
    
    

}