/***************************************************************************************************************
||||||||||||||||||||||||||       MASTER STYLESHEET FOR FACTORY        |||||||||||||||||||||||||||||||||||||||
****************************************************************************************************************
||||||||||||||||||||||||||                TABLE OF CONTENT               |||||||||||||||||||||||||||||||||||||||
****************************************************************************************************************
****************************************************************************************************************

01. Imported styles
02. Flaticon reset styles
03. Header styles
04. Mainmenu styles
05. Rev_slider_wrapper styles
66. Call to action area Style
07. Categories area style
08. Fact counter area style
09. Latest Blog area style
10. Latest blog area style 
11. Testimonial area style
12. Brand area style
13. Single service style
14. Pricing table area style
15. About page style
16. Account page style
17. 404 page style style
18. Blog page style
19. Blog single style
20. Team page style
21. Shop page style style
22. Shop with sidebar Style
23. Shop single Style
24. Cart page style style
25. Contact page style

****************************************************************************************************************
||||||||||||||||||||||||||||            End TABLE OF CONTENT                ||||||||||||||||||||||||||||||||||||
****************************************************************************************************************/

/* Imported styles */
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600,700');
@import url('https://fonts.googleapis.com/css?family=Hind:300,400,500,600,700');
@import url(imp.css);
@import url(hover.css);
@import url('prettyPhoto.css');
@import url(../css/bootstrap.min.css);
@import url(../css/bootstrap-select.min.css);
@import url(../css/jquery.bootstrap-touchspin.css);
@import url(../css/font-awesome.css);
@import url(../css/flaticon.css);
@import url(../css/icomoon.css);
@import url(../css/settings.css);
@import url(../css/layers.css);
@import url(../css/navigation.css);
@import url(../css/owl.carousel.css);
@import url(../css/jquery.bxslider.css);
@import url(../css/flexslider.css);
@import url(../css/jquery-ui.css);
@import url(../css/jquery.fancybox.css);
@import url(../css/polyglot-language-switcher.css);
@import url(../css/animate.min.css);
@import url(../css/nouislider.css);
@import url(../css/nouislider.pips.css);
@import url(../css/menuzord.css);
@import url(../css/magnific-popup.css);
@import url(../css/imagehover.min.css);

/*==============================================
   Base Css
===============================================*/

body {
  font-family: 'Hind', sans-serif;
  color:#000000;
  font-size: 16px;
}

/* HEADER BASE */
.header-area {
    position: relative;
    overflow: hidden;
    background: #ffffff;
    z-index: 1;
}

/* 🔷 Animated Tech Grid */
.header-area::before {
    background-image: 
        linear-gradient(rgba(0,120,255,0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0,120,255,0.06) 1px, transparent 1px);
    background-size: 50px 50px;
    z-index: 0;
}

/* 🌊 Soft flowing gradient waves */
.header-area::after {
    content: "";
    position: absolute;
    inset: 0;
    background: 
        radial-gradient(circle at 20% 30%, rgba(0,120,255,0.18), transparent 60%),
        radial-gradient(circle at 80% 70%, rgba(0,180,255,0.15), transparent 60%),
        radial-gradient(circle at 50% 50%, rgba(0,150,255,0.08), transparent 70%);
    animation: waveMove 10s ease-in-out infinite alternate;
    z-index: 0;
}

/* ⚙️ Premium rotating rings (machine feel) */
.header-area .container::before,
.header-area .container::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

/* HERO */
.page-hero {
    background: #1f3c88;
    color: #fff;
    padding: 80px 0;
}

/* SERVICES */
.services-section {
    padding: 60px 0;
}

.service-card {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 30px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08);
    transition: 0.3s;
}

.service-card:hover {
    transform: translateY(-8px);
}

.service-card img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.service-content {
    padding: 20px;
    text-align: center;
}

.service-content i {
    font-size: 30px;
    color: #1f3c88;
    margin-bottom: 10px;
}

/* DETAIL */
.service-detail {
    padding: 60px 0;
    background: #f5f9ff;
}

/* CTA */
.cta-section {
    background: #1f3c88;
    color: #fff;
    padding: 60px 0;
}
.machine-section {
    padding: 70px 0;
    background: #f9f9f9;
}

.machine-card {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    margin-bottom: 30px;
}

.machine-card img {
    width: 100%;
    height: 280px;
    object-fit: cover;
    transition: 0.4s ease;
}

/* Hidden initially */
.machine-name {
    position: absolute;
    bottom: -70px;
    width: 100%;
    background: rgba(0,0,0,0.75);
    color: #fff;
    text-align: center;
    padding: 16px;
    font-size: 17px;
    font-weight: 600;
    transition: 0.4s ease;
}

.machine-card:hover img {
    transform: scale(1.08);
}

.machine-card:hover .machine-name {
    bottom: 0;
}

.substrate-section {
    padding: 60px 0;
}

.substrate-scroll {
    display: flex;
    gap: 20px;
    overflow-x: auto;
    scroll-behavior: smooth;
}

.substrate-scroll::-webkit-scrollbar {
    height: 6px;
}

.substrate-scroll::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px;
}

/* Card */
.substrate-card {
    position: relative;
    min-width: 250px;
    height: 300px;
    overflow: hidden;
    border-radius: 10px;
    flex-shrink: 0;
}

.substrate-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.substrate-card:hover img {
    transform: scale(1.1);
}

/* Overlay text */
.overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 12px;
    background: rgba(0,0,0,0.7);
    color: #fff;
    text-align: center;
    font-size: 16px;
    opacity: 0;
    transition: 0.3s;
}

.substrate-card:hover .overlay {
    opacity: 1;
}

.header-area .container,
.header-area .row,
.header-area .logo,
.header-area .header-contact-info {
    position: relative;
    z-index: 1;
}

/* 💎 Glassmorphism cards */
.header-contact-info ul li {
    background: rgba(255,255,255,0.6);
    backdrop-filter: blur(10px);
    border-radius: 12px;
    padding: 12px;
    margin-bottom: 10px;
    transition: 0.3s;
}

.header-contact-info ul li:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,120,255,0.15);
}
/* Email Floating Button */
.email-float {
    position: fixed;
    left: 20px;   
    bottom: 20px;
    width: 55px;
    height: 55px;
    background-color: #0072c6; 
    color: #fff;
    border-radius: 50%;
    text-align: center;
    font-size: 26px;
    box-shadow: 2px 2px 8px rgba(0,0,0,0.3);
    z-index: 100;
    transition: all 0.3s ease;
}

.email-float i {
    margin-top: 14px;
}

.email-float:hover {
    background-color: #005fa3;
    transform: scale(1.1);
}

.thm-btn i {
    margin-right: 8px;
}

.thm-btn {
    transition: 0.3s ease;
}

.thm-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.2);
}

h1,h2,h3,h4,h5,h6,p,ul { margin:0;padding: 0;}
h1,h2,h3,h4,h5 {
  font-family: 'Montserrat', sans-serif; 
} 

ul {list-style-type: none;}

p {font-family: 'Hind', sans-serif;font-size: 16px;color: #000000;line-height: 26px;font-weight: 300;}
a {text-decoration: none;display: inline-block;outline: none;}
a:hover,a:focus,a:visited {text-decoration: none; outline: none;}

img {max-width: 100%;display: inline-block;}

button {border:none; outline:none; box-shadow: none; display: block; padding: 0; background: transparent;}
input,textarea {font-family: 'Hind', sans-serif;display: block; font-size: 16px; line-height: 28px; outline: none; box-shadow: none;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}



.boxed_wrapper {
    width: 100%;
    background: #fff;
    overflow-x: hidden;
}
.sec-padd {
  padding: 80px 0 80px;
}
.sec-padd2 {
  padding: 80px 0 30px;
}

.sec-padd-top {
  padding-top: 80px;
}
.sec-padd-bottom {
  padding-bottom: 80px;
}
.no-padd {
  padding: 0px;
}
.clear_fix { clear:both;}
.clear_fix:after {
  display: table;
  content: '';
  clear: both;
}
.list_inline li {
  display: inline-block;
}
.social li {
  display: inline-block;
  font-size: 14px;
  padding: 0 10px;
}
.social li a {
  color: #149ed8;
  transition: .5s ease-in-out;
  font-size: 14px;
}
.default_link {
  font-size: 14px;
  text-transform: uppercase;
  font-family: 'Hind', sans-serif;
  color: #0d20f1;
}
.default_link:hover {
  color: #0770f0;
}

.default_link i {
  margin-left: 3px;
  font-weight: 700;
  font-size: 18px;
  position: relative;
  top: 1px;
}

.default-overlay-outer{
  position:absolute;
  display:block;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  padding:10px;
  transition:all 700ms ease;
  -webkit-transition:all 700ms ease;
  -ms-transition:all 700ms ease;
  -o-transition:all 700ms ease;
  -moz-transition:all 700ms ease;
}

.default-overlay-outer .inner{
  position:absolute;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  display:table;
  vertical-align:middle;
  text-align:center;
}

.default-overlay-outer .inner .content-layer{
  position:relative;
  display:table-cell;
  vertical-align:middle;
  color:#ffffff;
}

.rating {
    font-size: 14px;
    color: #fd1616;
}

.uppercase {
  text-transform: uppercase;
}
.padd-80 {
  padding-top: 80px;
}
.tran5 {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.center {
  text-align: center;
}

.row-5 {
  margin: 0 -5px;
}
.row-10 {
  margin: 0 -10px;
}

.thm-color {
  color: #ed2f2f;
}

.bold {
  font-weight: 700;
}
.s-bold {
  font-weight: 600;
}
.m-bold {
  font-weight: 600;
}

.float_left {
    float: left;
}
.float_right {
    float: right;
}

.border-bottom {
  border-bottom: 1px solid #f54040;
}

@media (min-width: 1200px) {
  .container {
    padding: 0;
  }
}

.thm-btn {
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
  position: relative;
  transition: all 0.5s ease 0s;
  cursor: pointer;
  padding: 0 30px;
  line-height: 50px;
  display: inline-block;
  text-align: center;
  z-index: 1;
}

.thm-btn:hover{
  color: #f14c4c;
}

.service-row{
    display:flex;
    align-items:center;
    margin-bottom:60px;
    gap:40px;
}

.service-row.reverse{
    flex-direction:row-reverse;
}

.service-img{
    flex:1;
}

.service-img img{
    width:100%;
    height:350px;
    object-fit:cover;
    border-radius:10px;
}

.service-text{
    flex:1;
}

.service-text h2{
    margin-bottom:15px;
    color:#0580b9;
}

.service-text p{
    font-size:16px;
    line-height:1.6;
}

@media(max-width:768px){
    .service-row{
        flex-direction:column;
    }

    .service-row.reverse{
        flex-direction:column;
    }
}

.thm-btn:before {
  background-color: #d8dcdc;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: scale(0.5, 1);
  transition: all 0.4s ease 0s;
  width: 100%;
  z-index: -1;
}
.bg-clr1{
  background: #f2efef;  
  color: #000000;
}
.thm-btn:hover::before{
  opacity: 1;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
.bg-clr2{
  background: #222;
  color: #fff;
  position: relative;
}
.bg-clr2:before {
  background-color: #0072c6;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: scale(0.5, 1);
  transition: all 0.4s ease 0s;
  width: 100%;
  z-index: -1;
}
.bg-clr2:hover:before{
  opacity: 1;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);    
}

.main-menu {
    padding: 0 0;
}

.main-menu .navigation {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 30px; 
}

.main-menu .navigation > li {
    position: relative;
}

.main-menu .navigation > li > a {
    padding: 10px 12px;
    font-size: 15px;
    font-weight: 500;
    color: #111;
    text-transform: capitalize;
    transition: 0.3s ease;
}

.main-menu .navigation > li > a:hover {
    color: #007bff;
}

.main-menu .navigation li ul {
    position: absolute;
    top: 120%;
    left: 0;
    min-width: 220px;
    background: #ffffff;
    border-radius: 10px;
    padding: 10px 0;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: 0.3s ease;
}

.main-menu .navigation li:hover > ul {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.app-block {
    margin-bottom: 60px;
}

.app-img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 8px;
}

.app-block h3 {
    font-weight: 600;
    margin-bottom: 15px;
}

.app-block p {
    font-size: 16px;
    line-height: 1.7;
    color: #000000;
}

@media (max-width: 768px) {
    .app-img {
        height: auto;
        margin-bottom: 20px;
    }
}/* Container Layout */
.nav-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

/* Header Action Area (Toggle + Button) */
.nav-header-actions {
    display: flex;
    align-items: center;
    gap: 15px; /* Space between toggle and button */
}

/* Button Styling Adjustment */
.link_btn .thm-btn {
    padding: 8px 15px;
    font-size: 14px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    white-space: nowrap;
}

.link_btn .thm-btn i {
    margin-right: 5px;
}

/* Responsive Tweaks */
@media (max-width: 767px) {

    /* Header actions layout */
    .nav-header-actions {
        width: 100%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        flex-direction: row;
        gap: 150px; /* Reduced gap for proper spacing */
    }

    /* Search button visible */
    .search-btn {
        display: flex;
         color: skyblue;
        align-items: center;
        justify-content: center;
    }

    /* Download button */
    .link_btn {
        margin-left: 0;
    }

    /* Small screen adjustments */
    @media (max-width: 400px) {

        .btn-text {
            display: none;
        }

        .link_btn .thm-btn i {
            margin-right: 0;
        }

        .nav-header-actions {
            gap: 10px;
        }
    }

    .main-menu {
        width: 100%;
    }
}/* Desktop alignment */
@media (min-width: 768px) {
    .nav-container {
        flex-direction: row;
    }
    .main-menu {
        order: 1;
    }
    .nav-header-actions {
        order: 2;
    }
    .navbar-toggle {
        display: none;
    }
}/* 1. The Three Lines (Hamburger) */
.navbar-toggle .icon-bar {
    background-color: skyblue !important;
}

/* 2. The Box Around the Three Lines */
.navbar-toggle {
    border: 1px solid skyblue !important; /* Sets the box border color */
    background-color: transparent !important; /* Keeps the inside clear */
    padding: 9px 10px;
    margin-right: 15px;
}

/* 3. The Search Icon */
.search_option .search i {
    color: skyblue;
}

/* 4. Hover States (Optional but recommended) */
.navbar-toggle:hover {
    background-color: rgba(135, 206, 235, 0.1) ; /* Faint skyblue glow on hover */
}

.search_option .search:hover i {
    color: #00BFFF; /* DeepSky/* Container to hold everything */
.nav-container {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
}

/* Mobile Header Layout */
.nav-header-actions {
    display: flex;
    width: 100%;
    justify-content: space-between; /* Pushes toggle left, download right */
    align-items: center;
    padding: 10px 0;
}

/* --- SKYBLUE STYLING --- */

/* Three Lines & Box (Left Side) */
.navbar-toggle {
    border: 1px solid skyblue !important;
    background-color: transparent !important;
    margin: 0; /* Remove default Bootstrap margins */
    float: none !important; /* Override legacy floats */
}

.navbar-toggle .icon-bar {
    background-color: skyblue !important;
}

/* Download Button (Right Side) */
.link_btn .thm-btn {
    display: flex;
    align-items: center;
    padding: 8px 15px;
    border: 1px solid skyblue;
    color: skyblue;
    text-decoration: none;
    border-radius: 4px;
}

.link_btn .thm-btn i {
    color: skyblue !important;
    margin-right: 5px;
}

/* --- MOBILE RESPONSIVE DROPDOWN --- */

/* Desktop Fix */
@media (min-width: 992px) {
    .nav-header-actions {
        width: auto; /* Let it sit next to the menu */
        order: 2;
    }
    .main-menu {
        flex: 1;
        order: 1;
    }
    .navbar-toggle {
        display: none; /* Hide toggle on desktop */
    }
}/*Blue on hover */
}
.footer {
    background: #f8f8f8;
    padding: 50px 0 20px;
    font-family: Arial, sans-serif;
    color: #000000;
}

.container {
    width: 90%;
    margin: auto;
}

.footer-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 30px;
}

.footer-col {
    flex: 1;
    min-width: 220px;
}

.footer-logo {
    width: 120px;
    margin-bottom: 15px;
}

.footer-col h4 {
    margin-bottom: 15px;
    font-size: 18px;
    color: #222;
}

.footer-col ul {
    list-style: none;
    padding: 0;
}

.footer-col ul li {
    margin-bottom: 10px;
}

.footer-col ul li a {
    text-decoration: none;
    color: #000000;
    transition: 0.3s;
}

.footer-col ul li a:hover {
    color: #007bff;
}

.social-icons {
    display: flex;
    gap: 15px;              
    padding: 0;
    margin: 0;
}

.social-icons li {
    list-style: none;       
}

.social-icons li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: #333;       
    color: #fff;
    border-radius: 50%;     
    font-size: 18px;
    transition: 0.3s;
}

