* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;

}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}





@media screen and (max-width: 240px) {
    #inceptionhub-logo {
        width: 62%;
    }

    #arrow-img-mobile-container img {
        width: 10px;
    }

    our-services p {
        font-size: 8px !important;
    }

    #header-info {
        font-size: 8px !important;
    }

    header h1 {
        font-size: 22px;
    }

    #startup-trust-us-right-button {
        left: 90vw !important;
    }

    #get-inspired-section-right-button {
        left: 93vw !important;
    }

    .client-images-div img {
        min-width: 230px !important;
    }

    #inceptionhub-clients-right-button {
        margin-left: 91vw !important;
    }

    #company-registration .service-detail-description,
    #roc-registration .service-detail-description {
        font-size: 10px !important;
    }

}


  #content-behind-mobile-navigation-drawer {
      background-color: rgba(0, 0, 0, 0.5);
      overflow-y: hidden;
      height: 100vh;
      width: 100vw;
      position: fixed;
      z-index: 1;
  }

  * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
  }

  #content-behind-mobile-navigation-drawer {
      display: none;
  }


  #desktop-nav-bar-container {
      display: flex;
  
      background-color: #ffffff;
      white-space: nowrap;
      overflow: hidden;
   
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1000;
        /* Adjust z-index as needed */
        /* Add other styles as needed */
  }

  #inceptionhub-logo {
      height: 80px;

      margin-left: 36px;
  }

  #nav-bar-menus {
      display: flex;
      flex-grow: 3;
      justify-content: center;
      margin-top: 27px;
  }

  .nav-bar-dropdown-header {
      font-size: 13px;
      margin-right: 8px;
      letter-spacing: 0.05em;
      line-height: 16px;
  }

  .nav-bar-single-menu {
      margin-left: 28px;
  }

  #nav-bar-right-part {
      margin-right: 45px;
      margin-left: 4%;
  }

  #mobile-nav-hamburger-icon {
      display: none;
  }

  #nav-bar-section-1 {
      font-size: 12px;
      margin-top: 7px;
      text-align: right;
      line-height: 17px;
  }

  #nav-bar-section-1 a {
      text-decoration: none;
      display: block;
      color: black;
      /* unvisited link */
  }

  #nav-bar-section-1 a:hover,
  #nav-bar-section-1 a:active,
  #nav-bar-section-1 a:visited {
      color: black;
  }



  

  .nav-bar-dropdown-content {
      display: none;
      margin-top: 5px;
      position: absolute;
      background-color: white;
      box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
      z-index: 2;
      padding-right: 31px;
      padding-bottom: 20px;
      padding-left: 30px;
      padding-top: 20px;
      line-height: 35px;
      margin-left: -30px;
      font-size: 13px;
      letter-spacing: 0.04em;
  }

  .nav-bar-dropdown-content a {
      color: black;
      text-decoration: none;
      display: block;
  }

  .nav-bar-dropdown-content a:hover {
      color: #004CD2;
  }

  .nav-bar-dropdown-container:hover .nav-bar-dropdown-content {
      display: flex;
  }

  .nav-bar-dropdown-container:hover .nav-bar-dropdown-header {
      color: #004CD2;
      cursor: pointer;
  }

  .vertical-line {
      border-left: 1px solid #B3B3B3;
      margin-top: 10px;
      margin-left: 20px;
      margin-right: 20px;
  }

  @media only screen and (min-width: 1250px) {
      #nav-bar-right-part {
          margin-left: 10%;
      }
  }

  @media only screen and (min-width: 1500px) {
      #nav-bar-right-part {
          margin-left: 15%;
      }
  }

  @media only screen and (max-width: 1131px) {
      .nav-bar-dropdown-header {
          font-size: 11px;
      }

      #inceptionhub-logo{
          height: 80px;
          margin-top: 12px;
      }

      #manage-business-dropdown-content {
          margin-left: -80px;
      }
  }

  @media only screen and (max-width: 940px) {
      .nav-bar-dropdown-header {
          margin-right: 14px;
      }

      #manage-business-dropdown-content {
          margin-left: -100px;
      }
  }

  @media screen and (min-width: 851px) {
      #mobile-nav-drawer-container {
          display: none;
      }
  }


  @media screen and (max-width: 850px) {
      #desktop-nav-bar-container {
          display: block;
      }

      #nav-bar-menus,
      #nav-bar-right-part {
          display: none;
      }

      #inceptionhub-logo {

          margin-left: 10px;
      }



      #mobile-nav-hamburger-icon {
          display: block;
          margin-right: 20px;
          width: 18px;
          height: 12px;
          margin-top: 28px;
      }

      ul {
          list-style-type: none;
          list-style: none;
      }

      /* For mobile view, by default, the navigation drawer is hidden. */
      #mobile-nav-drawer {
          width: 85vw;
          height: 100vh;
          overflow-y: scroll;
          z-index: 3;
          position: absolute;
          /* This trasform moves the drawer off canvas. */
          -webkit-transform: translate(-730px, 0);
          transform: translate(-730px, 0);
          /* Optionally, we animate the drawer. */
          transition: transform 0.3s ease;
          background-color: white;
          overflow: scroll;
          overflow-x: hidden;
          overflow-y: scroll;
          margin-top: -78px;
      }

      #mobile-nav-drawer-menu-list li a {
          text-decoration: none;
          margin-left: 50px;
          line-height: 40px;
          color: #333333bd;
          font-size: 13px;
      }

      .main-manu-header {
          text-align: left;
          padding-top: 8px;
          margin-left: 11px;
          padding-bottom: 8px;
          font-size: 15px;
          line-height: 22px;
          letter-spacing: 0.5px;
          color: #333333bd;
          font-weight: normal;
      }


      #mobile-nav-drawer.open_mobile {
          -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
      }

      #mobile-nav-header {
          background-color: white;
          
      }

      #mobile-nav-header img {
          height: 80px;
      }

      .icons img {
          background: white;
          border-radius: 100%;
          width: 35px !important;
      }

      .mobile-nav-drawer-services img {
          vertical-align: middle;
      }

      .mobile-nav-drawer-services {
          margin-top: 15px;
          margin-bottom: 15px;
      
      }

      /*horizontal placement of Google and Apple Icon*/

      .google-play {
          margin-left: 10px;
          margin-bottom: 10px;
          display: flex;
          margin-top: 20px;
      }

      .google-play img {
          width: 110px;
      }

      #apple-store-img-in-mobile-view-nav-drawer {
          margin-left: 15px;
      }

      /*horizontal placement of Google and Apple Icon*/


      .mobile-nav-drawer-arrow img {
          width: 8px;
          height: 6px;
          float: right;
          margin-right: 14px;
          margin-top: 10px;
      }

      #mobile-nav {
          margin-top: -35px;
      }

      .header-nav-bar-group-2 a {
          text-align: left;
          padding-top: 8px;
          margin-left: 11px;
          padding-bottom: 8px;
          font-size: 15px;
          line-height: 22px;
          letter-spacing: 0.5px;
          color: #333333bd;
          text-decoration: none;
      }

      #hamburger-container {
          display: inline-block;
          float: right;
          padding-left: 120px;
          padding-bottom: 26px;
      }
  }

  @media screen and (max-width: 440px) {
      #hamburger-container {
          padding-left: 13px;
      }

  }

  @media screen and (max-width: 240px) {
      #inceptionhub-logo {
          width: 62%;
      }

      #arrow-img-mobile-container img {
          width: 10px;
      }

      our-services p {
          font-size: 8px !important;
      }

      #header-info {
          font-size: 8px !important;
      }

      header h1 {
          font-size: 22px;
      }

      #startup-trust-us-right-button {
          left: 90vw !important;
      }

      #get-inspired-section-right-button {
          left: 93vw !important;
      }

      .client-images-div img {
          min-width: 230px !important;
      }

      #inceptionhub-clients-right-button {
          margin-left: 91vw !important;
      }

      #company-registration .service-detail-description,
      #roc-registration .service-detail-description {
          font-size: 10px !important;
      }

  }



  #arrow-img-ipad-container,
  #arrow-img-mobile-container {
      display: none;
  }

