/* infinity work starts here */
    /* home page text */
   
    
    @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
    
.text-center h1 {
    font-size: 2rem;
    color: #fff;
    gap: 20px;
  }

  h1 {
    font-size: 2rem;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    animation: blink 2s linear infinite;
  }
  .h1{
    animation: blink 3s linear infinite;
  }

  @keyframes blink {
    0% {
      opacity: 0;
    }

    50% {
      opacity: 0.5;
    }

    100% {
      opacity: 1;
    }
  }

  /* homepage btn */
  .text-center .reg {
    padding: 10px 20px;
    color: #fff;
    background: #5FAD63;
    border-radius: 5px;
    font-size: 20px;
    margin-top: 20px;
    text-transform: capitalize;
    outline: none;
    border: none;
    cursor: pointer;
  }
  .text-center .reg:hover{
    background-color: #FFA500;
    color: #272B2E;
  }
  .text-center .log:hover{
    background-color: #FFA500;
    color: #272B2E;
  }
  /* .text-center .log1:hover{
    background-color: #FFA500;
    color: #272B2E; 
  } */


  .text-center .log1 {
    /* padding: 10px 20px; */
    color: #5FAD63;
    font-size: 20px;
    background: #7d9c3d;
    border-radius: 5px;
    margin-top: 20px;
    text-transform: capitalize;
    outline: none;
    border: none;
    cursor: pointer;
  }
   .log1- {
    /* padding: 10px 20px; */
    color: #5FAD63;
    font-size: 20px;
    background: #7d9c3d;
    border-radius: 5px;
    margin-top: 20px;
    text-transform: capitalize;
    outline: none;
    border: none;
    cursor: pointer;
  }

  .text-center .reg {
    padding: 10px 20px;
    color: #fff;
    background: #5FAD63;
    border-radius: 5px;
    font-size: 20px;
    margin-top: 20px;
    text-transform: capitalize;
    outline: none;
    border: none;
    cursor: pointer;
  }

  .text-center .log {
    padding: 10px 20px;
    color: #222;
    font-size: 20px;
    background: #fff;
    border-radius: 5px;
    margin-top: 20px;
    text-transform: capitalize;
    outline: none;
    border: none;
    cursor: pointer;
  }
  .text-center .log- {
    padding: 15px 20px;
    color: #fff;
    font-size: 20px;
    background: #5FAD63;
    border-radius: 5px;
    margin-top: 20px;
    text-transform: capitalize;
    outline: none;
    border: none;
    cursor: pointer;
  }
  .text-center .log-:hover {
    padding: 15px 20px;
    color: #222;
    font-size: 20px;
    background: #FFA500;
    border-radius: 5px;
    margin-top: 20px;
    text-transform: capitalize;
    outline: none;
    border: none;
    cursor: pointer;
  }

  .bounce-button {
    font-size: 16px;
    padding: 10px 20px;
    cursor: pointer;
    animation: bounce 0.5s ease infinite;
  }
  .bounce1 {
    font-size: 16px;
    /* padding: 10px 20px; */
    cursor: pointer;
   
  }

  @keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
      transform: translateY(0);
    }

    40% {
      transform: translateY(-10px);
    }

    60% {
      transform: translateY(-5px);
    }
  }

  .vibrate-button {
    animation: vibrate 0.6s infinite;
  }

  @keyframes vibrate {

    0%,
    100% {
      transform: translate(0);
    }

    25% {
      transform: translate(-2px, 2px);
    }

    50% {
      transform: translate(2px, -2px);
    }

    75% {
      transform: translate(-2px, 2px);
    }
  }

  /* arrow */
  .arrow1 {
    position: fixed;
    width: 50px;
    height: 50px;
    right: 20px;
    bottom: 20px;
    font-size: 20px;
    font-weight: 900;
    background: #5FAD63;
    border-radius: 50%;
    display: none;
    place-items: center;
    color: #ffffff;
  }

  .arrow1.active {
    display: grid;
  }

  /* navbar */
  nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;

    /* border-bottom: 0.1px solid #222; */
    /* border-bottom: 3px solid red; */
    /* box-shadow: 5px 10px rgba(243, 6, 6, 0.4); */
    transition: 0.5s linear;
    z-index: 555;
  }

  nav.fixed {
    position: fixed;
    top: 0;
    right: 0;
    background: #5FAD63;
    z-index: 555;
  }

  ul {
    list-style-type: none;
  }

  .item a {
    color: #fff;
    text-decoration: none;
    padding: 10px 10px;
    font-weight: bolder;
  }

  .item a:hover {
    color: orange;
    text-decoration: none;
  }

  .menu li {
    font-size: 18px;
    padding: 15px 15px;
  }

  .menu li a {
    display: block;
  }

  .logo img {
    width: 135px;
    height: 80px;
  }

  .logo1 .log1 {
    border-radius: 5px;
    text-transform: capitalize;
    border: 1px solid #FFA500;
  }

  .button.secondary {
    border-bottom: 1px #444 solid;
  }

  /* mobile menu */
  .menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }

  .toggle {
    order: 1;
  }

  .item.button {
    order: 2;
  }

  .toggle {
    cursor: pointer;
    /* border: 1px solid gray; */
    margin-right: 10px;
    border-radius: 5px;
    font-size: 24px;
  }

  .item {
    width: 100%;
    text-align: center;
    order: 3;
    display: none;
  }

  .item.active {
    display: block;
  }

  .bars {
    background: #ffffff;
    color: #fff;
    display: inline-block;
    height: 3px;
    position: relative;
    width: 18px;
  }

  .bars::before,
  .bars::after {
    background: #ffffff;
    content: "";
    display: inline-block;
    height: 3px;
    position: absolute;
    width: 18px;
  }

  .bars::before {
    top: 6px;
  }

  .bars::after {
    top: -6px;
  }

  /* tablet menu */
  @media all and (min-width: 468px) {
    .menu {
      justify-content: center;
    }

    .logo {
      flex: 1;
    }

    .item.button {
      width: auto;
      order: 1;
      display: block;
    }

    .toggle {
      order: 2;
    }

    .button.secondary {
      border: 0;
    }

    .button a {
      text-decoration: none;
      padding: 7px 15px;
      color: #222;
      background: teal;
      border: 1px solid #006d6d;
      border-radius: 15px;
    }

    .button.secondary a {
      color: #fff;
      background: #6EBE3B;
    }

    .button a:hover {
      transition: all 0.25s;
      color: #fff;
    }

    .button:not(.secondary) a:hover {
      background: #006d6d;
      border-color: #005959;
    }

    .button.secondary a:hover {
      color: #fff;
    }
  }

  @media screen and (max-width: 450px) {
    nav.fixed {
      position: fixed;
      width: 100%;
      background: #5FAD63;
      transition: 0.5s linear;
      z-index: 999;
    }

    nav {
      background: #5FAD63;
      color: #fff;
    }
  }

  @media all and (min-width: 768px) {
    .item {
      display: block;
      width: auto;
    }

    .toggle {
      display: none;
    }

    .logo {
      order: 0;
    }

    .button {
      order: 2;
    }

    .menu li {
      padding: 10px 10px;
    }

    .menu li.button {
      padding-right: 0;
    }
  }

  /* img */
  img {
    width: 100%;
  }

  .min-screen {
    position: relative;
  }

  .min-screen .screen-box {
    display: none;
  }

  .min-screen .screen-box.active {
    display: block;
  }

  .min-screen .screen-box .screen {
    min-height: 100vh;
    position: relative;
  }


  /* aboutpage */
  #about1 {
    background-color: #ECF4F6;
    width: 100%;
    min-height: 100vh;
    background-size: cover;
   background-image: url(/imagess/bidge4.png)no-repeat fixed center;
   z-index: 9999;
    /* background-image: url(./imagess/about\ bg.jpg);
    opacity: 0.8; */
  }

  .container2 {
    width: 80%;
    display: block;
    margin: auto;
    padding-top: 100px;
  }

  .content-section {
    float: left;
    width: 55%;
  }

  .image-section {
    float: right;
    width: 40%;
  }

  .image-section img {
    width: 100%;
    height: auto;
    border-radius: 5%;
    /* border: 4px solid #5FAD63; */
  }

  .content-section .title2 {
    text-transform: uppercase;
    font-size: 28px;
  }

  .content-section .content2 h3 {
    margin-top: 20px;
    color: #5d5d5d;
    font-size: 21px;
  }

  .content-section .content2 p {
    margin-top: 10px;
    font-family:'Times New Roman', Times, serif;
    font-size: 18px;
    line-height: 1.5;
    color: #000017;
  }

  .content-section .content2 .but {
    margin-top: 30px;
  }

  .content-section .content2 .but a {
    background-color: #5FAD63;
    padding: 12px 40px;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    font-size: 25px;
    letter-spacing: 1.5px;
    font-weight: 900;
  }

  .content-section .content2 .but a:hover {
    background-color: #FFA500;
    color: #272B2E;
  }

  .content-section .social {
    margin-top: 40px;
  }

  .content-section .social i {
    color: #222;
    font-size: 30px;
    padding: 0px 10px;
  }

  .content-section .social i:hover {
    color: #3d3d3d;
  }

  .vibrate-image {
    width: 200px;
    animation: vibrate 0.6s infinite;
  }

  @keyframes vibrate {

    0%,
    100% {
      transform: translate(0);
    }

    25% {
      transform: translate(-2px, 2px);
    }

    50% {
      transform: translate(2px, -2px);
    }

    75% {
      transform: translate(-2px, 2px);
    }
  }

  .vibrate-button {
    animation: vibrate 0.6s infinite;
  }

  @keyframes vibrate {

    0%,
    100% {
      transform: translate(0);
    }

    25% {
      transform: translate(-2px, 2px);
    }

    50% {
      transform: translate(2px, -2px);
    }

    75% {
      transform: translate(-2px, 2px);
    }
  }

  .bounce-button {
    font-size: 16px;
    padding: 10px 20px;
    cursor: pointer;
    animation: bounce 0.5s ease infinite;
  }
  .bounce-button- {
    font-size: 16px;
    padding: 10px 20px;
    cursor: pointer;
    /* animation: bounce- 0.5s ease infinite; */
  }
  @keyframes bounce- {

    0%,
    20%,
    50%,
    80%,
    100% {
      transform: translateY(0);
    }

    40% {
      transform: translateY(-10px);
    }

    60% {
      transform: translateY(-5px);
    }
  }

  @keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
      transform: translateY(0);
    }

    40% {
      transform: translateY(-10px);
    }

    60% {
      transform: translateY(-5px);
    }
  }

  @media screen and (max-width: 768px) {
    .container2 {
      width: 80%;
      display: block;
      margin: auto;
      padding-top: 50px;
    }

    .content-section {
      float: none;
      width: 100%;
      display: block;
      margin: auto;
    }

    .image-section {
      float: none;
      width: 100%;
    }

    .image-section img {
      width: 100%;
      display: block;
      margin: auto;
      padding-bottom: 5px;
    }

    .content-section .title2 {
      text-align: center;
      font-size: 19px;
    }

    .content-section .content2 .but {
      text-align: center;
    }

    .content-section .content2 .but a {
      padding: 9px 30px;
    }

    .content-section .social {
      text-align: center;
      margin-bottom: 20px;
    }
  }

  /* services */
  #services {
    background: #f1f1f1;
    text-align: center;
  }

  #services h1 {
    display: inline-block;
    text-transform: uppercase;
    /* border-bottom: 4px solid #333; */
    font-size: 35px;
    padding-bottom: 10px;
    margin-top: 40px;
    color: #516BF2;
    font-weight: bolder;
  }
  /* #services h2 {
    display: inline-block;
    text-transform: uppercase;
    border-bottom: 4px solid #333;
    font-size: 35px;
    padding-bottom: 10px;
    margin-top: 40px;
    color: #516BF2;
    font-weight: bolder;
  } */

  .cen {
    max-width: 1200px;
    margin: auto;
    overflow: hidden;
    padding: 20px;
  }

  .service {
    display: inline-block;
    width: calc(100% / 3);
    margin: 0 -3px;
    box-sizing: border-box;
    cursor: pointer;
    margin-bottom: 15px;
    transition: 0.4s;
  }

  .service:hover {
    background: #5FAD63;
    color: #fff;
  }

  .service:hover h2 {

    color: #fff;
  }

  .service:hover p {

    color: #fff;
  }

  .service:hover i {

    color: #fff;
  }

  .service i {
    color: #5FAD63;
    font-size: 34px;
    margin-bottom: 20px;
    margin-top: 20px;
  }

  .service .side2 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
    margin: 0;
  }

  .service p {
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 20px;
    font-family: Karla, sans-serif;
  }

  @media screen and (max-width: 800px) {
    .service {
      width: 50%;
    }
  }

  @media screen and (max-width: 500px) {
    .service {
      width: 100%;
    }
  }

  /* plan */
  /* plan */
  #plan {
    background-color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 50px 0;
  }

  .wrapper {
    width: 50%;
  }

  #plan h1 {
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 30px;
    color: #222;
  }

  .accordian-item {
    background-color: #fff;
    margin: 20px 0;
    border-radius: 10px;
    box-shadow: 0 5px 10px 0 rgb(0, 0, 0, 0.25);
  }

  .accordian-header {
    font-size: 1rem;
    color: white;
    font-weight: 600;
    background: #5FAD63;
    padding: 20px 80px 20px 20px;
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
  }

  .accordian-header::after {
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-size: 1rem;
    font-weight: 600;
    position: absolute;
    right: 20px;
    transition: 0.2s;
  }

  .accordian-header.active::after {
    transform: rotate(-180deg);
  }

  .answercont {
    max-height: 0;
    overflow: hidden;
    transition: 0.3s;
  }

  .answer {
    padding: 0 20px 20px;
    line-height: 1rem;
  }

  @media screen and (max-width: 460px) {
    .wrapper {
      width: 95%;
    }
  }

  /* testimonies */
  .section_container {
    background: rgb(252, 250, 250);
    min-height: 100vh;
    /* font-family: sans-serif; */
    width: 100%;
    max-width: 1200px;
    margin: auto;
    padding: 1rem;
    text-align: center;
  }

  .header1 {
    margin-bottom: 2rem;
  }

  .header1 p {
    letter-spacing: 2px;
    font-size: 28px;
    font-weight: 500;
  }

  .header1 h1 {
    font-family: Raleway, sans-serif;
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #5FAD63;
    line-height: 46px;
  }

  .testimonials_grid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    margin-bottom: 2rem;
  }

  .card {
    padding: 2rem;
    display: grid;
    gap: 1rem;
    background: #fff;
    border-radius: 5px;
    box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.1);
    cursor: pointer;
  }

  .card i {
    font-size: 2.5rem;
    color: #5FAD63;
  }

  .card p {
    font-size: 16px;
    font-weight: 400;
    font-family: Roboto ;
    line-height: 24px;
  }

  .card hr {
    width: 40px;
    margin: auto;
    color: ghostwhite;
  }

  .card img {
    height: 70px;
    width: 70px;
    margin: auto;
    border-radius: 50%;
    border: 7px solid #5FAD63;
  }

  .card .name {
    font-size: 0.9rem;
    font-weight: 400;
    color: rgb(41, 40, 40);
    transition: 0.3s;
  }

  .card .name:hover {
    color: #006d6d;
  }

  .footer h4 {
    font-family: sans-serif;
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 1rem;
    text-transform: capitalize;
  }

  .footer p {
    max-width: 450px;
    margin: auto;
    font-size: 0.9rem;
    line-height: 1.5rem;
    margin-bottom: 2rem;
  }

  .footer button {
    background: #5FAD63;
    margin-top: -20px;
    padding: 15px 30px;
    color: #fff;
    font-size: 16px;
    border-radius: 10px;
    outline: none;
    border: none;
  }

  @media (max-width: 547px) {
    .testimonials_grid {
      grid-template-columns: repeat(2, 1fr);
      gap: 1rem;
    }
  }

  @media (max-width: 547px) {
    .testimonials_grid {
      grid-template-columns: repeat(1, 1fr);
      gap: 1rem;
    }
  }

  @media (max-width: 768px) {
    .card p {
      font-size: 20px;
    }
  }

  /* gallery */
  .container55 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 40px 20px 0 20px;
  }

  /* Heading Styling */
  .container55 .heading55 {
    width: 50%;
    padding-bottom: 50px;
  }

  .container55 .heading55 h3 {
    font-size: 3.4em;
    font-weight: bolder;
    padding-bottom: 10px;
    border-bottom: 3px solid #5FAD63;
  }

  .container55 .heading55 h3 span {
    font-weight: 100;
  }

  /* Box Layout for Image Columns */
  .container55 .box55 {
    display: flex;
    flex-wrap: wrap;
    /* Allows items to wrap to the next line */
    justify-content: space-between;
    width: 100%;
    margin: -10px;
    /* Adjust for added margins on children */
  }

  /* Dream Section Styling for Individual Columns */
  .container55 .box55 .dream {
    flex: 1 1 calc(33.33% - 20px);
    /* 3 columns layout with equal margins */
    margin: 10px;
    /* Equal margin on all sides */
  }
  .container55 .box55 .dream1 {
    flex: 1 1 calc(33.33% - 20px);
    /* 3 columns layout with equal margins */
    margin: 10px;
    /* Equal margin on all sides */
  }
  

  /* Image Styling */
  .container55 .box55 .dream img {
    width: 100%;
    border-radius: 5px;
    margin-bottom: 10px;
    /* Margin below each image */
    transition: transform 0.8s, filter 0.8s;
    /* Smooth transition for the effect */
  }
  /* Image Styling */
  .container55 .box55 .dream1 img {
    width: 100%;
    border-radius: 5px;
    margin-bottom: 10px;
    /* Margin below each image */
    transition: transform 0.8s, filter 0.8s;
    /* Smooth transition for the effect */
  }

  /* Hover effect for images */
  .container55 .box55 .dream img:hover {
    filter: grayscale(1);
    /* Convert image to grayscale */
    transform: scale(1.01);
    /* Slightly enlarge the image */
  }
  
  /* Hover effect for images */
  .container55 .box55 .dream1 img:hover {
    filter: grayscale(1);
    /* Convert image to grayscale */
    transform: scale(1.01);
    /* Slightly enlarge the image */
  }

  /* Button Styling */
  .container55 .btn {
    margin: 40px 0 70px 0;
    background: #222;
    padding: 15px 40px;
    border-radius: 5px;
    color: #fff;
    font-size: 1.2em;
    text-decoration: none;
    font-weight: bolder;
    letter-spacing: 3px;
  }

  /* Responsive Design */
  /* Tablets (2 columns) */
  @media only screen and (max-width: 1024px) {
    .container55 .box55 .dream {
      flex: 1 1 calc(50% - 20px);
      /* Adjust to 2 columns with equal margins */
    }

    .container55 .heading55 {
      width: 100%;
      /* Full-width heading on smaller screens */
    }

    .container55 .heading55 h3 {
      font-size: 2.2em;
      /* Adjust heading size for tablets */
    }
  }

  /* Mobile (1 column) */
  @media only screen and (max-width: 640px) {
    .container55 .box55 {
      flex-direction: column;
      /* Stack columns vertically */
      margin: 0;
      /* Reset container margin for single column */
    }

    .container55 .box55 .dream {
      flex: 1 1 100%;
      /* Full width for single column */
      margin: 10px 0;
      /* Vertical margin only */
    }

    .container55 .heading55 {
      width: 100%;
      /* Full-width heading */
    }

    .container55 .heading55 h3 {
      font-size: 1.7em;
      /* Adjust heading size for mobile */
    }
  }

  /* footer */
  footer {
    background-color: #272B2E;
    color: #222;
    font-size: 16px;
  }

  .row {
    padding: 1em 1em;
  }

  .row.primary {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 2fr;
    align-items: stretch;
  }

  .column {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 0 2em;
    min-height: 15em;
  }

  .column h3 {
    width: 100%;
    text-align: left;
    color: #ffffff;
    font-size: 1.4em;
    white-space: nowrap;
  }

  .column ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
  }

  .column li:not(:first-child) {
    margin-top: 0.8em;
  }

  .column ul li a {
    color: #a7a7a7;
    text-decoration: none;
  }

  .column ul li a:hover {
    color: #2a8ded;
  }

  .column .about p {
    text-align: justify;
    line-height: 2;
    margin: 0;
  }

  .column input,
  .inbtn {
    font-size: 1em;
    padding: 1em;
    width: 100%;
    border-radius: 5px;
    margin-bottom: 5px;
  }

  .column .inbtn {
    background-color: #5FAD63;
    color: #ffffff;
    cursor: pointer;
  }

  .social div.social {
    display: flex;
    justify-content: space-around;
    font-size: 2.4em;
    flex-direction: row;
    margin-top: 0.5em;
  }

  .social i {
    color: #5FAD63;
  }

  /* .copyright {
padding: 0.3em 1em;
background-color: #25262e;
} */
  .footer-menu {
    float: left;
    margin-top: 10px;
  }

  .footer-menu a {
    color: #cfd2d6;
    padding: 6px;

    text-decoration: none;
  }

  .footer-menu a:hover {
    color: #27bcda;
  }

  .copyright p {
    font-size: 0.9em;
    text-align: right;
  }

  @media screen and (max-width: 850px) {
    .row.primary {
      grid-template-columns: 1fr;
    }

  }

  /* contact us */
  .contact_us_2 * {
    font-family: Nunito, sans-serif;
  }

  .contact_us_2 .text-blk {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    line-height: 25px;
  }

  .contact_us_2 .responsive-cell-block {
    min-height: 75px;
  }

  .contact_us_2 input:focus {
    outline-color: initial;
    outline-style: none;
    outline-width: initial;
  }

  .contact_us_2 .container-block {
    min-height: 75px;
    width: 100%;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    display: block;
  }

  .contact_us_2 .submit-btn:hover {
    background-image: initial;
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: #FFA500;
    color: #fff;
  }

  .contact_us_2 .responsive-container-block {
    min-height: 75px;
    height: fit-content;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 50px;
    margin-left: auto;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
  }

  .contact_us_2 .responsive-container-block.big-container {
    padding-top: 10px;
    padding-right: 30px;
    padding-bottom: 10px;
    padding-left: 30px;
    position: relative;
    height: auto;
  }

  .contact_us_2 .responsive-container-block.container {
    position: static;
    min-height: 75px;
    flex-direction: column;
    z-index: 2;
    max-width: 800px;
    margin-top: 120px;
    margin-right: auto;
    margin-bottom: 50px;
    margin-left: auto;
  }

  .contact_us_2 .container-block.form-wrapper {
    background-color: white;
    max-width: 799px;
    text-align: center;
    padding-top: 50px;
    padding-right: 40px;
    padding-bottom: 50px;
    padding-left: 40px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 20px 7px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    z-index: 9;
  }

  .contact_us_2 .text-blk.contactus-head {
    font-size: 36px;
    line-height: 50px;
    font-weight: 900;
  }

  .contact_us_2 .text-blk.contactus-subhead {
    color: #9c9c9c;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 50px;
    margin-left: 0px;
  }

  .contact_us_2 .responsive-cell-block.wk-desk-6.wk-ipadp-6.wk-tab-12.wk-mobile-12 {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 26px;
    margin-left: 0px;
    min-height: 50px;
  }

  .contact_us_2 .input {
    width: 96%;
    height: 50px;
    padding-top: 1px;
    padding-right: 15px;
    padding-bottom: 1px;
    padding-left: 15px;
    border-top-width: 2px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #eeeeee;
    border-right-color: #eeeeee;
    border-bottom-color: #eeeeee;
    border-left-color: #eeeeee;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    font-size: 16px;
    color: black;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }

  .contact_us_2 .textinput {
    width: 98%;
    min-height: 150px;
    padding-top: 20px;
    padding-right: 15px;
    padding-bottom: 20px;
    padding-left: 15px;
    border-top-width: 2px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #eeeeee;
    border-right-color: #eeeeee;
    border-bottom-color: #eeeeee;
    border-left-color: #eeeeee;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    font-size: 16px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }

  .contact_us_2 .submit-btn {
    width: 98%;
    background-color: #5FAD63;
    height: 60px;
    font-size: 20px;
    font-weight: 700;
    color: white;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: outset;
    border-right-style: outset;
    border-bottom-style: outset;
    border-left-style: outset;
    border-top-color: #767676;
    border-right-color: #767676;
    border-bottom-color: #767676;
    border-left-color: #767676;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    cursor: pointer;
  }

  .contact_us_2 .form-box {
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
  }

  .contact_us_2 .social-media-links {
    width: 250px;
    display: flex;
    justify-content: space-evenly;
    margin-top: 50px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
  }

  .contact_us_2 .link-img {
    width: 30px;
    height: 30px;
  }

  .contact_us_2 .text-blk.input-title {
    text-align: left;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    font-size: 14px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
    color: #9c9c9c;
  }

  .contact_us_2 ::placeholder {
    color: #dadada;
  }

  .contact_us_2 .blueBG {
    position: absolute;
    width: 100%;
    left: 0px;
    /* top: 0px; */
    height: 100px;
    background-color: #5FAD63;
  }

  @media (max-width: 768px) {
    .contact_us_2 .submit-btn {
      width: 100%;
    }

    .contact_us_2 .input {
      width: 100%;
    }

    .contact_us_2 .textinput {
      width: 100%;
    }

    .contact_us_2 .container-block.form-wrapper {
      margin-top: 80px;
      margin-right: 0px;
      margin-bottom: 0px;
      margin-left: 0px;
    }

    .contact_us_2 .text-blk.input-title {
      padding-top: 0px;
      padding-right: 0px;
      padding-bottom: 0px;
      padding-left: 0px;
    }

    .contact_us_2 .responsive-container-block.container {
      margin-top: 80px;
      margin-right: 0px;
      margin-bottom: 50px;
      margin-left: 0px;
    }

    .contact_us_2 .container-block.form-wrapper {
      margin-top: 0px;
      margin-right: 0px;
      margin-bottom: 0px;
      margin-left: 0px;
    }

    .contact_us_2 .text-blk.contactus-head {
      font-size: 30px;
      line-height: 40px;
    }
  }

  @media (max-width: 500px) {
    .contact_us_2 .container-block.form-wrapper {
      padding-top: 50px;
      padding-right: 15px;
      padding-bottom: 50px;
      padding-left: 15px;
    }

    .contact_us_2 .container-block.form-wrapper {
      margin-top: 60px;
      margin-right: 0px;
      margin-bottom: 0px;
      margin-left: 0px;
    }

    .contact_us_2 .responsive-cell-block.wk-ipadp-6.wk-tab-12.wk-mobile-12.wk-desk-6 {
      margin-top: 0px;
      margin-right: 0px;
      margin-bottom: 15px;
      margin-left: 0px;
    }

    .contact_us_2 .responsive-container-block {
      margin-top: 0px;
      margin-right: 0px;
      margin-bottom: 35px;
      margin-left: 0px;
    }

    .contact_us_2 .text-blk.input-title {
      font-size: 12px;
    }

    .contact_us_2 .responsive-container-block.container {
      margin-top: 50px;
      margin-right: 0px;
      margin-bottom: 50px;
      margin-left: 0px;
    }

    .contact_us_2 .container-block.form-wrapper {
      margin-top: 0px;
      margin-right: 0px;
      margin-bottom: 0px;
      margin-left: 0px;
    }

    .contact_us_2 .responsive-container-block.big-container {
      padding-top: 10px;
      padding-right: 20px;
      padding-bottom: 10px;
      padding-left: 20px;
    }

    .contact_us_2 .text-blk.contactus-head {
      font-size: 26px;
      line-height: 34px;
    }

    .contact_us_2 .input {
      height: 45px;
    }
  }

  @import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;600;700;800&display=swap');

  *,
  *:before,
  *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  body {
    margin: 0;
  }

  .wk-desk-1 {
    width: 8.333333%;
  }

  .wk-desk-2 {
    width: 16.666667%;
  }

  .wk-desk-3 {
    width: 25%;
  }

  .wk-desk-4 {
    width: 33.333333%;
  }

  .wk-desk-5 {
    width: 41.666667%;
  }

  .wk-desk-6 {
    width: 50%;
  }

  .wk-desk-7 {
    width: 58.333333%;
  }

  .wk-desk-8 {
    width: 66.666667%;
  }

  .wk-desk-9 {
    width: 75%;
  }

  .wk-desk-10 {
    width: 83.333333%;
  }

  .wk-desk-11 {
    width: 91.666667%;
  }

  .wk-desk-12 {
    width: 100%;
  }

  @media (max-width: 1024px) {
    .wk-ipadp-1 {
      width: 8.333333%;
    }

    .wk-ipadp-2 {
      width: 16.666667%;
    }

    .wk-ipadp-3 {
      width: 25%;
    }

    .wk-ipadp-4 {
      width: 33.333333%;
    }

    .wk-ipadp-5 {
      width: 41.666667%;
    }

    .wk-ipadp-6 {
      width: 50%;
    }

    .wk-ipadp-7 {
      width: 58.333333%;
    }

    .wk-ipadp-8 {
      width: 66.666667%;
    }

    .wk-ipadp-9 {
      width: 75%;
    }

    .wk-ipadp-10 {
      width: 83.333333%;
    }

    .wk-ipadp-11 {
      width: 91.666667%;
    }

    .wk-ipadp-12 {
      width: 100%;
    }
  }

  @media (max-width: 768px) {
    .wk-tab-1 {
      width: 8.333333%;
    }

    .wk-tab-2 {
      width: 16.666667%;
    }

    .wk-tab-3 {
      width: 25%;
    }

    .wk-tab-4 {
      width: 33.333333%;
    }

    .wk-tab-5 {
      width: 41.666667%;
    }

    .wk-tab-6 {
      width: 50%;
    }

    .wk-tab-7 {
      width: 58.333333%;
    }

    .wk-tab-8 {
      width: 66.666667%;
    }

    .wk-tab-9 {
      width: 75%;
    }

    .wk-tab-10 {
      width: 83.333333%;
    }

    .wk-tab-11 {
      width: 91.666667%;
    }

    .wk-tab-12 {
      width: 100%;
    }
  }

  @media (max-width: 500px) {
    .wk-mobile-1 {
      width: 8.333333%;
    }

    .wk-mobile-2 {
      width: 16.666667%;
    }

    .wk-mobile-3 {
      width: 25%;
    }

    .wk-mobile-4 {
      width: 33.333333%;
    }

    .wk-mobile-5 {
      width: 41.666667%;
    }

    .wk-mobile-6 {
      width: 50%;
    }

    .wk-mobile-7 {
      width: 58.333333%;
    }

    .wk-mobile-8 {
      width: 66.666667%;
    }

    .wk-mobile-9 {
      width: 75%;
    }

    .wk-mobile-10 {
      width: 83.333333%;
    }

    .wk-mobile-11 {
      width: 91.666667%;
    }

    .wk-mobile-12 {
      width: 100%;
    }
  }
  /* plan */

 #plan1 {
  background: url(/imagess/images\ about.jpeg)
  no-repeat fixed center; 
  background-size: cover;
    display: -ms-flexbox;
    opacity: #333 0.6;
   /* background-color: #F7F7F7; */
  width: 100%;
  
  display: grid;
  place-items: center;
  padding: 40px 40px;

}
.logs{
  border-radius: 6px;
  background-color: #5FAD63;
  padding: 10px 20px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
}
.logs:hover{
  background-color: #FFA500;
  color: #272B2E;
}
#plan1 .row {
  display: flex;
  flex-wrap: wrap;
}
#plan1 .column {
  width: 100%;
  padding: 0 1em 1em 1em;
  text-align: center;
}
#plan1 .card1 {
  width: 100%;
  height: 100%;
  padding: 2em 1.5em;
  /* background: linear-gradient(#ffffff 50%, #2c7bfe 50%); */
  background-size: 100% 200%;
  background-position: 0 2.5%;
  border-radius: 5px;
  /* box-shadow: 0 0 35px rgba(0, 0, 0, 0.12); */
  cursor: pointer;
  transition: 0.5s;
}
#plan1 h3 {
  font-size: 20px;
  font-weight: 600;
  color: #1f194c;
  margin: 1em 0;
}
#plan1 p {
  color: #575a7b;
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: 0.03em;
}
#plan1 .icon-wrapper {
  /* background-color: #2c7bfe; */
  position: relative;
  margin: auto;
  font-size: 30px;
  height: 2.5em;
  width: 2.5em;
  color: #ffffff;
  border-radius: 50%;
  display: grid;
  place-items: center;
  transition: 0.5s;
}
#plan1 .card1:hover {
  background-position: 0 100%;
}
#plan1 .card1 img {
width: 200px;
border-radius: 5px;
 border: 2px solid #5FAD63;
}
#plan1 .card1:hover h3 {
  color: #ffffff;
}
#plan .card1:hover p {
  color: #f0f0f0;
}
@media screen and (min-width: 768px) {
  section #plan {
    padding: 0 2em;
  }
  #plan1 .column {
    flex: 0 50%;
    max-width: 50%;
  }
}
@media screen and (min-width: 992px) {
  section #plan1 {
    padding: 1em 3em;
  }
  #plan1 .column {
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
}
/* plan1 buttons */
.log1{
  border-radius: 30px;
  background-color: #fff;
  color: #333;
  font-size: 18px;
  line-height: 24px;
  border: none;
  font-weight: 700;
}
 .log1:hover {
  color: #ffffff;
  background-color: #FFA500;
  color: #272B2E;
}
.card1 img:hover {
  color: #ffffff;
  background-color: #ffffff;
}
/* sidebar */
.logoside {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 3px solid #fff;
  border-radius: 50%;
  margin-left: 59px;
  text-transform: capitalize;
}

/* galery */