.header-containerr {
    border: 2px solid #E5EAF0;
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}

.header-containerr ul li.first-level-menu 
{ position: relative; padding-left: 20px; padding-right: 20px; }

.header-containerr ul li.first-level-menu a 
{ text-decoration: unset; color: #808080 !important;
  font-family: 'JetBrains Mono', sans-serif; font-size: 14px; font-weight: 500; }

.header-containerr ul li.first-level-menu a:after 
{ content: "|"; position: absolute; right: -3px; top: 3px; }

.header-containerr ul li.first-level-menu:last-child a:after 
{ content: '' !important; }

.header-row-inner { align-items: center; }

.menu-last-item-btn a 
{ background-color: #eb503a; border: 0px; border-radius: 50px; padding: 10px 15px; }


.mega-menuu {
    position: absolute; min-width: 880px; border-radius: 10px;
    background: rgb(255 255 255 / 70%); backdrop-filter: blur(5px);
    padding: 20px 0px; z-index: 9999; left: 62%; top: 110%;
    transform: translateX(-50%) translateY(10px);
    opacity: 0; visibility: hidden; pointer-events: none;
    transition: all 0.4s ease; box-shadow: var(--bs-box-shadow) !important; }


.has-mega:hover .mega-menuu 
{ opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0px); pointer-events: auto; }

.mega-menuu ul li { padding-bottom: 10px; }

.mega-menuu ul { padding-left: 0px; }


h1, h2, h3, h4, h5, p, a, span, div
{ font-family: "Inter", sans-serif; }

P { font-size: 15px; line-height: 25px; }