header {
    display: flex;
    justify-content: center;
    background-image: url('images/hero8.jpg');
    background-size: cover;
    background-color: rgba(0, 0, 0, 0.3);
    /* Adjust the last value (0.5) for the desired opacity */
    color: #eb4c34;
 
    padding-left: 340px;
    padding-top: 57px;
    padding-bottom: 60px;
    white-space: nowrap;
  overflow: hidden;
  
}

  header h1 {
      font-size: 36px;
      line-height: 40px;
      font-weight: bold;
      margin-bottom: 20px;
      margin-top: 36px;
  }

  section {
      z-index: 1;
  }



  #header-info {
      font-size: 15px;
      line-height: 1.5384616;
      font-weight: 400;
      margin-bottom: 20px;
     
  }

  our-services {
      display: flex;
      margin-top: 50px;
  }

  our-services p {
      min-height: 40px;
      padding: 0 26px;
      font-size: 14px;
      line-height: 25px;
      display: block;
      margin-left: 0px;
      background-image: url('images/tick.png');
      background-size: 15px 15px;
      background-repeat: no-repeat;
      background-position: left 5px;
      margin-bottom: 4px;
  }

  our-services p:hover {
      
      display: inline-block;
  }

  #our-services-second-part {
      margin-left: 67px;
  }

  #arrow-img-desktop-container {
      margin-left: -123px;
      margin-top: 86px;
  }

  #arrow-img-desktop-container svg {
      height: 265px;
      width: 445px;
      transform: rotate(5deg);
  }

form {
    width: 380px;
    background-color: #EDEFF2;
    color: black;
    padding: 25px 20px;
    border-radius: 5px;
    border: 2px solid #ffffff;
    /* Add a border */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08), inset 0 1px 1px rgba(255, 255, 255, 0.3);
    /* Add box-shadow with inset effect */
    margin-top: 30px;
}

  input,
  select,
  textarea,
  button {
      font-family: inherit;
      font-size: 13px;
  }

  #form-header {
      text-align: center;
      padding-bottom: 10px;
  }

  #form-header p {
      font-size: 18px;
      line-height: 30px;
      letter-spacing: 0.005em;
      font-weight: bold;
      margin-bottom: -9px;
  }

  #form-img-yellow {
      width: 80px;
      height: 7px;
  }

  #salutation {
      background: white;
  }

  .form-block-elements {
      display: block;
      margin-top: 10px;
      width: 99%;
      background: white;
  }

  #form-first-row {
      display: inline-block;
      width: 100%;
  }

  #salutation {
      width: 100%;
  }

  #first_name {
      width: 76%;
      margin-left: 8px;
  }

  #main-form-button:hover {
      background: #d88f00;
  }

  #main-form-button {
      background-color: #FDA700;
      color: white;
      text-align: center;
      cursor: pointer;
      border: 1px solid transparent;
      font-size: 13px;
      line-height: 1.5384616;
      border-radius: 3px;
      -webkit-user-select: none;
      font-weight: 700;
      letter-spacing: 0.08em;
      box-shadow: 0 2px 0 #a36b00;
      padding: 11px;
      border-radius: 2px;
      width: 100%;
  }

  our-services a {
      color: #eb4c34;
      text-decoration: none;
   
    
  }

  #form-button-container {
      text-align: center;
      margin-top: 10px;
      font-weight: 900;
  }

  @media screen and (max-width: 1250px) {
      #arrow-img-desktop-container {
          margin-left: -128px;
          margin-top: 83px;
      }

      #arrow-img-desktop-container img {
          width: 390px;
          transform: rotate(8deg);
      }
  }

  @media screen and (max-width: 1180px) {
      #arrow-img-desktop-container {
          display: none;
      }

      header h1 {
          font-size: 30px;
          line-height: 34px;
          margin-top: 55px;
      }

      #our-services-second-part {
          margin-left: 5px;
      }

      our-services p {
          min-height: 33px;
      }

      #arrow-img-ipad-container {
          display: block;
          margin-left: -127px;
          margin-top: 73px;
      }

      #arrow-img-ipad-container img {
          height: 309px;
          width: 239px;
          transform: rotate(13deg);
      }
  }

  @media screen and (max-width: 935px) {
      header {
          padding-left: 28px;
          padding-right: 28px;
      }
  }

  @media screen and (max-width: 935px) {
      header h1 {
          font-size: 28px;
      }

      #header-info {
          font-size: 14px;
          line-height: 1.4;
      }

      our-services p {
          font-size: 13px;
      }
  }

  @media screen and (max-width: 885px) {
      #arrow-img-ipad-container {
          display: none;
      }

      section {
          margin-right: 35px;
      }
  }

  @media screen and (max-width: 840px) {
      header {
          display: block;
          padding: 0;
          margin: 0;
          padding-top: 35px;
          padding-bottom: 30px;
          text-align: center;
         
      }

      section,
      #arrow-img-desktop-container,
      #arrow-img-ipad-container,
      our-services,
      #our-services-second-part,
      #header-info,
      section h1 {
          padding: 0;
          margin: 0;
      }

      header h1 {
          font-size: 16px;
          line-height: 31px;
      }

      #header-info {
          margin-top: 15px;
      }

      our-services {

          display: flex;
          justify-content: space-around;
          text-align: left;
          margin-top: 23px;
      }

      our-services p {
          min-height: 34px;
          font-size: 11px;
          line-height: 23px;
          padding-right: 0px;
          margin-bottom: -6px;
          background-size: 14px 14px;
          background-repeat: no-repeat;
          background-position: left 5px;
      }

      form {
          margin: auto;
          width: 83%;
          margin-top: 23px;
      }
  }

  @media screen and (max-width: 500px) {
      header {
          padding-top: 20px;
          padding-bottom: 22px;
     
                background-image: url('images/hero6.jpg');
                background-size: cover;
               
        
       
        
      }

      #header-info {
          margin-top: 10px;
      }

      #arrow-img-mobile-container {
          display: inline-block;
          margin-top: 4px;
          margin-left: -10px;

      }

      #arrow-img-mobile-container img {
          width: 30px;
          height: auto;
          transform: rotate(1deg);

      }

      #header-info {
          font-size: 11px;
      }

      our-services {
          padding-right: 5px;
          padding-left: 5px;
      
      }

      our-services p {
          font-size: 10px;
          margin-bottom: -9px;
      }

      form {
          width: 91%;
          margin-top: 19px;
          padding-top: 5px;
          padding-left: 10px;
          padding-right: 10px;
          padding-bottom: 17px;
      }

      #form-header {
          padding-bottom: 3px;
      }

      #form-header p {
          font-size: 15px;
      }
  }