.social-icons li a:hover {
    background: red;    
}
.gallery-section {
    background: #f9f9f9;
    padding: 60px 0;
}

.gallery-item {
    padding: 10px;
}

.gallery-box {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
}

.gallery-box img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    transition: 0.4s ease;
}

.gallery-overlay {
    position: absolute;
    bottom: -100%;
    left: 0;
    width: 100%;
    background: rgba(0,0,0,0.7);
    color: #fff;
    text-align: center;
    padding: 10px;
    transition: 0.4s ease;
}

.gallery-box:hover img {
    transform: scale(1.1);
}

.gallery-box:hover .gallery-overlay {
    bottom: 0;
}

.gallery-overlay h4 {
    margin: 0;
    font-size: 16px;
}

@media (max-width: 768px) {
    .gallery-box img {
        height: 180px;
    }
}
.advantage-section {
    background: rgba(87, 167, 247, 0.75); 
    backdrop-filter: blur(8px); 
    -webkit-backdrop-filter: blur(8px); 
    padding: 80px 20px;
    text-align: center;
    color: #fff;
}
.about-section {
    padding: 60px 0;
}

.about-block {
    margin-bottom: 60px;
}

.about-img {
    width: 100%;
    border-radius: 10px;
}

.about-text {
    padding: 20px;
}

.about-text h2,
.about-text h4 {
    margin-bottom: 15px;
}

@media (max-width: 768px) {
    .about-block {
        margin-bottom: 40px;
    }
}
.thm-color {
    font-weight: 700; 
}
.sub-title {
    color: #fff;
}
.arrow-list {
    list-style: none;
    padding-left: 0;
}

.arrow-list li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 10px;
    color: #000000; 
}

.arrow-list li::before {
    content: "➤"; 
    position: absolute;
    left: 0;
    color: #007bff; 
    font-weight: bold;
}

.why-text {
    border-bottom: none !important;
    text-decoration: none !important;
}
.section-title::after,
.section-title h2::after,
.why-title::after {
    display: none !important;
}.client-slider {
    padding: 50px 0;
    background: #f9f9f9;
}

.client-slider h2 {
    margin-bottom: 30px;
    font-weight: 600;
}

