@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@400..800&display=swap');
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Baloo 2", sans-serif;
}
.sidebar-toggler{display: none !important;}
body { min-height: 100vh;background-color: #f3f9fb;} .sidebar { position: fixed; top: 0; left: 0; z-index: 999; width: 250px; height: 100vh; background: #121712ed; transition: all 0.8s ease; } .sidebar.collapsed { width: 85px; } .sidebar .sidebar-header { display: flex; position: relative; padding: 25px 20px; align-items: center; justify-content: space-between;margin-bottom: 20px;padding-top: 12px;} .sidebar-header .header-logo img { width: 140px; display: block; object-fit: contain; } .sidebar.collapsed .header-logo { display: none; transition: 0.5s ease-in-out; } .sidebar-header .sidebar-toggler, .sidebar-menu-button { position: absolute; right: 20px; color: #fff; border: none; font-size: 25px; cursor: pointer; display: flex; background: transparent; align-items: center; justify-content: center; border-radius: 8px; transition: 0.4s ease;background-color: #fe506c;} .sidebar-toggler svg{width: 32px;height: 32px;} .sidebar.collapsed .sidebar-header .sidebar-toggler { transform: translate(-10px, 18px); } .sidebar-header .sidebar-toggler span, .sidebar-menu-button span { font-size: 1.75rem; transition: 0.4s ease; } .sidebar.collapsed .sidebar-header .sidebar-toggler span { transform: rotate(180deg); } .sidebar-nav .nav-list { list-style: none; display: flex; gap: 4px; padding: 0 15px; flex-direction: column; transform: translateY(15px); transition: 0.4s ease; } .sidebar .sidebar-nav .primary-nav { overflow-y: auto; scrollbar-width: thin; padding-bottom: 20px; scrollbar-color: transparent transparent;margin-top: 0px; } .sidebar .sidebar-nav .primary-nav:hover { scrollbar-color: #EEF2FF transparent; } .sidebar.collapsed .sidebar-nav .primary-nav { overflow: unset; transform: translateY(65px); } .sidebar-nav .nav-item .nav-link { color: #fff; display: flex; gap: 8px; white-space: nowrap; border-radius: 8px; padding: 9px 15px; align-items: center; text-decoration: none; transition: 0.4s ease; } .sidebar-nav .nav-item:is(:hover, .open)>.nav-link:not(.dropdown-title) { color: #151A2D; background: #EEF2FF; } .sidebar .nav-link .nav-label { transition: opacity 0.8s ease; font-weight: 500; font-size: 17px; } .sidebar.collapsed .nav-link :where(.nav-label, .dropdown-icon) { opacity: 0; pointer-events: none; } .sidebar.collapsed .nav-link .dropdown-icon { transition: opacity 0.3s 0s ease; } .sidebar-nav .secondary-nav { position: absolute; bottom: 35px; width: 100%; background: #151A2D; } .sidebar-nav .nav-item { position: relative; }  .sidebar-nav .dropdown-container .dropdown-icon { margin: 0 -4px 0 auto; transition: transform 0.4s ease, opacity 0.3s 0.2s ease; } .sidebar-nav .dropdown-container.open .dropdown-icon { transform: rotate(180deg); } .sidebar-nav .dropdown-menu { height: 0; overflow-y: hidden; list-style: none; padding-left: 15px; transition: height 0.4s ease; } .sidebar.collapsed .dropdown-menu { position: absolute; top: -10px; left: 100%; opacity: 0; height: auto !important; padding-right: 10px; overflow-y: unset; pointer-events: none; border-radius: 0 10px 10px 0; background: #151A2D; transition: 0s; } .sidebar.collapsed .dropdown-menu:has(.dropdown-link) { padding: 7px 10px 7px 24px; } .sidebar.sidebar.collapsed .nav-item:hover>.dropdown-menu { opacity: 1; pointer-events: auto; transform: translateY(12px); transition: all 0.4s ease; } .sidebar.sidebar.collapsed .nav-item:hover>.dropdown-menu:has(.dropdown-link) { transform: translateY(10px); } .bannerbox img{width: 100% !important;height: 100vh;} .bannertext{ position: absolute; top: 50%; left: 53%; transform: translate(-50%,-50%); width: 40%; } .bannertext h1{font-size: 100px;color: #fff;font-weight: 800;width: fit-content;} .bannertext h4{color: #fff;font-size: 18px;font-weight: 500;} .bannertext p{color: #fff;font-size: 18px;font-weight: 500;} .bannerbox{position: relative;} .bannerbox .imgoverlay{position: absolute;top: 0;background-color: #00000080;left: 0;right: 0;bottom: 0;width: 100%;} .dropdown-menu .nav-item .nav-link { color: #F1F4FF; padding: 9px 15px; } .sidebar.collapsed .dropdown-menu .nav-link { padding: 7px 15px; } .dropdown-menu .nav-item .nav-link.dropdown-title { display: none; color: #fff; padding: 9px 15px; } .dropdown-menu:has(.dropdown-link) .nav-item .dropdown-title { font-weight: 500; padding: 7px 15px; } .sidebar.collapsed .dropdown-menu .nav-item .dropdown-title { display: block; } .sidebar-menu-button { display: none; } @media (max-width: 768px) { .sidebar-menu-button { position: fixed; left: 20px; top: 20px; height: 30px !important; width: 30px !important; display: flex; color: #F1F4FF; background: #fe506c; z-index: 99;} .sidebar.collapsed { width: 270px; left: -270px; } .sidebar.collapsed .sidebar-header .sidebar-toggler { transform: none; } .sidebar.collapsed .sidebar-nav .primary-nav { transform: translateY(15px); } } .explore-btn { display: inline-flex; align-items: center; border: 2px solid white; border-radius: 50px; color: white; background: transparent; padding: 8px 20px;  font-size: 20px; text-decoration: none; transition: all 0.3s ease; margin-bottom: 30px; padding-right: 0x; padding-right: 0px; width: 180px; border-top-left-radius: 10px; font-weight: 600; border-bottom-left-radius: 10px; } .owl-carousel.owl-drag .owl-item.active 
.bannertext h1 { animation-name: fadeInRightShort; animation-duration: 1.5s; animation-fill-mode: both; animation-timing-function: ease; } 
.owl-carousel.owl-drag .owl-item.active .bannertext h4 { animation-name: fadeInRightShort; animation-duration: 1.1s; animation-fill-mode: both; animation-timing-function: ease; } .owl-carousel.owl-drag .owl-item.active .bannertext .explore-btn { animation-name: fadeInRightShort; animation-duration: 0.9s; animation-fill-mode: both; animation-timing-function: ease; } 
@keyframes fadeInRightShort { from { opacity: 0; transform: translateX(30px); } to { opacity: 1; transform: translateX(0); } } 
@keyframes fadeInUpShort { from { opacity: 0; transform: translateY(30px);} to { opacity: 1; transform: translateY(0);} } .owl-carousel.owl-drag .owl-item.active .bannertext p { animation-name: fadeInUpShort; animation-duration: 1.5s; animation-fill-mode: both; animation-timing-function: ease; } .explore-btn .icon { display: inline-flex; align-items: center; justify-content: center; width: 35px; height: 35px; background-color: #e60000;border-radius: 50%; margin-left: 10px; color: white; transition: background 0.3s ease; font-size: 14px; margin-left: auto; margin-right:6px; } .explore-btn:hover { background: rgba(255,255,255,0.1); } .explore-btn:hover .icon { background-color: #ff3333; }
.bannerbox{width: 100%;}
.searchbox{margin: 0 15px;position: relative;}
.searchbox i{position: absolute;color: #fff;left: 18px;top: 25px;color: gray;}
.searchbox input{width: 100%;background: transparent;border: 1px solid #ccc;border-radius: 50px;padding: 10px;color: #fff;padding-left: 50px !important;}
.searchbox input::placeholder{color: gray;font-size: 16px;}
.aboutimg{width: 100%;height: 580px;overflow: hidden;position: relative;}
.aboutimg img{width: 100%;height: auto;min-height: 100%;object-fit: cover;margin-left: auto;}
.owl-prev{ background: white !important; width: 50px; height: 50px; position: absolute; bottom: 19px; right: 589px; } 
.owl-next{ background: white !important; width: 50px; height: 50px; position: absolute; bottom: 19px; right: 540px; } 
.owl-next svg { width: 30px; height: 30px; } .owl-prev svg { width: 30px; height: 30px; } .abouttext h1{margin-bottom: 25px;font-size: 80px;font-weight: 700;line-height: 70px;position: relative;width: fit-content;} .abouttext p{ font-size: 15px; font-weight: 400; line-height: 27px; max-width: 430px; } .aboutcarousel .owl-item.active .abouttext p{ animation-name: fadeInUpShort; animation-duration: 1.5s; animation-fill-mode: both; animation-timing-function: ease; } 
.aboutcarousel .owl-item.active .abouttext h1{animation-name: fadeInUpShort; animation-duration: 1.5s; animation-fill-mode: both; animation-timing-function: ease;}
.aboutcarousel .owl-item.active .abouttext h5{animation-name: fadeInUpShort; animation-duration: 1.5s; animation-fill-mode: both; animation-timing-function: ease;}
.aboutcarousel .owl-item.active .abouttext .clickbtn{animation-name: fadeInUpShort; animation-duration: 1.5s; animation-fill-mode: both; animation-timing-function: ease;}
.abouttext i{font-weight: 600;color: #000;} 
.clickbtn { color: #000; text-transform: uppercase; text-decoration: none; border: 2px solid #fe506c; padding: 12px 30px; font-size: 16px; cursor: pointer; font-weight: 500; background: transparent; position: relative; transition: all 1s; margin-top: 30px; overflow: hidden; display: flex; align-items: center; gap: 10px; }
.clickbtn:hover { color: white; } .clickbtn:hover i{color: white; transition: all 1s;} .clickbtn::before { content: ""; position: absolute; height: 100%; width: 0%; top: 0; left: -40px; background-color: #fe506c; z-index: -1; transition: all 1s; } .clickbtn:hover:before { width: 160%; } .searchbox input:focus-visible{outline: 1px solid #fff;} .socialul{display: flex;gap: 10px;list-style: none;justify-content: center;padding-left: 0px;border-bottom: 2px solid #fff;padding-bottom: 20px;width: 80%;margin:auto;} .copyrightext{font-size: 13px;color: #fff;text-align: center;padding-top: 20px;} .navbottombox{padding-top: 0px;} 
.socialul li a { text-decoration: none; color: #000; font-size: 14px; width: 30px; height: 28px; background-color: #fff; border-radius: 5px; display: flex; justify-content: center; align-items: center; }
.sidebar.collapsed .navbottombox{display: none;} .sidebar.collapsed .searchbox input{padding-right: 0px;}
.bdt-prime-slider-skin-isolate .frist-word:before
.abouttext h1::before { content: ''; position: absolute; background: rgba(254, 80, 108, 0.1); height: 25px; width: 100%; bottom: 0; left: 0; z-index: -1; transition: all .3s ease; }
.breadcrumbbanner{ background: url(https://imgak.mmtcdn.com/pwa_v3/pwa_commons_assets/desktop/bg3.jpg); background-position: center !important; background-size: cover !important; height: 160px; display: flex; justify-content: center; align-items: center;}
.breadcrumbbanner h1{color: #fff;font-weight: 700;font-size: 50px;}
.reachbox h1 { font-weight: 700; font-size: 26px; color: #000}
.reachbox p { font-size: 14px; margin-bottom: 20px; } .contact-info { margin-bottom: 15px; } .contact-info h3 { font-size: 18px; font-weight: 600; } .contact-items .content p { margin-bottom: 5px; } .contact-items p { font-size: 14px; } .contact-section{padding-top: 50px;} .contactform-container { background-color: #efeefa; padding: 20px; } .social-links { display: flex; list-style: none; gap: 6px; padding-left: 0px; } .contactform-container .sendheading { font-size: 22px; font-weight: 600; color: #000; } .contactform-container .sendpara { font-size: 13px; font-weight: 500; margin-bottom: 25px; } .contactform-container form .form-group { margin-bottom: 15px; } .contactform-container form .form-group input { width: 100%; border: 1px solid #ccc; padding: 10px; font-size: 14px; } .contactform-container .submitbtn { background-color: #fe506c; padding: 10px 20px; border: 0px; color: #fff; font-size: 15px; font-weight: 600; border-radius: 5px; } .contactform-container textarea { width: 100%; border: 1px solid #ccc; padding: 10px; margin-bottom: 15px;font-size: 15px;} .social-links { display: flex; list-style: none; gap: 6px; padding-left: 0px; } .contactform-container textarea:focus-visible { outline: 1px solid #ccc; } .contactform-container form .form-group input:focus-visible { outline: 1px solid #ccc; } .social-links li a { color: #000; text-decoration: none; font-size: 16px;} .nav-link.active { background-color: #fe506c; color: #fff; } .nav-link.active i { color: #fff; }
.map-section iframe { width: 100%; height: 380px; }
.service-card { background: #fff; border-radius: 8px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); text-align: center; padding: 30px 20px; transition: all 0.3s ease; height: 100%; } .service-card:hover { background-color: #fe506c;  color: #fff; transform: translateY(-5px); } .service-card i { font-size: 40px; color: #fe506c; margin-bottom: 15px; transition: color 0.3s; } .service-card:hover i { color: #fff; } .service-card h5 { font-weight: 600; margin-bottom: 10px;font-size: 20px;} .service-card p { color: #6c757d; margin: 0; } .service-card:hover p { color: #fff; }
.exploreimg{width: 100%;height: 320px;overflow: hidden;clip-path: polygon(20% 0, 99% 14%, 100% 100%, 0% 100%);}
.exploreimg img{width: 100%;height: auto;min-height: 100%;object-fit: cover;}
.marketplace-img{width: 100%;height: 258px;object-fit: cover;}
.company-name{font-size: 17px;color:#e74c3c;font-weight: 600;}
.info-text{font-size: 13px;margin-bottom: 10px;}
.marketplace h2{margin-bottom: 0px;font-weight: 600;}
.marketplace p{color: #e74c3c;font-size: 18px;font-weight: 500;margin-bottom: 0px;text-transform: capitalize;}
.marketplace a{display: inline-block;margin-bottom: 10px;}
.about-nav { display: flex; justify-content: center; gap: 25px; list-style: none; margin: 20px 0; padding: 0; font-weight: 500; padding-left: 203px; margin-top: 25px; } 
.about-nav li { cursor: pointer; color: #222; transition: all 0.3s ease; } 
.about-nav li.active { color: #e74c3c; font-weight: 600; border-bottom: 2px solid #e74c3c;}
.owl-dots{display: flex; gap: 15px; flex-direction: column; position: absolute; top: 50%; right: 4%;}
.aboutcarousel .owl-dot{width: 10px; height: 10px; background: #ccc !important; border-radius: 50px;position: relative;}
.aboutcarousel .owl-dot.active:before{display: block;}
.inventure-section h6 { color: #e74c3c; font-weight: 600; } .inventure-section p { margin-bottom: 5px; font-size: 15px; } .inventure-section a { color: #000; text-decoration: none; } .inventure-section a:hover { text-decoration: underline; }
.aboutcarousel .owl-dot::before{ content: ""; position: absolute; left: -4px; top: -4px; border: 2px solid #e74c3c; width: 18px; height: 18px; display: none; border-radius: 50px; }
.brandcarousel .owl-prev{bottom: 120px !important;right: 40px !important;background:#e61b3b !important;border-radius:50px;color: #fff !important;width:40px !important;height:40px !important;border:0px !important;transition:0.5s ease-in-out !important;}
.brandcarousel .owl-next{bottom: 70px !important;right: 40px !important;background:#e61b3b !important;border-radius:50px;color: #fff !important;width:40px !important;height:40px !important;border:0px !important;transition:0.5s ease-in-out !important;}
.brandcarousel .owl-prev:hover{ background: #fff !important; border: 1px solid #e61b3b !important; color: #e61b3b !important; } 
.brandcarousel .owl-next:hover{ background: #fff !important; border: 1px solid #e61b3b !important; color: #e61b3b !important; }
.brandimg{ background: url(https://inventuredmc.com/wp-content/uploads/2025/10/12-23.png); background-size: cover !important; background-position: center !important; height: 500px !important; } 
.bannerbox img.zooming {animation: zoomInOnly 30s linear infinite;}
@keyframes zoomInOnly {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.3); 
  }
}

.career-content {
    background-color: #ffffff;
    padding: 25px;
    border-radius: 25px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}
.career-content h3{text-transform: capitalize;font-size: 18px;font-weight: 600;}
.career-item .career-content h3 {
    line-height: 1.1;
    margin-bottom: 10px;
}
.round-btn {
    background-color: #fe506c;
    border-radius: 50px;
    padding: 8px 24px;
    font-size: 15px;
    color: #fff;
    text-decoration: none;
}
.career-content .job-desc {
    color: #3A78C9;
    display: block;
    font-size: 13px;
    line-height: 1.1;
    margin-bottom: 10px;
    font-weight: 500;
}
.career-content p{font-size: 14px;}
.bannerbox img{ transform: scale(1);}
.owl-item.active .bannerbox img { animation: zoomInOnly 8s linear infinite; }
.abouttext h1::before{ content: ''; position: absolute; background: rgba(254, 80, 108, 0.1); height: 25px; width: 0; bottom: 0; left: 0; z-index: -1; transition: all .3s ease;}
.owl-item.active .abouttext h1::before{width: 100%;}

@media(max-width:576px){
  .bannertext{width: 100%;}
  .bannertext p{font-size: 14px;}
  .explore-btn{padding: 4px 12px;width: 150px;}
  .breadcrumbbanner h1{font-size: 25px;margin-bottom: 0px;}
  .breadcrumbbanner{height: 100px;}
  .container{padding-left: 14px !important;padding-right: 14px !important;padding-bottom: 14px !important;}
  .career-content h3{margin-bottom: 5px;}
  .service-card h5{margin-bottom: 5px;font-size: 15px;}
  .service-card p{font-size: 14px;}
  .stats{gap: 20px;}
  .section{margin-bottom: 30px !important;}
  .form-section{padding:0px !important;padding-top: 30px !important;}
  .form-section input, textarea{margin-bottom: 0px !important;}
  .Explore-card{height: 170px !important;}
  .Explore-card p{font-size: 18px;}
  .sidebar-toggler{display: block !important;}
  .contact-section .col-md-3{width: 50% !important;}
  .section{margin-top: 25px !important;}
  .input, textarea{margin-bottom: 0px !important;}
  #partnerform h2{font-size: 22px !important;}
  .section h2{font-size: 20px !important;margin-bottom: 15px !important;}
  .feature-box{background: #fff !important;padding: 10px !important;}
  .sidebar-menu-button{border-radius: 4px;}
  body .inventure-section{margin-top: 15px !important;}
  .marketplace-img{height: 146px;}
  .sidebar-header .sidebar-toggler, .sidebar-menu-button{
    width: 30px;height: 30px;font-size: 13px;border-radius: 4px;
  }
  .logo-grid{gap: 10px !important;grid-template-columns: repeat(3,1fr);}
  .logo-grid img{width: 100%;}
  .contact-section .container{padding: 0px !important;}
  .sidebar-header .header-logo img{width: 100px;}
  .sidebar .sidebar-header{padding: 15px;}
  .sidebar .sidebar-nav .primary-nav{margin-top: 0px !important;}
  .sidebar .nav-link .nav-label{font-size: 15px;}
  .sidebar-nav .nav-item i{font-size: 14px;}
  .searchbox i{top: 15px;left: 15px;}
  .searchbox input{padding-left: 40px !important;}
  .sidebar .sidebar-header{margin-bottom: 5px;}
  .navbottombox{padding-top: 30px;}
  .copyrightext{font-size: 12px;padding-top: 15px;}
  .marketplace h2{font-size: 22px;}
  .stats h3{font-size: 30px !important;}
  .stats p{margin-bottom: 0px;}
  .round-btn{padding: 4px 16px;font-size: 13px;font-weight: 500;}
  .stats{grid-template-columns: repeat(2, 1fr) !important;padding: 20px !important;}
  .features{grid-template-columns: repeat(2, 1fr) !important;}
  .feature-box h3{font-size: 15px !important;}
  .service-card i{font-size: 30px;}
 .feature-box p{font-size: 14px;}
 .feature-box i{font-size: 28px !important;}
.service-card{padding: 10px;}
.brandimg{height: 370px !important;}
.owl-carousel{padding: unset !important;}
.abouttext p{font-size: 14px;}
.abouttext h1{margin-bottom: 0px;font-size: 30px;line-height: 30px;
        margin-bottom: 4px;}
.aboutcarousel .owl-item.active .abouttext h5{margin-bottom: 0px;}
.owl-prev svg {
    width: 18px;
    height: 18px;
}
.owl-next svg {
    width: 18px;
    height: 18px;
}
.content2 .row .col-md-3{width: 100% !important;}
.aboutimg{height: 240px !important;}
.abouttext{margin: 25px 0px !important;}
.about-nav{padding-left: 0px !important;margin-top: 0px !important;gap: 8px 18px;font-size: 13px;flex-wrap: wrap;}
html body .owl-prev{
  width: 25px !important;
  height: 25px !important;
}
html body .owl-next{
  width: 25px !important;
  height: 25px !important;
}
  .contact-section
 {
    padding-top: 14px;

}
  
}