form {
      width: 300px;
      background-color: #EDEFF2;
      color: black;
      padding-left: 20px;
      padding-right: 20px;
      border-radius: 3px;
      padding-top: 25px;
      padding-bottom: 34px;
  }

  textarea,
  input,
  select {
      outline: none;
      -webkit-appearance: none;
      padding: 12px;
      border: none;
      border-radius: 1px;
      width:100%;
  }

  input,
  select,
  textarea,
  button {
      font-family: inherit;
      font-size: 13px;
  }

  #form-header {
      text-align: center;
      padding-bottom: 10px;
  }

  #form-header p {
      font-size: 18px;
      line-height: 30px;
      letter-spacing: 0.005em;
      font-weight: bold;
      margin-bottom: -9px;
  }

  #form-img-yellow {
      width: 80px;
      height: 7px;
  }

  #salutation {
      background: white;
  }

  .form-block-elements {
      display: block;
      margin-top: 10px;
      width: 99%;
      background: white;
  }

  #form-first-row {
      display: inline-block;
      width: 100%;
  }

  #salutation {
      width: 400px;
  }

  #first_name {
      width: 76%;
      margin-left: 8px;
  }

  #main-form-button:hover {
      background: #ec4c34;
  }

  #main-form-button {
      background-color: #082c50;
      color: white;
      text-align: center;
      cursor: pointer;
      border: 1px solid transparent;
      font-size: 13px;
      line-height: 1.5384616;
      border-radius: 3px;
      -webkit-user-select: none;
      font-weight: 700;
      letter-spacing: 0.08em;
      box-shadow: 0 2px 0 #021121;
      padding: 11px;
      border-radius: 2px;
      width: 100%;
  }

  @media screen and (max-width: 840px) {
      form {
          margin: auto;
          width: 83%;
          margin-top: 23px;
      }
  }

  .our-services a{
font-size: 9px;
  }

  @media screen and (max-width: 500px) {
      form {
          width: 91%;
          margin-top: 19px;
          padding-top: 5px;
          padding-left: 10px;
          padding-right: 10px;
          padding-bottom: 17px;
      }

      #form-header {
          padding-bottom: 3px;
      }

      #form-header p {
          font-size: 15px;
      }
  }

  .whatsappNotificationButtonBox {
      display: flex;
      padding-top: 14px;
      padding-bottom: 2px;
  }

  .whatsappNotificationButtonBox p {
      font-size: 14.5px;
      text-align: left;
      margin-left: 10px;
  }

  .whatsappNotificationButton {
      margin-top: -28.5px;
  }

  .whatsappNotificationButton input[type=checkbox] {
      height: 0;
      width: 0;
      visibility: hidden;
  }

  .whatsappNotificationButton label {
      cursor: pointer;
      text-indent: -99px;
      width: 40px;
      height: 20px;
      background: #808080;
      display: block;
      border-radius: 50px;
      position: relative;
  }

  .whatsappNotificationButton label:after {
      content: "";
      position: absolute;
      top: 1px;
      left: 1px;
      width: 18px;
      height: 18px;
      background: #fff;
      border-radius: 50px;
      transition: 0.3s;
  }

  .whatsappNotificationButton input:checked+label {
      background: #00C253;
  }

  .whatsappNotificationButton input:checked+label:after {
      left: calc(100% - 1px);
      transform: translateX(-100%);
  }

  .whatsappNotificationButton label:active:after {
      width: 20px;
  }

  #loaderbutton {
      display: none;
  }

  @keyframes blink {
      50% {
          color: transparent
      }
  }

  .three_dots_loader {
      animation: 1s blink infinite
  }

  .three_dots_loader:nth-child(2) {
      animation-delay: 250ms
  }

  .three_dots_loader:nth-child(3) {
      animation-delay: 500ms
  }