.logo-slider {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.logo-track {
    display: flex;
    width: calc(250px * 12);
    animation: scroll 20s linear infinite;
}

.logo-track img {
    width: 200px;
    height: 100px;
    object-fit: contain;
    margin: 0 25px;
    filter: grayscale(100%);
    transition: 0.3s;
}

.logo-track img:hover {
    filter: grayscale(0%);
    transform: scale(1.05);
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

.sub-title {
    letter-spacing: 2px;
    font-size: 14px;
    color: #4da6ff;
    margin-bottom: 10px;
}

.main-title {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 50px;
}

/* Cards Layout */
.card-wrapper {
    display: flex;
    justify-content: center;
    gap: 30px;
    flex-wrap: wrap;
}

/* Individual Card */
.card {
    background: #fff;
    color: #333;
    padding: 30px 25px;
    width: 320px;
    border-radius: 15px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
    transition: 0.3s;
}

.card:hover {
    transform: translateY(-10px);
}

/* Icon */
.icon {
    width: 60px;
    height: 60px;
    background: #e60023;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
}

.icon i {
    color: #fff;
    font-size: 24px;
}

/* Text */
.card h3 {
    font-size: 20px;
    margin-bottom: 15px;
}

.card p {
    font-size: 14px;
    line-height: 1.6;
}

.footer-bottom {
    margin-top: 30px;
    border-top: 1px solid #ddd;
    padding-top: 40px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    font-size: 14px;
}

.footer-bottom a {
    text-decoration: none;
    color: #000000;
}

.footer-bottom a:hover {
    color: #007bff;
}

/* DROPDOWN ITEMS */
.main-menu .navigation li ul li {
    padding: 0;
}

.main-menu .navigation li ul li a {
    display: block;
    padding: 10px 20px; 
    font-size: 14px;
    color: #333;
    transition: 0.3s;
}

.main-menu .navigation li ul li a:hover {
    background: rgba(0,120,255,0.08);
    color: #007bff;
    padding-left: 25px; 
}

/*________________Preloader_______________ */

.prealoader{ 
    position:fixed; 
    left:0px; 
    top:0px; 
    width:100%; 
    height:100%; 
    z-index:999999999999; 
    background-color:rgba(255,255,255,1); 
    background-position:center center; 
    background-repeat:no-repeat; 
    background-image:url(../images/icon/preloader.gif);
}

/* Update Mainmenu area Style */
@-webkit-keyframes menu_sticky {
  0%   {margin-top:-100px;}
  50%  {margin-top: -90px;}
  100% {margin-top: 0;}
}
@keyframes menu_sticky {
  0%   {margin-top:-100px;}
  50%  {margin-top: -90px;}
  100% {margin-top: 0;}
}
.mainmenu-area.stricky-fixed {
  position: fixed;
  top: 0;
  left: 0;
  margin: 0;
  width: 100%;
  background: #fff;
  z-index: 99999;
  -webkit-animation-name: menu_sticky;
  animation-name: menu_sticky;
  -webkit-animation-duration: 0.60s;
  animation-duration: 0.60s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  box-shadow: -8px 8px 20px 0px rgba(0, 0, 0, 0.08);
}

/* Scroll To Top styles */
.scroll-to-top {
    background: #e74649;
    border: 2px solid #f63333;
    bottom: 25px;
    color: #fff;
    cursor: pointer;
    display: none;
    font-size: 30px;
    font-weight: normal;
    height: 35px;
    line-height: 35px;
    position: fixed;
    right: 15px;
    text-align: center;
    transition: all 500ms ease 0s;
    width: 45px;
    z-index: 99999;
    -webkit-box-shadow: 0px 8px 23px -6px rgba(27,27,27,1);
    -moz-box-shadow: 0px 8px 23px -6px rgba(27,27,27,1);
    box-shadow: 0px 8px 23px -6px rgba(27,27,27,1);
}
.scroll-to-top:hover {
  background: #f32d2d;
}

.anim-3,.anim-3-all *{
  transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
  -ms-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;  
}

.anim-5,.anim-5-all *{
  transition:all 0.5s ease;
  -moz-transition:all 0.5s ease;
  -webkit-transition:all 0.5s ease;
  -ms-transition:all 0.5s ease;
  -o-transition:all 0.5s ease;  
}

.anim-7,.anim-7-all *{
  transition:all 0.7s ease;
  -moz-transition:all 0.7s ease;
  -webkit-transition:all 0.7s ease;
  -ms-transition:all 0.7s ease;
  -o-transition:all 0.7s ease;  
}

.section-title {
  position: relative;
  margin-bottom: 50px;
}
.section-title h2 {
  position: relative;
  text-transform: capitalize;
  font-weight: 600;
  padding-bottom: 20px;
}
.section-title h3 {
  position: relative;
  text-transform: capitalize;
  font-weight: 600;
  padding-bottom: 20px;
}
.section-title h4 {
  position: relative;
  font-size: 20px;
  text-transform: capitalize;
  font-weight: 600;
  padding-bottom: 20px;
}

.section-title:after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 70px;
    height: 1px;
    background: #0072c6;
}
.section-title.center:after {
    left: 50%;
    margin-left: -35px;
}

/*===========scroll============*/

.scroll-top {
    width: 60px;
    height: 60px;
    position: fixed;
    border-radius: 50%;
    bottom: 30px;
    right: 30px;
    z-index: 99;
    display: none;
    color: #0072c6;
    background: #10252e;
    text-align: center;
    border: 2px solid #19333e;
}
.scroll-top span:before {
  font-size: 27px;
}
.scroll-top:after {
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 1;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
  background: -webkit-radial-gradient(center ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}

.preloader{ position:fixed; left:0px; top:0px; width:100%; height:100%;
 z-index:999999; background-color:#ffffff; background-position:center center;
  background-repeat:no-repeat; background-image:url(../images/icons/preloader.gif);}

.video-image-box{
  position:relative;  
}

.video-image-box .image{
  position:relative;  
}

.video-image-box img{
  display:block;
  width:100%; 
}

.video-image-box .image .overlay-link{
  position:absolute;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  color:#ffffff;
  text-align:center;
  background:rgba(0,0,0,0.10);
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease; 
}

.video-image-box .image .overlay-link:hover {
    background: rgba(72, 199, 236, 0.9);
}

.video-image-box .image .overlay-link .icon{
  position:absolute;
  left:50%;
  top:50%;
  margin-top:-25px;
  margin-left:-25px;
  width: 58px;
  height: 41px;
  line-height: 43px;
  font-size:60px;
  color: #f7f7f7;
}

/*==============================================
    Top bar Area Css
===============================================*/
.top-bar-area {
  background: #292929;
  padding: 7px 0 8px;
}

.top-bar-area p {
  color: #fff;
  font-size: 14px;
  line-height: 24px;
  margin: 6px 0;
}
.top-bar-area p i {
  color: #0072c6;
  margin-right: 8px;
}

/*==============================================
    Header Area Css
===============================================*/
.header-area {
  padding: 24px 0 60px;
}
.header-area.style-2 {
  padding: 0px 0;
}
.header-area.style-2 .logo {
  margin-top: 14px;
}
.header-contact-info{
  overflow: hidden;
}

.header-contact-info ul li {
  border-right: 1px solid #f7f7f7;
  display: inline-block;
  float: left;
  margin-right: 30px;
  padding-right: 30px;
  position: relative;
  padding-top: 4px;
  padding-bottom: 2px;
}
.header-contact-info ul li:last-child{
  margin-right: 0;
  border-right: none;
  padding-right: 0;
}
.header-contact-info ul li .iocn-holder{
  width: 48px;
  border: 1px dashed #0e4cea;
  border-radius: 50%;
}
.header-contact-info ul li .iocn-holder span {
  color: #0879ea;
  display: block;
  font-size: 24px;
  font-weight: 500;
  height: 48px;
  line-height: 48px;
  text-align: center;
  transition: all 500ms ease 0s;
  width: 48px;
}
.header-contact-info ul li .iocn-holder span.top-envelop {
  font-size: 40px;
}
.header-contact-info ul li:hover .iocn-holder span {
  color: #2b2c36;    
}
.header-contact-info ul li .iocn-holder, .header-contact-info ul li .text-holder{
  display: table-cell;
  vertical-align: middle;
} 
.header-contact-info ul li .text-holder {
  padding-left: 10px;
}
.header-contact-info ul li .text-holder h6 {
  color: #222222;
  font-size: 14px;
  font-weight: 600;
  text-transform: capitalize;
  margin: 0 0 10px;
}
.header-contact-info ul li .text-holder p {
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  line-height: 16px;
}
.top-social-links {
  float: right;
  margin: 15px 0;
}
.top-social-links li {
  display: inline-block;
  margin: 0 0 0 15px;
}
.top-social-links li:first-child {
  margin: 0;
}
.top-social-links li a i {
  color: #000000;
  font-size: 16px;
  transition: all 500ms ease;
}
.top-social-links li a:hover i{
  color: #0072c6;
}

/*==============================================
    Mainmenu Area Css
===============================================*/
.mainmenu-area {
  margin-bottom: -35px;
  margin-top: -35px;
  position: relative;
  z-index: 999999;
}

.header-area.style-2 .mainmenu-area {
  margin: 0
}
.header-area.style-2 .main-menu .navbar-header {
  padding: 20px 0;
}

.header-area.style-2 .logo {
    margin-top: 14px;
    position: absolute;
    right: 0;
    top: 0px;
    z-index: 9999999;
}

.mainmenu-area .mainmenu-bg {
  position: relative;
  background: #11a0e2;
  transition: all 0.5s ease 0s;
}
.main-menu {
  float: left;
  position: relative;
}

.main-menu.style-2 {
  float: right;
}

.main-menu .navbar-collapse {
  padding: 0px
}
.main-menu .navigation {
  float: left;
  margin: 0;
  position: relative;
  font-family: 'Montserrat', sans-serif;
}
.main-menu .navigation li {
  float: left;
  padding: 0;
  position: relative;
}

.main-menu .navigation li.home a{
  background: #f01010 none repeat scroll 0 0;
  font-family: FontAwesome;
  font-size: 24px;
  padding: 19px 24px 18px;    
}
.main-menu .navigation li.home a span{
  color: #fff;    
}
.main-menu .navigation li a {
  color: #ffffff;
  display: block;
  font-size: 14px;
  font-weight: 600;
  line-height: 30px;
  opacity: 1;
  padding: 19px 0px 18px;
  margin-left: 20px;
  margin-right: 20px;
  position: relative;
  text-transform: uppercase;
  transition: all 500ms ease 0s;
}
.main-menu.style-2 .navigation li a {
  color: #222;
  padding: 35px 0;
}
.main-menu.style-2 .navigation li:last-child a {
  margin-right: 0px;
}

.main-menu .navigation li.current.home a,
.main-menu .navigation li:hover.home a{
  background: #2b2c36;  
}

.main-menu .navigation > li:hover > a, 
.main-menu .navigation > li.current > a {
  color: #0072c6;
  opacity: 1;
}
.main-menu .navigation > li > ul {
  position: absolute;
  left: 0px;
  top: 100%;
  background: #333;
  width: 230px;
  border-top: 2px solid #fff;
  padding: 12px 20px;
  z-index: 999;
  display: none;
}

.main-menu .navigation > li > ul > li {
  float: none;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
  border-right: none;
}
.main-menu .navigation > li > ul > li:first-child{
  border: none;
}
.main-menu .navigation > li > ul > li > a {
  color: #ffffff;
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  padding: 12px 0px;
  position: relative;
  text-transform: capitalize;
  transition: all 500ms ease 0s;
  margin: 0;
}
.main-menu.style-2 .navigation > li > ul > li > a {
  color: #fff;
  padding: 12px 0px;
}
.main-menu .navigation > li > ul > li:hover > a {
  color: #0072c6;
}

.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn {
  position: absolute;
  right: 10px;
  top: 6px;
  width: 34px;
  height: 30px;
  border: 1px solid #ffffff;
  background: url(../images/icon/submenu-icon.png) center center no-repeat;
  background-size: 20px;
  cursor: pointer;
  display: block;
  z-index: 5;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
}

/* Search Box style   */

/*=================== Cart And Search Option ===============*/

.mainmenu-area .right-column {
    position: absolute;
    right: 0;
    width: 270px;
    top: 0;
    z-index: 999;
}

.nav_side_content {
  margin-top: 15px;
  position: relative;
  float: left;
}
.nav_side_content .cart_select>button {
  font-size: 14px;
  text-transform: uppercase;
  position: relative;
  margin-right: 23px;
  color:#f82a2a;
}
.nav_side_content .cart_select>button span {
  font-weight: normal;
  padding: 0 0px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: -20px;
  color: #f72e3f;
}
.nav_side_content .cart_select>button i {
  font-size: 18px;
  margin-left:5px;
}

.nav_side_content .search_option>button {
  width: 30px;
  height:40px;
  position: relative;
  font-size: 14px;
  color: #fff;
  top: -2px;
}

.nav_side_content .search_option form {
    height: 50px;
    width: 280px;
    padding: 5px;
    border-radius: 4px;
    margin: 0;
    left: auto;
    right: 0;
    border-color: #f83939;
    top: 54px;
}
.nav_side_content .search_option form input {
  font-family: 'Raleway', sans-serif;
  font-weight: normal;
  width:100%;
  height:100%;
  background: transparent;
  color:#000000;
  border:1px solid #f7f7f7;
  padding: 0 47px 0 10px;
  font-size: 15px;
}
.nav_side_content .search_option form button {
  display: block;
  width:40px;
  line-height: 40px;
  text-align: center;
  position: absolute;
  top:5px;
  right:5px;
  color: #0072c6;
}
.nav_side_content .cart_select {
  border-left: 1px solid #ececec;
  padding-left: 5px;
}

.mainmenu-area .link_btn .thm-btn {
  background: #c8cdce;
  line-height: 67px;
  padding: 0 50px;
}

.free-consulation-button{
  position: relative;
  height: 67px;
  width: 205px;
}

.free-consulation-button a {
  background: #2c3e50;
  width: 205px;
  height: 67px;
  padding: 10px 0;
  position: relative;
  z-index: 1;
}

.team-member img {
    width: 100%;
    height: 280px;
    object-fit: cover;
    border-radius: 10px;
}

.team-member {
    margin-bottom: 30px;
}

.row.justify-content-center {
    display: flex;
    justify-content: center;
}

/*** 
=============================================
    Rev Slider Wrapper style
=============================================
***/
.rev_slider_wrapper .slide-content-box h1 {
  color:#fff;
  font-size: 60px;
  font-weight: 700;
  line-height: 65px;
  margin: 0px 0 20px;
  text-transform: none;
}

.rev_slider_wrapper .slide-content-box p{
  font-size: 20px;
  color: #fff;
  font-weight: 500;
  line-height: 26px;
}
.rev_slider_wrapper .slide-content-box{
  background:rgba(0,0,0,0.6);
  padding:20px 30px;
  border-radius:8px;
  display:inline-block;
  color:#fff;
  max-width:600px;
}
.rev_slider_wrapper .slide-content-box h1{
  font-size:40px;
  margin-bottom:10px;
}
.rev_slider_wrapper .slide-content-box p{
  font-size:16px;
  line-height:1.5;
}
.rev_slider_wrapper .slide-content-box .button a{
  padding: 15px 40px;
  line-height: 50px;
}
.rev_slider_wrapper .slide-content-box .button a.bg-clr1{
  padding: 15px 50px;
}

.rev_slider_wrapper .slide-content-box.middle-slide h1{
  text-align: center;
  color: #fff;
}

.rev_slider_wrapper .slide-content-box.middle-slide .button a:hover{
  background: #0072c6;
}

.tpararrows {
  background: #000;
  cursor: pointer;
  display: block;
  height: 40px;
  position: absolute;
  width: 40px;
  z-index: 1000;
}
.tpararrows:hover{
    background:#0072c6;
    transition: .5s ease;
}

/* ======================== footer style =========================== */

.footer-col {
  margin-bottom: 40px;
}

.footer-main {
    background: #252525;
}

.footer-col a,
.footer-col p,
.footer-col span {
    color: #000000;
}

.footer-col a:hover {
    color: #0072c6;
}
.footer-col.service-col {
    padding-left: 20px;
}

.footer-words {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    padding-top: 28px;
}

.footer-social {
    padding-top: 18px;
}

.footer-social li:not(:first-of-type) {
    margin-left: 0px;
    padding: 0 3px;
}

.footer-social a {
    font-size: 14px;
    line-height: 26px;
    background-color: hsl(224, 22%, 14%);
    border: 1px solid hsl(224, 22%, 14%);
    box-shadow: 0 2px 2px #000;
    border-radius: 50%;
    display: block;
    height: 44px;
    color: #0072c6;
    line-height: 45px;
    text-align: center;
    width: 44px;
}

.footer-title {
    font-weight: 400;
    padding-bottom: 30px;
    color: #fff;
    text-transform: uppercase;
}

.footer-list li:not(:first-of-type) {
    margin-top: 10px;
}

.footer-list a {
    font-family: 'Hind', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: .20px;
}

.footer-list a:before {
    content: "\f104";
    font-family: 'FontAwesome';
    margin-right: 10px;
}

/*============ post-column =================*/

.footer-main .post-column .post {
  position: relative;
  padding-left: 95px;
  margin-bottom: 35px;
  padding-bottom: 35px;
  border-bottom: 1px solid #363636;
}
.footer-main .post-column .post:last-child {
  border-bottom: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.footer-main .post-column .post-thumb {
  position: absolute;
  left: 0;
  top: 0;
  width: 80px;
  height: 70px;
}

.footer-main .post-column h5 {
  position: relative;
  top: -5px;
  font-size: 16px;
  color: #000000;
  line-height: 20px;
  margin-bottom: 9px;
}
.footer-main .post-column .post-info {
  color: #0072c6;
  font-size: 15px;
}

/*============ contact-column =================*/

.footer-main .contact-column h5 {
  font-size: 16px;
  color: #000000;
  margin-bottom: 18px;
}

.footer-main .contact-column form {
  position: relative;
  margin-bottom: 25px;
}
.footer-main .contact-column input {
  background: #2e2e2e;
  border: 1px solid #363636;
  width: 100%;
  padding: 0 15px;
  line-height: 40px;
}
.footer-main .contact-column input:focus {
  border-color: #0072c6;
}
.footer-main .contact-column button {
  position: absolute;
  right: 0;
  top: 0;
  height: 42px;
  width: 40px;
  line-height: 42px;
  background: #0072c6;
  color: #fff;
}

.footer-main .contact-column p {
  padding-bottom: 19px;
  margin-bottom: 20px;
  border-bottom: 1px solid #363636;
}

/*============ social icon ===================*/

.footer-main .contact-column .social-icon li {
  display: inline-block;
}
.footer-main .contact-column .social-icon li a {
  display: inline-block;
  color: #000000;
  margin-right: 15px;
  font-size: 16px;
  transition: .5s ease;
}
.footer-main .contact-column .social-icon li a:hover {
  color: #0072c6;
  transition: .5s ease;
}

/*footer bttom*/

.footer-bottom {
    padding-top: 23px;
    padding-bottom: 24px;
    background: #1a1a1a;
    color: #000000;
}

.copyright,
.footer-menu a {
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    color: #000000;
}

.copyright {
    letter-spacing: .40px;
    line-height: 18px;
}

.footer-menu a {
    line-height: 14px;
    letter-spacing: .80px;
}

.footer-menu a:hover {
    color: #0072c6;
}

.footer-menu li:not(:first-of-type) {
    margin-left: 35px;
}

/*========================
  about style
==========================*/

.about-text h2 {
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.about-text p {
  margin-bottom: 20px;
}
.about-text .work-process {
  padding: 15px 0 40px;
}
.about-text .work-process li {
  display: inline-block;
  font-size: 16px;
  text-transform: uppercase;
  margin-right: 30px;
}

.about-text .work-process li span {
  height: 55px;
  width: 55px;
  text-align: center;
  display: inline-block;
  font-size: 24px;
  margin-right: 16px;
  color: #f12626;
  line-height: 50px;
  border: 2px dashed #f12626;
  border-radius: 50%;
}
.btn-box {
    margin-top: 20px;
}

.learn-btn {
    display: inline-block;
    padding: 12px 30px;
    background: #0b0748; 
    color: #fff;
    border: 2px solid #000;
    text-decoration: none;
    border-radius: 6px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.learn-btn:hover {
    background: transparent;
    color: #0b0748;
}

.container-box {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;          
    padding: 50px 20px;
}

.single-box {
  height: 300px;
    max-width: 850px;
    margin: 0 auto;          
    background: #fff;
    padding: 30px 25px;
    border-radius: 10px;
    text-align: left;
    box-shadow: 0 5px 20px rgba(0,0,0,0.1);
    transition: 0.3s;
}

.single-box:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}

.icon_box {
    font-size: 40px;
    color: #000;
    margin-bottom: 15px;
}

/*====================
  two-column style
=====================*/

.two-column {
  text-align: center;
}

.two-column h2 {
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  position: relative;
}

.two-column p {
  color: #fff;
  position: relative;
  margin: 33px 0;
}

.two-column .thm-btn {
  border-radius: 25px;
  padding: 0 40px;
}
.two-column .column1 {
  position: relative;
  padding: 100px 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.two-column .column1:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: #0072c6;
    z-index: 0;
}
.two-column .column2{
  padding: 100px 0;
  background: #2c3e50;
}
.two-column .thm-btn:before {
  border-radius: 23px;
}

/*====================
 service style
======================*/

.service-section {
    overflow: hidden;
}

.service-section .column {
  padding: 0 10px;
}
.service-section .service-box {
  position: relative;
  background-color: #f0f5f9;
  text-align: center;
  padding: 40px 0 50px;
  margin-bottom: 20px;
  transition: .5s ease;
}
.service-section .service-box:hover{
  background-image: url(../images/background/1.jpg);
  background-color: #0072c6;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transition: .5s ease;
}

.service-section .service-box:before{
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0;
  bottom: 0;
  background:#0072c6;
  z-index: 0;
  transition: .5s ease;
  opacity: 0;
}
.service-section .service-box:hover:before{
  opacity: 1;
}

.service-section .service-box span:before {
  font-size: 55px;
  color: #0072c6;
  position: relative;
}
.service-section .service-box:hover span:before {
  color: #fff;
}
.service-section .service-box h5 {
  position: relative;
  font-size: 16px;
  margin-top: 5px;
  color: #2c3e50;
}
.service-section .service-box:hover h5 {
  color: #fff;
}

.service-section .service-box a {
  display: block;
}

.machine-showcase {
    padding: 80px 0;
    background: #f7f7f7;
}

.machine-image img {
    width: 100%;
    border-radius: 10px;
}

.machine-content h2 {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 15px;
}

.machine-content p {
    font-size: 16px;
    color: #000000;
    margin-bottom: 20px;
}

.machine-features {
    list-style: none;
    padding: 0;
    margin-bottom: 25px;
}

.machine-features li {
    font-size: 16px;
    margin-bottom: 10px;
}

/*** 
====================================================================
  google map Section
====================================================================
***/
.home-google-map #contact-google-map {
  width: 100%;
  height: 460px;
}

.home-google-map .gmnoprint {
    display: none;
}

.map-container {
    position: relative;
}

.map-info {
    position: absolute;
    left: 0;
    bottom: 0;
    background: #0072c6;
    padding: 70px 40px 0;
    height: 460px;
}

.map-info h3 {
    color: #fff;
    font-size: 22px;
    margin-bottom: 28px;
}

.map-container p {
  color: #fff;
}
.contact-infos{
  padding-bottom: 35px;
}

.contact-infos li {
    position: relative;
    padding-left: 50px;
    font-size: 16px;
    margin-bottom: 8px;
}
.contact-infos li a {
  color: #fff;
}
.contact-infos .icon_box {
  position: absolute;
  left: 0;
  color: #fff;
}

.map-info .social-icon {
  text-align: center;
  border-top: 1px solid #fff;
  padding-top: 50px;
}
.map-info .social-icon li {
  padding: 0 2px;
}
.map-info .social-icon li a {
    color: #fff;
    font-size: 17px;
    line-height: 44px;
    width: 44px;
    height: 44px;
    display: block;
    border-radius: 10px;
    border: 1px solid #fff;
    transition: .5s ease;
}
.map-info .social-icon li a:hover {
  background: #2c3e50;
  color: #fff;
  border-color: #2c3e50;
  transition: .5s ease;
}

/*=========================
  call-out style
=========================*/

.call-out {
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
}
.call-out:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.85);
  top: 0;
  left: 0;
  z-index: -1;
}
.call-out h2 {
  color: #fff;
  text-transform: uppercase;  
}
.call-out p {
  color: #fff;
  margin: 40px 0;
  font-size: 17px;
}
.call-out .thm-btn span:before {
  margin-right: 10px;
  font-size: 18px;
}

/*================
  brand logo style
==================*/

.brand-logo {
  position: relative;
  background: #f8f9f9;
}

.brand-logo .brand-carousel li a {
  display: block;
  text-align: center;
}
.brand-logo .brand-carousel li a img {
  width: auto;
  display: inline-block;
}

/*nav*/
.brand-logo .owl-controls {
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -20px;
    left: 0;
}
.brand-logo .owl-carousel {
  position: inherit;
}
.brand-logo .owl-theme .owl-nav {
    margin: 0;
    padding: 0;
}

.brand-logo .owl-theme .owl-nav [class*=owl-] {
    color: #000000;
    font-size: 24px;
    margin: 0;
    padding: 0;
    background-color: transparent;
    padding: 0 5px;
    display: inline-block;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
}

.brand-logo .owl-theme .owl-prev {
    float: left;
    width: 25%;
    text-align: center;
}
.brand-logo .owl-theme .owl-prev span {
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    background: #2c3e50;
    -webkit-transition: .5s ease;
    transition: .5s ease;
}
.brand-logo .owl-theme .owl-prev span:hover {
    color: #fff;
    background-color: #0072c6;
    -webkit-transition: .5s ease;
    transition: .5s ease;
}
.brand-logo .owl-theme .owl-next {
    float: right;
    width: 20%;
    text-align: center;
}

.brand-logo .owl-theme .owl-next span {
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    background: #2c3e50;
    -webkit-transition: .5s ease;
    transition: .5s ease;
}
.brand-logo .owl-theme .owl-next span:hover {
    color: #fff;
    background-color: #0072c6;
    -webkit-transition: .5s ease;
    transition: .5s ease;
}

/*** 
=============================================
    Breadcrumb area style
=============================================
***/
.breadcrumb-area {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 190px 0 170px;
  position: relative;
}

.breadcrumb-area:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.62);
    z-index: 0;
}