::-webkit-scrollbar 
{ width: 3px; background-color: #F5F5F5; }

::-webkit-scrollbar-thumb 
{ background-color: #000; }

::-webkit-scrollbar-track
 { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #F5F5F5; }

.tagg
{ border-radius: 20px; padding: 5px 20px;
  width: 86%; background: #e8e8e8; }

.tagg span { font-size: 12px; font-weight: 500; }

.text-orange 
{ color: #eb503a; }

.ctm-btn { font-size: 12px; text-decoration: unset; }

.grey-bg { background-color: #f9f9f9; }

p.tagline 
{ font-family: 'JetBrains Mono'; color: #71717A; margin-bottom: 5px;
  text-transform: uppercase; font-size: 15px; font-weight: 200; }

.bg-orange
{ background: #eb503a; color: #fff; border-radius: 10px; }

.bg-white 
{ background-color: #fff; }

ul { list-style-type: none; padding-left: 0px; }

.banner-meta h1 
{ font-weight: 900; font-size: 45px; line-height: 55px; margin-top: 10px; }

.banner-meta span.bg-orange 
{ padding: 0 20px; border-radius: 10px; }

.banner-meta .inline-btns a, .inline-btns a, .ctm-btn 
{ padding: 12px 30px; border-radius: 50px; color: #fff; }

.home-banner .marquee-cover 
{ background-image: linear-gradient(rgb(255 255 255 / 46%) 75%, #f9f9f900), linear-gradient(#f9f9f900, rgba(255, 255, 255, 0) 30%);
  position: absolute; z-index: 10; opacity: 1; top: 0%; bottom: 0%; left: 0%; right: 0%; transition: 0.3s; }

.home-banner .track-vertical 
{ position: absolute; white-space: nowrap; will-change: transform; 
  animation: marquee-vertical 20s linear infinite; }

.home-banner .flex-vertical 
{ width: 100%; flex-direction: column; justify-content: center; align-items: center; display: flex; }

.home-banner .home-product-image-carousel 
{ padding: 8px; border-radius: 9px; }

.home-product-image-carousel img { width: 100%; border-radius: 20px; }

.marquee 
{ width: 90%; height: 600px; flex-direction: row; flex: 1; justify-content: center; align-items: flex-start;
  display: flex; position: relative; overflow: hidden; transform: rotate(3deg); }

.home-banner .track-vertical 
{ position: absolute; white-space: nowrap; will-change: transform; animation: marquee-vertical 20s linear infinite; }

@keyframes marquee-vertical {
  from { transform: translateY(0); }
  to { transform: translateY(-50%); }
}

.home-banner .track-vertical-alt 
{ position: absolute; white-space: nowrap;
  will-change: transform; animation: marquee-vertical-alt 20s linear infinite; }

@keyframes marquee-vertical-alt {
  from { transform: translateY(-50%); }
  to { transform: translateY(0%); }
}


/***********/

.sec-stories, .bg-grey 
{ background-color: #f9f9f9; }

.sec-about-main .container {
    background: linear-gradient(231deg, rgba(241, 84, 35, 0.11) 0%, rgba(248, 244, 226, 1) 98%);
    border-radius: 30px;
}

.sec-about-main span.bg-orange 
{ width: max-content; margin: auto auto 20px auto; padding: 0px 20px; }

.sec-about-main h1 
{ font-weight: 900; font-size: 45px; }

.sec-stories h2, .ctm-heading 
{ font-size: 30px; line-height: 40px; font-weight: 800; color: #000; }

.row-vision, .row-mission 
{ border-radius: 30px; }

.main-story .ctm-heading 
{ font-size: 40px; line-height: 50px; color: #fff; }

.main-story p 
{ color: #E3E3E3; }


.main-story .tilt-row
{ background-color: #141414; border-radius: 10px; rotate: 1deg; transform: scale(1); transition: all .3s; }

.main-story .tilt-row:hover 
{ rotate: 0deg !important; transform: scale(1.03); transition: all .3s; }

.client-logos ul
{ list-style-type: none; padding-left: 0px; }

.client-logos ul div 
{ display: flex; align-items: center; }

.client-logos ul img 
{ width: 60%; margin: auto 30px !important; }

.testimonial-item 
{ background-color: #f9f9f9; padding: 50px; margin: 0px 10px; border-radius: 30px; }

.testimonial-item p 
{ width: 80%; margin: auto; }

.testimonial-item p.testimonial-info 
{ height: 150px; }

.testimonial-item p.author-name 
{ font-size: 18px; font-weight: 800; }

.testi-container .slick-prev:before, .testi-container .slick-next:before 
{ color: #eb503a; }

ul.contact-details-container
{ padding-left: 0px; list-style-type: none; }

ul.contact-details-container img 
{ width: 10%; }

ul.contact-details-container h3
{ font-size: 17px; font-weight: 600; color: #000; margin: 0; }

ul.contact-details-container li a
{ font-size: 14px; line-height: 24px; text-decoration: unset; color: #363636; }

.social-icons ul
{ list-style-type: none; padding-left: 0px; }

.testi-contact-sec .testimonial-item 
{ background-color: #fff; }

.services-item h3, .step-container h3, .step-item h3  
{ font-size: 18px; color: #000; margin-top: 10px; font-weight: 800; }

.services-item { border-radius: 20px; box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px; }

.step-item { border-radius: 20px; }

.sec-home-how-it-work span.step-count 
{ position: absolute; width: 55px; height: 53px; right: 45%; top: -7%;
  font-size: 30px; font-weight: bolder; background: #fff;
  border: 1px solid; padding: 3px 18px; border-radius: 100px;
  box-shadow: rgba(0, 0, 0, 5) 1.5px 1.5px 1px; }

.sec-home-how-it-work .step-item { position: relative; }

.sec-case-study h3, .sec-case-study h3 a 
{ font-size: 20px; color: #000; font-weight: 600; text-decoration: unset; }

.sec-case-study .case-study-item { border-radius: 20px; }

.sec-pricing .package 
{ background: #fff; padding: 20px; border-radius: 20px; }

.sec-pricing .package h3 
{ font-size: 25px; font-weight: 800; color: #000; }

.sec-pricing .package ul 
{ position: relative; list-style-type: none; padding: 20px; background: #f9f9f9; 
  border-bottom: 1px solid #D0D0D0; border-top: 1px solid #D0D0D0; overflow: auto; height: 280px; }

.sec-pricing .package ul li 
{ font-size: 12px; margin-bottom: 10px; color: #000; position: relative; }

.sec-pricing .package .global-btn .color-btn 
{ background: #000; color: #fff; width: 100%; padding: 8px 20px; 
  border-radius: 30px; text-align: center; text-transform: uppercase; font-size: 12px; }

.sec-pricing .package a 
{ color: #000; margin-top: 10px; font-family: 'Inter'; font-size: 15px; font-weight: 600; text-decoration: none; }

/* .package ul li::before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    content: "\f00c";
    position: absolute;
    left: 0px;
} */


.sec-pricing .package ul::-webkit-scrollbar 
{ width: 3px; background-color: #c8c8c8; }

.sec-pricing .package ul::-webkit-scrollbar-thumb
 { background-color: #000000; }


footer { border-top: 1px solid #231f20; }

.link-sec h3 
{ color: #f15423; font-size: 30px; font-family: 'JetBrains Mono', sans-serif; font-weight: 500 }

.link-sec ul 
{ padding-left: 0px !important; }

.link-sec ul li { margin: 12px 0; }

.link-sec ul li a 
{ text-decoration: none; color: #000; font-size: 14px; font-family: 'Inter'; }

.sec-copyright
{ background-color: #231f20; border-top: 1px solid #f15423 !important; }

.sec-copyright p
{ color: #fff; margin: 0px; }


.ctm-faq button.accordion-button 
{ background-color: transparent; border: 0px !important; box-shadow: unset; font-family: 'Inter'; 
  font-size: 15px; line-height: 25px; font-weight: 600; color: #07111d; }

.ctm-faq .accordion-item 
{ background-color: transparent; border: 0px;
  border-bottom: 2px solid #E6E6E6; padding-left: 25px; padding-bottom: 20px; }

.ctm-faq button.accordion-button:hover 
{ color: #eb503a; }

.ctm-faq .accordion-item p 
{ margin-bottom: 0px; font-family: 'Inter'; font-size: 15px; color: #212529; }

.ctm-faq .accordion-item:not(first-child) 
{ padding-top: 20px; }



.ctm-faq .accordion-button:after 
{ content: '+'; background: #f9f9f9;
  font-family: 'Inter'; font-size: 25px; font-weight: 600; color: #e95219;
  transform: rotate(0deg); transition: transform 0.3s ease, color 0.3s ease;
  background-image: none !important; transform-origin: center; }

.ctm-faq .accordion-button:not(.collapsed):after
{ transform: rotate(45deg); }


.testi-meta 
{ background: #ffffff; padding: 30px; border-radius: 10px; 
  margin: 10px 0; box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px; }

.testi-meta p 
{ height: 150px; overflow: auto; padding-right: 10px; margin-top: 15px; }

.testi-meta .per-meta h3 
{ font-weight: 800; font-size: 15px; margin: 0; }

.testi-meta .per-detail 
{ width: 50%; }

.testi-meta .per-meta span 
{ font-size: 13px; font-weight: 400; color: #0e7946; }

.testi-meta .per-meta h5 
{ font-weight: 800; font-size: 17px; margin: 0; }

.services-slider .marquee-list
{ padding-left: 0px; }

.services-slider ul.marquee-list li, .services-slider ul.marquee-list-left li 
{ border: 1px solid #e1500c; padding: 10px 50px; border-radius: 50px; text-transform: uppercase;
  margin: 0px 5px; font-family: 'Inter'; font-weight: 600; position: relative; }

.services-slider ul.marquee-list li::before, .services-slider ul.marquee-list-left li::before 
{ position: absolute; content: ""; width: 35px; height: 35px;
  background: #e95219; border-radius: 40px; left: 5px; top: 5px; }

.services-slider .col-md-12 
{ padding: 0px; margin: auto; }

.services-slider:before, .services-slider:after 
{ content: ""; position: absolute; top: 0; width: 100px; height: 74%; z-index: 2; pointer-events: none; }

.services-slider:before 
{ left: 0; background: linear-gradient(to right, white 0%, transparent 100%); }

.services-slider 
{ position: relative; align-items: center; justify-content: center; }

.services-slider:after 
{ right: 0; background: linear-gradient(to right, white 0%, transparent 100%); }

.ctm-form 
{ background: #FFFFFF; padding: 2rem; border-radius: 16px; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5); 
  text-align: center; width: 90%; margin: 0 auto auto 0px; }

.ctm-form input { width: 100%; margin: 10px 0px; }

.ctm-form input, .ctm-form textarea 
{ width: 100%; padding: 10px 6px; border: none; border-bottom: 2px solid #000000;
  background: transparent; font-size: 14px; outline: none; resize: none; font-family: 'Inter' !important; }

.ctm-form input { margin-bottom: 30px; }

.ctm-form button 
{ background-color: #e95219; color: white; border: none; padding: 12px 0; border-radius: 20px;
  text-align: center; text-transform: uppercase; font-size: 12px; cursor: pointer;
  transition: background 0.3s; width: 100%; margin-top: 50px; }

.ctm-form textarea { height: 140px; }


  .ctm-inline-img {
    display: flex;
    position: relative;
    flex-flow: row;
    margin: 15px 0px 20px;
}

.ctm-inline-img img {
    width: 170px;
}


@media (max-width: 1024px) {

  .banner-meta h1, .sec-about-main h1 
  { font-size: 35px; line-height: 45px; }

  P { font-size: 14px; line-height: 24px; }

  .services-item h3, .step-container h3, .step-item h3 
  { font-size: 16px; line-height: 26px; }

  .services-item p
  { font-size: 12px; line-height: 22px; }

.sec-invest .gap-4 { gap: 15px !important; } 

.sec-case-study .gap-5 { gap: 1rem !important; }

.ctm-faq .accordion-item p { font-size: 13px; }

.sec-stories h2, .ctm-heading { font-size: 25px; line-height: 35px; }

.sec-mission-vision .row-mission, .sec-mission-vision .row-vision 
{ padding: 30px !important; }

.ctm-form 
{ width: 100%; }

}


@media (max-width: 768px) {

  /*header { display: none; }*/

  div#mainMenu {
    position: absolute;
    left: 0px;
    border-radius: 10px;
    background: rgb(255 255 255 / 70%);
    backdrop-filter: blur(5px);
    width: 300px;
}

.header-containerr ul li.first-level-menu a:after 
{ display: none; }

.header-containerr { max-width: 95%; }

.mobile-toggle { border: 0px !important; }

.desktop-mobile-menu span.navbar-toggler-icon 
{ background-image: url(http://localhost/ecomaticx/assets/images/menu-icon.png); width: 35px; height: 35px; }

.mobile-toggle { border: 0px; }

.banner-meta { padding-left: 0px !important; padding-bottom: 50px; }

.banner-meta h1 { font-size: 30px; line-height: 40px; }

.main-story .ctm-heading { font-size: 30px; line-height: 40px; }

.sec-pricing .package
{ padding: 10px; }

.sec-stories h2, .ctm-heading 
{ font-size: 20px; line-height: 30px; }

.banner-meta h1, .sec-about-main h1 
{ font-size: 30px; line-height: 40px; }

ul.contact-details-container h3
{ font-size: 14px; }

.header-row-inner 
{ display: grid !important; grid-template-columns: 1fr 0fr; }

.logo img { width: 200px; }

.logo { margin: auto !important; }


}


@media (max-width: 425px) {

.banner-meta { padding-left: 12px !important; }

.banner-img-slider { padding-top: 50px; width: 90% !important; margin: auto; }

.sec-home-how-it-work .gap-4 { gap: 5rem !important; }

.main-story .tilt-row { padding: 30px !important; gap: 4rem; width: 100%; }


.testimonial-item { padding: 30px; }

.testimonial-item p { width: 95%; }

.testimonial-item p.author-name { margin-top: 30px; }

.testimonial-item p.testimonial-info { height: 250px; overflow-y: auto; }

ul.slick-dots { bottom: -50px; }

.ctm-faq .accordion-item { padding-left: 0px; }

section.sec-trusted-client { padding: 50px 0px; }

.sec-about-main .container { max-width: 90%; margin: auto; }

.sec-about-main .ctm-col { padding-left: 30px; padding-right: 30px; }

.sec-mission-vision .container { max-width: 90%; margin: auto; }

.sec-mission-vision .row-mission, .sec-mission-vision .row-vision 
{ padding: 20px 10px !important; gap: 30px; }

.sec-contact-info .row 
{ gap: 50px; }

.sec-footer .container-menu .row 
{ gap: 20px; }

.sec-footer .container-menu .link-sec 
{ margin-top: 0px !important; }

}