.service-details-container-left-button,
  .service-details-container-right-button {
      display: none;
  }

  #all-services-main-container-header {
      font-size: 25px;
      letter-spacing: 0.055em;
      padding-top: 42px;
      padding-bottom: 15px;
      text-align: center;
  }

  #all-services-main-container-header::after {
      content: '';
      background: #0a2c51;
      width: 35px;
      height: 4px;
      display: block;
      margin: 10px auto 20px;
      margin-top: 17px;
  }

  inceptionhub-service-header-container {
      display: flex;
      padding-right: 20px;
      padding-left: 20px;
      justify-content: center;
      white-space: nowrap;
      overflow-x: auto;
  }

  inceptionhub-service-header-container p {
      padding-left: 16px;
      padding-right: 16px;
      padding-bottom: 15px;
      font-size: 14px;
      border-bottom: 2px solid white;
  }


  @media screen and (max-width: 920px) {
      inceptionhub-service-header-container {
          justify-content: space-between;
      }
  }

  .service-details-outside-container {
      background-color: #f4f4f4;
      padding-right: 40px;
      padding-left: 40px;
  }

  .service-details-container {
      scroll-snap-type: x mandatory;
      scroll-behavior: smooth;
      background-color: white;
      display: flex;
      justify-content: center;
      padding-top: 27px;
      white-space: normal;
      overflow-x: auto;
      padding-bottom: 27px;
  }

  .service-detail {
      scroll-snap-align: center;
      border-radius: 5px;
      border: 1px solid #e5e5e5;
  
   
      display: flex;
      flex-direction: column;
   
  }

  .service-detail img {
      width: 65px;
      border-radius: 100%;
      background-color: #f4f4f4;
      margin-top: -37px;
      margin-left: -6px;
  }

  #service-detail-middle-one {
      margin-left: 15px;
      margin-right: 15px;
  }

  #service-detail-last-one {
      margin-left: 15px;
  }

  .service-detail-header {
      margin-left: 70px;
      margin-top: 9px;
      font-size: 16px;
      line-height: 21px;
      letter-spacing: 0.005px;
      font-weight: 700;
  }

  .service-detail-description {
      font-size: 13px;
      line-height: 20px;
      margin-top: 10px;
      height: 105px;
  }

  .service-detail-bottom-part {
      display: flex;
      justify-content: space-between;

  }

  all-services-main-container input,
  button,
  input[type="submit"],
  submit {
      border: none;
      font: inherit;
      cursor: pointer;
      background: none;
  }


  .service-detail-bottom-part a {
      font-size: 13px;
      width: 126px;
      height: 33px;
      color: #004CD2;
      font-weight: 600;
      border: 1px solid #004CD2;
      border-radius: 2px;
      letter-spacing: 0.05em;
      margin-top: 4px;
      text-decoration: none;
      padding-top: 8px;
      padding-left: 16px;
  }

  .service-detail-bottom-part a:hover {
      background-color: #004CD2;
      color: white;
  }


  .service-detail-bottom-part .pricetag {
      font-size: 17px;
      letter-spacing: 0.005em;
  }

  .service-detail-bottom-part p {
      font-size: 12px;
      margin-top: 5px;
  }

  .roc-images img {
      margin-top: -57px;
  }

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

      #company-registration .service-detail-description,
      #roc-registration .service-detail-description {
          font-size: 12px;
      }

      .service-details-outside-container {
          padding-right: 25px;
          padding-left: 25px;
      }
  }

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

      #company-registration .service-details-container-left-button,
      #roc-registration .service-details-container-left-button {
          display: block;
          position: absolute;
          width: 11px;
          height: 16px;
          margin-top: 120px;

      }

      #company-registration .service-details-container-right-button,
      #roc-registration .service-details-container-right-button {
          display: block;
          position: absolute;
          width: 11px;
          height: 16px;
          margin-top: 120px;
          margin-left: 92vw;
      }

      .service-detail {
          min-width: 47vw;
      }

      .service-details-outside-container {
          padding-left: 20px;
          padding-right: 20px;
      }

      .service-details-container {
          justify-content: flex-start;
      }

      #gst-registration {
          justify-content: center;
      }
  }

  @media screen and (max-width: 900px) {
      .service-details-outside-container {
          padding-left: 15px;
          padding-right: 15px;
      }
  }

  @media screen and (max-width: 730px) {
      .service-details-outside-container {
          padding-left: 12px;
          padding-right: 12px;
      }
  }

  @media screen and (max-width: 600px) {
      #all-services-main-container-header {
          font-size: 20px;
      }

      .service-details-container-right-button {
         display: none;
      }

      .service-details-container-left-button {
          display: block;
          cursor: pointer;
          position: absolute;
          width: 11px;
          height: 16px;
          margin-top: 120px;
      }

      .service-detail {
          min-width: 96vw;
      }

      #gst-registration {
          justify-content: space-around;
      }
  }

  @media screen and (max-width: 550px) {
      .service-details-outside-container {
          padding-left: 8px;
          padding-right: 8px;
      }
  }

  #company-registration-left-button,
  #trademark-registration-left-button,
  #roc-registration-left-button,
  #iso-registration-left-button,
  #company-registration-right-button,
  #trademark-registration-right-button,
  #roc-registration-right-button,
  #iso-registration-right-button {
      cursor: pointer;
  }



  

  /* Container styles */
  .container {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      max-width: 1400px;
      margin: 0 auto;
      padding: 50px 20px;
  }

  /* About Company styles */
 
/* Reset CSS */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Global styles */
body {
    font-family: Arial, sans-serif;
    line-height: 1.6;
    background-color: #f9f9f9;
    overflow-x: hidden;
 
}

.container {
    max-width: 1600px;
    margin: auto;
    overflow: hidden;
    padding: 0 20px;

    grid-template-columns: 1fr 1fr;
    /* Two equal columns */
    grid-gap: 20px;
    /* Gap between grid items */

}

