@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');




      body {
          margin: 0;
          padding: 0;
          overflow-x: hidden;
          font-family: var(--montserrat-font-family) !important;
          background-color: var(--primary-color);
      }




      :root {
          --primary-color: #ffffff;
          --secondary-color: #000000;
          --montserrat-font-family: "Montserrat", sans-serif;
          --beige-color: #FFEEA6;
          --beige-2: #FFE4A0;
      }

      * {
          font-family: var(--montserrat-font-family);
      }

      .font-monts {
          font-family: var(--montserrat-font-family);
      }


      /* header section */

      .mega-dropdown {
          width: 100%;
          left: 0;
          background-color: white;
          border-radius: 10px;
          border: none;
      }


      .dropdown-box {
          display: block;
          background: #fff;
          padding: 15px 20px;
          margin-bottom: 12px;
          border-radius: 8px;
          font-weight: 600;
          color: #000;
          text-decoration: none;
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
          transition: 0.3s ease;
      }

      .dropdown-box:hover {
          background-color: #FFC226;
          color: #000;
      }

      .dropdown-toggle::after {
          display: none;
      }

      /* .dropdown-toggle::after{
        display: none!important;
    } */
      /* .dropdown-toggle::after {
          transition: transform 0.3s ease;
      }

     
      .dropdown-toggle[aria-expanded="true"]::after {
          transform: rotate(180deg);
      } */

    

      

      .dropdown-toggle[aria-expanded="true"]::before .icon-main {
          transform: rotate(180deg);
      }

      .dropdown-toggle::after {
          display: none;
      }

      .rotate-icon {
          transition: transform 0.3s ease;
      }


      .dropdown-toggle::after {
          display: none !important;
      }



      nav ul li a {
          color: #141414 !important;
      }

      nav li {
          padding: 0 19px;
      }

      .dropdown-item:focus {
          background-color: rgb(250, 250, 250) !important;
      }

      /* .nav-link:hover {
        color: #F4CA19 !important;
        
    } */
      .nav-link.active {
          background-color: #232323 !important;
          color: #F4CA19 !important;

          border-radius: 4px;
          padding-left: 15px !important;
          padding-right: 15px !important;

      }

      .primary-color {
          color: var(--primary-color);
      }

      .primary-bg {
          background-color: var(--primary-color);
      }

      .secondary-color {
          color: var(--secondary-color);
      }

      .secondary-bg {
          background-color: var(--secondary-color);
      }

      .beige-bg {
          background-color: var(--beige-color);
      }

      .beige-2 {
          background-color: var(--beige-2);
      }



      .display-1 {
          font-size: 90px !important;
      }

      .headings {
          padding: 9px 17px;
          font-size: 28px;
      }

      .sec-1 {
          position: relative;
          padding: 136px 0 122px;
          padding-left: 60px !important;
          overflow: hidden;
      }

      .sec-1 ul li img {
          width: 18px;
      }

      .span-deliever {
          font-size: 28px !important;
          display: inline !important;
      }

      .sec-1-p {
          color: #6B7585;
      }

      .sec-1-span-3 {
          font-size: 28px !important;
          display: inline;
      }

      .sec-1::after {
          content: "";
          position: absolute;
          bottom: 0;
          right: 0;
          width: 350px;
          height: 422px;
          background-image: url('../images/sec-1-bg.png');
          background-repeat: no-repeat;
          background-size: contain;
          background-position: right bottom;
          z-index: 1;
      }

      .text-1 {
          font-size: 14px;
      }


      /* section - 2 */
      .sec-2 p {
          font-size: 20px;
          color: #6A6A6A;
      }

      .sec-2 h2 {
          font-size: 43px;
      }

      .demo-btn,
      .sec-7-bg {
          background-color: #FFC226;
          font-size: 18px;
          color: #232323;
      }

      .demo-btn:hover {
          background-color: #f5c542c3;
      }

      .sec-2 {
          position: relative;
          overflow: hidden;
      }

      .sec-2::after {
          content: "";
          position: absolute;
          bottom: 0;
          right: 0;
          width: 650px;
          /* max-width: 650px; */
          height: 339px;
          background-image: url('../images/sec-2-bg.png');
          background-repeat: no-repeat;
          background-size: contain;
          background-position: right bottom;
          z-index: 1;
      }


      /* section - 3 */
      .btn-3:hover {
          background-color: #000000;
          color: #FFFFFF;
          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);

      }


      /* section - 4 */

      .cards-4 {
          background-color: #232323;
          color: #FFFFFF;
          padding: 20px;
          margin-bottom: 20px;
          border-radius: 8px;
          text-align: left;
          height: 100%;
      }

      .cards-4:hover {
          background-color: #2e2e2e;
          transform: translateY(-5px);
          transition: all 0.3s ease;
          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
      }

      .cards-grid {
          display: grid;
          gap: 20px;
      }

      .cards-grid {
          display: grid;
          gap: 20px;
          grid-template-columns: repeat(3, 1fr);
      }



      .cards-4 {
          background-color: #232323;
          color: #FFFFFF;
          padding: 20px;
          border-radius: 8px;
          text-align: left;
          display: flex;
          flex-direction: column;
          height: 100%;
      }

      .cards-4 span {
          display: inline-block;
          width: 120px;
          height: 1px;
          background-color: #f5c542;
          margin-bottom: 20px;
      }

      .cards-4 h4 {
          margin-bottom: 10px;
      }



      .cards-4 span {
          display: inline-block;
          width: 120px;
          height: 1px;
          background-color: #f5c542;
          margin-bottom: 20px;
      }





      /* Section 3  */


      /* Section 3  */
      .sec-3 {
          overflow: hidden;

      }

      .sec-3 p {
          font-size: 14px;
      }


      .sec-3-left {
          position: relative;
          z-index: 10;
      }

      .sec-3-left::before {
          content: "";
          position: absolute;
          bottom: 12px;
          top: -33px;
          left: 0;
          /* right: 0; */
          width: 800px;
          height: 808px;
          background-image: url(../images/sec-3-1-img.png);
          background-repeat: no-repeat;
          background-size: contain;
          background-position: right bottom;
          z-index: -5;
      }

      .sec-3-right,
      .sec-3-right-2 {
          position: relative;
          min-height: 400px;
      }



      .sec-3-right::after {
          content: "";
          position: absolute;
          bottom: 0;
          top: 18%;
          right: 20%;
          width: 650px;
          height: 459px;
          background-image: url('../images/sec-3-bg.png');
          background-repeat: no-repeat;
          background-size: contain;
          background-position: right bottom;
          z-index: 10;
      }

      .sec-3-right-2::after {
          content: "";
          position: absolute;
          bottom: 0;
          top: 18%;
          right: 20%;
          width: 650px;
          height: 459px;
          background-image: url('../images/sec-3-img-2.png');
          background-repeat: no-repeat;
          background-size: contain;
          background-position: right bottom;
          z-index: 10;
      }

      .headings {
          padding: 9px 17px;
          font-size: 28px;
          background-color: var(--beige-2);
          color: #232323;
      }


      .group-icon-1 {
          position: relative;
          display: inline-block;
          margin-bottom: 10px;
          width: 100%;
      }


      .icon-4-1 {
          position: absolute;
          top: 50%;
          left: 0;
          transform: translateY(-50%);
          z-index: 2;
      }

      .icon-4-1 img {
          width: 131px;
          height: 109px;
      }

      .span-text {
          display: inline-block;
          background-color: #FFFCEC;
          color: #232323;
          font-size: 20px !important;

          padding: 30px 16px 30px 140px;
          width: 100%;
          border-radius: 50px;
          position: relative;
          z-index: 1;
          /* box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); */
          font-weight: 500;
      }

      /* section - 6 */
      /* sec 6 tabs home pages */

      .sec-6 {
          background-image: url(../images/industries/industries-1.png);
          background-repeat: no-repeat;
          background-size: cover;
          background-position: center;
          width: 100%;
          max-width: 100%;
          height: 100vh;
          min-height: auto;
          position: relative;

      }

      /* height: 320px; */
      .industries-scroll {
          overflow-x: auto;

      }

      .industries-scroll::-webkit-scrollbar {
          display: none;

      }

      .sec-6::after {
          content: "Industries we serve";
          position: absolute;
          bottom: 10px;
          right: 10px;
          color: #FFFFFF;
          font-size: 48px;
          font-weight: 600;
          padding: 5px 10px;
          border-radius: 5px;
          z-index: 10;
          background-repeat: no-repeat;
      }

      .sec-6 ul li {
          padding: 5px 10px;
          /* position: absolute; */
      }

      .sec-6 ul {
          list-style-type: none;
          /* position: relative; */

      }

      .sec-6 ul li a:hover {
          color: #F4CA19 !important;
      }

      .sec-6 a {
          font-size: 24px;
          font-weight: 700;
          color: #ffffff !important;
          text-decoration: none;

      }

      .form-bg-cargo {
          background-image: url('../images/industries/industries-cargo.png');
          background-size: cover;
          background-position: center;
          max-width: 100%;

      }

      .form-bg-retail {
          background-image: url('../images/industries/industries-retail.png');
          background-size: cover;
          background-position: center;
      }

      .form-bg-automobile {
          background-image: url('../images/industries/industries-automobile.png');

          background-size: cover;
          background-position: center;
      }

      .form-bg-finance {
          background-image: url('../images/industries/industries-finance.png');
          background-size: cover;
          background-position: center;
      }

      .form-bg-trading {
          background-image: url('../images/industries/industries-trading.png');
          background-size: cover;
          background-position: center;
      }

      .form-bg-govt-contracts {
          background-image: url('../images/industries/industies-govt_contract.png');
          background-size: cover;
          background-position: center;
      }

      .form-bg-manufacturing {
          background-image: url('../images/industries/industries-manufacturing.png');
          background-size: cover;
          background-position: center;
      }

      /* section - 7 */
      .sec-7 {
          position: relative;
          padding: 117px 30px !important;
      }

      .sec-7 h2 {
          font-size: 32px !important;
      }


      .sec-7-pvt {
          position: absolute;
          font-size: 16px;
          bottom: 30px;
          right: 50px;
          /* padding: 117px 0; */
      }

      /* section - 8 */

      .sec-8 {
          position: relative;
          background-color: #232323 !important;
      }

      .sec-8 h2 {
          font-size: 36px;
      }

      .sec-8 h2 span {
          font-size: 36px;
          color: #F4CA19;
      }

      .sec-8::after {
          content: "";
          position: absolute;
          bottom: 0;
          right: 0;
          width: 750px;
          height: 280px;
          background-image: url('../images/img-sec-8.png');
          background-repeat: no-repeat;
          background-size: contain;
          background-position: right bottom;
          /* z-index: -1; */
      }


      /* section - 9 */
      .sec-9 {
          padding-bottom: 50px !important;
      }

      .sec-9 ul {
          list-style-type: none;
      }


      /* section - 9 */
      .sec-9 {
          padding-bottom: 50px !important;
      }

      .client-9-1 {
          height: auto;
          width: 170px;
          max-width: 100%;
          object-fit: cover;
      }

      .client-9-2 {
          height: 170px !important;
          width: auto;
          /* width: 170px !important; */
          max-width: 100%;

          object-fit: cover;
      }

      .client-9-3 {
          height: 170px !important;
          /* width: 170px !important; */
          max-width: 100%;

          object-fit: cover;
      }

      .client-9-4 {
          height: 170px !important;
          /* width: 170px !important; */
          max-width: 100%;

          object-fit: cover;
      }

      .client-9-5 {
          height: 170px !important;
          /* width: 170px !important; */
          max-width: 100%;

          object-fit: cover;
      }

      .client-9-6 {
          height: auto !important;
          width: 242px !important;
          max-width: 100%;

          object-fit: cover;
      }

      /* section - 10 */

      .border-sec-10 {
          border-left: 5px solid #F4CA19;
      }

      .sec-10 h2 {
          /* padding: 180px 0 0 !important; */
          font-size: 44px;
          font-family: 'Space Grotesk';

      }

      .box-10 {
          /* position: relative; */
          box-shadow: 0 0 20px 0px #00000033;

      }

      .box-10::after {
          content: "";
          background-image: url(../images/svg/++++++.svg);
          background-repeat: no-repeat;
          height: 120px;
          width: 120px;
          position: absolute;

          left: 113px;

          z-index: -10 !important;
      }

      .sec-10 img {
          height: 100%;
          max-height: 100%;
          /* width: 100%; */
          z-index: -20 !important;
          max-width: 100%;
      }

      .testimonial-text {
          color: #718897
      }

      .company {
          color: #8B9AA6;
          font-size: 32px;
          font-family: 'Space Grotesk', sans-serif;
      }

      .box-left-10 {
          z-index: 1;
          /* position: absolute; */
      }

      .box-10 {
          width: 120%;
          z-index: 40;
      }



      /* about us page */

      /* .our-believe {
        padding-left: 80px !important;
    } */

      .ourjourney {
          background-image: url(../images/Rectangle\ 5472.png);
          background-repeat: no-repeat;
          background-position: center;
          background-size: cover;
          height: 100%;
          width: auto;
          padding-top: 110px;
          padding-bottom: 110px;
          padding-left: 60px;
          padding-right: 60px;

          color: #FFFFFF;
      }

      .heading-our {
          text-align: center;
          font-size: 36px;
          font-weight: 800;
      }

      .subtitle {
          text-align: center;
          padding-top: 24px;
          padding-bottom: 15px;
          font-size: 20px;
          line-height: normal;
          color: #FFFFFF;
      }

      .abut_p1 {
          font-size: 16px;
          line-height: 25px;
          font-weight: 500;
          color: #FFFFFF;
          text-align: center;
      }

      .imp_and_p {
          margin-top: 60px;
          margin-bottom: 45px;
      }

      .text_content {
          margin-top: 131px !important;
          margin-bottom: 131px;
      }

      .about_box {
          height: 40px;
      }

      .about_h {
          font-size: 18px;
          line-height: normal;
      }

      .about_box_p {
          font-size: 16px;
          line-height: normal;

          text-justify: auto;
          color: #000000;
          padding-bottom: 60px;
      }

      .container-new {
          display: flex;

      }

      .ab_h1 {
          font-size: 55px;
          font-weight: 600;
          line-height: auto;
          color: #232323;
      }

      .custom_mb-4 {
          margin-bottom: 6rem !important;
      }

      .about_frst {
          font-size: 20px;
          line-height: 32px;
          font-weight: 500;
      }

      .our_p {
          font-size: 24px;
          line-height: normal;
          color: #6F7482;
      }


      .paragraph {
          display: flex;
          align-items: center;
      }

      .experince_h {
          font-size: 55px;
          color: #F5F5F7;
          line-height: normal;
      }

      .experience_p {
          color: #F7F7F7;
          font-weight: normal;
          line-height: normal;
          font-size: 20px;
          padding-bottom: 36px;
      }

      .experience {
          padding-block: 40px;
          padding-left: 60px;
          padding-right: 60px;
          padding-top: 99px;
          padding-bottom: 99px;

      }

      .about_black_p {
          font-size: 16px;
          color: #FFC226;
          line-height: normal;
      }

      .about_p_box {
          margin-top: 230px;
      }

      .last_h {
          font-size: 42px;
          line-height: 120%;
          padding-top: 36px;

      }


      /* End of about us page */


      /* p {
        font-size: 16px;
    } */

      h5 {
          font-size: 24px !important;
          line-height: normal;
          font-weight: 500;
      }

      /* css */

      .ERP_h6 {
          font-size: 36px;
          line-height: 52px;
          font-weight: 500;
      }

      .Services {
          display: flex;
      }

      .pOne {
          font-size: 16px;
          line-height: normal;
          font-weight: 500;
      }

      .why_p1 {
          font-size: 24px;
          font-weight: 500;
          color: #000;
          line-height: normal;
      }

      /* service5 */
      .why_p1_sr5 {
          font-size: 24px;
          color: #000;
          font-weight: normal;
          line-height: normal;
      }

      .why_p {
          font-size: 16px;
          color: #777777;
          line-height: normal;
      }

      .why_p_src5 {
          font-weight: normal;
          color: #777777;
          font-size: 24px;
          line-height: normal;
      }

      .growth5 {
          margin-top: 48px;

      }

      .tailored {
          max-width: 477px;
      }

      /* service 7 */

      .growth7 {
          margin-top: 110px;
      }


      .service-box1 {
          border-radius: 12px;
          display: flex;
          justify-content: center;
      }

      .box_subtitle {
          font-size: 20px;
          line-height: normal;
          font-weight: 700;
      }

      .box_back {
          background-color: #F5F5F0;
          border-radius: 12px;
      }

      .all_box_p {
          color: #343434;
          font-size: 16px;
          font-weight: 500;
          line-height: normal;
      }

      .box_9 {
          padding: 14px;
          background-color: #F5F5F0;
          border-radius: 12px;
          padding-bottom: 2px;
      }

      .name {
          color: #102D47;
          font-size: 28px;
          font-family: 'Poppins', sans-serif;
      }

      .why_choose {
          background-color: #FFF7E4;

          /* align-items: center; */
          font-size: 28px !important;
          font-weight: 500;
          display: flex;
          align-items: center;
          justify-content: center;
      }



      .interface-4 {

          display: flex;
          align-items: center;
          /* text-align: cente; */
          justify-content: center;
          justify-items: center;
          background-color: #232323;
          color: #FFC226;
          font-size: 32px !important;
          font-weight: 500;
      }

      .label-bg {
          background-color: #FFC226;
      }

      .label-heading {
          font-size: 32px;

      }

      .datalink-1 {
          font-size: 24px;

      }

      .datalink-2 {
          font-size: 18px;
      }







      /* Black box Section */
      .ERP {
          font-size: 24px;
          line-height: normal;
      }

      .black_box {
          background-color: #232323;
      }

      .ERP_img {
          object-fit: cover;
          height: 48px;
          margin-bottom: 64px;
      }

      .black_box_sub {
          line-height: 24px;
          font-size: 20px;
          color: #F4F4F6;
      }

      .black_box_p {
          font-size: 16px;
          color: #F4F4F6;
          line-height: 24px;
      }

      .last_sec {
          color: #777777;
          line-height: normal;
          font-weight: 500;
      }

      .serc3_p {
          color: #777777;
          font-weight: 500;
      }

      /* solution sections */

      /* solution sections */

      .solution_p {
          font-size: 28px;
      }

      .h2_solution {
          font-size: 36px;
      }

      .text-justify {
          text-align: justify;
      }

      .black-bg-2 {
          background-color: #232323;
      }

      .text-sol-2 {
          color: #777777;
          font-size: 16px;
      }


      .feature-box {
          background-color: #F5F5F0;
          border-radius: 10px;

      }

      .feature-box h5 {
          font-size: 20px;
          font-weight: 700;
      }

      .text-start {
          font-size: 24px;
      }

      .feature-box p {
          font-size: 18px;
          color: #343434;
      }

      .feature-box:hover {
          transform: translateY(-4px);
      }


      .h2_solution b {
          color: #FFC226;
      }


      /* .sec-sales-3 {
        position: relative;
        overflow: hidden;
    }

    .sec-sales-3::after {
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        width: 355px;
        height: 339px;
        background-image: url('../images/image 4.png');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: right bottom;
        z-index: 1;
    }

    .sec-sales-3::before {
        content: "";
        position: absolute;
        bottom: 40px;
        left: 120px;
        height: 40px;
        width: 120px;
        background-image: url('../images/icon-frame.png');
        background-repeat: no-repeat;
        background-size: contain;
        z-index: 1;
    } */

      /* .why_choose {
        background-color: #FFF7E4;

        
        font-size: 28px;
        font-weight: 500;
        display: flex;
        align-items: center;
        justify-content: center;
    } */

      .solution_p {
          font-size: 28px;
      }

      .h2_solution {
          font-size: 36px;
      }

      .text-justify {
          text-align: justify;
      }

      .black-bg-2 {
          background-color: #232323;
      }

      .text-sol-2 {
          color: #777777;
          font-size: 16px;
      }


      .feature-box {
          background-color: #F5F5F0;
          border-radius: 10px;

      }

      .feature-box h5 {
          font-size: 20px;
          font-weight: 700;
      }

      .text-start {
          font-size: 24px;
      }

      .feature-box p {
          font-size: 18px;
          color: #343434;
      }

      .feature-box:hover {
          transform: translateY(-4px);
      }


      .h2_solution b {
          color: #FFC226;
      }

      /* 
    .sec-sales-3 {
        position: relative;
        overflow: hidden;
    }

    .sec-sales-3::after {
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        width: 355px;
        height: 339px;
        background-image: url('../images/image 4.png');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: right bottom;
        z-index: 1;
    }

    .sec-sales-3::before {
        content: "";
        position: absolute;
        bottom: 40px;
        left: 120px;
        height: 40px;
        width: 120px;
        background-image: url('../images/icon-frame.png');
        background-repeat: no-repeat;
        background-size: contain;
        z-index: 1;
    } */
      .mail-btn:hover {
          background-color: #f5c600ad;
      }

      /* solution pages */

      .solution_p {
          font-size: 28px;
      }

      .h2_solution {
          font-size: 36px;
      }

      .text-justify {
          text-align: justify;
      }

      .black-bg-2 {
          background-color: #232323;
      }

      .text-sol-2 {
          color: #777777;
          font-size: 16px;
      }


      /* blog section */

      .blog-sec-1 {
          background-color: #FFF6DE;
      }

      .blog-sec-1 h1 {
          font-size: 96px;
      }

      .blog-p {
          font-size: 20px;
      }

      .date-blog {
          color: #717171;
      }

      .blog-imgs {
          height: 200px !important;
          width: 261px;
          object-fit: cover;
          max-width: 100%;
      }

      .blog-sec-3 h2 {
          font-size: 40px;
      }

      /* .btn_load.active{
        background-color: #000000 !important;
    }  */
      /* .btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
        background-color: #000!important;
    } */
      .mail-btn {
          background-color: #F5C600;
          border: none;
          padding: 10px 20px;
          /* border-radius: 20%; */
      }

      .blogs-h2 {
          font-size: 36px;
          font-weight: 500;
      }

      .blogs_p1 {
          color: #959492;
      }


      /* contact Page */

      .contact {
          background-color: #000;
      }

      .contact_h {
          font-weight: 500;
          font-size: 120px;
          line-height: normal;
      }

      .contact-line {
          height: 5px;
          background-color: #FFC226;
          width: 100%;
          margin: 10px 0;
          border-radius: 2px;
      }

      .contact-text {
          justify-content: center;
          font-size: 16px;
          color: white;
          line-height: 150%;
          letter-spacing: 1%;

      }

      .info {
          font-size: 24px;
          color: #FFFFFF;
          font-weight: 500;
          line-height: normal;
      }

      .form-label.required::after {
          content: " *";
          color: red;
          font-weight: bold;
      }

      input.form-control,
      textarea.form-control {
          border: none;
          box-shadow: none;
      }

      input.form-control {
          color: #000 !important;
          font-size: 16px;
          line-height: 150%;
          height: 48px;

      }

      ::placeholder {
          color: #B8BCCA !important;
          font-size: 16px;
          line-height: 150%;
          opacity: 1;

      }

      .industry-buttons {
          padding-right: 20px;
          margin-bottom: 39px;

      }

      .form-label {
          font-size: 18px;
          font-weight: normal;
          color: #6F7482;
          line-height: 150%;
      }

      .form-control:focus {
          box-shadow: none !important;
          border-color: #CFCFCF !important;
      }


      /* .btn_i{
   
    background-color: #FBFBFB!important;
    font-size: 18px;
    border: none;
    line-height: normal;
    font-weight: 500;

   
    height: 48px;
    width: 170px;
    border-radius: 4px;
} */

      .new_btn {
          font-size: 18px !important;
          font-weight: 500 !important;
          line-height: normal !important;
          height: 48px;
          width: 170px;
          border: #000 !important;
          padding-top: 13px !important;

      }

      /* .btn{
    padding-top: 13px !important;
} */
      .btn-check:checked+.btn,
      .btn.active,
      .btn.show,
      .btn:first-child:active,
      :not(.btn-check)+.btn:active {
          color: var(--bs-btn-active-color);
          background-color: #FFC226 !important;
          border-color: var(--bs-btn-active-border-color);
      }

      /* .btn:focus-visible {
    color: var(--bs-btn-hover-color)!important;
    background-color: var(--bs-btn-hover-bg)!important;
    border-color: var(--bs-btn-hover-border-color)!important;
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow)!important;
} */



      .btn_small {

          background-color: #FBFBFB;
          border: none !important;
          font-size: 18px !important;
          font-weight: 500 !important;
          line-height: normal !important;
          padding-top: 13px !important;
          height: 48px;
          width: 96px;

      }


      .submit-btn {
          background-color: #FFC226;
          padding: 7px;
          border: none;

          border-radius: 4px;
          /* padding-left: 35px;
    padding-right: 35px; */
          height: 48px;
          width: 170px;
      }

      .d_c {
          font-size: 16px !important;
          line-height: 150% !important;
          color: #232323 !important;
          max-width: 400px;
          resize: none;
      }

      .comman {
          margin-top: 29px;
      }





      /* faq page */
      .faq_h {
          font-size: 40px;
          line-height: 76px;
          font-weight: 700;
      }

      .accordion-button::after {

          font-size: 24px;

      }

      .accordion-button:not(.collapsed) {
          color: #000000;

          background-color: #f8f9fa;
          box-shadow: none;

      }

      .accordion-button:not(.collapsed)::after {
          transform: none !important;
      }

      .accordion-button {
          font-size: 18px !important;
          font-weight: 600;
          line-height: 22px;
      }

      .accordion-body {
          font-size: 16px;
          line-height: 31px;
          font-weight: 500;
      }

      .accordion-button[aria-expanded="true"]::after {
          background-image: url(../images/faq_icon_min.png) !important;
          background-position: center;
      }

      .accordion-button::after {
          background-image: url(../images/faq_icon.png) !important;
          background-position: center;
      }

      .accordion-button:not(.collapsed) {
          background-color: white !important;
      }

      .accordion-button:focus {
          box-shadow: none !important;
      }

      .accordion-item:first-of-type {
          border: 1px solid #CFCFCF !important;
          border-radius: 5px;
      }

      .accordion {
          --bs-accordion-active-color: black !important;
          --bs-accordion-border-color: none !important;

      }

      .accordion-item:not(:first-of-type) {
          border: 1px solid #CFCFCF !important;
          border-radius: 10px;
      }

      .accordion-item {
          margin-bottom: 15px;
      }

      .accordion-item:first-of-type>.accordion-header .accordion-button {

          border-top-left-radius: 10px;
          border-top-right-radius: 10px;
          border-bottom-left-radius: 10px;
          border-bottom-right-radius: 10px;
      }

      .accordion-item:not(:first-of-type)>.accordion-header .accordion-button {
          border-top-left-radius: 10px;
          border-top-right-radius: 10px;
          border-bottom-left-radius: 10px !important;
          border-bottom-right-radius: 10px !important;
      }

      /* footer */
      .social-icons a {
          padding: 2px 0;
      }

      .social-icons a:hover {
          background-color: #FCC626;
          /* color: white; */
      }




















      /* responsiver media query */
      @media (max-width:1500px) {

          .sec-3-right::after,
          .sec-3-right-2::after {
              right: 40%;
          }
      }

      @media (max-width:1200px) {

          /* sec-3 */
          .sec-3-right::after,
          .sec-3-right-2::after {
              right: 3%;

          }


      }

      @media (max-width:1083px) {
          /* sec-3 */

          .sec-3-left::before {
              left: -69px;
          }


      }

      @media (max-width: 1023px) {
          /* sec-3 */

          .sec-3-left::before {
              left: -138px;
          }
      }

      @media (max-width: 874px) {
          /* sec-3 */

          .sec-3-left::before {
              top: -90px;
              left: -55%;
          }

          .sec-3-right::after,
          .sec-3-right-2::after {
              right: 5% !important;
              height: 400px;
              width: 100%;
          }
      }

      @media (max-width: 796px) {
          /* sec-3 */

          .sec-3-left::before {

              left: -85% !important;
          }
      }

      /* responsiver media query */



      @media (max-width: 992px) {
          .sec-1 {

              padding: 75px 10px !important;
          }

          .sec-1::after {
              width: 300px;
              height: 280px;
              opacity: 0.2;

          }

          .text-2 {
              font-size: 30px;
          }

          .sec-1 p {
              font-size: 18px !important;
          }

          .display-1 {
              font-size: 60px !important;
          }

          .sec-2::after {
              /* display: none !important; */
              opacity: 0.1;
          }

          .sec-2 h2 {
              font-size: 34px !important;
          }

          .sec-2 {
              text-align: center;
          }

          .sec-2 p {
              font-size: 18px !important;
          }


          /* sec -3  */
          .sec-3-left::before {
              top: -80px;
              left: -60%;
          }

          /* .sec-3-right::after {
              width: 300px;
              height: auto;
              right: 24%;
          } */

          .sec-4 {
              text-align: center !important;
          }

          .sec-4-p {
              color: #777777;
          }

          .sec-5 h2 {
              text-align: center !important;
          }

          .headings {
              font-size: 26px !important;
              padding-right: 17px !important;
          }

          .cards-grid {
              grid-template-columns: repeat(2, 1fr);
          }

          .sec-6 {
              height: 350px !important;
              padding: 40px 0;
          }

          .sec-6::after {
              font-size: 24px !important;
          }

          .sec-7 img {
              height: 36px;
          }

          .sec-8::after {
              height: 120px;
          }

          .sec-8 h2 span {
              font-size: 24px;
          }

          .group-icon-1 .span-text {

              padding: 25px 16px 25px 112px;
              font-size: 16px !important;
          }

          .icon-4-1 img {
              width: 100px;
              height: 109px;
          }

          .sec-9main {
              font-size: 26px !important;

          }

          .sec-9main p {
              font-size: 18px !important;

          }

          .right-img-10 {
              position: relative;
              height: 406px;
              width: 301px;
              right: -416px;
          }

          .sec-10 h2 {
              padding: 0 !important
          }




          .sec-10 img {
              max-height: 626px;
              /* width: 100%; */
              max-width: 419px;
              /* /* position: absolute; */
              right: 129px;
              top: 0;
              z-index: -1;

              /* /* bottom: 214px;  */
          }


          .box-10 {
              width: 100%;
              margin-top: 15px;
              /* top: 200px; */
              /* bottom: 3px; */
              left: 69px;
          }


          /* sevices properties */



          .why_h5 {
              padding-left: 0 !important
          }


          .label-heading {
              font-size: 24px;

          }

          .datalink-1 {
              font-size: 18px;

          }

          .datalink-2 {
              font-size: 16px;
          }

          .blog-sec-1 h1 {
              font-size: 76px;
          }

          .blogs-h2 {
              font-size: 26px;
          }

          .blog-p {
              font-size: 16px;
          }

          .sec-3-right::after {
              width: 300px;
              height: auto;
              right: 32%;
              bottom: 25px;
          }

          /* carousel section 992  */
          .carousel-indicators button[data-bs-target] {
              width: 10px !important;
              height: 10px !important;
          }

      }

      @media (max-width: 768px) {
          .sec-2 h2 {
              font-size: 28px !important;

          }

          /* sec-3 */
          .sec-3-left::before {
              display: none;
          }

          .sec-3-left {
              background-color: var(--primary-color);
          }

          .sec-3-right::after,
          .sec-3-right-2::after {
              display: none
          }

          .heading-6 {
              position: static;
              text-align: center;
              margin-top: 20px;
          }

          .sec-6 {
              /* height: auto; */
              padding: 40px 0;
          }

          .sec-6 ul {
              flex-wrap: wrap;
              gap: 10px;
              justify-content: center !important;
          }

          .sec-6 ul li {
              padding: 5px 10px;
          }

          .sec-7 {
              padding: 74px 30px !important;

          }

          .sec-7 h2 {
              font-size: 24px !important;
          }

          .sec-7 p {
              font-size: 18px;
          }

          .sec-8 h2 {
              font-size: 24px !important;
              text-align: center;
          }

          .sec-8 h2 span {
              font-size: 18px;
          }

          .sec-8 p {
              font-size: 16px !important;
              text-align: center;
          }

          .demo-btn {
              display: block;
              margin: 20px auto 0;
          }

          .sec-8 .row {
              padding-left: 10px;
              padding-right: 10px;
          }

          .cards-4 {
              font-size: 14px;
              padding: 16px;
          }

          .sec-8::after {
              height: 120px;
          }

          .sec-5 {
              display: flex;
              flex-direction: column;
              justify-content: center;
              align-items: center;
          }

          .icon-4-1 img {
              width: 100px;
              height: 109px;
          }

          .group-icon-1 .span-text {

              padding: 25px 16px 25px 112px;
              font-size: 16px;
          }

          .box-10::after {
              left: 22px;

          }

          .sec-10 img {
              position: block !important;
              width: 100%;
          }

          /* solution sec-1 */
          .solution_p {
              font-size: 20px;
          }

          .h2_solution {
              font-size: 26px;
          }

          .feature-box p {
              font-size: 16px !important;
          }

          .feature-box h5 {
              font-size: 18px !important;
          }

          .why_choose {
              font-size: 24px;
          }

          .interface-4 {
              font-size: 26px;
          }

          /* blog sections */
          .blog-sec-1 h1 {
              font-size: 54px;
          }

          .blog-p {
              font-size: 16px
          }

          /* footer mobile view */


          .footer {
              justify-content: center;
              display: flex;
              align-items: center;
              text-align: center;
              margin-top: 25px !important;
          }

          .follow {
              margin-top: 16px !important;
          }

          .letwork {
              margin-top: 15px;
          }

          .footer_logo {
              justify-content: center;
          }

          .company {
              font-size: 24px;
          }

          .testimonial-text {
              font-size: 16px;
          }

          /* carousel section 768 */

          .carousel-indicators button[data-bs-target] {
              height: 8px !important;
              width: 8px !important;
          }
      }


      @media (max-width: 576px) {

          .sec-6 ul li a {
              padding: 5px 8px !important;
              font-size: 12px !important;
          }

          .sec-3-right::after,
          .sec-3-right::after {
              right: 12%;

          }



          .sec-1::after {
              display: none;
          }

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

          .icon-4-1 img {
              width: 82px;

          }

          .sec-3-right::after {
              right: 12%;

          }

          .span-text {
              padding: 22px 10px 20px 96px;
              font-size: 16px !important;
          }




          .sec-7 p {
              font-size: 14px;

          }

          .sec-10 img {
              max-height: 342px;
              width: 55%;
              max-width: 323px;
          }

          .sec-8::after {
              height: 109px;
          }

          .box-10 {
              width: 100%;
              left: 25px;
          }




          ul.primary-color li {
              font-size: 15px;
          }

          .blog-sec-1 h1 {
              font-size: 36px;
          }

          /* carousel section 567*/

          .carousel-indicators button[data-bs-target] {
              width: 4px !important;
              height: 4px !important;
              margin-left: 9px !important;
              margin-bottom: 3px;
              offset: 1px;

          }

          .carousel-indicators {

              margin-bottom: 9px !important;
          }
      }

      @media (max-width: 381px) {
          .carousel-indicators button[data-bs-target] {
              width: 2px !important;
              height: 2px !important;
              /* margin-right: 12px !important; */
          }

          .carousel-indicators {
              margin-right: 7% !important;
          }
      }

      @media (max-width:1200px) {
          .sec-3-right::after {
              right: 130px;

          }
      }

      @media (max-width:1500px) {
          .sec-3-right::after {
              right: 245px;
          }
      }

      /* carousel section */


      .carousel-control-next-icon,
      .carousel-control-prev-icon {
          opacity: 0;
      }

      .carousel-indicators {
          justify-content: end !important;
          margin-right: 5% !important;
      }



      .carousel-indicators [data-bs-target] {
          background-color: #515150 !important;
      }


      .carousel-indicators .active {
          background-color: #FFC226 !important;
          outline-offset: 2px;
          outline: 2px solid #FFC226 !important;
      }

      .carousel-indicators button {
          border-radius: 50% !important;
          height: 15px !important;
          width: 15px !important;
          background-color: #515150 !important;
          margin: 0 12px;
          outline: 2px solid #515150;
          outline-offset: 2px;
          border-bottom: 0 !important;
          border-top: 0 !important;
          margin-left: 15px !important;
      }




      /* footer section */

      .footer {
          background-color: #000;
          color: white;
          padding: 50px;
      }

      .footer_logo {
          display: flex;
          align-items: center;
      }

      .footer-link {
          color: white;
          text-decoration: none;
          display: block;
          margin-bottom: 10px;
      }

      .footer_sub {
          font-weight: 700;
          padding-bottom: 10px;
          font-size: 20px;
      }

      .footer-link:hover {
          color: #f2c40f;

      }

      .social-icons a {
          display: inline-block;
          background-color: white;
          color: #000;
          width: 36px;
          height: 36px;
          text-align: center;
          line-height: 36px;
          margin-right: 8px;
          border-radius: 5px;
          transition: 0.3s;
      }

      .btn_connect {
          background-color: #FCC626 !important;
          font-size: 16px !important;
          font-weight: 500 !important;
          line-height: 160% !important;
          height: 48px;
          width: 160px;
          padding-top: 10px !important;
      }