.breadcrumb-area h1 {
    color: #ffffff;
    position: relative;
    font-weight: 600;
    line-height: 40px;
    text-transform: uppercase;
}

/* Section */
.main-shop-area {
    padding: 80px 0;
    background: #f8f9fb;
}

.shop-title {
    font-size: 32px;
    font-weight: 700;
}

.shop-subtitle {
    color: #000000;
    margin-top: 10px;
}

/* Card */
.product-card {
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 30px;
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
}

.product-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

.product-img {
    overflow: hidden;
}

.product-img img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    transition: 0.4s;
}

.product-card:hover img {
    transform: scale(1.1);
}

.product-info {
    padding: 20px;
    text-align: center;
}

.product-info h5 {
    font-size: 18px;
    margin-bottom: 15px;
}
.product-dropdown {
    width: 600px;              
    padding: 10px;
    display: grid;
    grid-template-columns: repeat(3, 1fr); 
    gap: 5px 15px;
}

.product-dropdown li {
    list-style: none;
}

.product-dropdown li a {
    font-size: 13px;           
    padding: 5px 8px;
    display: block;
    color: #333;
    transition: 0.3s;
}

.product-dropdown li a:hover {
    background: #f5f5f5;
    color: #ff6600; 
}

/* Button */
.btn-cart {
    display: inline-block;
    padding: 10px 20px;
    background: linear-gradient(45deg, #eb4141, #d90505);
    color: #fff;
    border-radius: 25px;
    text-decoration: none;
    transition: 0.3s;
}

.btn-cart:hover {
    background: linear-gradient(45deg, #eb4141, #d90505);
    color: #fff;
}
.milestones-area .sec-title h2 {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 10px;
}

.timeline {
    position: relative;
    margin-top: 50px;
}

.timeline::before {
    content: '';
    position: absolute;
    width: 4px;
    background: #007bff;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.timeline-block {
    width: 50%;
    padding: 20px 40px;
    position: relative;
}

.timeline-block .content {
    background: #fff;
    padding: 25px;
    border-radius: 10px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.1);
}

.timeline-block.left {
    left: 0;
    text-align: right;
}

.timeline-block.right {
    left: 50%;
}

.timeline-block::before {
    content: '';
    position: absolute;
    top: 30px;
    width: 15px;
    height: 15px;
    background: #007bff;
    border-radius: 50%;
}

.timeline-block.left::before {
    right: -8px;
}

.timeline-block.right::before {
    left: -8px;
}

@media(max-width: 768px) {
    .timeline::before {
        left: 20px;
    }

    .timeline-block {
        width: 100%;
        padding-left: 50px;
        padding-right: 20px;
    }

    .timeline-block.left,
    .timeline-block.right {
        left: 0;
        text-align: left;
    }

    .timeline-block::before {
        left: 10px;
    }
}
.team-card {
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    text-align: center;
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
    transition: 0.3s ease;
    margin-bottom: 30px;
}

.team-card:hover {
    transform: translateY(-8px);
}

/* IMAGE BOX FIX */
.team-card .img-box {
    width: 100%;
    height: 600px;
    overflow: hidden;
    border-bottom: 3px solid #f4f4f4;
}

.team-card .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover; 
    transition: 0.4s ease;
}

.team-card:hover .img-box img {
    transform: scale(1.05); 
}

/* CONTENT */
.team-card .content {
    padding: 20px;
}

.team-card h4 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 5px;
}

.team-card .role {
    color: #007bff;
    font-weight: 500;
    margin-bottom: 10px;
}

.team-card .desc {
    font-size: 14px;
    color: #000000;
}

/*=============================================
    Contact Form Area style
=============================================*/

.contact-form-area .section-title:after {
  display: none;
}
.contact-form-area .contact-form {
  margin-bottom: 50px;
}
.contact-form-area .contact-form form input[type="text"],
.contact-form-area .contact-form form input[type="email"],
.contact-form-area .contact-form form textarea{
  border: 1px solid #f4f4f4;
  color: #000000;
  display: block;
  font-size: 16px;
  height: 55px;
  margin-bottom: 30px;
  padding: 0 20px;
  width: 100%;
  transition: all 500ms ease;
}
.contact-form-area .contact-form form textarea{
  height: 122px;
  margin-bottom: 30px;
  padding: 10px 20px;
}
.contact-form-area .contact-form form input[type="text"]:focus{
  border-color: #0072c6;
}
.contact-form-area .contact-form form input[type="email"]:focus{
  border-color: #0072c6;        
}
.contact-form-area .contact-form form textarea:focus{
  border-color: #0072c6;
}
.contact-form-area .contact-form form button{
  width: 100%;
  padding: 13px 0;
  border: 2px solid transparent;
  line-height: 20px;
}

.contact-form-area .form-right-box{
    background: #f7f7f7;
    padding-top: 40px;
    padding-bottom: 37px;
}
.contact-form-area .form-right-box .img-box {
    display: block;
    margin-bottom: 23px;
}
.contact-form-area .form-right-box h4 {
    color: #222222;
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 5px;
}
.contact-form-area .form-right-box span {
    color: #0072c6;
}
.contact-form-area .form-right-box p {
    margin: 9px 0 5px;
}

.contact-form-area .form-right-box .border {
    height: 1px;
    width: 60px;
    display: inline-block;
    background: #e3e3e3;
}

.contact-form-area .form-right-box .social-links {
    display: block;
    margin: 18px 0 0;
}
.contact-form-area .form-right-box .social-links li{
    display: inline-block;
    margin: 0 10px;
}
.contact-form-area .form-right-box .social-links li a i{
    font-size: 16px;
    color: #000000;
    transition: all 500ms ease;
}
.contact-form-area .form-right-box .social-links li a:hover i{
    color: #0072c6;
}

.footer-contact-info{
  overflow: hidden;
  border: 1px solid #f4f4f4;
  padding: 25px 30px 0;
}

.footer-contact-info ul li {
  display: inline-block;
  float: left;
  margin-right: 30px;
  padding-right: 30px;
  position: relative;
  padding-top: 4px;
  padding-bottom: 30px;
}
.footer-contact-info ul li:last-child{
  margin-right: 0;
  border-right: none;
  padding-right: 0;
}
.footer-contact-info ul li .iocn-holder{
  width: 48px;
  border: 1px dashed #0072c6;
  border-radius: 50%;
}
.footer-contact-info ul li .iocn-holder span {
  color: #0072c6;
  display: block;
  font-size: 24px;
  font-weight: 500;
  height: 48px;
  line-height: 48px;
  text-align: center;
  transition: all 500ms ease 0s;
  width: 48px;
}
.footer-contact-info ul li .iocn-holder span.top-envelop {
  font-size: 40px;
}
.footer-contact-info ul li:hover .iocn-holder span {
  color: #2b2c36;    
}
.footer-contact-info ul li .iocn-holder, .footer-contact-info ul li .text-holder{
  display: table-cell;
  vertical-align: middle;
  color: #61888e;
} 
.footer-contact-info ul li .text-holder {
  padding-left: 10px;
}
.footer-contact-info ul li .text-holder h6 {
  color: #222222;
  font-size: 14px;
  font-weight: 600;
  text-transform: capitalize;
  margin: 0 0 10px;
}
.footer-contact-info ul li .text-holder p {
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  line-height: 16px;
}
.footer-contact-info .title p {
  margin: 6px 0 15px;
}
.footer-main .row {
    display: flex;
    justify-content: center;   
    flex-wrap: wrap;
    text-align: center;        
}

.footer-col {
    margin-bottom: 20px;
}
.footer-social li a {
    color: #000000;   
    font-size: 16px;
    transition: 0.3s;
}

.footer-social li a:hover {
    color: #000000;   
}

/*** 
=============================================
    Blog Area style
=============================================
***/
#blog-area {
  padding-bottom: 80px;
  padding-top: 80px;
}

.blog-with-sidebar-area .blog-post .single-blog-post {
    margin-bottom: 60px;
}
#blog-area .single-blog-post .img-holder .published-date {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 70px;
    height: 70px;
    padding: 10px 10px;
}
#blog-area .single-blog-post:hover .img-holder .published-date{
    left: 0;  
    top: 0;
}
#blog-area .single-blog-post .img-holder .published-date h3 {
    font-size: 18px;
    line-height: 24px;
}
#blog-area .single-blog-post .text-holder .blog-title{
    font-size: 24px;
    line-height: 30px;
}

/*** 
=============================================
    Latest blog Area style
=============================================
***/
.latest-blog-area {
    background: #ffffff none repeat scroll 0 0;
    padding-bottom: 30px;
    padding-top: 80px;
}
.single-blog-post{
    margin-bottom: 50px;
}
.single-blog-post .img-holder{
    display: block;
    overflow: hidden;
    position: relative;     
}
.single-blog-post .img-holder a {
  display: block;
}
.single-blog-post .img-holder img {
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
    width: 100%;     
}
.single-blog-post .img-holder .published-date {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 55px;
    height: 55px;
    background: #0072c6;;
    text-align: center;
    padding: 7px 10px;
    z-index: 5;
    transition: all 500ms ease;
    transition-delay: 0.10s;
}
.single-blog-post:hover .img-holder .published-date{
    left: 0;  
    top: 0;
}
.single-blog-post .img-holder .published-date h3{
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    line-height: 20px;
    font-family: 'Montserrat', sans-serif;
}
.single-blog-post .img-holder .overlay-style-one .box .content {
    vertical-align: bottom;
}
.single-blog-post:hover .img-holder .overlay-style-one{
    background: rgba(255, 43, 88, 0.80);
}
.single-blog-post .img-holder img {
    transform: scale(1);
    transition: all 0.5s ease 0s;
    width: 100%;
}
.single-blog-post:hover .img-holder img{
    transform: scale(1.1);
}
.single-blog-post:hover .img-holder .overlay-style-one .box .content a i{
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
    opacity: 1;
}
.single-blog-post .img-holder .overlay-style-one .box .content a:hover i{
    background: rgba(43, 44, 54, 0.70);
}

.single-blog-post .text-holder {
    border-left: 1px solid #f4f4f4;
    border-right: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 26px;
    transition: all 500ms ease;
    position: relative;
    z-index: 1;
} 
.single-blog-post .text-holder .blog-title{
    color: #222222;
    font-size: 20px;
    font-weight: 400;
    margin: 0 0 15px;
    line-height: 28px;
    transition: all 500ms ease;
}
.single-blog-post .text-holder .blog-title:hover{
    color: #0072c6;;        
} 
.single-blog-post .text-holder .text{
    overflow: hidden;
    padding-bottom: 11px;
}
.single-blog-post .text-holder .meta-info {
    overflow: hidden;
    margin-left: -20px;
    margin-right: -20px;
    border-top: 1px solid #f4f4f4;
    display: block;
    padding: 0px 20px 0px;
}
.single-blog-post .text-holder .meta-info .left {
    display: block;
    padding: 15px 0 15px;
}
.single-blog-post .text-holder .meta-info .post-info li {
    display: inline-block;
    float: left;
    margin-right: 10px;
    border-right: 1px solid #f4f4f4;
    padding-right: 10px;
    line-height: 15px;
    color: #000000;
    font-size: 16px;
    font-weight: 300;
}
.single-blog-post .text-holder .meta-info .post-info li:last-child{
    border-right: 0px solid; 
    margin-right: 0px;
    padding-right: 0px;
}
.single-blog-post .text-holder .meta-info .post-info li a{
    color: #000000;
    font-size: 16px;
    font-weight: 300;
    transition: all 500ms ease;
}
.single-blog-post .text-holder .meta-info .post-info li a:hover{
    color: #0072c6;    
}
.single-blog-post .text-holder .meta-info .right {
    border-left: 1px solid #f4f4f4;
    width: 55px;
    text-align: center;
    display: block;
    height: 52px;
    margin-right: -20px;
    padding: 14px 0;
}