.aboutcompany img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.vision-mission {
    grid-column: span 2;
    /* Span both columns */
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.vision-mission .card {
    flex: 0 0 48%;
    /* Take up 48% of the available space */
    padding: 20px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.vision-mission h3 {
    color: #333;
    margin-bottom: 10px;
}

.vision-mission p {
    color: black;
}


/* Media queries */
@media (max-width: 768px) {
    .container {
        grid-template-columns: 1fr;
        /* On smaller screens, display in a single column */
    }

    .vision-mission {
        flex-direction: column;
    }

    .vision-mission .card {
        width: 100%;
        margin-bottom: 20px;
    }

  
}







/* Styles for the section */
.founder-section {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    /* Stack items vertically */
    align-items: center;
    /* Center items horizontally */
}

/* Styles for the founder containers */
.founder {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    /* Make both boxes equal height */
    margin-bottom: 40px;
    background-color: #f9f9f9;
    border-radius: 10px;
  
    overflow: hidden;
}

/* Styles for the founder info */
.founder-info,
.founder-info2 {
    flex: 1;
    /* Equal width for both founder info */
    padding: 20px;
}

/* Styles for the images */
.founder img {
    width: 200px;
    height: auto;
    border-radius: 50px;
}

/* Styles for the founder name */
.founder-info h2,
.founder-info2 h2 {
    font-size: 24px;
    margin-bottom: 10px;
}

/* Styles for the founder description */
.founder-info p,
.founder-info2 p {
    font-size: 16px;
    line-height: 1.5;
}




/* Medium devices (tablets, 768px and up) */
@media only screen and (max-width: 992px) {
    .founder {
        flex-direction: column;
    }
}
/* Small devices (phones, 576px and up) */
@media only screen and (max-width: 576px) {
    .founder {
        flex-direction: column;
    }

    .founder img {
        width: 100%;
        max-width: 300px;
        /* Limit image width on smaller screens */
        height: auto;
        margin: auto;
        /* Center horizontally */
        
    }

    .founder-info h2,
    .founder-info2 h2 {
        font-size: 20px;
        margin-top: 15px;
        text-align: center;
        /* Center the text */
    }

    .founder-info p,
    .founder-info2 p {
        font-size: 14px;
        text-align: center;
        /* Center the text */
    }


           
}









.clients {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.client {
    margin: 10px;
    text-align: center;
}

.client img {
    max-width: 200px;
    height: auto;
}

/* Media query for smaller devices */
@media (max-width: 768px) {
    .client {
        width: 100%;
        /* Display one client per row on smaller devices */
    }
}













        /* Basic styling for the footer */
        footer {
        
            color: #fff;
            /* Light text color */
            padding: 20px 0;
            /* Add some padding */
            text-align: center;
            /* Center-align text */
        }










      #legal-in-your-pocket-illustration {
                    position: relative;
                    background-color: #F4F4F4;
                }
        
                #changing-images {
                    display: block;
                    width: 100%;
                }
        
                #legal-in-your-pocket-text {
                    margin-left: 75px;
                    position: absolute;
                    top: 220px;
                }
        
                #legal-in-your-pocket-bold-text {
                    font-size: 34px;
                    color: #333333;
                    letter-spacing: 0.015em;
                    margin-bottom: 20px;
                }
        
                .legal-in-your-pocket-points {
                    padding: 0 26px;
                    font-size: 14px;
                    line-height: 25px;
                    display: block;
                    margin-left: 0px;
                    background-image: url('images/checked_green_icon.png');
                    background-size: 15px 15px;
                    background-repeat: no-repeat;
                    background-position: left 5px;
                    margin-bottom: 4px;
                }
        
                #legal-in-your-pocket-google-play-img {
                    margin-top: 25px;
                }
        
                #trademark-symbol {
                    font-size: 32px;
        
                }
        
                @media only screen and (max-width: 1200px) {
                    #legal-in-your-pocket-text {
                        top: 150px;
                        margin-left: 50px;
                    }
                }
        
                @media only screen and (max-width: 1000px) {
                    #legal-in-your-pocket-bold-text {
                        font-size: 25px;
                    }
        
                    #trademark-symbol {
                        font-size: 28px;
                    }
        
                    #legal-in-your-pocket-text {
                        margin-left: 40px;
                        top: 120px;
                    }
        
                    .legal-in-your-pocket-points {
                        font-size: 13px;
                    }
                }
        
                @media only screen and (max-width: 800px) {
                    #legal-in-your-pocket-bold-text {
                        font-size: 20px;
                    }
        
                    #trademark-symbol {
                        font-size: 22px;
                    }
        
                    #legal-in-your-pocket-text {
                        margin-left: 25px;
                        top: 80px;
                    }
        
                    .legal-in-your-pocket-points {
                        font-size: 13px;
                    }
                }
        
                @media only screen and (max-width: 670px) {
        
                    #legal-in-your-pocket-illustration {
                        padding-bottom: 10px;
                    }
        
                    #legal-in-your-pocket-bold-text {
                        font-size: 17px;
                    }
        
                    #trademark-symbol {
                        font-size: 18px;
                    }
        
                    #legal-in-your-pocket-text {
                        top: 30px;
                    }
        
                    .legal-in-your-pocket-points {
                        font-size: 12px;
                    }
                }
        
                @media only screen and (max-width:520px) {
                    #legal-in-your-pocket-text {
                        top: 15px;
                        position: relative;
                        margin-bottom: 25px;
                    }
        
                    #legal-in-your-pocket-google-play-img {
                        margin-top: 12px;
                    }
                }
        
         












                           @media screen and (min-width: 801px) {
                                    .why-inceptionhub-single-section {
                                        margin-left: 21px;
                                        margin-bottom: 10px;
                                        margin-right: 21px;
                                    }
                                }
                
                                @media screen and (min-width: 601px) {
                                    .why-inceptionhub-main {
                                        background-color: #F4F4F4;
                                        border-color: #F4F4F4;
                                        color: #1A1A1A;
                                        width: 100%;
                                        padding-top: 40px;
                                        padding-bottom: 30px;
                                    }
                
                                    #why-inceptionhub-slideshow-container-small-sreens {
                                        display: none;
                                    }
                
                                    .why-inceptionhub-flex-container {
                                        display: flex;
                                        justify-content: center;
                                        flex-wrap: wrap;
                                    }
                
                                    .why-inceptionhub-single-section {
                                        margin: 10px;
                                        padding: 30px;
                                        font-size: 18px;
                                        text-align: center;
                                        margin-top: -25px;
                                    }
                
                                    .why-inceptionhub-content-header {
                                        font-size: 21px;
                                        line-height: 28px;
                                        letter-spacing: 0.01em;
                                        margin-top: 20px;
                                    }
                
                                    .why-inceptionhub-headings .whyinceptionhubMainHeading {
                                        text-align: center;
                                        font-size: 27px;
                                        line-height: 45px;
                                        letter-spacing: 0.025em;
                                        text-transform: uppercase;
                                       
                                    }
                
                                    .why-inceptionhub-headings .whyinceptionhubMainHeading::after {
                                        content: '';
                                        background: #0a2c51;
                                        width: 35px;
                                        height: 4px;
                                        display: block;
                                        margin: 10px auto 25px;
                                    }
                
                                    .why-inceptionhub-single-section img {
                                        width: 50px;
                                        padding: 4px;
                                        border-radius: 100%;
                                        background-color: #fff;
                                        color: #333333;
                                    }
                
                                    .why-inceptionhub-single-section p {
                                        width: 250px;
                                        margin: 0 auto;
                                        text-align: center;
                                        font-size: 15px;
                                        line-height: 1.5384616;
                                        font-size: 15px;
                                        color: #333333;
                                        margin-top: 10px;
                
                                    }
                
                                    .why-inceptionhub-two-sections {
                                        display: inline-flex;
                                        text-align: center;
                                    }
                
                                    .navigation-buttons {
                                        display: none;
                                    }
                                }
                
                                @media only screen and (max-width: 600px) {
                
                                    /* Slides */
                                    .why-inceptionhub-main {
                                        display: none;
                                    }
                
                                    #why-inceptionhub-slideshow-container-small-sreens {
                                        background-color: #F4F4F4;
                                        padding-bottom: 20px;
                                    }
                
                                    #why-inceptionhub-flex-container-small-screen {
                                        display: flex;
                                        flex-wrap: wrap;
                                        text-align: center;
                                        /*flex-wrap: nowrap;
                            scroll-snap-type: x mandatory;
                            scroll-behavior: smooth;
                            
                            overflow-x: auto;*/
                                    }
                
                                    .why-inceptionhub-single-container {
                                        flex-grow: 1;
                                        display: inline-flex;
                                        margin-bottom: 10px;
                                        min-width: 99vw;
                                        justify-content: space-around;
                                        scroll-snap-align: center;
                                    }
                
                                    .why-inceptionhub-single-containerdivider {
                                        width: 50%;
                                        margin-left: 30px;
                                    }
                
                                    #why-inceptionhub-left-button {
                
                                        position: absolute;
                                        width: 2% !important;
                                        height: 66% !important;
                                        margin-left: 4%;
                                        margin-top: 70px;
                                        margin-right: 7%;
                                        -ms-transform: translate(-21%, -29%);
                                        transform: translate(-21%, -29%);
                                    }
                
                                    #why-inceptionhub-right-button {
                                        position: absolute;
                                        width: 2% !important;
                                        height: 66% !important;
                                        margin-left: 0%;
                                        margin-top: 70px;
                                        margin-right: -9%;
                                        -ms-transform: translate(-21%, -29%);
                                        transform: translate(-21%, -29%);
                                        left: 94vw;
                
                                    }
                
                                    .why-inceptionhub-single-section {
                                        display: block;
                                        width: 100%;
                                        margin-bottom: 12%;
                                    }
                
                                    .why-inceptionhub-single-section img {
                                        width: 55px;
                                        border-radius: 100%;
                                        background-color: #fff;
                                        color: #333333;
                                    }
                
                                    .why-inceptionhub-navigation-arrow {
                                        margin-top: 70px;
                                        width: 11px;
                                        height: 16px;
                                        margin-left: 15px;
                                        margin-right: 15px;
                                    }
                
                                    .why-inceptionhub-single-section h3 {
                                        font-size: 14px;
                                        letter-spacing: 0.01em;
                                        font-weight: 700;
                                        margin-top: 20px;
                                    }
                
                                    .why-inceptionhub-headings .whyinceptionhubMainHeading {
                                        padding-top: 20px;
                                        text-align: center;
                                        font-size: 19px;
                                        line-height: 25px;
                                        width: 75%;
                                        margin-right: auto;
                                        margin-left: auto;
                                    }
                
                                    .why-inceptionhub-headings .whyinceptionhubMainHeading::after {
                                        content: '';
                                        background: #0a2c51;
                                        width: 35px;
                                        height: 4px;
                                        display: block;
                                        margin: 10px auto 25px;
                                    }
                
                                    .why-inceptionhub-single-section p {
                                        text-align: center;
                                        font-size: 12px;
                                        line-height: 1.5384616;
                                        color: #333333;
                                        margin-top: 10px;
                                    }
                                }
                
                                @media only screen and (max-width: 700px) {
                                    .why-inceptionhub-headings .whyinceptionhubMainHeading {
                                        font-size: 19px;
                                        line-height: 25px;
                                        width: 75%;
                                        margin-right: auto;
                                        margin-left: auto;
                                        text-align: center;
                                        font-weight: 700;
                
                                    }
                                }
                
                                @media only screen and (max-width: 450px) {
                                    .why-inceptionhub-single-section h3 {
                                        font-size: 15px;
                                    }
                
                                    .why-inceptionhub-single-section p {
                                        font-size: 12px;
                                    }
                
                                    .why-inceptionhub-single-section {
                                        margin-left: -20px;
                                        margin-right: -20px;
                                    }
                                }
                
                              










                                                             inceptionhub-featured-in-container {
                                                                    display: block;
                                                                    padding-right: 32px;
                                                                    padding-left: 32px;
                                                                    background-color: #06306D;
                                                                }
                                
                                                                inceptionhub-featured-in-elements {
                                                                    height: 52px;
                                                                    display: flex;
                                                                    padding-right: 20px;
                                                                    /*padding-left: 20px;*/
                                                                    justify-content: space-around;
                                                                    white-space: nowrap;
                                                                    overflow-x: auto;
                                                                }
                                
                                                                inceptionhub-featured-in-elements div {
                                                                    display: flex;
                                                                    justify-content: start;
                                                                }
                                
                                                                inceptionhub-featured-in-elements p {
                                                                    color: #BDBFC1;
                                                                    margin-top: 10px;
                                                                    font-size: 13px;
                                
                                                                }
                                
                                                                inceptionhub-featured-in-elements img {
                                                                    width: 40px;
                                                                    height: 40px;
                                                                    margin-right: 15px;
                                                                    margin-top: 7px;
                                                                }
                                
                                
                                
                                                                @media screen and (max-width: 1000px) {
                                                                  
                                
                                                                    inceptionhub-featured-in-elements p {
                                                                        margin-top: 2px;
                                                                        font-size: 13px;
                                                                    }
                                
                                                                }
                                
                                                                @media screen and (max-width: 998px) {
                                                                    inceptionhub-featured-in-elements {
                                                                        justify-content: unset !important;
                                
                                                                    }
                                
                                                                    inceptionhub-featured-in-elements p {
                                                                        margin-top: 9px;
                                                                        font-size: 13px;
                                                                    }
                                                                }
                                
                                                                @media screen and (max-width: 840px) {
                                                                    inceptionhub-featured-in-elements {
                                                                        justify-content: space-between !important;
                                                                    }
                                
                                                                    inceptionhub-featured-in-elements p {
                                                                        margin-top: 13px;
                                                                        font-size: 10px;
                                                                    }
                                
                                                                    inceptionhub-featured-in-elements img {
                                                                        margin-left: 40px;
                                                                    }
                                
                                                                    #forbes-icon {
                                                                        margin-left: -11px;
                                                                    }
                                
                                
                                                                }
                                
                                                                @media screen and (max-width: 600px) {
                                                                    inceptionhub-featured-in-elements {
                                                                        padding-right: 5px;
                                                                        padding-left: 5px;
                                                                    }
                                
                                                                    inceptionhub-featured-in-container {
                                                                        padding-right: 16px;
                                                                        padding-left: 16px;
                                                                    }
                                
                                                                    inceptionhub-featured-in-elements div {
                                                                        margin-left: -3%;
                                                                        margin-top: 9px;
                                                                        height: 35px;
                                                                    }
                                
                                                                    inceptionhub-featured-in-elements p {
                                
                                                                        margin-top: 6px;
                                                                        font-size: 10px;
                                                                        margin-left: 6px;
                                                                        margin-right: 25px !important;
                                                                    }
                                
                                                                    inceptionhub-featured-in-elements img {
                                                                        margin-left: 0px;
                                                                    }
                                
                                                                    inceptionhub-featured-in-elements {
                                                                        justify-content: flex-start !important;
                                                                    }
                                
                                                                    #forbes-icon {
                                                                        margin-left: 5px;
                                                                    }
                                
                                                                }
                                
