/*
Theme Name: OrangeMonke
Theme URI: https://orangemonke.com/
Author: OrangeMonke Team
Author URI: https://orangemonke.com/
Description: OrangeMonke is a modern, lightweight WordPress theme built as a blank canvas, enabling developers and agencies to craft fast, scalable, and fully customized websites from the ground up.
Version: 5.0.2
Text Domain: orangemonke
*/
.orangex-section{ min-height:200px; position:relative;}
.orangex-loading-placeholder{padding:60px 20px;text-align:center;font-size:18px;}
.orangex-section.orangex-loading{opacity:0.7;transition:0.3s;}


input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover, 
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:active, 
select:-webkit-autofill:focus {
  border: 1px solid rgba(245, 255, 255, 0.3);
  -webkit-text-fill-color: #f1f1f1;
  -webkit-box-shadow: 0 0 0px 1000px #191919 inset;
  transition: background-color 5000s ease-in-out 0s;
}

/*.hero-section h1 span{display: block;}
.hero-section h1 span#stateTitle{color:#fff;}*/

.mega-menu .omk-icon{stroke: #fff;}

.mobile-submenu .mobile-accordion .heading-icon {
    display: flex;
    align-items: center;
    margin-bottom: 0px;
    color: white;
    fill: white;
    gap: 8px;
}

.mobile-submenu .mobile-accordion .heading-icon svg {
    width: 28px;
    height: 28px;
    padding: 6px;
    border-radius: 4px;
    flex-shrink: 0;
    background: rgb(255, 102, 0);
    stroke: #fff;
}
.mobile-submenu .mobile-accordion h4 {
    font-size: 14px;
    font-weight: 500;
    color: white;
    margin-bottom: 0;
}

.mobile-submenu .mobile-accordion h4 a {
    color: white;
    padding: 5px 0px;
}


.category-tabs{
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    margin: 0 0 18px;
}
.category-tabs-inner {
    display: inline-flex;
    gap: 12px;
    padding: 0 12px 4px;
    min-width: 100%;
}

.iti.iti--allow-dropdown #mobile{padding-left: 95px!important;}
#newsletterForm .error {
    display: block;
    color: #ff6b6b;
    font-size: 12px;
    margin-top: 4px;
    
}
.latest-blogs .blog-card .blog-image .badge a{color: #000;}

#loadMoreLoader{color: #fff;width: 100px;margin: 80px auto 0px;font-size: 18px;display: none;}

.single .orangemoke-blog-single{ padding: 158px 0px 10px;}
.orangemoke-blog-single .heading h1{    color: #F56F0F;margin: 30px 0px 15px;}
.orangemoke-blog-single .post-meta{ margin: 20px 0px;}
.orangemoke-blog-single .post-meta a{color: #999;}

.orangemoke-blog-single .blog-content h2{color: #fff; margin: 20px 0px; }
.orangemoke-blog-single .blog-content p{color: #ffffff; margin-bottom: 5px!important;  }
.orangemoke-blog-single .blog-content a{color: #fff; text-decoration: underline;  }

.orangemoke-blog-single .blog-content ul{ list-style: disc;padding-left: 15px;margin: 14px 0px;}
.orangemoke-blog-single .blog-content ul li{ margin-bottom: 8px;}
.orangemoke-blog-single .blog-content ul li span{color: #ffffff;line-height: 1.4;float: left;margin-right: 10px;}


.latest-blogs .author-header{margin: 44px 0px;}
.latest-blogs .author-header .author-avatar{width: 60px;margin: 0px auto;background: #000;}
.latest-blogs .author-header .author-avatar img{width: 100%;height: 100%;background: #000;border-radius: 36px;overflow: hidden;}
.latest-blogs .author-header .author-info {width: 300px;text-align: center; margin: 0px auto;color: #fff;}

.mission-vision-section .card:last-child{ margin-top: 0px;}


.team-section .team-card .profile-pic {background: unset!important;}

.full-digital-section .full-digital-wrapper .full-digital-content .primary-btn{display: inline-block; max-width: unset;}
.full-digital-section .full-digital-wrapper .full-digital-content .primary-btn{white-space: nowrap;}




.customer-review-section .customer-review-main-section {
  display: block; 
  column-count: 2; 
  column-gap: 20px; 
}
.customer-review-section .review-card-wrapper {
  break-inside: avoid;
}
.customer-review-section .review-card-wrapper.omk-review {
  padding: 1rem;
  border-radius: 10px;
}
.customer-review-section .review-card-wrapper.omk-review .review-card{
    padding: 2px;
    border-radius: 10px;
}

@media screen and (max-width: 768px) {
  .customer-review-section .customer-review-main-section {
    column-count: 1; 
}

}

.video-review .video-codes{display: none;}
.orangemoke-popup {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  z-index: 999999;
  width: 100%;
  background-color: rgba(94, 110, 141, 0.9);
  opacity: 0;
  visibility: hidden;
  transition:500ms all;


}

.orangemoke-popup.is-visible {
  opacity: 1;
  visibility: visible;
  transition:1s all;
}

.orangemoke-popup .popup-container {
  transform:translateY(-50%);
  transition:500ms all;
  position: relative;
  width: 60%;
  margin: 0px auto;
  top: 5%;
  text-align: center;
  display: block;
  overflow: hidden;
}

.orangemoke-popup.is-visible .popup-container {
  transform:translateY(0);
  transition:500ms all;
}

.orangemoke-popup .popup-container .popup-close {
  position: absolute;
  top: 8px;
  font-size:22px;
  border-radius: 20px;
  right: 8px;
  width: 30px;
  height: 30px;
  background: #ff0000;
  text-align: center;
  font-weight: bold;
  color: #fff;
}
.orangemoke-popup .popup-body iframe{width: 100%;}


.cta-section {
    padding: 60px 20px;
}

.cta-box {
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 20px;
    text-align: center;
    border-radius: 40px;
    background: #1D1D1D;
    position: relative;
    overflow: hidden;
}
.cta-box::before {
    content: "";
    position: absolute;
    top: -50%;
    left: 50%;
    transform: translateX(-50%);
    width: 900px;
    height: 900px;
    background: radial-gradient(
        circle,
        rgba(255,255,255,0.08) 0%,
        rgba(255,255,255,0) 70%
    );
    pointer-events: none;
}
.cta-box h2 {
    color: #ffffff;
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 15px;
}
.cta-box p {
    color: #dce7ff;
    font-size: 18px;
    margin-bottom: 35px;
}
.cta-btn {
    display: inline-block;
    background: #ffffff;
    color: #000000;
    padding: 14px 40px;
    border-radius: 30px;
    font-weight: 600;
    font-size: 18px;
    text-decoration: none;
    transition: 0.3s ease-in-out;
}


@media screen and (min-width: 1025px) {
  nav#omk-navbar .brand-rating{ display: none;}

  nav#omk-navbar ul.navbar-menu {
    margin: 0;
    padding: 0;
    list-style: none;
}
nav#omk-navbar ul:not(.sub-menu) {
    background-color: transparent;
}
nav#omk-navbar ul:not(.sub-menu) > li {
    display: inline-block;
    margin-top: 6px;
}
  nav#omk-navbar ul:not(.sub-menu) > li a {
    color: #fff;
    font-weight: bold;
}
nav#omk-navbar .minus,
nav#omk-navbar .plus {
    display: none;
}
nav#omk-navbar .sub-menu {
    display: none;
}
nav#omk-navbar .menu-item-has-children .sub-menu {
    height: auto;
    position: absolute;
    top: calc(100% + 16px);
    width: auto;
    background: #303030;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2);
    z-index: 9;
}
nav#omk-navbar .menu-item-has-children:hover .mega-menu {
    z-index: 9;
}
}
nav#omk-navbar.mobile ul.navbar-menu{ 
    background: #000;
    height: 100vh;
    bottom: 0px;
    top: 77px;
    padding: 35px 10px;
    width: 100%;
    overflow: hidden;
    overflow-y:auto;
}

.menu-item-has-children .sub-menu.active{ 
  padding: 30px;
  font-size:12px;
}

nav#omk-navbar.mobile ul.navbar-menu .sub-menu{display:none;}
nav#omk-navbar .brand-rating{ display: none;}

#omk-navbar #menu-services.active, #omk-navbar #menu-resources.active{ display: block;}
#omk-navbar a.disable{color:#888!important;}

#omk-navbar ul.sub-menu li::before, #omk-navbar.mobile .mega-menu ul li::before {
    content: "•";
    position: absolute;
    left: 16px;
    color: #F56F0F;
    font-size: 18px;
    
}
footer .footer-bottom .footer-copy a{color:#F56F0F!important;}
#omk-navbar ul.sub-menu li{line-height: 1.5;}

#omk-navbar ul.sub-menu li, #omk-navbar .mega-menu li
#omk-navbar ul.sub-menu a, #omk-navbar .mega-menu a
{ text-decoration: none;}

.connect-section form h5{    margin-bottom: 24px; margin-top: 14px;}

.newsletter-form form select.item-field{appearance: none;color:#8f8f8f!important;}
.newsletter-form form select.item-field option:checked{color:#fff!important;}

.switch-section .panel{max-height: unset!important; display: none;}
.switch-section .panel.open-panel{display: block;}
footer .footer-top h4{ font-size: 22px; font-weight: bold;}
footer .footer-top .footer-ai-summary h4{ font-size: 16px; font-weight: bold;}
.challenge-section .two-arrow .primary-btn{ margin-top: 30px;}

.pricing-section .pricing-card{border: 2px solid rgba(245, 111, 15, 1)!important;}
.pricing-section .pricing-card .plan-title{ font-weight: 200; font-size: 20px;}
.pricing-section .pricing-card .price{ font-size: 24px;}
.pricing-section .pricing-card .price .price-text{ font-size: 28px;}
.pricing-section .pricing-card .bottom-price{ display: none;}
.pricing-section .pricing-card .money-back{  font-size: 12px;  font-weight: 200;}
.pricing-section .pricing-card .btn-light, .pricing-section .pricing-card .btn-orange{ width: unset;}
.pricing-card.popular .primary-btn{ display: flex; justify-content: center;}

.thank-btns a{border:1px solid rgba(245, 255, 255, 1); }
.page-id-138 .newsletter-form{ display: none;}
.page-id-138 .hero-section .subheading{max-width: unset;}
@media screen and (max-width: 1024px) {
    header .desktop-header {
       display: block; 
       opacity: 1; 
   }
   nav#omk-navbar.mobile ul.sub-menu{ position: relative!important;}
   nav#omk-navbar.mobile ul:not(.sub-menu) > li a {color: #fff;font-weight: bold;}
   nav#omk-navbar.mobile ul.sub-menu  li a {font-size:16px;}
   nav#omk-navbar.mobile .brand-rating {display: flex;align-items: center;gap: 15px;}

   nav#omk-navbar ul.navbar-menu{display:none;}
   header .desktop-header .navbar .navbar-right{display: none;}

   nav#omk-navbar.mobile ul.navbar-menu{ position: absolute;}
   nav#omk-navbar.mobile ul.navbar-menu.active{display: block;}
   nav#omk-navbar.mobile .menu-item.schedule{display:none;}

   nav#omk-navbar.mobile .menu-item-has-children .sub-menu.active, .menu-item-has-children .mega-menu.active{ display: block!important;}
   nav#omk-navbar.mobile .mega-menu.active .services-mega-menu-section{ height: 100%!important;}
   nav#omk-navbar.mobile .menu-item-has-children .sub-menu.active{ padding:24px; background-color:transparent;}
   nav#omk-navbar.mobile .hamburger .open, .hamburger .close{display:none;}
   nav#omk-navbar.mobile .hamburger .active{display:block;}

   nav#omk-navbar.mobile .stars svg{width: 14px;}
   nav#omk-navbar.mobile ul li{ margin-bottom: 8px;}
}

.footer-ai {
    background: #1d1d1d;
    border: 1px solid #1d1d1d;
    border-radius: 16px;
    display: grid;
    gap: 20px;
    margin-bottom: 30px;
    padding: 30px;
}
.footer-ai-summary h4 {
    align-items: end;
    display: flex;
    gap: 10px;
    margin: 0 0 8px;
}
.footer-social a{
   display: inline-block; 
   border-radius: 50%;
   padding: 1px 5px; 
   line-height:1!important;
   text-align: center;}
   .footer-bottom-top .footer-links{display:block!important;}
   .footer-bottom-top a{color:#fff;}



   .footer-top {
    display: grid!important;
    gap: 30px;
    margin-top: 40px;
}
.footer-bottom-top .footer-links a{ padding-right: 12px;}
.footer-conatctus .connect-item a img{margin-right: 8px;}
.footer-conatctus .connect-item a{ height: 100%;
    display: flex;
    vertical-align: middle;
    align-items: left;
    justify-content: left;
}

.connect-section .disclaimer{ max-width: 1027px; margin: 0px auto; padding: 0 24px;font-size: 10px;line-height: 16px;} 
@media (min-width: 768px) {
    .footer-top {
        grid-template-columns: repeat(4, 1fr)!important;
    }
}
@media (max-width: 768px) {
    .footer-top {
        grid-template-columns: repeat(2, 1fr)!important;
    }
    footer .footer-bottom .footer-social{ display:inline-block;}
    .footer-conatctus .connect-item a{ height: 100%;
        vertical-align: middle;
        align-items: center;
        justify-content: center;
    }

}
@media (max-width: 425px) {

   #omk-navbar.mobile .hamburger{ width: 28px;}

   .highlight-card-section .highlight-cards .card .text-wrap p{-webkit-text-fill-color: revert;background: unset;}
   .common-form input, .common-form select, .common-form textarea{     padding: 15px 34px;}
   .newsletter-form form .btn-item{padding: 8px 34px!important;}
   .newsletter-form form .item-field{padding: 12px 34px!important;}
   .newsletter-form form{ gap:18px!important;}
   footer .footer-top p, footer .footer-top a{ font-size: inherit!important;}
   footer .footer-top .footer-column{ max-width: unset!important;}
   .footer-top { grid-template-columns: 1fr!important; text-align:center;}
   footer .footer-bottom .footer-social{ display:inline-block;}
   footer .footer-top h4{justify-content: center;}
   footer .footer-top .payment-badges{ display: inline-block;margin: 0px auto;}
   footer .footer-bottom .footer-bottom-top{ justify-content: center;}
   footer .footer-bottom .footer-social{ width: auto;}
   .footer-address .office_address p{ width: 85%; margin: 0px auto 20px auto; }
}

.form-step .select2.select2-container{ width: 100%!important; }
.form-step .select2-container--default .select2-selection--multiple{padding: 20px 30px;border-radius: 44px;  
  border: 1px solid rgba(255, 255, 255, 0.3);
  background: #191919;}
  .form-step .select2-container--default .select2-selection--multiple .select2-selection__choice{    padding: 10px 5px;}
  .form-step .select2-search--inline,.form-step .select2-search__field:placeholder-shown {width: 100% !important;}

  .highlight-card-section .highlight-cards .card .text-wrap .h3{color: #fff;font-family: "Inter", sans-serif;font-size: 26px;font-style: normal;font-weight: 700;line-height: 120%;}
  .connect-section p.h5 {
    color: #FFFFFF;
    text-align: center;
    font-family: "Inter", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 24px;
    margin-top: 14px;
}
.connect-section p.h5 span {
    font-weight: 700;
}
.industry-specific-section .highlight-cards .card .text-wrap p.h5 {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    color: #ffffff;
}
@media (max-width: 768px) {
    .standout-section .core-wrapper {grid-template-columns: 1fr!important; text-align:center;}
    .standout-section .core-wrapper .standout-card{ transform: unset; max-width: 100%!important;}
    .standout-section .core-wrapper .monke-icon{max-width: 220px!important;}
    
    .sustainable-section .values-grid .value-card{ display: block;}
}
.review-load-more{width: 200px; margin: 30px auto;text-align: center;}
.review-load-more a{font-size: 28px; color:#fff;}



.contactUsForm .select2.select2-container{ width: 100%!important; }
.contactUsForm .select2-container--default .select2-selection--multiple{padding: 20px 30px;
  border-radius: 15px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  background: #191919;}
  .contactUsForm .select2-container--default .select2-selection--multiple .select2-selection__choice{color:#fff;background-color: transparent;border: 1px solid rgba(245, 255, 255, 0.3);    padding: 10px 20px;font-size: 86%;}
  .contactUsForm .select2-search--inline,.contactUsForm .select2-search__field:placeholder-shown {width: 100% !important;}
p.cust-hide-mob {
    display: none;
}
  @media (max-width: 991px) {
      .hero-section .rating{ display: block; text-align: center;}
      .hero-section .rating img{ margin: 0px auto;}
      .about-section .rating .stars{display: unset; }
      .hero-section .rating span{display: block; margin-top: 20px;}
      header .desktop-header .header-bottom-line{ display: none;}
  }

  .hero-section p.common-para{text-align:justify;padding: 20px;}
  .hero-section p.common-para b{color:#fff;}
  @media screen and (max-width: 991px) {
    .hero-section .common-para br {display: block;}
    .hero-section p.common-para{max-width: unset};
}
@media (max-width: 425px) {
  .hero-section h1, .hero-section h2{ padding: 0px 20px;}
}
@media screen and (max-width: 767px) {
    .lets-grow-sec .full-digital-wrapper .full-digital-content .primary-btn{
       max-width: unset !important;
   }
   .about-section .rating, .about-section .help-text, .about-section .trusted-by{ display: block;}
   .team-section.common-section{display: block;}
   .about-section .rating, .about-section .help-text, .about-section .trusted-by{ display: block;}
   .about-section .rating .stars{ display: block;}

   .pricing-section .right-seo-package .right-seo-packageright img{ width: 100%;}
}

.contact-grid-2 .consultation-card{    background: #191919;}
.contact-grid-2 .consultation-card .profile .details .book-link{background:transparent;}
.contact-grid-2 .consultation-card .contact-info .contact-item{background: transparent; border: 1px solid rgba(255, 255, 255, 0.3);}
.contact-grid-2 .consultation-card .contact-info .contact-item a{color: #fff;}
.contact-grid-2 .main-contact-form{ text-align: left;}

.contact-grid-2 .before-contact-form{padding: 2px 4px;margin-bottom: 20px; color: #A9A7A7;font-size: 18px;font-weight: 400;}
.contact-grid-2 .before-contact-form p{margin-bottom: 10px;}
.contact-grid-2 .before-contact-form strong{color: #fff;}

.contact-grid-2 .after-contact-form{padding: 2px 4px;margin-bottom: 20px; color: #A9A7A7; font-size: 18px;font-weight: 400;}
.contact-grid-2 .after-contact-form p{margin-bottom: 10px;}
.contact-grid-2 .after-contact-form .h3{color: #fff;font-size: 22px;font-weight: 600;text-shadow: 2px 0px #ddd;}

.consultation-card .before-contact-info{padding: 2px 4px;margin-bottom: 20px; color: #A9A7A7;font-size: 18px;font-weight: 400; text-align: left;}
.consultation-card .before-contact-info p{margin-bottom: 10px;}
.consultation-card .before-contact-info strong{color: #fff;}

.consultation-card .after-contact-info{padding: 2px 4px;margin-bottom: 20px; text-shadow: 1px 0px #fff; color: #888;font-size: 16px;font-weight: 400; text-align: left;}
.contact-grid-2 .after-contact-info .h3{color: #fff;font-size: 22px;font-weight: 600;margin: 24px 0px 10px;}
.consultation-card .after-contact-info ol{ list-style: auto;margin-left: 20px;}
.consultation-card .after-contact-info ol strong{ color: #bbb;}
.consultation-card .after-contact-info ol li{ margin-bottom: 6px;}

.contact-item a.d-flex{align-items: center;}

.trusted-by .card{ font-size: 14px;text-align: center;}

.mb-70{margin-bottom: 70px;}
.pd{ padding: 0px;}
.d-flex{display: flex;}
.mt-50{ margin-top: 50px;}
.your-success-story{color: #f1f1f1;}

.why-choose-us .contact-us-2,
.help-you-grow .contact-us-2{ display: flex; flex-wrap: wrap; gap: 24px; color: #f1f1f1;}
.why-choose-us .contact-us-2 .card, .help-you-grow .contact-us-2 .card {
    flex: 100%; 
    background: #191919;
    padding: 20px;
    border-radius: 20px;
}

.why-choose-us .card .h3, .help-you-grow .h3{color: #fff;font-size: 18px;font-weight: 600; margin-bottom: 14px; text-align: center;}
.why-choose-us .card .p, .help-you-grow .p{color: #A9A7A7;font-size: 16px;font-weight: 400; text-align: center;}


.select2-container--default .select2-results>.select2-results__options{background: #191919; color: #A9A7A7;}
.select2-container--default .select2-results__option--highlighted[aria-selected]{ background-color: #F56F0F;}

@media screen and (min-width: 1024px) {
    .why-choose-us .contact-us-2 .card, .help-you-grow .contact-us-2 .card {
        flex: 20%; 
    }
}


@media screen and (max-width: 1020px) {
    .why-choose-us .contact-us-2 .card, .help-you-grow .contact-us-2 .card{
        flex: 45%; 
    }
}

@media screen and (max-width: 430px) {
    .why-choose-us .contact-us-2 .card, .help-you-grow .contact-us-2 .card{
        flex: 90%; 
        margin: 0px 20px;
    }
}

.omg-blog-content .blog-content * {
    font-family: "Inter", sans-serif;
    font-size: 1rem;
    font-weight: 600!important;
    font-style: oblique!important;
    line-height: 1.5;
    text-decoration: none;
    text-transform: none;
    letter-spacing: normal;
    word-spacing: normal;
    color: #A9A7A7;
}
.omg-blog-content .text-wrapper{ margin: 40px 0px 60px;}

.omg-blog-content .text-wrapper  b{color: #fff; font-weight: 400!important;  font-family: "Inter", sans-serif;}
.omg-blog-content .blog-content a, .omg-blog-content .text-wrapper a b, .omg-blog-content .text-wrapper a span{ color: #F56F0F; text-decoration: none;}

.omg-blog-content table {border-collapse: collapse;white-space: nowrap;}
.omg-blog-content th {background: #1d1d1d; color: #fff;}
.omg-blog-content th, .omg-blog-content td {border: 1px solid #464646;padding: 14px; white-space: normal; min-width: 180px;}
.omg-blog-content tr:hover {background: #1d1d1d;}

.omg-blog-content .text-wrapper h2, .omg-blog-content .text-wrapper h2 b, .omg-blog-content .text-wrapper h2 strong,  .omg-blog-content .text-wrapper h2 span{ font-size: 28px; margin: 30px 0px 10px; color: #fff; font-weight: 400!important;  font-family: "Inter", sans-serif;}
.omg-blog-content .text-wrapper h3, .omg-blog-content .text-wrapper h3 b, .omg-blog-content .text-wrapper h3 span, .omg-blog-content .text-wrapper h3 strong { font-size: 22px; margin: 30px 0px 10px; color: #fff; font-weight: 400!important;  font-family: "Inter", sans-serif;}
.omg-blog-content .text-wrapper h4, .omg-blog-content .text-wrapper h4 b, .omg-blog-content .text-wrapper h2 span, .omg-blog-content .text-wrapper h2 strong{ font-size: 18px; margin: 30px 0px 10px; color: #fff; font-weight: 400!important;  font-family: "Inter", sans-serif;}
.omg-blog-content .text-wrapper li strong {  color: #fff; font-weight: 800!important;  font-family: "Inter", sans-serif;}

.omg-blog-content .text-wrapper:last-child{ margin-bottom: 60px!important;}

.omg-blog-rightside h2.wp-block-heading{color: #fff; font-weight: 800!important;margin-top: 34px;margin-bottom: 21px;text-transform: uppercase;}
.omg-blog-rightside ul.wp-block-latest-posts li{background: #191919; margin-bottom: 20px; padding: 14px; border-radius: 10px;}
.omg-blog-rightside ul.wp-block-latest-posts li a{color: #fff; font-weight: 800!important; display: block;}
.omg-blog-rightside ul.wp-block-latest-posts li div{color: #999; font-weight: 500!important; display: inline-block;margin-right:10px;}
.omg-blog-rightside ul.wp-block-latest-posts li time{color: #999; font-weight: 500!important; display: inline-block;}

.omg-blog .text-wrapper .table-container { width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;margin: 30px auto;}
.table-container {scrollbar-width: thin; scrollbar-color: #F56F0F #191919;}
.table-container::-webkit-scrollbar { height: 8px;}
.table-container::-webkit-scrollbar-track {background: #191919; border-radius: 10px;}
.table-container::-webkit-scrollbar-thumb {background: #F56F0F;border-radius: 10px;border: 2px solid #F56F0F;}
.table-container::-webkit-scrollbar-thumb:hover {background: #F56F0F;}

.omg-blog .text-wrapper img{ width: 100%; height: auto; margin: 40px auto;}
.omg-blog .text-wrapper img.alignright{ width: auto; height: auto; margin: 40px auto 40px 40px; float: right;}
.omg-blog .text-wrapper img.alignleft{ width: auto; height: auto; margin: 40px 40px 40px auto; float: left;}

.omg-blog{ display:flex; gap: 30px; flex-wrap: nowrap;}
.omg-blog .omg-blog-content{  width: 70%; }
.omg-blog .omg-blog-rightside{  width: 30%; }

@media (max-width: 768px) {
    .omg-blog{ flex-wrap: wrap;}
    .omg-blog .omg-blog-content{  width: 100%; }
    .omg-blog .omg-blog-rightside{  width: 100%; }
}


body:has(#sibforms){ position: relative;}
.orangemoke-popup.is-visible:has(#sibforms){position: absolute; width: 100%; height: 100%;}
.orangemoke-popup #sibforms{ height:1020px;}
.orangemoke-popup .popup-container:has(#sibforms){width: 640px;top: 120px;}


@media (max-width:420px){
  .orangemoke-popup .popup-container:has(#sibforms) {width: 371px; top:2px;}
  .orangemoke-popup #sibforms{ height:1210px;}
}




/* =====================
   New Css start
===================== */

.new-mega-menu {
  position: relative;
}


.new-mega-menu::before {
  content: "";
  position: absolute;
  inset: -10px -12px -10px -12px;
  background: #1B1A1A;
  border-radius: 12px;
  opacity: 0;
  transition: opacity .25s ease;
  z-index: -1; 
  pointer-events: none;
}

.new-mega-menu:hover::before,
.new-mega-menu.active::before {
  opacity: 1;
}

.new-mega-menu > .nm-navlink {
  position: relative;
  z-index: 2;
}

.new-mega-menu::after {
  content: "";
  position: absolute;
  left: -40px;
  right: -40px;
  top: 100%;
  height: 24px;
  background: transparent;
}


.nm-mega-menu {
  position: absolute;
  top: 40px;
  left: -300px;
  width: 1160px;
  background: #1B1A1A;
  border-radius: 14px;
  padding: 24px;
  display: none;
  z-index: 10; 
}

.new-mega-menu.active .nm-mega-menu {
  display: block;
}

.nm-mega-inner {
  display: flex;
  align-items: stretch;
  gap: 24px;
  position: relative; 
  z-index: 1;          
}

.nm-left {
  width: 32%;
  list-style: none;
  margin: 0;
  padding: 0;
}

.nm-item {
  border-radius: 10px;
  margin-bottom: 6px;
}

.nm-item-head {
  padding: 14px 16px;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}

.nm-item:hover,
.nm-item.active {
  background: #000;
}

.nm-item-arrow {
  font-size: 18px;
  transition: transform .3s ease;
}

.nm-right {
  width: 34%;
}

.nm-panel {
  display: none;
  background: #000;
  padding: 20px;
  border-radius: 10px;
  height: 100%;
}

.nm-panel.active {
  display: flex;
  flex-direction: column;
  gap: 18px;
}


.nm-image-panel {
  width: 34%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.nm-mega-image {
  max-width: 100%;
  height: auto;
  display: block;
}
.nm-item-head strong {
    font-size: 16px;
    font-weight: 500 !important;
    display: block;
    line-height: 22px;
}

.nm-item-head > div > span {
    font-size: 14px;
    font-weight: 300 !important;
    display: block;
    color: #A9A7A7;
    line-height: 22px;
}
.nm-panel a {
    font-weight: 300 !important;
    line-height: 40px;
}
.nm-left .nm-item{
    display: block !important;
    margin-bottom: 10px;
}
.new-mega-menu .nm-nav-arrow svg {
    rotate: 180deg;
}

.nm-nav-arrow {
    position: relative;
    top: -2px;
    padding-left: 2px;
}
ul.nm-children {
    display: none;
}
.nm-panel a:hover {
    background: #1B1A1A;
    border-radius: 10px;
    padding: 0 10px;
    transition: background-color 0.25s ease, color 0.25s ease, padding 0.25s ease;
}
a.cta-button-header {
    background: #fff !important;
    color: #000 !important;
    padding: 0 10px;
    font-weight: 600 !important;
    border-radius: 10px;
    text-align: center;
}
nav#omk-navbar ul:not(.sub-menu) > li:hover a + ul {
    display: block;
}
#omk-navbar a.disable {
    color: #888 !important;
} 
#omk-navbar a.disable:hover{
    text-decoration: none !important;
}
#omk-navbar ul.sub-menu li::before, #omk-navbar.mobile .mega-menu ul li::before{
    font-size: 0;
}
header{
    position: fixed !important;
    top: 0;
    width: 100%;
}
body.home .hero-section, .page-template-orangemonke-services .hero-section, body.page-template-orangemonke-page{
    padding-top: 158px !important;
}
body.home.page-template-orangemonke-page, body.page-template-orangemonke-page .about-section, .page-template-orangemonke-page .hero-section{
    padding-top: 0 !important;
}
.sticky{
    position: unset;
}
.menu-item-has-children .sub-menu.active{font-size: inherit;}
header .desktop-header .navbar .navbar-menu li .nav-link:hover{
    border: 0;
    color: #c5c5c5 !important;
}

.case-study-section .case-study-wrapper .case-details .new-h3 {
  color: #fff;
  font-family: "Inter", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #333333;
}
.switch-section .panel .panel-content .new-h4 {
  color: #cdcdcd;
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 10px;
}
.full-digital-section .full-digital-wrapper .full-digital-content .cust-h4{
    color: #fff;
    text-align: center;
    font-family: "Inter", sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: 0.32px;
    max-width: 549px;
    margin: 0 auto 20px;
}
.five-steps-section .step-box h3{
    color: #fff;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    margin-bottom: 10px;
}
footer .footer-top .footer-ai-summary .footer-h4-l{
    font-size: 16px;
    font-weight: bold;
}
footer .footer-top p.footer-h4 {
    font-size: 22px !important;
    font-weight: bold;
}
.testimonial-section .google-rating p {
    color: #fff;
    font-family: "Inter", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.switch-section .accordion button{
    display: flex;
    width: 100%;
}
.switch-section .accordion button p{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.switch-section .accordion button.active svg {
    transform: rotate(270deg);
}
.switch-section .accordion button.active svg path {
    fill: #F56F0F;
}
.switch-section .accordion button svg{
    margin-left: 5px;
}
.page-template-orangemonke-page .hero-section.contact-hero.common-section{
    padding-top: 70px !important;
}
.hero-section.case-study-detail h1 span {
    display: inline;
}
.hero-section.case-study-detail h1{
    font-size: 50px;
}
.case-hero {
    display: flex;
    align-items: center;
    text-align: left;
    gap: 40px;
    justify-content: space-between;
}
.highlight-card-section.case-study-highlight{
    background: none;
    padding-top: 0;
}
.case-study-highlight .common-heading{
    font-weight: 500;
    margin-bottom: 40px;
}

.case-study-highlight .common-heading span{
    font-weight: 400;
}
.case-study-highlight .card {
    text-align: center;
}

.case-about-section {
  padding: 80px 20px;
}



.case-about-section {
  background: #000;
  padding: 20px 20px;
}

.case-about-container {
  max-width: 1200px;
  margin: auto;
}

.case-about-card {
  background: #191919;
  border-radius: 24px;
  padding: 40px;
}

.case-about-title {
  color: #fff;
  font-size: 32px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 32px;
}

.case-about-content {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 40px;
  align-items: center;
}

.case-about-info {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.case-about-client {
  display: flex;
  align-items: center;
  gap: 16px;
}

.case-about-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

.case-about-box {
  display: flex;
  gap: 20px;
  align-items: center;
  background: #191919;
  border: 1px solid #3A3A3A;
  padding: 30px;
  border-radius: 20px;
}
.case-about-icon {
  width: 60px;
  height: 60px;
  background: rgba(254, 254, 254, 0.1);
  border-radius: 20px;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  display: flex;
}
.case-about-label {
  display: block;
  font-size: 16px;
  color: #A9A7A7;
  margin-bottom: 4px;
}

.case-about-box strong {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
}

.case-about-image img {
  width: 100%;
  border-radius: 16px;
  display: block;
}
.case-about-box.bottom-part {
    margin: 40px auto 70px;
    display: block;
    background: transparent;
    padding: 0 24px;
    border: 0;
} 
.case-about-box.bottom-part > .container{
    background: #191919;
    border: 1px solid #3A3A3A;
    padding: 30px;
    border-radius: 20px;
}
.bottom-part .bottom-part-top{
    display: flex;
    align-items: center;
    gap: 20px;
}
.bottom-part p{
    font-size: 20px;
    color: #fff;
    margin-top: 15px;
}
.cs-challenge.industry-specific-section .common-para{
    max-width: 992px;
}
.img-sec {
    width: 60px;
    height: 60px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cs-challenge.highlight-card-section .highlight-cards .card:hover {
    transform: none;
}
.cs-slider-part .owl-carousel .owl-nav.disabled, .cs-slider-part .owl-carousel .owl-nav{
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    margin-top: 45px;
    margin-bottom: 45px;
}
.cs-slider-part button.owl-prev:before{
    content: '';
    background: url('../orangemonke/assets/images/arrow-prev.svg') no-repeat top 0 center;
    width: 39px;
    height: 39px;
    display: block;
}
.cs-slider-part button.owl-next:before{
    content: '';
    background: url('../orangemonke/assets/images/arrow-next.svg') no-repeat top 0 center;
    width: 39px;
    height: 39px;
    display: block;
}
.cs-slider-part button.owl-prev span, .cs-slider-part button.owl-next span{
    display: none;
} 
.cs-faq ul{
    display: grid;
    gap: 10px;
}
.cs-faq ul li{
    color: #A9A7A7;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    position: relative;
    padding-left: 25px;
}
.cs-faq ul li:before{
    content: url('../orangemonke/assets/images/primary-check.svg');
    position: absolute;
    left: 0;
    color: #F56F0F;
    font-weight: bold;
}
.cs-faq.switch-section .accordion button p {
    font-size: 24px;
    justify-content: left;
    gap: 15px;
}
.cs-faq .accordion button.active > p{
    color: #fff;
}
.cs-faq .accordion button.active .phases{
    color: #F56F0F;
}
.dur-tag{
    width: 134px;
    height: 34px;
    border: 1px solid #3A3A3A;
    border-radius: 20px;
    font-size: 16px;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
}

.case-timeline-title {
  color: #fff;
  text-align: center;
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 60px;
}

.case-timeline-wrapper {
  position: relative;
  padding-left: 60px;
}

.case-timeline-line {
  position: absolute;
  left: 0px;
  top: 0;
  width: 2px;
  height: 100%;
  border-left: 2px dashed #373737;
  border-left-style: dashed;
  border-left-width: 2px;
  border-left-color: #333;
  border-left-dasharray: 5 5;
}

.case-timeline-item {
  position: relative;
  margin-bottom: 40px;
}

.case-timeline-card:before {
  content: '';
  position: absolute;
  left: -66px;
  top: 50%;
  width: 14px;
  height: 14px;
  background: #F56F0F;
  border-radius: 50%;
  display: block;
  bottom: 0;
  margin: 0 auto;
  transform: translateY(-50%);
}

.case-timeline-card {
  background: #191919;
  border-radius: 10px;
  padding: 30px;
  position: relative;
}
.case-timeline-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  flex-wrap: wrap;
  gap: 10px;
}

.case-timeline-month {
  color: #f56f0f;
  font-size: 20px;
  font-weight: 600;
}

.case-timeline-stats {
  color: #FFFFFF;
  font-size: 16px;
  width: 321px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #191919;
  border: 1px solid #3A3A3A;
  border-radius: 20px;
}
.case-timeline-stats span {
    font-weight: 600;
    color: #F56F0F;
}
.case-timeline-card .cs-head {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 8px;
}

.case-timeline-card p {
  color:#A6A5A5;
  font-size: 14px;
  line-height: 1.6;
}
.cs-result .stat-card .cs-h3 {
    color: #F56F0F;
    font-family: "Inter", sans-serif;
    font-size: 70px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 10px;
}
.cs-result .stat-card .cs-h4 {
    color: #FFF;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 10px;
}
.why-this-means {
    background: #191919;
    padding: 25px;
    color: #fff;
    border-radius: 10px;
    margin-top: 60px;
}
.cs-new-head {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px;
}
.why-this-means p{
    font-size: 16px;
    color: #A9A7A7;
}
.industry-specific-section .highlight-cards .card .text-wrap .cs-h5{
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    color: #fff;
}
.cs-cta.cta-wrapper .cta-section p{
    line-height: 28px;
    text-align: left;
}
.cs-cta .common-para{
    margin-top: 15px;
}
.cs-slider-part.industry-specific-section .highlight-cards .card .text-wrap{
    min-height: 270px;
}

.new-cs-card {
  background: #191919;
  border: 0.2px solid #5e5e5e;
  border-radius: 40px;
  padding: 50px 12px 72px;
  color: #ffffff;
  position: relative;
}
.newcs-card.owl-carousel .owl-nav.disabled, .newcs-card.owl-carousel .owl-nav {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    margin-top: 45px;
    margin-bottom: 45px;
}
.newcs-card button.owl-prev:before {
    content: '';
    background: url(../orangemonke/assets/images/arrow-prev.svg) no-repeat top 0 center;
    width: 39px;
    height: 39px;
    display: block;
}
.newcs-card button.owl-next:before {
    content: '';
    background: url(../orangemonke/assets/images/arrow-next.svg) no-repeat top 0 center;
    width: 39px;
    height: 39px;
    display: block;
}
.newcs-card button.owl-prev span, .newcs-card button.owl-next span {
    display: none;
}
.new-cs-image {
  margin-bottom: 20px;
}

.new-cs-image img {
  width: 100%;
  display: block;
  border-radius: 20px;
}
.new-cs-title {
  font-size: 24px;
  line-height: 1.4;
  margin-bottom: 24px;
  font-weight: 700;
  padding: 0 10px;
}

.new-cs-title span {
  color: #F56F0F;
  font-weight: 700;
}
.new-cs-stats {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  padding: 0 13px;
}

.new-cs-stat {
  background: #121212;
  border: 0.5px solid #3a3a3a;
  border-radius: 10px;
  padding: 14px;
  text-align: center;
}
.case-study-section .common-para{
    max-width: 550px;
}
.new-cs-stat strong {
  display: block;
  font-size: 24px;
  margin-bottom: 5px;
}

.new-cs-stat span {
  font-size: 16px;
}
.new-cs-arrow {
  position: absolute;
  bottom: 18px;
  right: 18px;
  width: 32px;
  height: 32px;
  background: #ff7a00;
  color: #000;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}
.case-studiesslides.newcs-card{
    max-width: 1202px;
}
.cs-challenge.cs-slider-part .case-challenge-sec {
    display: block !important;
}
.blog-top-tag {
    order: 1px solid #FF69004D;
    background: #FF690033;
    color: #FF8904;
    font-size: 24px;
    letter-spacing: -0.15px;
    width: 230px;
    margin: 0 auto;
    height: 38px;
    font-size: 14px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
.about-section.blog-welcome-section .main-heading {
    font-size: 80px;
    font-weight: 500;
    line-height: 120px;
    margin-top: 25px;
}
.about-section.blog-welcome-section .main-heading span{
    font-style: italic;
}
section.about-section.blog-welcome-section {
    padding-bottom: 0;
}
.blog-h2{
    text-align: center;
    font-size: 40px;
    color: #fff;
    margin-bottom: 50px;
}
.featured-blog .blog-card .author-meta{display: none;}
.featured-blog .blog-grid{grid-template-columns: repeat(4, 1fr);align-items: center;}
.featured-blog .blog-card{border-radius: 20px;padding: 0}
.featured-blog .blog-card .blog-title{padding: 18px 18px 0;display: block;}
.featured-blog .blog-card .blog-date{display: none;}
.featured-blog .blog-card .blog-title h4 {
    font-size: 24px;
    font-weight: 600;
    height: 80px;
    overflow: hidden;
}
.latest-blogs .blog-card .blog-image img{
    border-radius: 20px 20px 0 0;
}
.blog-title-btn {
    display: block;
    width: 126px;
    height: 44px;
    line-height: 44px;
    background: #ffffff;
    color: #000000;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    border-radius: 50px;
    margin: 0 0 20px 18px;
}
body.archive.category {
    padding-top: 158px;
}
.blog-h2.blog-sec-head{
    margin-top: 50px;
}
.blog-h2-bot {
    font-size: 40px;
    font-weight: 500;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
    margin-top: 80px;
}
.featured-blog {
    margin-bottom: 80px;
}
.view-more p {
    font-size: 24px;
    color: #fff;
}
.view-all-btn {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 15px;
}
.hero-section #stateTitle:before{
    content: 'For ';
}
.omg-blog-top a.btn {
    display: flex;
    align-items: center;
    gap: 5px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    color: #99A1AF;
}
.blog-top-part {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: 60px 0;
    margin-bottom: 10px!important;
}
span.badge {
    background: #1F1D1D;
    padding: 5px 10px;
    font-size: 14px;
    color: #fff;
    border-radius: 25px;
    line-height: 1;
}
span.badge a{
    color: #ffffff;
}
.orangemoke-blog-single .heading h1{
    font-size: 50px;
    font-weight: 600;
    color: #fff;
    letter-spacing: 0.26px;
    line-height: 65px;
    margin: 50px 0;
}
.bt-left {
    width: 49%;
}
.bt-right {
    width: 49%;
}
.blog-top-part .author-info {
    display: flex;
    align-items: center;
    gap: 12px;
}
.blog-top-part .author-info img{
    height: 40px;
    width: 40px;
    border-radius: 50%;
}
.orangemoke-blog-single .post-meta {
    margin: 20px 0px;
    display: flex;
    align-items: center;
    gap: 30px;
}
.orangemoke-blog-single .post-meta a {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
        display: flex;
    align-items: center;
    gap: 10px;
}
.orangemoke-blog-single .post-meta a.post-date{
    font-weight: 400;
}
.read-time {
    color: #fff;
    display: flex;
    align-items: center;
    font-size: 14px;
    gap: 10px;
}
.ai-summary {
    color: #99A1AF;
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -0.45px;
    padding-left: 25px;
}
.social-share-top {
    display: flex;
    align-items: center;
    gap: 15px;
    color: #fff;
    margin: 30px 0px;
}
.social-share-top span{
    font-size: 18px;
    font-weight: 700;
}
.social-share a {
    color: #fff;
    margin-right: 10px;
    font-weight: 600;
    background: #1F1D1D;
    padding: 10px;
    border-radius: 15px;
}
.blog-content {
    border-top: 1px solid #1E2939;
    padding-top: 20px;
}
.orange-cta-box {
    background: #0B071E;
    border-radius: 40px;
    padding: 35px;
    text-align: center;
    color: #fff;
}
.omg-blog-content .blog-content *{
    font-style: normal !important;
}
.orange-cta-box h3 {
    font-size: 30px !important;
    font-weight: 700 !important;
    color: #fff !important;
}
.orange-cta-box p {
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #fff !important;
    margin: 20px 0 !important;
}
.orange-cta-box a.btn{
    background: #ffffff;
    color: #000000;
    width: 425px;
    height: 46px;
    display: block;
    margin: 0 auto;
    border-radius: 30px;
    font-size: 20px;
    line-height: 46px;
    padding: 0;
}
.omg-blog-content .blog-content *{
    font-size: 18px;
    font-weight: 400 !important;
    color: #ffffff;
}
.orangemoke-blog-single .blog-content p{margin-bottom: 15px !important;}
.omg-blog .omg-blog-rightside{width: 35%;}
.omg-blog-rightside .orange-index-sidebar{
    background: none;
}
.omg-blog-rightside .orange-index-sidebar h4{
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -0.16px;
    margin-bottom: 15px;
}
.omg-blog-rightside .orange-index-sidebar a{
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: -0.31px;
}
.omg-blog-rightside .orange-index-sidebar ul{
    padding-left: 0;
}
.top-posts {
    color: #fff;
    background: #1F1D1D;
    padding: 25px;
    border-radius: 16px;
}
.top-posts li {
    display: flex;
    align-items: self-start;
    gap: 10px;
    margin-bottom: 15px;
}
.top-posts li > span{
    color: #99A1AF;
    font-size: 30px;
    font-weight: 700;    
}

.top-posts li a{
    color: #F3F4F6;
    font-size: 14px;
    font-weight: 500;
    left: -0.15px;    
}
.top-posts li a span{
    font-size: 12px;
    line-height: 16px;
    color: #99A1AF;  
    display: block;
    margin-top: 5px;  
}
.top-posts h3 {
    font-size: 30px;
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 25px;
}
.top-posts h3:before{
    content: '';
    background: url(../orangemonke/assets/images/top-post.svg) no-repeat top 0 center;
    width: 28px;
    height: 28px;
}
.orange-blue-ctabox {
    background: #0B071E;
    color: #fff;
    margin: 35px 0;
    padding: 25px;
    border-radius: 16px;
}
.orange-blue-ctabox h3{
        font-size: 30px;
    align-items: center;
    gap: 12px;
    margin-bottom: 25px;
}
.orange-blue-ctabox p{

    letter-spacing: -0.15px;
}
.orange-blue-ctabox .btn{
    background: #ffffff;
    font-size: 14px;
    font-weight: 700;
    color: #000000;
    height: 44px;
    width: 100%;
    display: block;
    line-height: 44px;
    border-radius: 14px;
    text-align: center;
    margin-top: 20px;
}
.blog-cat.top-posts h3:before{
    background: url(../orangemonke/assets/images/category.svg) no-repeat top 0 center;
}
.blog-cat.top-posts li > span.count {
    color: #99A1AF;
    font-size: 14px;
    font-weight: 400;
}
.blog-cat.top-posts li{
    justify-content: space-between;
}
.omg-blog .text-wrapper img{
    border-radius: 15px;
}
.orange-index-sidebar{
    margin: 20px 0;
}
.orangemoke-blog-single .blog-content ul li.hide{display: none;}
.orangemoke-blog-single .blog-content ul li.show{display: block;}
.orange-index-sidebar h4 {
    color: #ffffff !important;
    margin-top: 0 !important;
}
.orange-index-sidebar a:hover{
    color: #fff !important;
}
.orange-index-sidebar a{color: #fff !important;}
.orange-index-sidebar .post-number {
    color: #000 !important;
    background: #fff;
    padding: 0px;
    width: 30px;
    display: inline-block;
    height: 30px;
    line-height: 30px !important;
    text-align: center;
    border-radius: 50%;
}
.orange-index-sidebar li{
    margin-bottom: 15px !important;
}
.orange-index-sidebar ul{
    list-style: none !important;
}
.omg-blog-content .blog-content table {
    width: 100%;
    margin: 20px 0;
}
.text-wrapper table {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.text-wrapper table tbody {
  display: table;
  width: 100%;
}
.box-highlight {
    background: #191919;
    border-radius: 16px;
    padding: 15px;
    margin: 15px 0;
}
.section.cases-section .case-img img {
    width: 100%;
    height: auto;
    max-width: 100%;
}
.tech-stack-section.tech-new-stack .owl-carousel .owl-item img{
    width: 100%;
}
.case-study-template .aigen-page > .container {
    padding: 0;
}
.case-study-template .cs-result .stat-card .cs-h3{font-size: 60px;}
@media (max-width: 1200px) {
    .single .orangemoke-blog-single{padding-top: 128px;}
    .blog-top-part{margin: 30px 0;}
    .orangemoke-blog-single .heading h1{font-size: 36px; line-height: 50px;margin: 20px 0;}
}
@media (max-width: 991px) {
    .bt-right {
       width: 100%;
    }
    .bt-left {
        width: 100%;
    }
    .ai-summary{font-size: 18px;line-height: 28px;}
    .omg-blog .omg-blog-rightside {
        width: 100%;
    }
    .blog-cat.top-posts {
        margin-bottom: 40px;
    }
   
}
@media (max-width: 768px) {
  .text-wrapper table {
    display: block;
  }
}
@media (max-width: 767px) {
    body.archive.category{
        padding-top: 78px;
    }
    .social-share a{
        margin-right: 5px;
    }
    .orange-cta-box a.btn{width: 100%}
        .orangemoke-blog-single .heading h1 {
        font-size: 30px;
        line-height: 40px;
    }
    .orangemoke-blog-single .post-meta{
        gap: 5px;
    }
    .blog-top-part .author-info{gap: 5px;}
    .orangemoke-blog-single .post-meta a{gap: 5px;}
    .read-time{gap: 5px;}
    .blog-top-part .author-info{width: 100%;margin-bottom: 10px;}
    .orangemoke-blog-single .post-meta{flex-wrap: wrap;}
    .social-share{display: flex;flex-wrap: wrap;margin-bottom: 0px;}
    .social-share-top{flex-wrap: wrap;}
    .social-share a{margin-bottom: 10px;}
    .orange-cta-box{padding: 20px;}
    .orange-cta-box h3{font-size: 24px !important;}
    .orange-index-sidebar{padding: 0;}
    .orange-index-sidebar{
        margin-bottom: 30px;
    }

    .orange-index-sidebar{padding: 15px 0;}
    .blog-cat.top-posts {
        margin-bottom: 0;
    }
     .contactUsForm .select2-container--default .select2-selection--multiple{
            padding: 20px 5px;
    }
    .right-seo-packageright {
        margin-top: 15px;
    }
}
.hero-main-div p {
    font-size: 30px;
    font-weight: 400;
    padding-right: 40px;
    margin-top: 20px;
}

.situation-title {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 40px;
  color: #fff;
  text-align: center;
}

.situation-card {
  background: #191919;
  border-radius: 16px;
  padding: 30px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6);
}

.situation-card p {
  font-size: 20px;
  line-height: 30px;
  color: #ffffff;
  margin-bottom: 16px;
}

.situation-card p:last-child {
  margin-bottom: 0;
}

.situation-highlight {
    margin-top: 28px;
    font-size: 24px;
    font-weight: 700;
    color: #A9A7A7;
    text-align: center;
}
.new-cs .why-this-means{
    border-radius: 25px;
}
.new-cs .cs-new-head{
    font-size: 32px;
    font-weight: 700;
}
.new-cs .why-this-means{
    padding: 40px;
}
.case-ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.case-ul li{
    display: flex;
    align-items: center;
    gap: 15px;
    width: 50%;
    margin-top: 10px;
    line-height: 24px;
    font-size: 20px;
}
.case-ul li:before{
    content: '';
    background: url(../orangemonke/assets/images/case-list.svg) no-repeat top 0 center;
    width: 15px;
    height: 12px;
}
.case-ul.case-ul-new li{
    font-size: 16px;
    width: 100%;
}
.issue-card p {
    font-size: 16px;
    color: #A9A7A7;
    margin-bottom: 20px;
}
.issue-card p.issue-note {
    font-size: 14px;
    margin-top: 30px;
    margin-bottom: 0;
}
.case-ul-new.case-ul{
    display: block;
}
.new-cs .why-this-means p{
       font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    color: #fff;
}

.issue-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
.issue-card {
  flex: 1 1 calc(50% - 24px);
  background: #191919;
  border-radius: 16px;
  padding: 25px;
  color: #fff;
}
.issue-head {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 16px;
}

.issue-num {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #FFFFFF33;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  background: #191919;
  color: #ccc;
}

.issue-head h3 {
  font-size: 20px;
  font-weight: 700;
  margin: 0;
}
.metric-row {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  padding: 6px 0;
  color: #dcdcdc;
  background: #03071280;
  margin-bottom: 15px;
  padding: 15px;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 400;
}

.metric-row strong {
  color: #fff;
  font-size: 24px;
  font-weight: 400;
}
.case-ul{
    color: #fff;
}
.cs-seo .case-ul li{
    font-size: 16px;
}
.cs-seo .case-ul{
    margin-bottom: 30px;
}
.cs-seo-p {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 15px;
}
.seo-last{
    font-size: 16px;
    font-weight: 400;
    color: #A9A7A7;
}
.cs-seo-sec{
    background: #191919;
    padding: 25px;
    border-radius: 16px;
}
.small-p{
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
}
.last-fq {
    margin-top: 15px;
    margin-bottom: 0;
}
.issue-note {
  font-size: 13px;
  color: #bdbdbd;
  margin: 0;
}
.seo-compare-table {
  background: linear-gradient(180deg, #1c1c1c, #121212);
  border-radius: 16px;
  overflow: hidden;
}
.seo-compare-table table {
  width: 100%;
  border-collapse: collapse;
  color: #fff;
  font-size: 14px;
}
.seo-compare-table thead th {
  text-align: left;
  padding: 16px 20px;
  font-weight: 600;
  background: rgba(255, 255, 255, 0.03);
}
.seo-compare-table tbody td {
  padding: 16px 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  vertical-align: middle;
  font-size: 16px;
}
.seo-compare-table tbody td:first-child {
  color: #A7A7A7;
  width: 28%;
}
.neg::before,
.pos::before {
  display: inline-block;
  margin-right: 8px;
  font-weight: 600;
}

.neg::before {
  content: "";
  background: url(../orangemonke/assets/images/cs-close.svg) no-repeat top 0 center;
    width: 20px;
    height: 20px;
    position: relative;
    top: 5px;
}

.pos::before {
    content: '';
  background: url(../orangemonke/assets/images/case-list.svg) no-repeat top 0 center;
    width: 15px;
    height: 12px;
    position: relative;
    top: 2px;
}
.cs-note {
    color: #A9A7A7;
    font-size: 20px;
    margin-top: 20px;
}
.cs-month .title {
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}
.cs-card-new {
    background: #191919;
    border-radius: 16px;
    padding: 25px;
}
.cs-new-card {
    display: flex;
    gap: 30px;
    margin-top: 50px;
}
.cs-month .case-ul li{
    font-size: 16px;
    width: 100%;
    color: #A7A7A7;
}
.case-ul.ul-left li:before{
    background: url(../orangemonke/assets/images/cs-close.svg) no-repeat top 0 center;
    width: 20px;
    height: 20px;
}
.cs-cta .case-ul{margin-bottom: 20px;}
#social-popup-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.7);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}
#social-popup {
  background: #191919;
  color: #fff;
  max-width: 600px;
  width: 90%;
  padding: 30px 24px;
  border-radius: 16px;
  position: relative;
  text-align: center;
  animation: popupFade 0.3s ease;
  margin: auto;
}
#social-popup h2 {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 24px;
}

#social-popup h2 span {
  color: #ff7a18;
}
.popup-close {
  position: absolute;
  right: 14px;
  top: 10px;
  font-size: 26px;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.popup-actions {
  display: flex;
  gap: 14px;
  justify-content: center;
  flex-wrap: wrap;
}

.popup-actions .btn {
  font-size: 14px;
    text-decoration: none;
    min-width: 200px;
    color: #000;
    margin-right: 10px;
    font-weight: 600;
    background: #ffffff;
    padding: 10px;
    border-radius: 15px;
}

.popup-actions .btn.facebook{
    background: transparent;
    color: #fff;
    border: 1px solid #ddd;

}
@keyframes popupFade {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

p.wp-caption-text{
    color: #a3a3a3 !important;
    display: block;
    margin: -35px 0;
}
div.wp-caption{width: 100% !important;}
.orangemoke-blog-single .blog-content ul br {
    display: none;
}

@media (max-width: 480px) {
  #social-popup h2 {
    font-size: 16px;
  }

  .popup-actions .btn {
    min-width: 100%;
  }
}
@media (max-width: 768px) {
  .situation-title {
    font-size: 26px;
  }

  .situation-card {
    padding: 24px;
  }

  .situation-highlight {
    font-size: 16px;
  }
  .issue-card {
    flex: 1 1 100%;
    padding: 22px;
  }

  .issue-head h3 {
    font-size: 15px;
  }
  .seo-compare-table table,
  .seo-compare-table thead,
  .seo-compare-table tbody,
  .seo-compare-table th,
  .seo-compare-table td,
  .seo-compare-table tr {
    display: block;
  }

  .seo-compare-table thead {
    display: none;
  }

  .seo-compare-table tbody tr {
    padding: 16px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }

  .seo-compare-table tbody td {
    padding: 8px 0;
    border: none;
  }

  .seo-compare-table tbody td:first-child {
    font-weight: 600;
    color: #A7A7A7;
    margin-bottom: 6px;
  }
}





@media (min-width: 1025px) {
    .new-mega-menu:hover .nm-nav-arrow svg {
        rotate: 0deg;
    }
    .new-mega-menu:hover .nm-mega-menu{
        display: block;
    }    
    nav#omk-navbar .menu-item-has-children.new-mega-menu ul > li a:hover{
        transition: background-color 0.25s ease, color 0.25s ease, padding 0.25s ease;
        text-decoration: underline;
    }    
    .nm-children {
        display: none !important;
    }
    nav#omk-navbar .menu-item-has-children .sub-menu{
        width: 200px;
        border-radius: 10px;
    }
    #omk-navbar .menu-item-has-children.new-mega-menu ul.sub-menu li{
        margin-bottom: 10px;
    }
    #omk-navbar .menu-item-has-children.new-mega-menu ul.sub-menu li:last-child{
        margin-bottom: 0px;
    }
    nav#omk-navbar ul .new-mega-menu a{font-size: 15px;}
}



@media (max-width: 1200px) {
    .nm-mega-menu{
        left: -250px;
        width: 964px;
    }
}
@media (max-width: 1100px) {
    .hero-section.case-study-detail h1, .hero-section.case-study-detail p{
        width: 500px;
    }
    .hero-section .subheading{
        width: calc(100% - 540px);
    }
    .case-hero{
        flex-wrap: wrap;
    }
    .case-about-grid{
        grid-template-columns: repeat(1, 1fr);
    }
    .case-about-box{
        padding: 15px;
    }
    .case-about-content{
        gap: 20px;
    }
    .case-about-box strong{font-size: 16px}
}
@media (max-width: 1024px) {
    .new-mega-menu.active .nm-nav-arrow svg {
        rotate: 0deg;
    }

    .menu-item-has-children .sub-menu.active{
        padding: 15px !important;
        border-left: 1px solid #616161;
        margin: 15px 0;
    }
    .nm-item.active .nm-item-arrow {
      transform: rotate(90deg);
  }

  .nm-mega-menu {
    position: static;
    width: 100%;
    border-radius: 0;
    z-index: 5;
    margin-top: 15px;
    background: transparent;
    border-left: 1px solid #616161;
    padding: 0 0 0 20px;
}

.nm-mega-inner {
    flex-direction: column;
}

.nm-right,
.nm-image-panel {
    display: none;
}

.nm-item.active .nm-children {
    display: block;
    margin-top: 10px;
    border-left: 1px solid #ffffff;
    padding-left: 15px;
    margin-bottom: 20px;        
}

.nm-left{
    width: 100%;
}
.nm-item-head{align-items: center;}
.nm-item-arrow{position: relative; right: 6px; }
.new-mega-menu .nm-item.active .nm-item-arrow {
    rotate: 180deg;
}
nav#omk-navbar.mobile ul li{margin-bottom: 20px;}
.nm-item-head{padding: 10px 0px;}
.nm-children a {
    font-size: 15px !important;
    font-weight: 300 !important;
}
.nm-children a.cta-button-header{
    display: block !important;
    height: 30px;
    line-height: 30px;
    padding-top: 1px;
    font-weight: 600 !important;
}
nav#omk-navbar.mobile ul li ul li{
    margin-bottom: 20px;
}

nav#omk-navbar.mobile ul:not(.sub-menu) > li > a{
    justify-content: space-between;
    display: flex;
}
nav#omk-navbar.mobile ul li:last-child{margin-bottom: 0;}
nav#omk-navbar.mobile ul.navbar-menu{top: 74px;}
nav#omk-navbar.mobile .hamburger .active,
nav#omk-navbar.mobile .hamburger .active{max-width: 40px;}
.nm-item-head strong {font-size: 16px;}
nav#omk-navbar.mobile ul:not(.sub-menu) > li a{font-size: 18px;}
nav#omk-navbar.mobile ul.navbar-menu{
    position: fixed;
    width: 100%;
    padding-left: 24px;
    padding-right: 24px;
    height: calc(100vh - 66px);
    top: 66px;
    left: 0;
    right: 0;
}
.new-mega-menu::before{
    background: #000;
}
}
@media (max-width: 991px) {
    body.home .hero-section, .page-template-orangemonke-services .hero-section, body.page-template-orangemonke-page{
        padding-top: 76px !important;
    }
    .page-template-orangemonke-page .hero-section.contact-hero.common-section{
        padding-top: 20px !important;
    }
    .about-section.blog-welcome-section .main-heading{font-size: 36px;line-height: 60px;}
    .featured-blog .blog-grid{grid-template-columns: repeat(2, 1fr);}
    .case-about-content {
    grid-template-columns: 1fr;
}

.case-about-image {
    order: -1;
}
.hero-section.case-study-detail h1, .hero-section.case-study-detail p {
    width: 100%;
}
.hero-section .subheading {
    width: 100%;
}

.cs-faq.switch-section .accordion button, .cs-faq.switch-section .panel.open-panel{
    padding-left: 20px;
}
.cs-faq.switch-section .accordion button p{font-size: 18px;}
.case-timeline-card:before{left: -36px;}
.cs-cta .common-para{max-width: 100%;}
.single .orangemoke-blog-single{padding-top: 76px;}
.cs-new-card{
    gap: 15px;
    flex-wrap: wrap;
    justify-content: space-around;
}
.cs-card-new{
    width: calc(50% - 15px);
}
.cs-month .cs-note{text-align: center;}

}

@media (max-width: 768px) {
  .case-timeline-wrapper {
    padding-left: 30px;
}

.case-timeline-card {
    padding: 20px;
}

.case-timeline-title {
    font-size: 24px;
}
}

@media (max-width: 767px) {
    nav#omk-navbar.mobile ul.navbar-menu{top: 66px;}    
.switch-section .accordion button p{
    align-items: flex-start;
}
.blog-welcome-section.about-section .trusted-by{
    display: none;
}
.blog-h2{
    font-size: 30px;
    margin-bottom: 20px;
}
.featured-blog .blog-card .blog-title h4{
    font-size: 18px;
}
.blog-h2.blog-sec-head {
    margin-top: 50px;
    margin-bottom: 0;
}
.blog-h2-bot{
    margin-top: 40px;
    font-size: 30px;
}
.featured-blog .blog-grid{
    gap: 15px;
}
.cs-cta.cta-wrapper .cta-section p{
        text-align: center;
    }
    .hero-section.case-study-detail h1{
        padding: 0 24px;
        text-align: center;
        font-size: 36px;
        line-height: 1.5;
    }
    .case-hero{
        gap: 0;
    }
    .hero-section .subheading{
        padding: 0 24px;
        height: auto;
    }
    .case-about-image img{height: auto;}
    .case-study-highlight .common-heading br {
        display: none;
    }
    .case-about-section{
        padding-left: 0;
        padding-right: 0;
    }
    .cs-challenge.industry-specific-section .common-para:last-child;{margin-bottom: 0}
    .cs-faq.switch-section .accordion button p{font-size: 16px;margin-right: 5px;gap: 5px;}
    .dur-tag{
        width: 94px;
        height: 29px;
        font-size: 12px;
    }
    .cs-faq .accordion button .phases {
        display: none;
    }
    .case-timeline-item{margin-bottom: 20px;}
    .cs-cta.cta-wrapper .cta-section p:last-child{
        font-size: 14px;
        margin-bottom: 0;
    }
    .hero-section.case-study-detail p{text-align: center;padding: 0 15px;}
    .case-ul li{width: 100%;font-size: 16px;}

    .new-cs .why-this-means {
        padding: 20px;
    }
    .issue-head h3 {
        font-size: 15px;
        width: calc(100% - 50px);
    }
    .issue-head{
        flex-wrap: wrap;
        gap: 10px;
    }
    .cs-month .case-ul li{text-align: left;}
}


@media (max-width: 600px) {
  .case-about-grid {
    grid-template-columns: 1fr;
}

.case-about-card {
    padding: 24px;
}

.case-about-title {
    font-size: 22px;
}
.case-about-card {
    padding: 15px;
}
.case-about-box {
    padding: 10px;
    gap: 10px;
}
.cs-cta img {max-width: 100%;}
.new-cs-stats{gap: 10px;}
.cs-card-new{width: 100%;}
#stateTitle{font-size: 30px}
.new-cs-card{padding-top: 10px;}
.new-cs-title{padding: 0;font-size: 20px;margin-bottom: 15px;}
.owl-carousel .owl-item .new-cs-image img{height: auto;}
.new-cs-stat{padding: 10px;}
.new-cs-stat strong{font-size: 22px;}
.home .hero-section h1{min-height: 153px;}
}


@media (max-width: 480px) {
    nav#omk-navbar.mobile ul.navbar-menu{top: 65px;}    
}
@media (max-width: 479px) {
    .featured-blog .blog-grid{
        display: block !important;
    }
    .featured-blog .blog-card{
        margin-bottom: 15px;
    }
}
@media (max-width: 413px) {
    .case-timeline-stats{font-size: 14px;}
    .case-timeline-card {
        padding: 15px;
    }
    .case-timeline-card:before {
        left: -21px;
    }
    .case-timeline-wrapper {
        padding-left: 15px;
    }
}
@media (max-width: 370px) {
    .nm-mega-menu{padding: 5px}
}
.orange-index-sidebar {
    top: 120px;
    background: #191919;
    padding: 15px;
    border-radius: 8px;
}

.orange-index-sidebar ul {
    padding-left: 18px;
}

.orange-index-sidebar li {
    margin-bottom: 8px;
}

.orange-index-sidebar a {
    text-decoration: none;
    color: #333;
}

.orange-index-sidebar a:hover {
    color: #0073aa;
}
div#menu-service-blog.megaMenuWrap{left: -660px;}
/*div#menu-service-blog.megaMenuWrap .nm-image-panel{ display: block;}*/

div#menu-service-proof.megaMenuWrap{left: -574px;}
/*div#menu-service-proof.megaMenuWrap .nm-image-panel{ display: block;}*/


/*HERO SECTION*/
 /* =========================================================
       HERO — Dark with orange spotlight
       ========================================================= */
    /*.hero {
      min-height: 100vh;
      position: relative;
      display: flex; flex-direction: column; justify-content: flex-end;
      padding: 8rem clamp(1.25rem, 4vw, 4rem) 3rem;
      color: #fff7ee;
      overflow: hidden;
    }
    /* Orange spotlight gradient — the "sunrise on dark" effect * /
    .hero::after {
      content: '';
      position: absolute; inset: 0;
      background: linear-gradient(180deg, transparent 50%, rgba(13,10,8,0.6));
      pointer-events: none;
    }

    .hero-meta {
      position: fixed;
      top: 85%; left: clamp(1.25rem, 4vw, 4rem);
      transform: translateY(-50%) rotate(-90deg);
      transform-origin: left top;
      font-size: 0.75rem; font-weight: 600;
      letter-spacing: 0.4em; text-transform: uppercase;
      color: rgba(255,247,238,0.62);
    }
    @media (max-width: 1024px) { .hero-meta { display: none; } }*/
.container {
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
    padding: 0 24px;
}
    .hero-section{min-height: 90vh;display: flex; align-items: center;  color: #FFFFFF;
    text-align: center;} 
    .hero-content {
      position: relative; z-index: 2;width: 100%;
      /*max-width: 1400px; 
      margin: 0 auto;*/
    }
    .hero-eyebrow {
      display: inline-flex; align-items: center; gap: 0.75rem;
      font-size: 0.85rem; font-weight: 600;
      letter-spacing: 0.2em; text-transform: uppercase;
      color: #F56F0F;
      margin-bottom: 2rem;
      opacity: 0;
      animation: fadeInUp 0.9s 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    }
    .hero-eyebrow::before {
      content: ''; width: 40px; height: 1px;
      background: currentColor;
    }
    .hero-headline {
      font-size: 32px;/*clamp(3rem, 11vw, 11rem);*/
      font-weight: 800;
      line-height: 0.92;
      letter-spacing: -0.04em;
      margin: 0 0 2rem;
    }
    .hero-headline span{color:#F56F0F;}
    .hero .rating{ margin: 15px 0px; }
    .hero .rating span{    font-weight: bold;}

    .hero-bottom {
      opacity: 0;
      animation: fadeInUp 0.9s 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    }
    .hero-lede {
      /*max-width: 480px;*/
      font-size: 26px;
      font-weight: bold;
      line-height: 1.6;
      color: #a9a7a7;
      margin: 30px auto;
    }
    .hero-cta {
      background: #ff5c00;
      color: #fff7ee;
      border: none;
      padding: 1.25rem 2.5rem;
      font-size: 0.95rem; font-weight: 700;
      letter-spacing: 0.1em; text-transform: uppercase;
      border-radius: 100px;
      display: inline-flex; align-items: center; gap: 0.75rem;
      transition: background 0.3s, color 0.3s, transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
      box-shadow: 0 8px 30px -8px rgba(255, 92, 0, 0.6);
          margin-top: 20px;
    }
    .hero-cta:hover {
      background: #fff7ee;
      color: #0d0a08;
      transform: translateY(-3px);
    }
    .hero-cta .arrow { transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1); }
    .hero-cta:hover .arrow { transform: translateX(4px); }

    @media (max-width: 768px) {
      .hero-bottom { grid-template-columns: 1fr; gap: 1.5rem; }
    }

    .hero-scroll {
      position: absolute;
      bottom: 2rem; right: clamp(1.25rem, 4vw, 4rem);
      display: flex; flex-direction: column; align-items: center;
      gap: 1rem;
      font-size: 0.7rem; font-weight: 600;
      letter-spacing: 0.3em; text-transform: uppercase;
      color: rgba(255,247,238,0.62);
      opacity: 0;
      animation: fadeInUp 1s 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    }
    .hero-scroll-line {
      width: 1px; height: 60px;
      background: rgba(255,247,238,0.18);
      position: relative; overflow: hidden;
    }
    .hero-scroll-line::after {
      content: '';
      position: absolute; top: -60px; left: 0;
      width: 100%; height: 60px;
      background: #ff5c00;
      animation: scrollIndicator 2.2s ease-in-out infinite;
    }
    @media (max-width: 768px) { .hero-scroll { display: none; } }

    .hero-logo-bg {
      position: absolute;
      top: 18%; right: 10%;
      width: 55vh; height: 55vh;
      max-width: 720px; max-height: 720px;
      opacity: 0.6;
      animation: floatRotate 20s linear infinite;
      pointer-events: none;
      filter: drop-shadow(0 0 60px rgba(255,92,0,0.4));
    }
    .hero-logo-bg img { width: 100%; height: 100%; }
    @media (max-width: 768px) {
      .hero-logo-bg { width: 80vw; height: 80vw; right: -25%; top: 12%; opacity: 0.18; }
    }
    @keyframes fadeInUp {
      from { opacity: 0; transform: translateY(30px); }
      to   { opacity: 1; transform: translateY(0); }
    }
    @keyframes heroWord {
      from { opacity: 0; transform: translateY(60px); }
      to   { opacity: 1; transform: translateY(0); }
    }
    @keyframes scrollIndicator {
      0%   { transform: translateY(0); }
      100% { transform: translateY(120px); }
    }
    @keyframes floatRotate {
      from { transform: rotate(0deg); }
      to   { transform: rotate(360deg); }
    }    


/* Margin : 60px 0px */
section.mtb60{ margin: 40px 0px; padding: 40px 0px; border-top:1px solid #1f1f1f;}

/*SPOTLIGHT SECTION TITLE*/
.spv2-header{ position: relative; display: flex; align-items: center; justify-content: center; gap: 50px; padding: 52px 0;overflow: hidden;}
.spv2-content{ max-width: 880px; position: relative; z-index: 2; text-align:center;}
.spv2-title{ margin: 0; color: #fff; font-size: 22px; font-weight: 800;}
.spv2-title em{ font-style: normal; color: #fff; color: #F56F0F;}
.spv2-sub{ margin-top: 12px; /*max-width: 700px;*/ font-size: 16px; color:#fff; }
.spv2-eyebrow { display: inline-flex;align-items: center; gap: 0.6rem; font-size: 0.75rem; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; color: #F56F0F;margin-bottom: 1.25rem;}
.spv2-eyebrow::before { content: ""; width: 28px; height: 1px; background: #F56F0F; display: inline-block;}
.spv2-visually-hidden{width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; 
clip: rect(0, 0, 0, 0) !important;white-space: nowrap !important;border: 0 !important;}

@media(max-width: 991px){
    .spv2-header{ flex-direction: column; align-items: flex-start; padding: 70px 0;}
}
@media(max-width: 576px){
    .spv2-header{ gap: 35px; padding: 60px 0;}
    .spv2-btn{ width: 100%; justify-content: center;}
}

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



/***OTHERS***/
.testimonial-text{ color:#fff;}