/* ====== Banner ======= */
:root{
  --ff: "Nunito", sans-serif;
  --orange: #f37021;
  --orange-2: #f05a24;
  --orange-3: #ff6600;
  --orange-dark: #d95f1c;
  --black: #000;
  --white: #fff;
  --gray-900:#222;
  --gray-800:#333;
  --gray-700:#444;
  --gray-600:#555;
  --gray-500:#666;
  --gray-300:#aaa;
  --gray-200:#ddd;
  --gray-100:#eee;
  --bg-cream:#fef3ef;
  --bg-cream-2:#fef4f1;
  --shadow-sm: 0 4px 12px rgba(0,0,0,.06);
}

/* ================= Buttons (single source of truth) ================= */
/* .btn, */
.btn-orange,
/* .expo-btn-orange,
.tab-section .btn-orange,
.case-btn,
.read-more-btn,
.portfolio-section .view-btn, */
.submit-btn{
  background-color:var(--orange);
  color:var(--white);
  border:0;
  padding:10px 25px;
  border-radius:30px;
  font-weight:600;
  border: 1px solid #d15629;
  /* transition:transform .3s ease, background-color .3s ease, color .3s ease; */
  cursor:pointer;
}

.btn-orange:hover,
/* .expo-btn-orange:hover,
.tab-section .btn-orange:hover,
.case-btn:hover,
.read-more-btn:hover,
.portfolio-section .view-btn:hover, */
.submit-btn:hover{background-color:#fff !important;color:#000 !important;border: 1px solid #000;transition: .2s;}
/* special expo hover scale kept */
.expo-btn-orange{padding:6px 24px; position:relative; z-index:1}
.testimonial-btn{border: 1px solid #d15629;}
.testimonial-btn:hover{background-color: #fff !important;color: #000 !important;border: 1px solid #000 !important;}

/* Section one */
.section-psr .bg-title {
  position: absolute;
  top: 32px;
  left: 0px;
  font-size: 3rem;
  font-weight: 800;
  color: rgba(255, 234, 220, 0.5); /* faint text */
  text-transform: uppercase;
  letter-spacing: 4px;
  z-index: 0;
}
.section-psr .bg-light h5,
.section-psr .bg-light p,
.section-psr .bg-light i {
  position: relative;
  z-index: 1;
}
.psr-heading{letter-spacing: 4px;font-size: 22px;letter-spacing: 4px;font-weight: 700;}
.psr-box-item p{font-weight: 600;}
.psr-box-item{background: #fff6f1;height: 100%;} 
.psr-icon{z-index: 99;top: -3px;position: relative;}
.psr-icon img{max-width: 70px !important; height: auto;display: inline-block;}
/* Explore More Exhibitor Success Stories */
.case_study_page{background: #fbfbfb;}
.casestudy-title h2, .casestudy-title h3{color: #000;font-weight: 300;font-size: clamp(28px, 5vw, 2rem) !important;}
.case-study-name h4 {color: #000;font-weight: 600;font-size: clamp(20px, 5vw, 26px) !important;}
.showname{color: #000;font-size: .8rem;font-weight: 600;}
.case-meta span{color: #000;font-weight: 600;}
.case-tag{background:var(--orange);color:#fff;font-size:.8rem;padding:3px 10px;border-radius:5px;font-weight:600;margin-right:8px;}
.case-meta{font-size:.9rem;margin:10px 0 15px;display:flex;align-items:center;gap:20px;color:var(--gray-800);    border-bottom: 1px solid #ddd;}
.case-meta i{color:var(--orange);margin-right:5px;}
.case-description{font-size:.95rem;color:#000;}
.read-more{color:var(--orange);font-weight:600;text-decoration:none;display:inline-block;}
.read-more:hover{text-decoration:underline;}
/* .read-more::after{content:" ↗";color: #6a6969;font-size: 1.1rem;} */
.read-more img{width: 18px;padding: 2px;margin-left: 2px;}


/* ================= FAQ ================= */
/* section.faqscontact {background: #fdfdfd;} */
.faqscontact h3{font-size: clamp(20px, 5vw, 26px) !important;}
.faqscontact h2, h3.title.text-center.mb-3.mb-lg-4{font-weight: 600;font-size: 2.5rem !important;}
.faq-number {color: var(--orange);font-weight: 700;font-size: 1.1rem;}
.faq-subheading-form h3{font-size: 2.3rem;color: #000;font-weight: 400;line-height: 1.1;}
.faq-question {font-size: 1.1rem;font-weight: 600;color: #000;}
.faq-line {border-bottom: 1px solid var(--gray-100);padding: 15px 0;}
.faq-toggle {cursor: pointer;}
.faq-text {padding-right: 10px;display: flex;align-items: flex-start;gap: 10px;}
.faqscontact .accordion-button::after {display: none !important;}
.faqscontact .accordion-collapse {transition: height 0.3s ease;}
.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-in-out, padding 0.3s ease-in-out;
    padding-top: 0;
    padding-bottom: 0;
  }
  
  .faq-answer.show {
    padding-top: 15px; /* Adjust as needed */
    padding-bottom: 15px; /* Adjust as needed */
  }

  /* Style for the active icon */
  .faq-toggle.show .plus-icon {
    transform: rotate(45deg); /* Example: rotate to become a minus */
    transition: transform 0.3s ease;
  }
.faq-answer {margin-top: 10px;color: var(--gray-600);font-size: 1rem;line-height: 1.5;}
.plus-icon {color: var(--orange);font-size: 2rem;font-weight: 300;flex-shrink: 0; /* keep icon size */}
/* .faqscontact .accordion-button::after{content: '+';font-size: 20px;transform: none !important;} 
.faqscontact .accordion-button:not(.collapsed)::after{content: '-';} */
.faq-form input,
.faq-form textarea{width:100%;border:1px solid var(--gray-300);padding:10px;}
.faq-form textarea{min-height:120px;resize:none;}
.formp{font-size: 12px;display: block;;}
.btn-submit{border:none;background:transparent;font-weight:700;position:relative;padding:0;color:#000;}
.btn-submit::after{content:"";display:block;height:2px;width:100%;background-color:var(--orange);margin-top:2px;}

.faqscontact h2{color:#000;font-weight: 600;}

/* ======================= Strachable CTA Footer ============================= */
.cta-containerbox {max-width: 600px;}
.cta-containerboxleft {margin-left: auto;}
.cta-containerboxright {margin-right: auto;}
.cta-left{background:#f7f7f7;}
.cta-right{background:var(--orange);color:#fff;}
/* .brandvalues-row:hover .cta-left {flex-grow: 2;}.brandvalues-row:hover .cta-right {flex-grow: 1;}.brandvalues-row:hover .cta-right:hover {flex-grow: 2;}.brandvalues-row:hover .cta-left:hover {flex-grow: 1;} */
.cta-title{font-size:1rem;letter-spacing:1px;text-transform:uppercase;font-weight:700;margin-bottom:10px;}
.cta-text{font-size:2.6rem;font-weight:400;line-height:1.1;margin-bottom:30px;}
.cta-btn-outline{padding:7px 25px;border:2px solid #000;background:none;border-radius:30px;font-weight:500;transition:.3s;text-decoration: none;}
.cta-btn-outline:hover{background:#000;color:#fff;}
.cta-btn-outline-white{border-color:#fff;color:#fff;}
.cta-btn-outline-white:hover{background:#fff;color:var(--orange);}
.submit-btn{padding: 10px 44px !important;}
.brandvalues-row {
  display: flex;

  --expanded: 51%; /* Expanded width */
  --collapsed: 49%; /* Collapsed width */
}

.brandvalues-row > .cta-left,
.brandvalues-row > .cta-right {
  flex: 1 1 auto;
  flex-basis: 50%;
  min-height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: flex-basis 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
}

/* Default text style */
.cta-text {
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 1.1;
  margin-bottom: 30px;
  transition: font-size 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}
#rentaBooth .modal-content{padding: 6px 10px 10px;border-radius: 8px;}
#reguestaBooth .modal-content{padding: 6px 10px 10px;border-radius: 8px;}
#rentaBooth .modal-header{margin: 0 auto;}
#reguestaBooth .modal-header{margin: 0 auto;}
.brandvalues-row .modal .input-group-text{width: 7% !important;}
.brandvalues-row .modal .input-group-text{width: 7% !important;}
.brandvalues-row .modal .wpcf7-form-control-wrap{width: 93% !important;}
.brandvalues-row .modal .wpcf7-form-control-wrap{width: 93% !important;}
.brandvalues-row .modal-title{color: #000;}
/* When parent is hovered, both shrink */
.brandvalues-row:hover > .cta-left,
.brandvalues-row:hover > .cta-right {
  flex-basis: var(--collapsed);
}

/* Hovered block expands */
.brandvalues-row > .cta-left:hover,
.brandvalues-row > .cta-right:hover {
  flex-basis: var(--expanded);
}

/* Font size adjustments */
.brandvalues-row > .cta-left:hover .cta-text,
.brandvalues-row > .cta-right:hover .cta-text {
  font-size: 2.4rem; /* Increase when expanded */
}

.brandvalues-row:hover > .cta-left:not(:hover) .cta-text,
.brandvalues-row:hover > .cta-right:not(:hover) .cta-text {
  font-size: 2rem; /* Decrease when collapsed */
}

/* Vivek */
     /* --------------Section 2 CSS------------- */

  .booth-section {background-color: #fff6f2; text-align: center;}
  .booth-title {font-size: 92px;font-weight: 700;text-transform: uppercase;color: rgba(255, 210, 194); 
   margin-bottom: 40px;letter-spacing: 2px;line-height: 1;}
  .booth-img {width: 100%;}
  .booth-caption {font-size: 14px;color: #333;margin-top: 10px;}

/* --Slider CSS-- */
:root { --anim-duration: 350ms; }

/* layout tweaks */
/* .showcase-container{padding: 60px 120px;} */
.transformation{font-size: clamp(28px, 5vw, 40px);font-weight: 700;color: #000;line-height: 1.3;}
.transformation h5{font-size: 28px !important;}
.slider-left{flex-direction: column !important;}
.slider-lhs{flex-direction: column !important;}
.showcase-text-wrapper { display:flex; flex-direction:column; align-items:flex-start; max-width:520px; }
#showcaseHeading{color: #000; font-size: clamp(24px, 5vw, 30px) !important;}

/* text & image base styles (prepared for animation) */
.showcase-text { will-change: transform, opacity; color: #000;}
.showcase-img { max-width:100%; height:100%; object-fit:cover; display:inline-block; will-change: transform, opacity; }

.arrow-btn {
  width: 65px;
  height: 65px;
  border: 2px solid #f3aa79;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  background: transparent;
  color: #ff6600;
  font-size: 20px;
  cursor: pointer;
  transition: all 0.25s ease;
  outline: none;              /* remove default focus outline */
}

.arrow-btn:focus {
  outline: none;              /* make sure browser doesn’t add black ring */
  border-color: #f3aa79;      /* optional: highlight with full orange */
}

.arrow-btn:hover {
  background: #ff6600;
  color: #fff;
}
.arrow-btn.active {
  border: 2px solid #ff6600;
  transform: translateY(-2px);
}

/* ANIMATIONS: keyframes */
@keyframes slideOutLeft {
  from { transform: translateX(0); opacity: 1; }
  to   { transform: translateX(-30px); opacity: 0; }
}
@keyframes slideInFromRight {
  from { transform: translateX(30px); opacity: 0; }
  to   { transform: translateX(0); opacity: 1; }
}
@keyframes slideOutRight {
  from { transform: translateX(0); opacity: 1; }
  to   { transform: translateX(30px); opacity: 0; }
}
@keyframes slideInFromLeft {
  from { transform: translateX(-30px); opacity: 0; }
  to   { transform: translateX(0); opacity: 1; }
}

/* Animation helper classes */
.slide-out-left {
  animation: slideOutLeft var(--anim-duration) ease forwards;
}
.slide-in-right {
  animation: slideInFromRight var(--anim-duration) ease forwards;
}
.slide-out-right {
  animation: slideOutRight var(--anim-duration) ease forwards;
}
.slide-in-left {
  animation: slideInFromLeft var(--anim-duration) ease forwards;
}



/* --------------Testimonials----------- */

/* Section Background */
.testimonial-section{ background-color: #fef3ef;}
.testimonial-container {
  position: relative;
  /* overflow: hidden; */
  /* padding: 200px 60px 60px 60px; */
}

/* Background Large Text */
.testimonial-section .bg-text {
    font-size: clamp(28px, 5vw, 85px) !important;;
    font-weight: 700;
    color: rgba(251, 165, 136, .25);
    /* position: absolute; */
    /* top: 40px; */
    z-index: 0;
    line-height: 1.1;
}
.test-lhs{flex-direction: column !important;}
/* .quote-icon {font-size: 80px;color: #fba588;line-height: 1;z-index: 1;position: relative;} */
.double-quote-icon{width:200px;}
.btn-read {background-color: #ff6b00;color: #fff;border: none;border-radius: 25px;padding: 8px 20px;font-weight: 600;
  font-size: 14px;
  transition: 0.3s;
  position: relative;
  z-index: 1;
}
.btn-read:hover {background-color: #e65c00;}
/* Testimonial Box */
.testimonial-box {background: transparent;padding: 0px 20px;z-index: 1;}
/* Testimonial Text */
.testimonial-text {color: #333;font-size: 16px;line-height: 1.6;margin-bottom: 15px;}
/* Author */
.author {font-size: 20px; font-weight: 800;margin-top: 10px;}

/*  =========== New Feedback Changes ============== */

.portfolio-title h2,.portfolio-title h3{color: #000;font-weight: 300;font-size: clamp(28px, 5vw, 2rem) !important;}
.portfolio-title{text-align: center;}
/* .portfolio-section h3 {font-weight: 500;margin-bottom: 40px;} */
.portfolio-section .carousel-wrapper {position: relative;overflow: hidden;-webkit-transform: translate3d(10px, 0, 0);}
.portfolio-section .owl-carousel.owl-theme {display: flex;overflow-x: scroll;cursor: grab;}
.portfolio-section .owl-carousel.owl-theme .item {flex: 0 0 auto;margin-right: 20px;transition: all 0.4s 
ease-in-out;transform: translateY(0);}
.portfolio-section .portfolio-caption {margin-top: 15px;text-align: left;}
.portfolio-section .portfolio-caption h4 {font-weight: 500;margin-bottom: 5px;color: #000;margin-right: 0.5rem;}
.portfolio-section .portfolio-caption p {font-size: .95rem;color: var(--gray-500);}
.portfolio-section .drag-indicator {width: 110px;height: 110px;background-color: #ff5f00;color: #fff;font-weight: 600;
    border-radius: 50%;display: flex;align-items: center;justify-content: center;position: absolute;top: 50%;
    left: 50%;transform: translate(-50%, -50%);transition: opacity 0.3s;pointer-events: none;opacity: 0;cursor: pointer;z-index: 10;}
.portfolio-section .drag-indicator i {font-size: 10px;} 
.portfolio-section span.drag-text {font-size: 0.7rem;}   
.portfolio-section .view-btn{background-color: #f37021;color: #fff;padding: 10px 25px;border-radius: 30px;font-weight: 600;border: 1px solid #d15629;cursor: pointer;}
.portfolio-section .owl-theme .owl-nav [class*=owl-]:hover{background: transparent !important;}
.portfolio-section .owl-carousel.owl-theme {display: flex; overflow-x: scroll; cursor: grab;}
.portfolio-section .owl-carousel.owl-theme::-webkit-scrollbar {display: none;}
.portfolio-section .owl-carousel .item {transition: all 0.4s ease-in-out;transform: translateY(0);}
.portfolio-section .owl-carousel .item:hover {transform: translateY(-10px); /* Moves item up */}
.portfolio-section .owl-carousel.owl-theme:active {cursor: grabbing;}
.portfolio-section .owl-carousel.owl-theme.dragging {cursor: none;}
.portfolio-section .drag-indicator.visible {opacity: 1;}
.portfolio-section .drag-indicator i {font-size: 10px;}
.portfolio-section span.drag-text {font-size: 0.7rem;}
.portfolio-section .owl-dots {display: none; /* Hide dots as they're not needed for this free-scrolling slider */}

/* New CTA */
.schedule-sec .sec-title {font-size: clamp(28px, 5vw, 2.4rem) !important;font-weight: 500;letter-spacing: 1px;line-height: 1.1;}
.schedule-sec .btnnew {border-radius: 65px;padding: 10px 85px;background: #f60;font-size: clamp(22px, 5vw, 28px);font-weight: 500;
    color: #fff;border: 0;letter-spacing: 1px;}
.schedule-sec .btnnew:hover{color: #000;background-color: #fff;border:1px solid #d95f1c}    
.modal .input-group-text{width: 7% !important;}
.modal .wpcf7-form-control-wrap{width: 93% !important;}
.modal-content{padding: 8px;border-radius: 8px;}
/* =============== End ==============  */


/* -------------Mobile CSS-------------- */
@media only screen and (max-width: 600px) {
        /* -----PSR Sec--------- */
    .psr-section {padding: 30px 0;}
    .psr-box{padding: 20px;margin-bottom: 20px;}
    /* ---------Booth Sec------- */
    .booth-section{padding:20px 0px !important;}
    .booth-title{font-size: 28px !important;margin-bottom: 5px;}
    /* .booth-img1{padding-left: 0px !important;} */
    .booth-img2{padding-right: 0px !important;}
    .showcase-container{padding: 10px !important;}
    .booth-banner-img img{height: auto !important;}
    .bg-text{font-size: 40px !important;}
    .testimonial-container{padding: 30px !important;}
    /* .testimonial-section .bg-text{top:20px;} */
    /* .quote-icon{font-size: 50px; padding-top: 50px;} */
    .page-template-templatessingle-newcase_study-php .navbar{padding: 10px 0px !important;}
    .page-template-templatessingle-newcase_study-php .navbar-collapse{top: 58px !important;}
}

/* small responsive tweaks */
@media (max-width: 767px) {
  .ncs-banner{padding: 15px;height: 35vh !important;}
  .ncs-banner .banner-content h1{font-size: clamp(48px, 5vw, 65px) !important;}
  .showcase-container { padding: 30px 18px; }
  /* .showcase-img { height: 260px; } */
  .testimonial-section .bg-text{color: rgb(244 161 133);}
  .testimonial-box{padding: 0px !important;}
  .author{margin-bottom: 2.5rem;}
  .transformation { font-size: 28px; }
  .showcase-text-wrapper { max-width:100%; }
  .arrow-btn{width: 50px;height: 50px; margin-top: 1.5rem;}
  .ncs-banner .banner-content{padding: 20px 0 0px !important;}
}

@media (max-width:768px){
  .cta-left,.cta-right{flex:1 1 100%;padding:40px 30px;text-align:center;}
  .form-row>.col-md-6{margin-bottom:15px;}
  .form-control,.form-select,.form-textarea{border-radius:30px;}
}


@media (max-width: 992px) {
    /* CS */
    .case-study-name h3, .case-study-name h4{font-size: 1.2rem;}
    .case-meta{border-bottom: none;}


    /* FAQ */
    .faqscontact .btn-orange{display: block;margin: 1rem auto 3rem;text-align: center;}
    .faq-answer{padding: 0px 32px;}
    .faq-subheading-form h3{font-size: 1.3rem;}
     .fooform-row .col-md-6{text-align: center;}

     /* Button */
     .btn-submit{font-size: 1.4rem;margin-bottom: 1.5rem;} 
    .schedule-a-discovery-call-btn{background: #e86a00;color:#fff;border-radius: 50px;padding: 10px 25px;text-decoration: none;font-weight: 600;}
    .schedule-a-discovery-call-btn:hover{background-color: #fff !important;color: #000 !important;border: 1px solid #000 !important;}
    .faqscontact .btn-orange{display: block;margin: 1rem auto 3rem;text-align: center;}

    /* BIG CTA  */
    .brandvalues-row{--expanded: 100%;--collapsed:none;}
    .brandvalues-row > .cta-left, .brandvalues-row > .cta-right{flex-basis: 100%;}
    .brandvalues-row:hover > .cta-left:not(:hover) .cta-text, .brandvalues-row:hover > .cta-right:not(:hover) .cta-text{font-size: 1.8rem;}
    .brandvalues-row > .cta-left:hover .cta-text, .brandvalues-row > .cta-right:hover .cta-text{font-size: 1.8rem;}
    .cta-text{text-align: left;font-weight: 600;margin-bottom: 2rem;font-size: 1.8rem;}

    .read-more,.blog-footer span{font-size: 15px;}
    .brandvalues .cta-left, .brandvalues .cta-right{text-align: left;}
}



@media only screen and (max-width: 1200px){
  .section-psr .bg-title{font-size: 2.6rem;}
}

/* End Vivek */

/* ================= Media ================= */

/* ============= iPad Mini in portrait mode ============= */
@media only screen 
  and (min-width: 744px) 
  and (max-width: 1024px) 
  and (orientation: portrait) {

    /* CS */
    .showname{font-size: .8rem;}
    .double-quote-icon{display: block;width: 125px;}
    .testimonial-box{padding: 10px 0px 25px;display: block;}
    .transformation{font-size: 30px;}
    .booth-title{margin-bottom: 5px;font-size: 60px;}
    .booth-section{padding-top: 1.5rem;}
    .ncs-banner{height: 33vh !important;padding: 0rem 2rem;}
    .section-psr{padding-top: 4rem !important;padding-bottom: 4rem !important;}
    .ncs-banner .banner-content{padding: 20px 0 0px !important;}


  }

/* iPad Pro in portrait mode only */
  @media only screen and (min-width: 834px) and (max-width: 1024px) and (orientation: portrait) {
    .cta-left, .cta-right{padding: 50px 10px;}
    .testimonial-box{padding: 10px 0 0px;}
    .author{margin-bottom: 2rem;}
    .booth-title{margin-bottom: 20px;}
    .ncs-banner{height: 33vh !important;padding: 0rem 3rem;}
    
  }

 

  /* iPad Mini in landscape mode */
  @media only screen 
    and (min-width: 768px) 
    and (max-width: 1133px) 
    and (orientation: landscape) {
      .ncs-banner .banner-content{padding: 20px 50px 30px;}
      .booth-title{font-size: 85px;}
      .cta-left, .cta-right{padding: 20px 10px;}
      .ncs-banner{height: 78vh !important;padding: 0rem 3rem;}


  }
  /* iPad Mini in landscape mode */
  @media only screen 
    and (min-width: 768px) 
    and (max-width: 1024px) 
    and (orientation: landscape) {
      .ncs-banner .banner-content{padding: 20px 50px 30px;}
      .booth-title{font-size: 85px;}
      .cta-left, .cta-right{padding: 20px 10px;}
      .ncs-banner{height: 78vh !important;padding: 0rem 3rem;}
  }
  

/* Media query for iPad/Tablet Landscape Mode */


/* iPad Pro 12.9-inch and similar large tablets */
@media only screen and (min-width: 1179px) and (max-width: 1367px) {
    .ncs-banner{height: 55vh !important;}
    .ncs-banner .banner-content {padding:0px 2rem !important;} 
  }
/* iPad Air, iPad 11-inch, and other smaller tablets */
@media only screen and (min-width: 1180px) and (max-width: 1194px) and (orientation: landscape) {
  /* .ncs-banner {height: 55vh !important;}
  .ncs-banner .banner-contentpadding{padding:0px 2rem;}  */
}
  
  /* Media Query */
  @media (min-width: 768px) {
      .cta-left, .cta-right{padding: 88px 88px;}
      .section-psr{padding-top: 5rem !important;padding-bottom: 5rem !important;}
      .psr-box-item{padding: 2.3rem !important;}
  }

  /* For Desktop View */
@media only screen and (min-width: 1401px) {
.ncs-banner{height: 80vh;}

/* ======= feedback Verion 1 css ======= */
.col-md-11{width: 96.666667% !important;}

}