#startup-trust-us-small-screen-heading {
     display: none;
 }

 #startup-trust-us-main-container {
     height: 435px;
     overflow: hidden;
 }

 #startup-trust-us-scroll-container {
     scroll-snap-type: x mandatory;
     scroll-behavior: smooth;
     background-color: white;
     padding-bottom: 20px;
     display: flex;
     overflow: hidden;
     overflow-x: auto;
     margin-left: 10%;
     margin-right: 10%;
     height: 335px;
 }

 #startup-trust-us-left-button {
     position: absolute;
     width: 11px;
     height: 18px;
     margin-left: 15px;
     margin-top: 115px;
 }

 #startup-trust-us-right-button {
     position: absolute;
     left: 97vw;
     width: 11px;
     height: 18px;
     margin-top: 115px;
 }

 #startup-trust-us-right-button:hover,
 #startup-trust-us-left-button:hover {
     cursor: pointer;
 }

 #startup-trust-us-main-container .pricetag::after {

     content: '';
     background: #0a2c51;
     width: 35px;
     height: 4px;
     display: block;
     margin: 10px auto 20px;
 }

 #startup-trust-us-main-container .pricetag {
     text-align: center;
     padding-top: 40px;
     font-size: 27px;
     line-height: 45px;
     letter-spacing: 0.025em;
     text-transform: uppercase;
 }

 #startup-trust-us-flex-container {
     display: flex;
     min-width: 80vw;
     scroll-snap-align: center;
     padding-left: 15px;
 }

 #startup-trust-us-customer-info {
     flex-grow: 1;
     text-align: left;
     margin-right: 20px;
     white-space: nowrap;
     font-size: 14px;
     line-height: 21px;
 }

 #startup-trust-us-customer-name {
     font-weight: bold;
 }

 #startup-trust-us-customer-picture {
     padding-bottom: 15px;
     width: 120px;

 }

 #startup-trust-us-customer-review {
     flex-grow: 5;
     text-align: left;

 }

 #startup-trust-us-quote-revert-image {
     transform: scaleX(-1);
     float: right;
     flex: none;
     margin-right: 5%;
 }

 #startup-trust-us-customer-review-text-part {
     margin: 40px;
     font-size: 15px;
     line-height: 28px;
     text-align: justify;
 }

 #startup-trust-us-customer-review-total-rating {
     padding-top: 4px;
     margin-bottom: 15px;
 }

 #startup-trust-us-customer-review-total-rating img {
     width: 14px;
     height: 14px;
 }

 #startup-trust-us-customer-review-in-number {
     color: #FDA700;
 }

 @media screen and (max-width: 980px) {
     #startup-trust-us-main-container {
         height: 520px;
     }

     #startup-trust-us-scroll-container {
         height: 415px;
     }

     #startup-trust-us-quote-revert-image {
         margin-top: -33px;
     }
 }

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

     #startup-trust-us-main-container,
     #startup-trust-us-main-container .pricetag,
     #startup-trust-us-flex-container,
     #startup-trust-us-customer-info,
     #startup-trust-us-customer-review,
     #startup-trust-us-scroll-container {
         padding: 0;
         margin: 0;
     }

     #startup-trust-us-flex-container {
         display: block;
         min-width: 98vw;
     }

     #startup-trust-us-main-container {

         height: 80%;
     }

     #startup-trust-us-scroll-container {

         height: 75%;
     }

     #startup-trust-us-customer-info {
         text-align: center;
     }

     #startup-trust-us-customer-review {
         padding-left: 10px;
     }

     #startup-trust-us-right-button {
         left: 95vw;
     }


     #startup-trust-us-customer-review p {
         margin-top: 0px;
     }

 }

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

     #startup-trust-us-customer-review-text-part {
         font-size: 13px;
     }

     #startup-trust-us-large-screen-heading {
         display: none;
     }

     #startup-trust-us-small-screen-heading {
         display: block;
     }

     #startup-trust-us-main-container .pricetag {
         padding-top: 22px;
         font-size: 19px;
         line-height: 25px;
     }
         our-services a {
             color: #eb4c34;
             text-decoration: none;
             font-size: 8.5px;
         }
 }












 #how-it-works-main-container {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     /* Add space between items */
     align-items: center;
     max-width: 800px;
     margin: 0 auto;
 }

 .how-it-works-single-section {
     flex: 1;
     text-align: center;
     margin: 0 10px;
     /* Add space around each item */
 }

 .how-it-works-single-section img {
     width: 100px;
     /* Adjust as needed */
     height: auto;
     margin-bottom: 10px;
 }

 #how-it-works-header {
     text-align: center;
 }




 #how-it-works-main-container {
     display: flex;
     flex-direction: row;
     justify-content: space-around;
     align-items: center;
     max-width: 1200px;
     margin: 0 auto;
 }

 .how-it-works-single-section {
     flex: 1;
     text-align: center;
     margin: 0 10px;
 }

 .how-it-works-single-section img {
     width: 100px;
     height: auto;
     margin-bottom: 10px;
 }

 #how-it-works-header {
     text-align: center;
 }













 /* Your CSS styles go here */
 .footer {
    background-color: #607488;
     color: black;
     padding: 50px 0;
    color: white;
        background-color: #082034;
        line-height: 28px;
        font-size: 14px;
        display: flex;
        flex-direction: column;
        align-items: center;
 }

 .logo-content{
    display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 20px;
 }

 .footer-logo{
    width: 210px;
        height: 40px;
 }

 .footer-p{
    margin-top: 20px;
        line-height: 20px;
 }

 .container {
     max-width: 1400px;
     margin: 0 auto;
     padding: 0 20px;
     display: flex;
     justify-content: space-between;
 }

 .footer-section {
     flex: 1;
 }

 .quick-links{
    margin-top: 20px;
 }

