*{
    margin: 0px;
}

body {
    font-size: 18px;
    background-color:  hsl(218, 28%, 13%);
    color: white;
    text-align: center;
}

.p-tag {
    line-height: 30px;
    margin-top: 30px;
}

h2 {
    margin-top: 30px;
} 

.hover:hover {
    cursor: pointer;
}

/*General styles for all browser size*/

  /* header styles */

  .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px auto;
    width: 90%;
}

  /* intro section styles*/

  .intro {
    margin: 60px auto;
    width: 90%;
  }

  #intro-img {
    width: 100%;
  }

  .intro-texts {
    margin-top: 80px;
  }

  .btn {
    margin-top: 30px;
    padding-left: 120px;
    padding-right: 120px;
    height: 48px;
    border-radius: 24px;
    background-color: hsl(198, 60%, 50%);
    border: none;
  }

  /* access your files and security styles*/

  .accessfiles-security {
    margin: 10px auto;
    width: 90%;
  }

  /* real-time collaboration and store any type of file styles */

  .realtime-store {
    margin: 60px auto;
    width: 90%;
  }

  /* productivity section styles */

   .productivity-section {
      margin: 90px auto;
      width: 90%;
   }

   #productive-img {
       width: 100%;
   }

   .productive-texts {
       text-align: start; 
       line-height: 30px;
       margin-top: 20px;

   }

   .arrow {
      display: flex;
      justify-content: flex-start;
      text-decoration: underline;
      text-decoration-color: hsl(176, 68%, 64%);
      color: hsl(176, 68%, 64%);
      margin-top: 15px;
   }

   /* testimonials section  styles*/

   .testimonials {
        margin: 60px auto;
        width: 90%;
        background-image: url("images/bg-quotes.png");
        background-repeat: no-repeat;
        /* background-position-x: -20px; */
   }

   /* .bg-quotes {
        background-image: url("images/bg-quotes.png");
        background-position-x:  -30px;
        background-repeat: no-repeat;
   } */

   .testimonial {
        padding: 30px;
        border-radius: 8px;
        background-color: hsl(219, 30%, 18%);
   }

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

   .profile-img {
        height: 70px;
        border-radius: 50%;
   }

   .about {
       margin-left: 15px;
   }




/* for mobile */

@media (max-width:768px) {
    /*header styles*/

    #team {
        margin-left: 20px;
        margin-right: 20px;
    }


    /* access your files and security styles*/

    .access-files {
        margin-bottom: 60px;
        margin-top: 60px;
    }

    /* real-time collaboration and store any type of file styles */

    .store {
        margin-top: 60px;
    }

    /* testimonials section  styles*/

    .testimonial {
        margin-bottom: 80px;
    }

    .profile {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}


/* for desktop */

@media (min-width:768.1px) {
    /*header styles*/

    #team {
        margin-left: 60px;
        margin-right: 60px;
    }

    /* access your files and security styles*/

    .accessfiles-security {
        display: flex;
        justify-content: space-between;
        align-items: center;

    }

    .access-files {
        margin-right: 15px;
    }

    .security {
        margin-left: 15px;
    }

    /* real-time collaboration and store any type of file styles */

    .realtime-store {
        display: flex;
        justify-content: space-between;
    }

    .real-time {
        margin-right: 15px;
    }

    .store {
        margin-left: 15px;
    }

    /* productivity section styles */

    .productivity-section {
        display: flex;
        align-items: center;
    }

    .productive-picture {
        flex: 0.5;
        margin-right: 15px;
    }

    .stay-productive {
        flex: 0.5;
        margin-left: 15px;
    }


    /* testimonials section  styles*/

    .testimonials {
        display: flex;
    }

    .testimonial {
        margin-left: 15px;
        margin-right: 15px;
    }
}