.single-blog-post .text-holder .meta-info a.post-share i {
    color: #000000;
    font-size: 16px;
    position: relative;
    transition: all 500ms ease;
}
.single-blog-post .text-holder .meta-info a.post-share:hover i{
    color: #fdc716;;    
}

/* Post pagination styles */
.post-pagination li {
    display: inline-block;
    margin: 0 3px;
}
.post-pagination li a {
  background: #fff none repeat scroll 0 0;
  border: 2px solid #f4f4f4;
  color: #000000;
  display: block;
  font-size: 18px;
  font-weight: 700;
  height: 55px;
  padding: 14px 0;
  transition: all 500ms ease 0s;
  width: 55px;
  font-family: 'Montserrat', sans-serif;
}
.post-pagination li.active a, .post-pagination li:hover a {
  background: #0072c6;;
  color: #fff;
  border: 2px solid #0072c6;;
}

.sidebar-wrapper .single-sidebar {
  overflow: hidden;
  margin-bottom: 60px;
  position: relative;
}
.sidebar-wrapper .single-sidebar .sec-title {
  overflow: hidden;
  padding-bottom: 31px;
  margin-top: -3px;
}
.sidebar-wrapper .single-sidebar .sec-title h3 {
  color: #222222;
  font-size: 22px;
  font-weight: 400;
  text-transform: capitalize;
}

.sidebar-wrapper .single-sidebar form.search-form {
  position: relative
}
.sidebar-wrapper .single-sidebar .search-form input[type="text"] {
  background: #fff;
  border: 1px solid #f7f7f7;
  color: #000000;
  display: block;
  font-size: 16px;
  font-weight: 500;
  height: 50px;
  letter-spacing: 1px;
  padding-left: 15px;
  padding-right: 55px;
  position: relative;
  -webkit-transition: all 500ms ease 0s;
  transition: all 500ms ease 0s;
  width: 100%;
}
.sidebar-wrapper .single-sidebar .search-form button {
  background: #0072c6; none repeat scroll 0 0;
  color: #fff;
  display: block;
  height: 50px;
  padding: 12px 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  -webkit-transition: all 500ms ease 0s;
  transition: all 500ms ease 0s;
  width: 50px;
}
.sidebar-wrapper .single-sidebar .search-form button i {
  font-size: 14px
}
.sidebar-wrapper .single-sidebar .search-form input[type="text"]:focus {
  border: 1px solid #2b2c36;
  background: #f0eded;
  color: #000;
}
.sidebar-wrapper .single-sidebar .search-form input[type="text"]:focus + button, 
.sidebar-wrapper .single-sidebar .search-form button:hover {
    background: #2b2c36 none repeat scroll 0 0;
    color: #fff;
}

.single-sidebar .categories {
    margin-top: -6px;
}
.single-sidebar .categories li {
    border-bottom: 1px solid #f4f4f4;
    margin-bottom: 12px;
    padding-bottom: 11px;
}
.single-sidebar .categories li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.single-sidebar .categories li a {
    color: #000000;
    transition: all 500ms ease;
    font-size: 16px;
    font-weight: 300;
    padding-left: 25px;
    position: relative;
}
.single-sidebar .categories li a:before {
    position: absolute;
    top: 14px;
    left: 0;
    width: 8px;
    height: 8px;
    background: #fff;
    border: 1px solid #d9d9d9;
    content: "";
    border-radius: 50%;
    margin-top: -5px;
    transition: all 500ms ease;
}
.single-sidebar .categories li a:hover{
    color: #0072c6;;    
}
.single-sidebar .categories li a:hover:before{
    border-color: #0072c6;
}

.single-sidebar .recent-post li {
    margin-bottom: 30px;
    padding-left: 70px;
    position: relative;
    border-bottom: 1px solid #f7f7f7;
    padding-bottom: 32px;
}
.single-sidebar .recent-post li:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.single-sidebar .recent-post li .img-holder {
    display: block;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0px;
    width: 75px;
}
.single-sidebar .recent-post li .img-holder img {
    transform: scale(1);
    transition: all 0.5s ease 0s;
}
.single-sidebar .recent-post li .img-holder .overlay-style-two .box .content a i{
    color: #fff;
    font-size: 16px;
    transition: all 500ms ease;
}
.single-sidebar .recent-post li:hover .img-holder .overlay-style-two{
    -webkit-transform: scale(1);
    transform: scale(1);
}
.single-sidebar .recent-post li:hover .img-holder img {
    -webkit-transform:scale(1.3);
    transform:scale(1.3);
}
.single-sidebar .recent-post li .img-holder .overlay-style-two .box .content a:hover i{
    color: #0072c6;;
}

.single-sidebar .recent-post li .title-holder {
  padding-left: 20px;
}
.single-sidebar .recent-post li .title-holder a .post-title {
  color: #272727;
  font-size: 16px;
  line-height: 24px;
  position: relative;
  top: -5px;
  margin: 0 0 5px;
  transition: all 500ms ease;
}
.single-sidebar .recent-post li .title-holder a:hover .post-title{
    color: #0072c6;;
}
.single-sidebar .recent-post li .title-holder .post-date {
  color: #0072c6;;
  display: block;
  transition: all 500ms ease;
  font-weight: 300;
  font-size: 16px;
  font-family: 'Hind', sans-serif;
}
.single-sidebar .recent-post li .title-holder .post-date i{
  color: #0072c6;;
    display: inline-block;
    padding-right: 3px;
}

.single-sidebar .popular-tag {
  margin-left: -3px;
  margin-right: -3px;
  margin-top: -5px;
}
.single-sidebar .popular-tag li {
  display: inline-block;
  margin: 0 3px 10px;
}
.single-sidebar .popular-tag li a {
  border: 1px solid #f4f4f4;
  color: #000000;
  display: block;
  font-size: 16px;
  font-weight: 300;
  padding: 2px 10px 2px;
  transition: all 500ms ease 0s;
}
.single-sidebar .popular-tag li a:hover{
  background: #0072c6;;
  border-color: #0072c6;;
  color: #fff;
}

.sidebar-wrapper .single-sidebar .business-enquiry {
    border: 1px solid #f4f4f4;
    display: block;
    padding: 31px 25px 33px;
    position: relative;
}
.sidebar-wrapper .single-sidebar .business-enquiry:before {
    position: absolute;
    bottom: 0;
    right: 0;
    content: "\e907";
    font-family: 'icomoon';
    font-size: 85px;
    color: #f4f4f4;
    z-index: 0;
}
.sidebar-wrapper .single-sidebar .business-enquiry h3{
    color: #222222;
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 19px;
}
.sidebar-wrapper .single-sidebar .business-enquiry p {
    margin: 0;
    color: #000000;
    font-size: 18px;
    line-height: 30px;
}
.sidebar-wrapper .single-sidebar .business-enquiry p a{
    color: #0072c6;;
}

/*** 
=============================================
    Blog Single Area style
=============================================
***/
.blog-single-area .single-blog-post:hover .img-holder img {
  transform: none;    
}
.blog-single-area .single-blog-post .text-holder .blog-title:hover{
  color: #222222;
}

.blog-single-area .middle-content-box {
    margin: 10px 0 33px;
    overflow: hidden;
}
.blog-single-area .middle-content-box .img-holder {
  width: 300px;
}
.blog-single-area .middle-content-box .img-holder,
.blog-single-area .middle-content-box .text-box{
  display: table-cell;
  vertical-align: top;
}
.blog-single-area .middle-content-box .text-box {
  padding-left: 30px; 
  position: relative;
}
.blog-single-area .middle-content-box .text-box:before{
  content: "\f10d";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #f1f1f1;
  font-size: 24px;
  position: absolute;
  top: -3px;
  left: 30px;    
}
.blog-single-area .middle-content-box .text-box {
  padding-left: 30px;
  padding-top: 32px;
  position: relative;
}
.blog-single-area .middle-content-box .text-box h3 {
  color: #222222;
  font-size: 20px;
  font-weight: 400;
  margin: 20px 0 7px;
}
.blog-single-area .middle-content-box .text-box h5 {
  color: #0072c6;
  font-size: 16px;
  font-weight: 300;
  margin: 0;
  font-family: 'Hind', sans-serif;
}

.blog-single-area .bottom-content-box {
  padding-bottom: 21px;
}