.footer-section.quick-links ul {
    list-style: none;
    padding: 0;
    margin-top: 10px;
}

.footer-section.quick-links ul li {
    margin-bottom: 5px;
}

.footer-section.quick-links ul li a {
    text-decoration: none;
    /* Removes underline from anchor links */
    color: inherit;
    /* Keeps the anchor link color inherited from its parent */
}

 .contact-social .social a {
     color: white;
     text-decoration: none;
     margin-right: 10px;
 }

 .contact-social{
    margin-top: 20px;
 }

 .footer-bottom {
     text-align: center;
    
     padding-top: 20px;
    margin-top: 30px;
        font-size: 12px;
  
 }




 .button {
     -moz-appearance: none;
     -webkit-appearance: none;
     appearance: none;
     border: none;
     background: none;
     color: #0f1923;
     cursor: pointer;
     position: relative;

  
     text-transform: uppercase;
     font-weight: bold;
     font-size: 14px;
     transition: all .15s ease;
 }

 .button::before,
 .button::after {
     content: '';
     display: block;
     position: absolute;
     right: 0;
     left: 0;
     height: calc(50% - 5px);
  
     transition: all .15s ease;
 }

 .button::before {
     top: 0;
     border-bottom-width: 0;
 }

 .button::after {
     bottom: 0;
     border-top-width: 0;
 }

 .button:active,
 .button:focus {
     outline: none;
 }

 .button:active::before,
 .button:active::after {
     right: 3px;
     left: 3px;
 }

 .button:active::before {
     top: 3px;
 }

 .button:active::after {
     bottom: 3px;
 }

 .button_lg {
     position: relative;
 
     padding: 5px 10px;
     color: black;
    
     overflow: hidden;
     box-shadow: inset 0px 0px 0px 1px transparent;
 }

 .button_lg::before {
     content: '';
     display: block;
     position: absolute;
     top: 0;
     left: 0;
   
    
 }

 .button_lg::after {
     content: '';
     display: block;
     position: absolute;
     right: 0;
     bottom: 0;
  
 
     transition: all .2s ease;
 }

 .button_sl {
     display: block;
     position: absolute;
     top: 0;
     bottom: -1px;
     left: -8px;
     width: 0;
     background-color: #ea5138;
     transform: skew(-15deg);
     transition: all .2s ease;
 }

 .button_text {
     position: relative;
 }


 .button:hover .button_sl {
     width: calc(100% + 15px);
 }

 .button:hover .button_lg::after {
     background-color: #fff;
 }










 .card1 {
     width: 300px;
     height: 200px;
     perspective: 1000px;
 }

 .card-inner1 {
     width: 100%;
     height: 100%;
     position: relative;
     transform-style: preserve-3d;
     transition: transform 0.999s;
 }

 .card1:hover .card-inner1 {
     transform: rotateY(180deg);
 }

 .card-front1,
 .card-back1 {
     position: absolute;
     width: 100%;
     height: 100%;
     backface-visibility: hidden;
 }

 .card-front1 {
     background-color: #082c50;
     color: #fff;
     display: flex;
     align-items: center;
     border: 10px solid #082c50;
     border-radius: 10px;
     justify-content: center;
     font-size: 24px;
     transform: rotateY(0deg);
 }

 .card-back1 {
     background-color: #c1410a;
     color: #fff;
     display: flex;
     align-items: center;
     border: 10px solid #c1410a;
     border-radius: 10px;
     justify-content: center;
     font-size: 16px;
     text-align: center;
     transform: rotateY(180deg);
 }




 .why-inceptionhub-flex-container {
     background-color: #ed4930;
     color: white;
     display: flex;
     align-items: center;
     justify-content: center;
     
  
   
 }


