/* @font-face {
    font-family: 'eras_md_btmedium';
    src: url('./newfonts/erasm-webfont.woff2') format('woff2'),
         url('./newfonts/erasm-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

} */


 /* @font-face {
    font-family: 'Eras Medium BT';
    font-style: normal;
    font-weight: normal;
    src: local('Eras Medium BT'), url('Eras-Md-BT-Medium.woff') format('woff');
    } */




 .heading-new-1 {
   width: 800px;
   margin: 0 auto;
 }

 .heading-new-1 h1 {
   /* font-family: 'Eras Medium BT'; */
   color: #000;
   font-weight: 400;
   margin: 10px 0px 20px 0px;
   font-size: 30px;
 }

 .heading-new-1 p {
   font-family: 'Circular Std Book' !important;
   font-size: 16px;
   line-height: 20px;
 }

 /* .heading-new-1 p{
     font-family: 'eras_md_btmedium' !important;
} */

 .font-family-1 h2 {
   /* font-family: 'Eras Medium BT'; */
 }

 .font-family-1 h4 {
   /* font-family: 'Eras Medium BT'; */
 }

 .new-home-wrap-1 {
   width: 100%;
   /* font-family: 'Eras Medium BT'; */
 }

 .new-home-sec-1 {
   width: 100%;
   text-align: right;
 }

 .new-home-wrap-1 h1 {
   font-size: 46px;
   font-weight: 400;
   ;
   color: #000;
 }

 .new-home-wrap-1 p {
   font-size: 20px;
   font-weight: 400;
   ;
   color: #000;
 }

 /* .new-home-wrap-1 span:nth-child(1) {
   color: #D5A504;
 }

 .new-home-wrap-1 span:nth-child(2) {
   color: #FF7E00;
 }

 .new-home-wrap-1 span:nth-child(3) {
   color: #90C632;
 } */

 .new-home-wrap-1 span.txt-color-1 {
   color: #D5A504;
 }

 .new-home-wrap-1 span.txt-color-2 {
   color: #FF7E00;
 }

 .new-home-wrap-1 span.txt-color-3 {
   color: #90C632;
 }


 .new-box-wrap-1 {
   margin: 60px 0px 20px 0px;
 }

 .new-box-sec {
   display: flex;
   flex-wrap: wrap;
   gap: 20px;
   margin: 20px 0px;
 }

 .new-box-sec-1 {
   flex: 1;
   min-width: 300px;
   text-align: center;
 }

 .new-box-sec-1 img {
   max-width: 100%;
   height: auto;
 }

 .new-box-sec-1a {
   flex: 1;
   min-width: 500px;
   text-align: center;
 }

 .new-box-sec-1a img {
   max-width: 100%;
   height: auto;
 }

 .new-box-sec-2 {
   flex: 2;
   text-align: left;
   padding: 0px 5%;
   margin: auto;
 }

 .new-box-sec-2 h2 {
   font-size: 24px;
   margin-bottom: 10px;
 }

 .new-box-sec-2 p {
   font-size: 16px;
   line-height: 1.5;
   color: #333;
 }

 .new-box-sec ul {
   margin: 20px 0px 0px 0px;
   padding: 0px;
   text-decoration: none;
 }

 .new-box-sec ul li {
   background-image: url(../newhome/bullet.svg);
   background-repeat: no-repeat;
   background-position: 0 5px;
   padding-left: 20px;
   margin-bottom: 10px;
   background-size: 10px 10px;
   font-weight: 400;
   font-size: 14px;
   font-family: 'Circular Std Book' !important;
 }

 .new-box-wrap-1 .new-box-sec:nth-child(even) .new-box-sec-1 {
   order: 2;
 }

 .new-box-wrap-1 .new-box-sec:nth-child(odd) .new-box-sec-2 {
   order: 2;
 }

 .new-box-wrap-1 .new-box-sec:nth-child(even) .new-box-sec-1a {
   order: 2;
 }

 .new-box-wrap-1 h2 {
   color: #000;
   font-size: 20px;
 }

 .border-left1 {
   border-left: 1px solid #000 !important;
   background-color: transparent !important;
   border-radius: 0px !important;
   padding-left: 10%;
 }




 .slider-row video {
   border-radius: 12px;
   width: 100%;
   max-width: 200px;
   height: auto;
   cursor: pointer;
   transition: transform 0.3s ease, box-shadow 0.3s ease;
 }

 .slider-row {
   display: flex;

   margin-top: 20px;
   width: 100%;
   flex-wrap: wrap;
 }

 .slider-row img {
   width: 90%;
   border-radius: 12px;
   cursor: pointer;
   transition: transform 0.3s ease, box-shadow 0.3s ease;
 }

 .slider-r-1 video {
   height: 360px;
   width: auto;
   max-width: 96%;
 }

 .slider-r-2 {
   text-align: left;
   padding-right: 8%;
   padding-left: 3%;
 }

 .slider-r-2 video {
   height: 220px;
   width: auto;
   max-width: 100%;
 }

 .slider-r-logo {
   width: 160px;
   padding-top: 20px;
   text-align: left;
   padding-right: 20px;
   box-sizing: border-box;
   margin-left: 80px;

 }

 .slider-r-link {
   width: 100%;
 }

 .slider-r-logo-1 {
   width: auto !important;
   max-width: 170px;
   max-height: 80px !important;
   border-radius: 0px !important;
 }


 .slider-r-1 {
   width: 200px;
 }

 .slider-r-2 {
   flex: 1;
   margin: auto;
 }


 .slider-r-1a {
   width: 250px !important;
   border-radius: 26px;
   padding: 0px;
   margin-left: 20px;

 }

 .vp-center {}

 .slider-r-1a iframe {
   border-radius: 26px !important;
   background-image: url(../images/download.png);
   padding: 7px;
   background-repeat: no-repeat;
   background-size: 100% 99% !important;
   background-position: top 2px center;
 }

 .slider-r-1a iframe {
   border-radius: 26px !important;
   background-image: url(../../assets/phone-frame-2.png);
   padding: 7px !important;
   background-repeat: no-repeat;
   background-size: 100% 99% !important;
   background-position: top 2px center;
   height: 440px !important;
   background-color: #000;
 }

 .slider-r-2 {
   flex: 1;
   margin: auto;
 }


 /* --- ARROW ANIMATION --- */

 /* 1. Define the drawing animation */
 @keyframes drawArrowPath {
   from {
     stroke-dashoffset: 300;
     /* Push the line completely out of view */
     opacity: 0;
   }

   to {
     stroke-dashoffset: 0;
     /* Bring it back to 0 to show the full line */
     opacity: 1;
   }
 }

 .CurvedArrow {
   margin-left: 30px;
 }

 /* 2. Apply it to the path inside the SVG */
 .curved-arrow path {
   /* 
     stroke-dasharray creates dashes. 
     300 is roughly the length of your arrow path.
  */
   stroke-dasharray: 300;
   stroke-dashoffset: 300;
   /* Start hidden */

   /* Run the animation */
   animation: drawArrowPath 1.5s ease-out forwards;

   /* Optional: Add a slight delay so the slide fades in first, then arrow draws */
   animation-delay: 0.2s;
 }



 /* --- Slide5.css Updates --- */

 .slider-r-logo,
 .slider-r-1,
 .slider-r-2 {
   /* Essential for smooth parallax performance */
   will-change: transform;

   /* Optional: ensures the layout doesn't jump around */
   position: relative;
   z-index: 1;
 }

 /* Increase z-index for logo if you want it floating visually 'above' */
 .slider-r-logo {
   z-index: 10;
 }


 /* Feature List */
 .bullet-1 ul {
   list-style: none;
   padding: 0;
   margin: 0;
 }

 .bullet-1 ul li {
   display: flex;
   align-items: center;
   margin-bottom: 10px;
   font-size: 15px;
   color: #333;
   padding: 2px 0px 2px 0px;
   line-height: 18px !important;
 }

 .bullet-1 img {
   height: 16px;
   width: auto;
   margin-right: 3px;
   padding-right: 10px;
   vertical-align: middle;
   border-radius: 0px !important;
   max-width: auto !important;
 }

 .mt-2 {
   margin-top: 20px !important;
 }

 .organic-presence {
   color: #000;
   text-align: center;
   font-size: 25px !important;
   font-style: normal;
   font-weight: 400 !important;
   line-height: normal;
   padding: 0px !important;
   margin: 0px !important;
 }


 .brands-list {
   list-style: none;
   display: flex;
   justify-content: center;
 }

 .bl-1-wrap {
   display: flex;
   width: 750px;
   height: 400px;
   align-items: center;
   border-radius: 15px;
   padding: 20px;
   box-sizing: border-box;
 }

 .bl-1 {
   width: 35%;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   text-align: center;
 }

 .bl-1-img-1 {
   width: 130px;
   height: auto;
   object-fit: cover;
   border-radius: 10px;
 }

 .bl-1-btn {
   margin-top: 20px;
   padding: 10px 25px;
   background-color: #6DBE45;
   color: white;
   border: none;
   border-radius: 25px;
   cursor: pointer;
   font-size: 14px;
 }

 .bl-2-img-1 {
   width: 100%;
   height: 100%;
   object-fit: cover;
   border-radius: 15px;
 }



 .bl-2 {
   width: 65%;
   height: 100%;
 }

 .nbs-flexisel-nav-left,
 .nbs-flexisel-nav-right {
   z-index: 999999999;
 }

 @media screen and (max-width: 767px) {



   .bl-1-wrap {
     flex-wrap: wrap;
   }

   .bl-1 {
     width: 100%;
     padding-bottom: 20px;
   }

   .bl-2 {
     width: 100%;
   }

   .bl-2-img-1 {
     width: 100%;
     height: auto !important;
   }

   .new-home-wrap-1 h1 {
     font-size: 36px;
   }

   .benefit-text {
     font-size: 1.1rem !important;
     color: #4b5563;
     line-height: 1.2 !important;
     padding: 0px;
     margin: 0px;
   }

   .details-card {
     padding: 10px 20px 20px 20px;
   }

   .illustration-side img {
     max-width: 100%;
     height: auto;
     max-height: 140px;
   }

   .standard-layout {
     margin-bottom: 20px;
   }

   /* --- Standard Layout (Tabs 2,3,4) --- */
   .standard-layout {

     gap: 10px;
   }

   .services-sidebar {
     width: 80%;
     margin: 0 auto;
   }

 }



 .new2-box-sec {
   display: flex;
   flex-wrap: wrap;
   gap: 20px;
   margin: 50px 0px;
 }

 .new2-box-sec-1 {
   width: 300px;
   padding: 0px 5%;
   ;
   text-align: center;
   margin: auto;
 }

 .new2-box-sec-1 img {
   max-width: 60%;
   height: 120px;
 }

 .new2-box-sec-1a {
   flex: 1;
   min-width: 500px;
   text-align: center;
 }

 .new2-box-sec-1a img {
   max-width: 100%;
   height: auto;
 }

 .new2-box-sec-2 {
   flex: 2;
   text-align: left;
   margin: auto;
 }

 .new2-box-sec-2 {}

 .new2-box-sec h2 {
   font-size: 16px;
   margin-bottom: 10px;
   font-family: 'Circular Std Book' !important;
 }

 .new2-box-sec iframe {
   background-color: #f9f9f9;
   padding: 10px;
   border-radius: 8px;
   border: 1px solid #ccc;
   height: 400px;
 }


 .new-box-wrap-1 .new2-box-sec:nth-child(even) .new2-box-sec-1 {
   order: 2;
 }

 .new-box-wrap-1 .new2-box-sec:nth-child(odd) .new2-box-sec-2 {
   order: 1;
 }




 .contact-section {
   max-width: 100%;
   margin: 50px auto 0px auto;
   padding: 20px;
 }

 .contact-title-wrapper {
   text-align: center;
   margin-bottom: 40px;
 }

 .contact-main-title {
   /* font-family: 'Eras Md BT'; */
   font-size: 2.5rem;
   color: #000;
 }

 .contact-container {
   display: flex;
   flex-wrap: wrap;
   gap: 50px;
   text-align: left;
 }

 /* Form Left Side */
 .form-column {
   flex: 2;
   min-width: 300px;
 }

 .form-header {
   /* font-family: 'Eras Md BT'; */
   font-size: 28px;
   margin-bottom: 10px;
   font-weight: 500;
 }

 .form-subtext {
   color: #333333;
   margin-bottom: 30px;
   font-size: 1.1rem;
 }

 .form-grid {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 30px;
   margin-bottom: 30px;
 }

 .input-group input,
 .input-group textarea {
   border-radius: 20px;
   width: 100%;
   padding: 10px 10px;
   border: none;
   border: 1px solid #999999;
   outline: none;
   font-family: inherit;
   transition: border-color 0.3s;
 }

 .input-group input:focus,
 .input-group textarea:focus {
   border-bottom: 1px solid #6cc04a;
 }

 .input-group input::placeholder,
 .input-group textarea::placeholder {
   color: #bbb;
 }

 .full-width {
   grid-column: span 2;
 }

 .btn-submit {
   /* background-color: #6cc04a; */
   background: #85BD56;
   color: white;
   border: none;
   padding: 10px 25px;
   font-size: 1rem;
   cursor: pointer;
   border-radius: 100px;
   transition: background 0.3s;
 }

 .btn-submit:hover {
   background-color: #5ab039;
 }

 /* Info Right Side */
 .info-column {
   flex: 1;
   min-width: 250px;
   border-left: 1px solid #eee;
   padding-left: 40px;
 }

 .info-block {
   margin-bottom: 40px;
 }

 .info-title {
   /* font-family: 'Eras Md BT'; */
   font-size: 28px;
   margin-bottom: 10px;
   font-weight: 500;
 }

 .info-content {
   display: flex;
   align-items: start;
   gap: 15px;
 }

 .icon-circle {
   width: 40px;
   height: 40px;
   background-color: #f0f9ed;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   color: #6cc04a;
   font-size: 1.2rem;
 }

 .info-text {
   font-size: 1.1rem;
   color: #444;
   margin-top: 6px;
   ;
 }

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

   .info-column {
     border-left: none;
     padding-left: 0;
     border-top: 1px solid #eee;
     padding-top: 30px;
   }

   .form-grid {
     grid-template-columns: 1fr;
   }

   .full-width {
     grid-column: span 1;
   }

   .info-block {
     margin-bottom: 20px;
   }

   .info-title {

     font-size: 26px;
     margin-bottom: 9px;
   }

   .contact-section {
     max-width: 100%;
     margin: 20px auto;
     padding: 12px;
   }


 }

 @media screen and (max-width: 525px) {
   .new-home-wrap-1 h1 {
     font-size: 24px;
   }

   .new-home-wrap-1 p {
     font-size: 14px;
   }

   .new-home-wrap-1 span {
     white-space: nowrap;
   }

   .inverted {
     display: none;
   }


   .slider-r-1a iframe {

     height: 400px !important;
   }

   .slider-r-1a {
     width: 70% !important;
     border-radius: 26px;
     padding: 0px;
     margin: 0 auto;
   }

   .slider-r-logo {
     width: 100%;
     margin-left: 0px;
   }

   .slider-r-logo-1 {
     width: auto;
     max-width: 100%;
     height: 30px;

   }

   .slider-r-2 {
     padding: 10px 5%;
   }
 }