.blog-single-area .comment-box {
    overflow: hidden;
    padding-bottom: 50px;
    padding-top: 30px;
}
.blog-single-area .comment-box .sec-title{
  padding-bottom: 31px;
}
.blog-single-area .comment-box .sec-title h3 {
  color: #222222;
  font-size: 24px;
  font-weight: 400;
  text-transform: capitalize;
}
.blog-single-area .comment-box .single-comment-box {
  padding-left: 60px;
  position: relative;
  margin-bottom: 30px;
}
.blog-single-area .comment-box .single-comment-box .img-holder {
  left: 0;
  position: absolute;
  top: 16px;
  width: 70px;
}
.blog-single-area .comment-box .single-comment-box .text-holder {
  border: 1px solid #f7f7f7;
  margin-left: 20px;
  padding: 15px 20px 5px;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top {
  overflow: hidden;
  padding-bottom: 8px;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top .date h5 {
  color: #222222;
  font-size: 16px;
  font-weight: 400;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top .review-box {
  position: relative;
  top: -3px;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top .review-box ul {
  margin-left: -0.5px;
  margin-right: -0.5px;
  overflow: hidden;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top .review-box ul li {
  display: inline-block;
  margin: 0 0.5px;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top .review-box ul li i {
  color: #0072c6;
  font-size: 14px;
}

.blog-single-area .add-comment-box {
  overflow: hidden;
}
.blog-single-area .add-comment-box .sec-title {
  padding-bottom: 30px;
}
.blog-single-area .add-comment-box .sec-title h3 {
  color: #222222;
  font-size: 24px;
  font-weight: 400;
  text-transform: capitalize;
}
.blog-single-area .add-comment-box .add-rating-box {
  padding-bottom: 17px;
}
.blog-single-area .add-comment-box .add-rating-box h4 {
  color: #000000;
  font-size: 14px;
  font-weight: 400;
  margin: 0 0 12px;
}

.blog-single-area .add-comment-box .add-rating-box ul li {
  border-right: 1px solid #ebebeb;
  display: inline-block;
  line-height: 20px;
  margin-right: 6px;
  padding-right: 10px;
}
.blog-single-area .add-comment-box .add-rating-box ul li:last-child{
  border-right: none;
  margin-right: 0;
  padding-right: 0;
}
.blog-single-area .add-comment-box .add-rating-box ul li a i{
  color: #d6d6d6;
  font-size: 12px;
}
.blog-single-area .add-comment-box .add-rating-box ul li a:hover i{
  color: #0072c6;
  transition: all 500ms ease;
}

.blog-single-area .add-comment-box form .field-label {
  color: #222222;
  display: block;
  font-size: 16px;
  font-weight: 400;
  padding: 0 0 2px;
}
.blog-single-area .add-comment-box form input[type="text"],
.blog-single-area .add-comment-box form input[type="email"],
.blog-single-area .add-comment-box form textarea{
  background: #fff none repeat scroll 0 0;
  border: 2px solid #f4f4f4;
  display: block;
  font-size: 14px;
  font-weight: 400;
  height: 50px;
  padding: 0 15px;
  width: 100%;  
  margin-bottom: 15px;
  transition: all 500ms ease;
}
.blog-single-area .add-comment-box form textarea {
  height: 160px;
  padding: 10px 15px;
  margin-bottom: 30px;
}

.blog-single-area .add-comment-box form input[type="text"]:focus{
  border-color: #0072c6;
}
.blog-single-area .add-comment-box form input[type="email"]:focus{
  border-color: #0072c6;
}
.blog-single-area .add-comment-box form textarea:focus{
  border-color: #0072c6;
}

/*** 
=============================================
   Shop area  style
=============================================
***/
#shop-area {
    padding-top: 80px;
    padding-bottom: 10px;
}

.single-product-item{
    background: #f7f7f7;
    margin-bottom: 40px;
    transition: all 0.7s ease;
}
.single-product-item:hover{
    box-shadow: 0px 3px 4px -1px rgba(220,217,217,1);    
}
.single-product-item .img-holder{
    display: block;
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #e4e3e3;
}
.single-product-item .img-holder img{
    transform: scale(1);
    transition: all 0.7s ease 0s;
    width: 100%;   
}
.single-product-item:hover .img-holder img{
    transform: scale(1.1);
}

.single-product-item .img-holder .overlay-style-one .box .content a {
    background: transparent;
    opacity: 0;
    transform: scale(0.7);
    transition: all 0.5s ease 0s;
    width: 160px;
    height: 48px;
    border: 2px solid #fff;
    line-height: 46px;
    font-size: 14px;
    padding: 0;
}
.single-product-item:hover .img-holder .overlay-style-one .box .content a {
    opacity: 1;
    transform: scale(1);
}
.single-product-item:hover .img-holder .overlay-style-one{
    background: rgba(44, 62, 80, 0.68);
}

.single-product-item .title-holder {
  padding: 13px 15px 15px;
  background: #fafafa;
}
.single-product-item .title-holder .rate{
    color: #0072c6;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Hind', sans-serif;
}
.single-product-item .title-holder .top {
  padding-bottom: 7px;  
}

.single-product-item .title-holder .top .product-title a h5 {
    color: #222222;
    font-size: 16px;
    font-weight: 400;
    margin: 4px 0 0;
    text-transform: capitalize;
    transition: all 500ms ease;
}
.single-product-item .title-holder .top .product-title a:hover h5 {
    color: #0072c6;    
}
.single-product-item .title-holder .top .review-box ul li i{
    color: #0072c6;
    font-size: 12px;
}
#shop-area .post-pagination {
  border-top: 1px solid #f7f7f7;
  padding-top: 40px;
}

.single-sidebar .price-ranger .ui-widget-content {
  background: #f7f7f7;
  border: none;
  height: 2px;
}
.single-sidebar .price-ranger .ui-slider-handle {
  background: #0072c6 none repeat scroll 0 0;
  border: 2px solid #252525;
  border-radius: 50%;
  height: 10px;
  margin-left: -4px;
  outline: medium none;
  width: 10px;
  cursor: pointer;
}
.single-sidebar .price-ranger .ui-slider-horizontal .ui-slider-handle {
  top: -5px;
}
.single-sidebar .price-ranger .ui-slider .ui-slider-range {
  background: #000;
}
.single-sidebar .price-ranger #slider-range {
  margin-left: 3px;
  margin-right: 5px;
  margin-top: 0;
}
.single-sidebar .price-ranger .ranger-min-max-block {
    margin-bottom: 0px;
    margin-top: 25px;
}
.single-sidebar .price-ranger .ranger-min-max-block input {
  display: inline-block;
}
.single-sidebar .price-ranger .ranger-min-max-block input[type="submit"] {
    float: left;
    margin-right: 20px;
    padding: 7px 0 5px;
    line-height: 26px;
    text-align: center;
    width: 90px;
    border: none;
}
.single-sidebar .price-ranger .ranger-min-max-block input[type="submit"]:hover{
    background: #2B2C36;
}
.single-sidebar .price-ranger .ranger-min-max-block input[type="text"] {
    border: medium none;
    color: #000000;
    font-size: 16px;
    font-weight: 300;
    outline: medium none;
    text-align: right;
    width: 40px;
}

.single-sidebar .price-ranger .ranger-min-max-block span {
    color: #000000;
    font-weight: 400;
    font-size: 16px;
    line-height: 40px;
}

.sidebar-wrapper .single-sidebar .latest-product li {
  border-bottom: 1px solid #f7f7f7;
  margin-bottom: 25px;
  overflow: hidden;
  padding-bottom: 16px;
  padding-left: 70px;
  position: relative;
}
.sidebar-wrapper .single-sidebar .latest-product li:last-child {
    border-bottom: none;
    margin-bottom: 0px;
    padding-left: 70px;
    position: relative;
    padding-bottom: 0;
}
.sidebar-wrapper .single-sidebar .latest-product li .img-holder{
  display: block;
  overflow: hidden;
  position: absolute;
  width: 70px;
  min-height: 70px;
  background: #fafafa;
  line-height: 70px;
  top: 0;
  left: 0;
}
.sidebar-wrapper .single-sidebar .latest-product li .img-holder img{
    transform: scale(1);
    transition: all 0.7s ease 0s;
    width: 100%;   
}
.sidebar-wrapper .single-sidebar .latest-product li:hover .img-holder img{
    transform: scale(1.1);
}
.sidebar-wrapper .single-sidebar .latest-product li .img-holder .overlay-style-one .box .content a i {
    background: transparent;
    opacity: 0;
    transform: scale(0.7);
    transition: all 0.5s ease 0s;
    font-size: 16px;
    color: #fff;
}
.sidebar-wrapper .single-sidebar .latest-product li:hover .img-holder .overlay-style-one .box .content a i{
    opacity: 1;
    transform: scale(1);    
}
.sidebar-wrapper .single-sidebar .latest-product li:hover .img-holder .overlay-style-one{
    background: rgba(44, 62, 80, 0.61);
}

.sidebar-wrapper .single-sidebar .latest-product li .title-holder {
  padding-left: 20px;  
}
.sidebar-wrapper .single-sidebar .latest-product li .title-holder a h4 {
  color: #222222;
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
  margin: 0 0 10px;
  transition: all 500ms ease;
}
.sidebar-wrapper .single-sidebar .latest-product li .title-holder h5 {
  color: #0072c6;
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize; 
  font-family: 'Hind', sans-serif;
}

.sidebar-wrapper .single-sidebar .latest-product li .title-holder .review-box li {
  display: inline-block;
  margin: 0 1px;
  position: static;
  padding: 0;
  border: none;
}
.sidebar-wrapper .single-sidebar .latest-product li .title-holder .review-box li i{
    font-size: 12px;
    color: #c6c6c6;
}
.sidebar-wrapper .single-sidebar .latest-product li:hover .title-holder h4{
  color: #0072c6;
}

.sidebar-wrapper .single-sidebar .product-tag {
  margin-left: -3px;
  margin-right: -3px;
  margin-top: -5px;    
}
.sidebar-wrapper .single-sidebar .product-tag li{
  display: inline-block;
  margin: 0 3px 10px;    
}
.sidebar-wrapper .single-sidebar .product-tag li a{
  border: 1px solid #f4f4f4;
  color: #000000;
  display: block;
  font-size: 16px;
  font-weight: 300;
  padding: 4px 10px 6px;
  transition: all 500ms ease 0s;
}
.sidebar-wrapper .single-sidebar .product-tag li a:hover{
  background: #0072c6;
  border-color: #0072c6;
  color: #fff;    
}

/*** 
=============================================
   Single Shop Area style
=============================================
***/
.single-shop-area{
    padding-top: 80px;
    padding-bottom: 40px;
}
.single-shop-content .img-holder {
  margin-right: 50px;
  text-align: center;
  background: #fafafa;
  padding: 113px 0;
}
.single-shop-content .img-holder img {
  display: inline-block;
}
.single-shop-content .content-box {
  margin-left: -50px;
}
.single-shop-content .content-box h3 {
  color: #222222;
  font-size: 24px;
  font-weight: 400;
  margin: 0 0 8px;
  text-transform: capitalize;
}

.single-shop-content .content-box .review-box ul li i {
  color: #c6c6c6;
}
.single-shop-content .content-box span.price {
  color: #0072c6;
  font-size: 22px;
  font-weight: 400;
  font-family: 'Hind', sans-serif;
}
.single-shop-content .content-box .text {
  overflow: hidden;
  padding: 25px 0 9px;
}
.single-shop-content .content-box .location-box {
  margin: 4px 0 20px;
}
.single-shop-content .content-box .location-box p {
  color: #222222;
  font-size: 16px;
  margin: 0 0 12px;
}
.single-shop-content .content-box .location-box form input {
  border: 2px solid #f7f7f7;
  height: 40px;
  padding-left: 10px;
  padding: 0 10px 3px;
  padding-right: 10px;
  width: 170px;
  transition: all 500ms ease;
  margin: 0 0 10px;
}
.single-shop-content .content-box .location-box form input:focus{
  border-color: #0072c6;
}
.single-shop-content .content-box .location-box form button {
  background: #f7f7f7 none repeat scroll 0 0;
  border: medium none;
  color: #252525;
  font-size: 14px;
  font-weight: 700;
  height: 40px;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
  transition: all 500ms ease 0s;
  width: 95px;
  position: relative;
  top: -1px;
}
.single-shop-content .content-box .location-box form button:hover{
  background: #0072c6;
  color: #fff;
}
.single-shop-content .content-box .location-box form span {
  color: #0072c6;
}

.single-shop-content .content-box .addto-cart-box .input-group.bootstrap-touchspin {
  float: left;
  width: 70px;
}

.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical > .btn {
  display: block;
  float: none;
  margin-left: -1px;
  max-width: 100%;
  padding: 12px 12px;
  position: relative;
  width: 100%;
}
.single-shop-content .content-box .addto-cart-box .btn-default {
  background-color: #efefef;
  border-color: #efefef;
  color: #000000;
}
.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical i {
  color: #000000;
  font-weight: normal;
  left: 8px;
  position: absolute;
  top: 7px;
}
.single-shop-content .content-box .addto-cart-box button.addtocart {
  margin-left: 25px;
}

.product-tab-box {
  border: 1px solid #ececec;
  border-top: none;
  border-right: none;
  border-left: none;
  overflow: hidden; 
  margin-top: 80px;
}
.product-tab-box .tab-menu {
  border-bottom: 1px solid #ececec;
  margin-bottom: 30px;
}
.product-tab-box .tab-menu li {
  display: inline-block;
  float: left;
  margin-bottom: -1px;
  margin-right: 3px;
}
.product-tab-box .tab-menu li a {
  background: #f7f7f7;
  border-top: 1px solid #ececec;
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
  border-bottom: 1px solid transparent;
  border-radius: 0;
  display: block;
  margin-right: 1px;
  padding: 15px 30px 13px;
  color: #222222;
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
  transition: all 500ms ease;
}
.product-tab-box .tab-menu li.active a, 
.product-tab-box .tab-menu li:hover a{
  background: #ffffff;
  color: #0072c6;
}

.product-tab-box .tab-content {
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
  margin-top: -30px;
  padding: 30px 30px 40px;
}

.product-tab-box .tab-content .review-box .sec-title-two {
  margin-top: 3px;
  padding-bottom: 22px;
}
.product-tab-box .tab-content .review-box .sec-title-two h3 {
  color: #3d3d3d;
  font-size: 20px;
  font-weight: 400;
  text-transform: capitalize;
}
.product-tab-box .tab-content .review-box .single-review-box {
  margin-bottom: 30px;
  padding-left: 60px;
  position: relative;
}
.product-tab-box .tab-content .review-box .single-review-box .img-holder {
  left: 0;
  position: absolute;
  top: 20px;
  width: 65px;
}

.product-tab-box .tab-content .review-box .single-review-box .text-holder {
  border: 1px solid #ececec;
  margin-left: 20px;
  padding: 17px 20px 12px;
}
.product-tab-box .tab-content .review-box .single-review-box .text-holder .top {
  margin: 0 0 10px;
  overflow: hidden;
}

.product-tab-box .tab-content .review-box .single-review-box .text-holder .top .name h4 {
  color: #3d3d3d;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  text-transform: capitalize;
}

.product-tab-box .tab-content .review-box .single-review-box .text-holder .top .review-box ul li i {
  color: #0072c6;
  font-size: 14px;
}

.product-tab-box .tab-content .review-form {
  padding-top: 30px;
}
.product-tab-box .tab-content .review-form .sec-title-two {
  padding-bottom: 34px;
}
.product-tab-box .tab-content .review-form .sec-title-two h3 {
  color: #3d3d3d;
  font-size: 24px;
  font-weight: 400;
  text-transform: capitalize;
}
.product-tab-box .tab-content .review-form .add-rating-box {
  margin: 0 0 20px;
}
.product-tab-box .tab-content .review-form .add-rating-box .add-rating-title h4 {
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  margin: 0 0 10px;
  font-family: 'Hind', sans-serif;
  text-transform: none;
}
.product-tab-box .tab-content .review-form .add-rating-box ul li {
  border-right: 1px solid #ebebeb;
  display: inline-block;
  line-height: 20px;
  margin-right: 10px;
  padding-right: 10px;
}
.product-tab-box .tab-content .review-form .add-rating-box ul li:last-child{
  margin-right: 0px;
  padding-right: 0px;
  border-right: 0px solid #ebebeb;
}
.product-tab-box .tab-content .review-form .add-rating-box ul li a i {
  color: #d6d6d6;
  font-size: 12px;
  line-height: 20px;
  margin-right: 1px;
  opacity: 0.9;
  transition: all 500ms ease 0s;
}

.product-tab-box .tab-content .review-form form .field-label p {
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  margin: 0 0 3px;
  font-family: 'Hind', sans-serif;
}
.product-tab-box .tab-content .review-form form input[type="text"], 
.product-tab-box .tab-content .review-form form input[type="email"], 
.product-tab-box .tab-content .review-form form textarea {
  background: #fff;
  height: 50px;
  width: 100%;
  border: 1px solid #ececec;
  color: #252525;
  font-size: 14px;
  padding: 0 15px;
  margin-bottom: 20px;
  transition: all 500ms ease;
}
.product-tab-box .tab-content .review-form form textarea {
  height: 110px;
  padding: 10px 15px;
  margin-bottom: 25px;
}

.product-tab-box .tab-content .review-form .add-rating-box ul li:hover a i{
  opacity: 1;
  color: #0072c6;
}
.product-tab-box .tab-content .review-form form input[type="text"]:focus{
  border-color: #0072c6;
}
.product-tab-box .tab-content .review-form form input[type="email"]:focus{
  border-color: #0072c6;
}
.product-tab-box .tab-content .review-form form textarea:focus{
  border-color: #0072c6;  
}

.related-product {
  padding-top: 80px;
}
.related-product .sec-title {
  padding-bottom: 34px;
}
.related-product .sec-title h3 {
  color: #222222;
  font-size: 24px;
  font-weight: 400;
  text-transform: capitalize;
}

.review-box ul li i {
  color: #0072c6;
  font-size: 14px;
}

/* Overlay styles one */
.overlay-style-one{
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 500ms ease;
  transition-delay: 0.10s;
}

.overlay-style-one .box .content{
  display: table-cell;
  text-align: center;
  vertical-align: middle;    
}

/* Overlay styles two */
.overlay-style-two{
  background-color: rgba(43, 44, 54, 0.9);
  width: 100%;
  height: 100%;
  position:absolute;
  top:0;
  left:0;
  transform: scale(0);
  border: 3px solid #fd3e67;
  transition: all 0.7s ease;
}

.overlay-style-two .box .content{
  display: table-cell;
  text-align: center;
  vertical-align: middle;    
}

/*** 
=============================================
    Checkout Area style
=============================================
***/
.checkout-area {
  padding-bottom: 80px;
  padding-top: 80px;
}
.checkout-area .sec-title {
  padding-bottom: 30px;
}
.checkout-area .sec-title h2 {
  color: #222222;
  font-size: 24px;
  font-weight: 400;
  text-transform: capitalize;
}

.checkout-area .exisitng-customer {
  background: #f7f7f7;
  display: block;
  padding: 20px 28px 21px;
  position: relative;
  margin-bottom: 20px;
}
.checkout-area .exisitng-customer:before{
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  background: #0072c6;
  content: "";
}
.checkout-area .exisitng-customer h5{
  color: #222222;
  font-size: 16px;
  font-weight: 400;
}
.checkout-area .exisitng-customer h5 a{
  color: #0072c6;
  display: inline-block;
  padding-left: 15px;
}

.checkout-area .coupon {
  background: #f7f7f7;
  display: block;
  padding: 20px 28px 21px;
  position: relative; 
  margin-bottom: 60px;
}
.checkout-area .coupon:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  background: #0072c6;
  content: "";  
}
.checkout-area .coupon h5 {
  color: #222222;
  font-size: 16px;
  font-weight: 400;  
}
.checkout-area .coupon h5 a {
  color: #0072c6;
  display: inline-block;
  padding-left: 15px;  
}

.checkout-area .form form .field-label {
  color: #222222;
  font-size: 16px;
  font-weight: 400;
  margin: -3px 0 3px;
  text-transform: capitalize;
  font-family: 'Montserrat', sans-serif;
}
.checkout-area .form form .field-input input[type="text"] {
  border: 1px solid #ececec;
  color: #000000;
  display: block;
  font-size: 16px;
  height: 48px;
  margin-bottom: 25px;
  padding: 0 15px;
  width: 100%;
  transition: all 500ms ease;
}
.checkout-area .form form .field-input input[type="text"]:focus{
  border: 1px solid #0072c6;
}

.checkout-area .create-acc .checkbox label {
  color: #0072c6;
  font-weight: 400;
  font-size: 16px;
}

.checkout-area .form form .field-input textarea {
  border: 1px solid #ececec;
  color: #000000;
  display: block;
  font-size: 16px;
  height: 124px;
  margin-bottom: 28px;
  padding: 10px 15px;
  width: 100%;
  transition: all 500ms ease;
}
.checkout-area .form form .field-input textarea:focus{
  border-color: #0072c6;
}

.checkout-area .table {
  overflow-x: auto;
  position: relative;
  width: 100%;
  margin-bottom: 0;
}
.checkout-area .table .cart-table {
  min-width: auto;
  width: 100%;
}
.checkout-area .table .cart-table .cart-header {
  background: #f7f7f7;
  color: #222222;
  font-size: 16px;
  position: relative;
  text-transform: capitalize;
  width: 100%;
  font-weight: 400;
  font-family: 'Montserrat', sans-serif;
}
.checkout-area .table .cart-table thead tr th {
  font-weight: 400;
  line-height: 24px;
  min-width: 110px;
  padding: 19px 30px 17px;
}
.checkout-area .table .cart-table thead tr th.product-column {
  padding-left: 30px;
  text-align: left;
}

.checkout-area .table .cart-table tbody tr {
  border-bottom: 1px solid #f7f7f7;
}

.checkout-area .table .cart-table tbody tr td {
  min-width: 110px;
  padding: 25px 30px;
}

.checkout-area .table .cart-table tbody tr .product-column .column-box .product-title{
  padding-left: 20px;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box .product-title h3 {
  color: #222222;
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
}

.checkout-area .table .cart-table tbody tr .qty {
  padding-right: 30px;
  width: 130px;
}

.checkout-area .table .cart-table tbody tr .qty .form-control {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 0;
  box-shadow: none;
  color: #252525;
  display: block;
  font-size: 18px;
  font-weight: 400;
  height: 34px;
  padding: 6px 0;
  text-align: center;
}

.checkout-area .table .cart-table tbody tr .qty .btn-default {
  background-color: #0072c6;
  border-color: #0072c6;
  color: #fff;
}

.checkout-area .table .cart-table tbody tr td.price {
  color: #0072c6;
  font-size: 20px;
  font-weight: 300;
}

.cart-total-table {
  border: 2px solid #f7f7f7
}
.cart-total-table li {
  border-bottom: 1px solid #f7f7f7
}

.cart-total-table li span.col.col-title {
  border-right: 1px solid #f7f7f7;
  color: #222222;
  display: block;
  float: left;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  padding: 10px 18px;
  position: relative;
  width: 50%;
  font-family: 'Montserrat', sans-serif;
}
.cart-total-table li span.col {
  color: #000000;
  display: block;
  float: left;
  font-size: 16px;
  font-weight: 300;
  line-height: 28px;
  padding: 10px 18px;
  position: relative;
  width: 50%;
  font-family: 'Hind', sans-serif;
}
.cart-total-table li span.col b {
  color: #0072c6;
  font-weight: 300;
  text-decoration: underline;
}

.cart-total .payment-options {
  background: #f7f7f7 none repeat scroll 0 0;
  margin-top: 30px;
  overflow: hidden;
  padding: 23px 20px 35px;
}

.cart-total .payment-options .option-block .checkbox label span {
  color: #222222;
  font-size: 16px;
  padding-left: 10px;
  font-weight: 400;
  font-family: 'Montserrat', sans-serif;
}
.cart-total .payment-options .option-block .checkbox label span b {
  color: #0072c6;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  padding-left: 25px;
  text-decoration: underline;
}
.cart-total .payment-options .option-block .text{
  padding-left: 30px;
}
.cart-total .payment-options .option-block .text p {
  margin: 0;
  line-height: 28px;
}
.placeorder-button button {
    margin-top: 20px;
}
.client-slider {
    padding: 60px 0;
    background: #fff;
    overflow: hidden;
}

.client-slider h2 {
    text-align: center;
    margin-bottom: 40px;
    font-size: 36px;
    font-weight: 700;
    color: #222;
}

.logo-slider {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.logo-track {
    display: flex;
    align-items: center;
    gap: 50px;
    width: max-content;
    animation: scroll 20s linear infinite;
}

.logo-track img {
    height: 90px;
    width: auto;

    /* Original logo colors */
    filter: none;
    opacity: 1;

    transition: transform 0.3s ease;
}

.logo-track img:hover {
    transform: scale(1.08);
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}/* APPLICATION SECTION */

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

.app-block {
    margin-bottom: 60px;
}

.app-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.app-image-box {
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
}

.app-img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
    border-radius: 10px;
}

.app-content {
    padding: 20px;
}

.app-content h3 {
    font-size: 28px;
    margin-bottom: 20px;
    color: #0b4f9c;
    font-weight: bold;
}

.app-content p {
    font-size: 16px;
    line-height: 30px;
    color: #555;
    text-align: justify;
}

/* MOBILE RESPONSIVE */

@media (max-width: 767px) {

    .app-row {
        display: block;
    }

    .app-content {
        padding-top: 25px;
    }

    .app-content h3 {
        font-size: 24px;
    }
}
/*** 
=============================================
    Login Register Area style
=============================================
***/
.login-register-area {
  padding-bottom: 83px;
  padding-top: 79px;
}

.login-register-area .form .sec-title h2{
  color: #222222;
  font-size: 24px;
  font-weight: 400;
  text-transform: capitalize;
}

.login-register-area .form .input-field input[type="text"] {
  border: 2px solid #f4f4f4;
  color: #000000;
  font-size: 16px;
  height: 50px;
  margin-bottom: 30px;
  padding-left: 15px;
  padding-right: 50px;
  width: 100%;
  transition: all 700ms ease 0s;
}

.login-register-area .form .input-field .icon-holder i {
  color: #000000;
  font-size: 14px;
  font-weight: 400;
}

.login-register-area .form .remember-text .checkbox label {
  color: #000000;
  font-size: 16px;
  font-weight: 400;
}

.login-register-area .form .social-icon {
  float: right;
  margin-right: -8px;
  margin-top: 15px;
  position: relative;
}

.login-register-area .form .social-icon li a i {
  background: #3b5998 none repeat scroll 0 0;
  border-radius: 50%;
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: 100;
  height: 40px;
  line-height: 24px;
  padding: 8px 0;
  text-align: center;
  transition: all 700ms ease 0s;
  width: 40px;
}
.login-register-area .form .social-icon li a i.twitter {
  background: #33ccfe none repeat scroll 0 0;
}
.login-register-area .form .social-icon li a i.gplus {
  background: #dd4b39 none repeat scroll 0 0;
}
.login-register-area .form a.forgot-password {
  color: #0072c6;
  float: right;
  font-weight: 700;
  margin: 20px 0 0;
}
.login-register-area .form h6 {
    color: #000000;
    float: left;
    font-size: 14px;
    margin: 28px 0 0 -50px;
    font-family: 'Hind', sans-serif;
}

.login-register-area .form .input-field input[type="text"]:focus{
  border: 2px solid #0072c6;    
}

.login-register-area .form .social-icon li a:hover i{
  background: #18387b;   
}

/*** 
=============================================
   Cart area  style
=============================================
***/
.cart-area {
  padding-bottom: 80px;
  padding-top: 80px;
}

.cart-area .cart-table .cart-header {
  background: #f7f7f7;
  color: #222222;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: relative;
  text-transform: capitalize;
  width: 100%;
}
.cart-area .cart-table thead tr th {
  font-weight: 400;
  line-height: 24px;
  min-width: 110px;
  padding: 20px 25px;
}

.cart-area .cart-table tbody tr td {
  color: #222222;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  min-width: 100px;
  padding: 27.5px 25px;
}

.cart-area .cart-table tbody tr .prod-column .column-box .title h3 {
  color: #222222;
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
}

.cart-area .cart-table tbody tr .qty .btn-default {
  background-color: #0072c6;
  border-color: #0072c6;
  color: #fff;
}

.cart-area .cart-table tbody .available-info {
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  padding-left: 50px;
  position: relative;
  font-family: 'Hind', sans-serif;
}
.cart-area .cart-table tbody .available-info .icon {
  background: #fdc716 none repeat scroll 0 0;
  border-radius: 50%;
  color: #ffffff;
  font-size: 18px;
  height: 40px;
  left: 0;
  line-height: 40px;
  position: absolute;
  text-align: center;
  top: 0px;
  width: 40px;
}

.cart-area .cart-table tbody tr td.price {
  color: #000000;
  font-size: 18px;
  font-weight: 400;
  font-family: 'Montserrat', sans-serif;
}
.cart-area .cart-table tbody tr .sub-total {
  color: #0072c6;
  font-weight: 400;
  font-size: 18px;
  font-family: 'Hind', sans-serif;
}

.cart-area .cart-table tbody tr td .remove .checkbox label {
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  font-family: 'Hind', sans-serif;
}

.cart-middle .apply-coupon input[type="text"] {
  border: 2px solid #f7f7f7;
  color: #000000;
  font-size: 14px;
  font-weight: 400;
  height: 50px;
  left: 0;
  padding: 0 15px;
  position: absolute;
  text-transform: capitalize;
  top: 0;
  transition: all 500ms ease 0s;
  width: 225px;
}
.cart-middle .apply-coupon input[type="text"]:focus {
  border: 2px solid #0072c6;
}

.cart-bottom .sec-title-two h2{
  color: #222222;
  font-size: 24px;
  font-weight: 400;
  text-transform: capitalize;
}

.cart-bottom .calculate-shipping .ui-state-default {
  background: #fff none repeat scroll 0 0;
  border: 2px solid #f7f7f7;
  border-radius: 0;
  color: #000000;
  font-size: 14px;
  font-weight: normal;
  height: 45px;
  margin-bottom: 17px;
  outline: medium none;
  width: 100%;
}

.cart-bottom .calculate-shipping .ui-selectmenu-button span.ui-icon::before {
  color: #000000;
  content: "\f107";
  font-family: FontAwesome;
  font-size: 20px;
  overflow: visible;
  position: absolute;
  right: 14px;
  top: 6px;
}

.cart-bottom .calculate-shipping input[type="text"] {
  border: 2px solid #f7f7f7;
  color: #000000;
  display: block;
  font-size: 16px;
  height: 45px;
  padding: 0 18px;
  width: 100%;
  margin-bottom: 30px;
  transition: all 500ms ease;
}
.cart-bottom .calculate-shipping input[type="text"]:focus {
  border: 2px solid #0072c6;
}
.cart-bottom .calculate-shipping button {
  background: #f7f7f7;
  color: #222222;
}
.cart-bottom .calculate-shipping button:hover{
    color: #fff;
} 

/*** 
=============================================
    Not found area style
=============================================
***/
.not-found-area {
  background: #f7f7f7 none repeat scroll 0 0;
  padding-bottom: 100px;
  padding-top: 72px;
}
.not-found-content h1 {
  color: #0072c6;
  font-size: 200px;
  font-weight: 700;
  margin: 0 0 7px;
  text-shadow: 8px 8px 19px rgba(0, 0, 0, 0.5);
}
.not-found-content h3 {
  color: #222;
  font-size: 20px;
  font-weight: 400;
  margin: 40px 0 20px;
  text-transform: uppercase;
}
.not-found-content p {
  font-size: 18px;
  margin: 0 0 30px;
}

.not-found-content .search-form input[type="text"] {
  background: #fff;
  border: 1px solid #f1f1f1;
  color: #000000;
  display: inline-block;
  font-size: 16px;
  font-weight: 300;
  height: 55px;
  letter-spacing: 1px;
  padding-left: 20px;
  padding-right: 60px;
  position: relative;
  transition: all 500ms ease 0s;
  width: 432px;
}
.not-found-content .search-form button {
  background: #0072c6 none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  height: 55px;
  padding: 11px 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  transition: all 500ms ease 0s;
  width: 55px;
}

.not-found-content .search-form input[type="text"]:focus {
  border: 1px solid #0072c6;
  background: #fff;
  color: #000;
}

/*** 
=============================================
    Faq content area style
=============================================
***/
.accordion-box .accordion .accord-btn h4 {
  color: #252525;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  transition: all 500ms ease;
  text-transform: none;
}
.accordion-box .accordion .accord-btn::after {
  background: #0072c6 none repeat scroll 0 0;
  border-radius: 2px;
  color: #fff;
  content:'\f067';
  font-family: "FontAwesome";
  font-size: 12px;
  height: 20px;
  line-height: 22px;
  margin-top: -15px;
  position: absolute;
  right: 20px;
  text-align: center;
  top: 32.5px;
  width: 20px;
  transition: all 500ms ease;
}

.accordion-box .accordion .accord-btn.active h4{
  color: #0072c6;
}

.accordion-box .accordion .accord-content p {
  color: #000000;
  line-height: 28px;
  margin: 0;
}

.faq-content-area .question-form h1 {
  color: #252525;
  font-size: 24px;
  font-weight: 600;
  margin: 0 0 35px;
  text-transform: uppercase;
}
.faq-content-area .question-form form input[type="text"],
.faq-content-area .question-form form textarea{
  background: #ffffff none repeat scroll 0 0;
  display: block;
  height: 50px;
  margin-bottom: 28px;
  padding: 0 20px;
  width: 100%;
  transition: all 500ms ease;
  border: 1px solid transparent;
}
.faq-content-area .question-form form input[type="text"]:focus{
  border: 1px solid #0072c6;
}
.faq-content-area .question-form form textarea:focus{
  border: 1px solid #0072c6;
}
.faq-content-area .question-form form textarea{
  height: 155px;
  padding: 15px 20px;
}
.faq-content-area .question-form form button {
  background: #0072c6 none repeat scroll 0 0;
  color: #ffffff;
  margin: 10px 0 0;
  transition: all 500ms ease;
  width: 100%;
}
.faq-content-area .question-form form button:hover{
  background: #005bb5;
  color: #fff;
}

/*** 
====================================================================
  why-chooseus
====================================================================
***/

.why-chooseus .item .inner-box{
  position:relative;
  padding: 0px 15px 20px 100px;
  background:#ffffff;
  border: 1px solid #f7f7f7;
  transition:all 500ms ease;
}

.why-chooseus .item .inner-box .icon_box{
  position:absolute;
  left: 0;
  top: 0;
  width: 70px;
  height: 70px;
  line-height: 70px;
  background: #f7f7f7;
  text-align:center;
  color: #fdc716;
  font-size:34px;
  z-index:2;
  transition:all 500ms ease;
}

.why-chooseus .item .inner-box h4{
  color:#272727;
  font-size: 18px;
  font-weight: 600;
  margin: 15px 0px 8px;
  z-index:2;
}

.why-chooseus .item .inner-box .text{
  position:relative;
  color:#000000;
  font-size:16px;
  z-index:2;
}

.why-chooseus .item .inner-box .read-more{
  position:relative;
  color:#272727;
  margin-top:15px;
  display:inline-block;
  font-weight:700;
  z-index:2;
  text-transform:uppercase;
  font-family: 'Bree Serif', serif;
}

/* 
==============================
   5. Our Services styles
==============================
*/

.our-services .single-our-service h4 {
  margin-top: 17px;
  margin-bottom: 11px;
  color: #272727;
  transition: .5s ease;
}

.our-services .single-our-service-caption-box .content-box {
  padding-left: 20px;
}

/* default-blog styles */

.default-blog-news .lower-content{
  position:relative;
  padding: 30px 20px 20px;
  border: 1px solid #f4f4f4;
  border-top: 0;
}

.default-blog-news .lower-content h4 a{
  color:#222;
  transition: all 300ms ease;
  font-size: 18px;
}

.default-blog-news .lower-content .post-meta{
  color: #000000;
  font-size:16px;
  margin-bottom: 7px;
}

.default-blog-news .lower-content .default_link {
  text-transform: uppercase;
  color: #303030;
  transition: .5s ease;
  font-family: 'Montserrat', sans-serif;
}

.default-blog-news .img-holder img {
    transform: scale(1);
    transition: all 0.5s ease 0s;
    width: 100%;
}

.large-blog-news .lower-content h4 a{
  color:#222;
  transition: all 300ms ease;
  font-size: 24px;
}

.large-blog-news .lower-content .post-meta{
  color: #000000;
  font-size:16px;
  margin-bottom: 15px;
}

.category-style-one ul li a {
  font-weight: normal;
  color: #000000;
  position: relative;
  width: 100%;
  transition: .5s ease;
  line-height: 40px;
  display: block;
}

.popular-post .item {
    position: relative;
    font-size: 14px;
    margin-bottom: 10px;
    min-height: 50px;
    padding: 0px 0px 25px 90px;
    color: #000000;
    border-bottom: 1px solid #f1f1f1;
}

.popular-post .item h5{
    position: relative;
    top: 8px;
    font-size: 16px;
    font-weight: 600;
    margin: 0px 0px 17px;
    line-height: 26px;
    color:#333;
    transition: .5s ease;
}

.recent-posts.post-thumb .post .post-info{
    font-size: 14px;
    font-weight:400;
    margin:0px;
    line-height:1.6em;
    color: #000000;
}

.sidebar-archive .bootstrap-select {
    background: #f7f7f7;
    color: #000000;
    padding: 10px 0;
    font-size: 16px;
}

.facebook-feed .link a {
  color: #58606f;
  background: #fff;
  display: inline-block;
  line-height: 22px;
  font-size: 13px;
  text-align: center;
  padding: 0 10px;
  border: 1px solid #eaeaea;
}

.share-box .tag-box span {
  font-size: 14px;
  color: #3F3E3E;
}

.share-box .social a {
  width: 40px;
  border-radius: 50%;
  height: 40px;
  color: #000000;
  text-align: center;
  margin: 0 3px;
  border: 1px solid #eee;
  display: block;
  line-height: 41px;
  transition: all 0.5s ease;
}

.post-author{
  position:relative;
  color:#000000;
  margin-bottom: 64px;
}

.post-author .inner-box{
  position:relative;
  padding: 33px 35px 12px 155px;
  min-height:160px;
  background:#f4f4f4;
}

.post-author h4{
  position:relative;
  margin: 0px 0px 16px;
  font-size:18px;
  text-transform:capitalize;
  font-weight: 600;
  color: #252525;
}
.post-author ul li a {
  color: #000000;
}

.post-author .text{
  line-height:1.8em;
  color:#000000;
}

.product-review-tab .add_your_review>span {
  display: block;
  margin: 36px 0 14px 0;
  color: #000000;
}
.product-review-tab .add_your_review ul,
.product-review-tab .add_your_review ul li {
  display: inline-block;
  color: #000000;
}

.product-review-tab .add_your_review form label {
  color: #000000;
  font-size: 16px;
  margin-bottom: 5px;
}

.product-review-tab .add_your_review form input,
.product-review-tab .add_your_review form textarea {
    width:100%;
    border:1px solid #f0f0f0;
    margin-bottom: 30px;
    color:#000000;
    resize: none;
}

ul.gallery-filter li span {
  display: block;
  font-size: 16px;
  color: #303030;
  font-weight: 600;
  border-bottom: 2px solid transparent;
  line-height: 48px;
  margin: 0 10px;
  padding: 0 5px;
  transition: all 0.5s ease;
  font-family: 'Montserrat', sans-serif;
  cursor: pointer;
}

.project-single .list-item li {
  position: relative;
  float: left;
  width: 50%;
  padding-left: 20px;
  color: #000000;
  font-size: 15px;
  margin: 5px 0;
}

.team h5 {
  font-size: 16px;
  color: #303030;
  margin-top: 15px;
  text-transform: capitalize;
}

.about-us .fact-counter ul li.single-fact-counter h3 {
  color: #292929;
  font-size: 14px;
  text-transform: capitalize;
  font-weight: 400;
  margin: 2px 0 0;
  font-family: 'Poppins', sans-serif;
}

.single-sidebar-box .title h3 {
  font-size: 24px;
  font-weight: 900;
  color: #272727;
  text-transform: uppercase;
  margin: 0;
  line-height: 60px;
}

.single-sidebar-box.category-widget ul li a {
  display: block;
  font-size: 16px;
  line-height: 50px;
  color: #272727;
  transition: all 0.5s ease;
}

.single-sidebar-box.recent-news-widget .content-box h4 {
  font-size: 16px;
  color: #272727;
  font-weight: 900;
  margin: 0;
  line-height: 28px;
}

.single-sidebar-box.testimonials-widget .single-testi-carousel .box p {
  font-size: 16px;
  color: #272727;
  line-height: 26px;
  margin: 0;
  margin-bottom: 5px;
}

.single-sidebar-box.price-filter button {
  color: #000000;
  font-size: 14px;
  font-weight: 900;
  background: #F4F4F4;
  text-transform: uppercase;
  width: 90px;
  height: 35px;
  display: inline-block;
  float: left;
}
.single-sidebar-box.price-filter p {
  display: inline-block;
  float: right;
  margin: 0;
  line-height: 35px;
  font-size: 16px;
  font-weight: 500;
  color: #272727;
  text-transform: capitalize;
}
.single-sidebar-box.price-filter input {
  width: auto;
  border: none;
  outline: none;
  width: 50px;
  font-size: 16px;
  font-weight: 500;
  color: #272727;
}

.single-sidebar-box.best-seller > ul > li .text-box h3 {
  font-size: 16px;
  margin: 0;
  line-height: 28px;
  font-weight: bold;
  color: #272727;
}

.single-sidebar-box.tag-links ul li a {
  display: block;
  border: 1px solid #f4f4f4;
  font-size: 16px;
  color: #000000;
  text-transform: capitalize;
  line-height: 30px;
  padding: 0 10px;
  transition: all 0.5s ease;
  margin-right: 4px;
  margin-bottom: 5px;
}

.single-sidebar-box.service-link-widget ul.catergori-list li a {
  display: block;
  font-size: 16px;
  color: #303030;
  line-height: 50px;
  font-weight: 700;
  padding-left: 23px;
  border-bottom: 1px solid #fff;
  transition: all 0.5s ease;
}

.single-sidebar-box.broucher-widgets .text-box h4 {
  font-size: 18px;
  color: #272727;
  margin: 0;
}

.brochures-lists li a {
    color: #303030;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
}
.brochures-lists li a span {
    background: #f7f7f7;
    color: #000000;
    display: inline-block;
    font-size: 16px;
    border: 1px solid #f7f7f7;
    height: 28px;
    margin-left: 15px;
    margin-right: 15px;
    padding: 2px 5px;
    position: relative;
    font-family: 'roboto-light';
    font-size: 14px;
    line-height: 25px;
    transition: .5s ease;
}

.single-sidebar-box .contact-details .item .content p {
  color: #000000;
  font-size: 14px;
  margin-bottom: 0;
  line-height: 25px;
}

.single-sidebar-box .contact-details .item h5 {
  font-size: 16px;
  margin-bottom: 20px;
  color: #272727;
}

.tabs-style-one .tab-buttons .tab-btn{
  position:relative;
  display:inline-block;
  padding: 9px 0px;
  width: 33%;
  margin:0px 0px 0px;
  cursor:pointer;
  font-size:18px;
  text-align:center;
  font-weight:600;
  color: #272727;
  background-color:#f9f9f9;
  text-transform:capitalize;
  transition:all 300ms ease;
}

.tabs-style-one .tab-buttons .tab-btn.active-btn{
  color: #272727;
  background: #ffffff;
}

.tabs-style-one .tab .text-content .text{
  font-size:16px;
  line-height:1.8em;
  margin-bottom:15px;
  color:#000000;
  font-weight:300;
  font-family: 'Roboto', sans-serif;
}

.chemical-offer .item .title a {
  color: #272727;
  transition: .5s ease;
}

.outer ul.benifit li {
    position: relative;
    color: #000000;
    font-family: "roboto-light";
    padding-left: 20px;
    margin: 5px 0;
}

.whatsapp-float {
    position: fixed;
    width: 55px;
    height: 55px;
    bottom: 20px;
    right: 20px;
    background-color: #25D366;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    font-size: 28px;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
    z-index: 1000;
    transition: 0.3s;
}

.whatsapp-float i {
    margin-top: 13px;
}

.whatsapp-float:hover {
    background-color: #1ebe5d;
    transform: scale(1.1);
}

.app-block p {
    font-size: 16px;
    line-height: 1.7;
    color: #000000;
    margin-bottom: 15px;
}
@media (max-width: 991px) {
    /* Stack Service Rows & Application Blocks */
    .service-row, .service-row.reverse, .app-row {
        flex-direction: column !important;
        text-align: center;
        gap: 30px;
    }

    .service-img, .service-text, .app-content, .app-image-box {
        flex: 0 0 100%;
        width: 100%;
    }

    .service-img img, .app-img {
        height: auto;
        max-height: 350px;
    }

    /* Adjust main titles for tablet/mobile */
    .section-title h2, .main-title {
        font-size: 28px !important;
        line-height: 1.3;
    }
}@media (max-width: 768px) {
    /* Stack Cards (Team, Machine, Product) */
    .card-wrapper, .row {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .card, .product-card, .team-card, .machine-card, .service-card {
        width: 100% !important;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    /* Product Dropdown (The 3-column grid in your CSS) */
    .product-dropdown {
        width: 100% !important;
        grid-template-columns: 1fr 1fr !important; /* 2 columns on mobile */
        min-width: unset;
    }

    /* Team image height fix */
    .team-card .img-box {
        height: 400px; /* Reduced from 600px for mobile */
    }
}@media (max-width: 768px) {
    /* Make all tables scrollable horizontally */
    .table, .cart-table, .checkout-area .table, .cart-area .cart-table {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    /* Hide the sidebar for business enquiry or force it below */
    .sidebar-wrapper {
        margin-top: 50px;
    }
}@media (max-width: 991px) {
    /* Simplify Top Header */
    .header-contact-info {
        display: none; /* Hide complex contacts on mobile */
    }
    
    .header-area {
        padding: 15px 0;
        text-align: center;
    }

    .logo {
        float: none !important;
        margin: 0 auto;
    }

    /* Sticky menu positioning */
    .mainmenu-area {
        margin: 0;
        top: 0;
    }
    
    .main-menu .navigation {
        display: none; /* Usually handled by a JS Hamburger menu */
    }
}

@media (max-width: 480px) {
    /* Floating Buttons (WhatsApp/Email) scaling */
    .whatsapp-float, .email-float {
        width: 45px;
        height: 45px;
        font-size: 22px;
        bottom: 15px;
    }
    .whatsapp-float i, .email-float i {
        margin-top: 11px;
    }
}@media (max-width: 767px) {
    .footer-row {
        flex-direction: column;
        text-align: center;
    }

    .footer-col {
        margin-bottom: 40px;
        padding-left: 0 !important;
    }

    .social-icons, .social-icon {
        justify-content: center;
        display: flex;
    }

    .footer-bottom {
        flex-direction: column;
        text-align: center;
        gap: 10px;
    }
    
    .footer-menu li {
        margin: 5px 10px !important;
        display: inline-block;
    }
}
/* --- UNIVERSAL MOBILE NAV FIX --- */
@media (max-width: 991px) {
    /* Container to hold logo and actions */
    .header-area .container {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    /* Force Logo Center */
    .logo {
        float: none !important;
        margin: 0 auto 15px !important;
        text-align: center;
    }

    /* Navigation Action Bar (Hamburger + Button) */
    .nav-header-actions {
        display: flex !important;
        width: 100%;
        justify-content: space-between !important;
        align-items: center;
        padding: 10px 15px;
        background: #fff;
    }

    /* Keep Button and Toggle on one line */
    .navbar-toggle {
        float: none;
        margin: 0;
        display: block ;
    }

    .link_btn {
        float: none !important;
    }

    /* Hide "Download" text on very small screens (under 400px) to prevent overlap */
    @media (max-width: 400px) {
        .btn-text { display: none !important; }
        .link_btn .thm-btn i { margin: 0 !important; }
        .link_btn .thm-btn { padding: 8px 12px !important; }
    }

    /* Dropdown Menu Mobile Styling */
    .navbar-collapse {
        width: 100%;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 9999;
        background: #fff;
        box-shadow: 0 10px 20px rgba(0,0,0,0.1);
        border: none;
    }

    .main-menu .navigation {
        float: none !important;
        width: 100%;
    }

    .main-menu .navigation li {
        float: none !important;
        width: 100%;
        border-bottom: 1px solid #eee;
    }

    .main-menu .navigation li a {
        padding: 15px 20px !important;
        margin: 0 !important;
        color: #333 !important;
    }
}
.whatsapp-float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    right: 40px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
}

.my-float {
    margin-top: 16px;
}

/* Optional: Hover effect */
.whatsapp-float:hover {
    background-color: #128C7E;
    color: #FFF;
}