.vision-img{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    padding: auto;
    width: 150px;
        height: 150px;

}


/* Media query for mobile devices */
@media (max-width: 768px) {
    .footer {
        flex-direction: column;
        align-items: center;
    }

    .container {
        flex-direction: column;
        align-items: center;
    }

        #how-it-works-main-container{
                display: flex; 
                    flex-direction: column;
                    justify-content: space-around;
                    align-items: center;
                    max-width: 1200px;
                    margin: 0 auto;
        }
}







/* Media query for smaller screens */
@media (max-width: 900px) {
    .founder {
        flex-direction: column;
        text-align: center;
   
    }

    .founder img {
        max-width: 100%;
        /* Image takes full width */
        margin-bottom: 20px;
        /* Optional spacing between image and text */
        display: flex;
        align-items: center;
        justify-content: center;
        margin: auto;
        padding: auto;
    }


        .why-inceptionhub-flex-container {
            background-color: #ed4930;
            color: white;
            display: flex;
            align-items: center;
            justify-content: center;

    
    
        }

    
}






.social-mobile {
    display: flex;
    justify-content: space-evenly;
    margin-top: 20px;
    /* Adjust as needed */
}

.social-mobile a {
    color: #333;
    /* Link color */
    text-decoration: none;
}



.social-mobile i {
    font-size: 24px;
    /* Adjust icon size as needed */
    transition: color 0.3s ease;
    /* Smooth transition for color change on hover */
}

/* Style for the social media icons */
.social-media {
    margin-bottom: 20px;
}

.social-media a {
    display: inline-block;
    margin-right: 10px;
    /* Adjust spacing between icons as needed */
}

.social-media a img {
    margin-top: 10px;
    width: 30px;
    /* Adjust the width of the icons as needed */
    height: 30px;
    /* Adjust the height of the icons as needed */
    border-radius: 50%;
    /* Make the icons round */
    transition: transform 0.3s ease;
    /* Add a smooth transition effect */
}

.social-media a img:hover {
    transform: scale(1.2);
    /* Scale the icon to 120% on hover */
}

.socialmedia{
    margin-top: 20px;
}






/* Form field container styles */
.form-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* Align items at the start and end */
    margin-bottom: 20px;
}

/* Label styles */
.form-group label {
    margin-right: 10px;
    font-weight: bold;
    flex: 0 0 auto;
    /* Let the label shrink if needed */
}

/* Input container */
.input-container {
    display: flex;
    flex: 1;
   
}

/* Input styles */
.input-container input[type="text"],
.input-container input[type="email"],
.input-container select {
    width: 100%;
    /* Set the width to 100% */
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

/* Submit button styles */
.form-submit {
    width: 100%;
    padding: 10px;
    background-color: #007bff;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.form-submit:hover {
    background-color: #0056b3;
}

/* Error message styles */
.error-message {
    color: red;
    margin-top: 5px;
}



.btn-primary{
    width: 100%;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    color: white;
    background-color: #ec4c34;
    
}


.formhead{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 5px;

}











/* Center the "thank you" message */
.thankyou {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    bottom: 50%;
    
    transform: translate(-50%, -50%);
}

/* Style the box */
.thankyou-box {
    border: 2px solid #007bff;
    /* Border color */
    padding: 20px;
    /* Padding inside the box */
    border-radius: 10px;
    /* Rounded corners */
    background-color: #f9f9f9;
    /* Background color */
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    /* Box shadow */
}

/* Style the "thank you" message */
.thankyou-message {
    margin-bottom: 20px;
    /* Add some space below the message */
}

/* Style the home button */
.home-button {
    display: block;
    width: 120px;
    padding: 10px 20px;
    margin: 20px auto;
    text-align: center;
    background-color: #007bff;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
}

/* Hover effect for the home button */
.home-button:hover {
    background-color: #0056b3;
}





/* Keyframes for the fade-in and slide-up animation */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Apply the animation to the cards */
.vision-mission .card {
    opacity: 0;
    /* Start with cards hidden */
    animation: fadeInUp 1s ease-out forwards;
    animation-delay: 0.3s;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    /* Add shadow effect */
    border: 2px solid transparent;
    /* Initial border effect */
    border-radius: 10px;
    /* Rounded corners */
    overflow: hidden;
    /* Ensure content stays within the rounded borders */
    background-color: #fff;
    /* White background */
    margin: 20px;
    /* Spacing around the cards */
    padding: 20px;
    /* Padding inside the cards */
    transition: border 0.3s ease, transform 0.3s ease-in-out;
    /* Smooth transitions for border and transform */
}

/* Add delay for staggered animation */
.vision-mission .card:nth-child(2) {
    animation-delay: 0.6s;
}

/* For additional effect, you can add hover animations */
.vision-mission .card:hover {
    transform: scale(1.05);
    border: 2px solid #ec5139;
    /* Change border color on hover */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    /* Intensify shadow on hover */
}

/* When the cards become visible */
.vision-mission .card.visible {
    opacity: 1;
    transform: translateY(0);
}


/* Mobile responsiveness */
@media (max-width: 768px) {
    .vision-mission {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .vision-mission .card {
        margin: 10px;
        padding: 15px;
        width: 90%;
        /* Make cards take up most of the screen width */
    }

    .vision-mission .card img {
        width: 100%;
        height: auto;
        /* Ensure images are responsive */
    }
}

@media (max-width: 480px) {
    .vision-mission .card {
        padding: 10px;
        width: 95%;
        /* Slightly increase width for smaller screens */
    }
}










 .sidebar {
     position: fixed;
     bottom: 10px;
     right: 10px;
     display: flex;
     flex-direction: column;
     align-items: center;
 }

 .icon {
     margin: 10px;
     width: 60px;
     height: 60px;
 }