/* ==========================================================================
   Author's custom styles
   ========================================================================== */
* {
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
    Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}

/*preloader*/

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#loader {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #9370db;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
#loader:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #ba55d3;
  -webkit-animation: spin 3s linear infinite;
  animation: spin 3s linear infinite;
}
#loader:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #ff00ff;
  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*

  1. Nav
  2. Section1
  3. section2
  4. section3
  5. section4
  6. section5
  7. section6
  8. section7
  9. section8
  10. section9

*/

/*1. Nav*/

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

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

.nav-link {
  font-size: 16px;
  font-weight: 500;
  color: #303030;
}

.navCnt1 {
  padding-top: 80px;
}

#tryForFree {
  padding: 15px 30px;
  margin-left: 25px;
  background-color: blue;
  color: #fff;
  border-radius: 25px;
}

#tryForFree:hover {
  background: darkblue;
}

/*2. Section1*/

.section1 {
  background: url("../img/section1/Folder\ 5.png");
  width: 100%;
  background-position: center;
  background-size: cover;
}

.choiceApp {
  position: relative;
  background-color: rgb(220, 227, 230);
  padding: 5px 5px 5px 30px;
  margin-left: 5px;
  font-weight: 500;
  color: #303030;
  border-radius: 25px;
  width: 85%;
}

.choiceApp > span {
  position: absolute;
  left: -8px;
}

.choiceApp > span > img {
  width: 35px;
}

.plf {
  padding: 0 0 0 8%;
}

.plf > h1 {
  font-weight: 700;
  font-size: 50px;
}

.inctodoApp {
  font-weight: 500;
  color: #505050;
}

.tryFreeAndWatch > li {
  padding: 10px;
  list-style: none;
  font-weight: 500;
  color: blue;
}

.tryFreeAndWatch > li:first-child {
  padding: 0 !important;
}

.tryFreeAndWatch > li:first-child a {
  background-color: blue;
  color: #fff;
  border-radius: 25px;
  padding: 10px 30px;
  cursor: pointer;
}

.tryFreeAndWatch > li:first-child:hover a {
  background-color: darkblue;
}

.tryFreeAndWatch > li > a {
  text-decoration: none;
}

.tryFreeAndWatch > li:first-child > a {
  color: #fff;
}

#mobileImgStyle {
  width: 80%;
}

.section1Cnt1 {
  padding-top: 25px;
}

/*3. section2*/

.trust_likeContainer img {
  width: 160px;
  padding: 25px;
}

/*4. section3*/

.left_large_photo_container > img {
  width: 100%;
}

.section3 h2 {
  font-weight: 700;
  color: #303852;
}

.section3 p {
  color: #606060;
  font-weight: 500;
}

.commonContainerImg img {
  width: 70px;
}

.commonContainerImg div h5 {
  font-weight: 700;
}

.commonContainerImg div:nth-child(1) h5 {
  color: #f55767 !important;
}

.commonContainerImg div:nth-child(2) h5 {
  color: #2563ff;
}

.commonContainerImg div:nth-child(3) h5 {
  color: #87be9b;
}

/*5. section4*/

.sc4UnderContainer div {
  padding: 1% 5%;
}

.sc4UnderContainer div h2 {
  font-weight: 700;
  color: #303852;
}

.sc4UnderContainer div p {
  color: #606060;
  font-weight: 500;
}

.sc4UnderContainer div:nth-child(1) {
  border-right: 2px solid #b9b9b8;
}

.sec4imgCmon img {
  width: 70px;
}

.sec4imgCmon div h5 {
  padding-bottom: 5px;
  font-weight: 700;
}

.sec4imgCmon div:nth-child(1) h5 {
  color: #f55767 !important;
}

.sec4imgCmon div:nth-child(2) h5 {
  color: #2563ff;
}

.sec4imgCmon div:nth-child(3) h5 {
  color: #87be9b;
}

.sec4imgCmon div p {
  color: #606060;
  font-weight: 500;
}

/*6. section5*/

.sec5ImgCont img {
  width: 100%;
}

.sec5RowCont h2 {
  font-weight: 700;
  color: #303852;
  padding-bottom: 5px;
}

.sec5RowCont p {
  color: #606060;
  font-weight: 500;
}

.sec5RowCont a {
  align-self: flex-start;
}

.sec5RowCont button.Sec5learnMoreBtn {
  border: none;
  padding: 10px 30px;
  background-color: blue;
  color: #fff;
  font-weight: 500;
  border-radius: 25px;
  cursor: pointer;
}

.sec5RowCont button.Sec5learnMoreBtn a {
  color: #fff;
  text-decoration: none;
}

.sec5RowCont button.Sec5learnMoreBtn:hover {
  background-color: darkblue;
}

/*7. section6*/

.sec6-txt-cont h2 {
  font-weight: 700;
  color: #303852;
  padding-bottom: 10px;
}

.sec6-txt-cont p,
.cmnUnderSec6 p {
  color: #606060;
  font-weight: 500;
}

.sec6ComonCont h5 {
  color: #303852;
  font-weight: 700;
  padding: 25px 0 5px 0;
}

.cmnUnderSec6 {
  padding: 3% 8%;
}

.cmnUnderSec6 div {
  padding: 1% 2%;
}

.cmnUnderSec6 img {
  width: 70px;
}

/*8. section7*/
.sec7CmnSlt1 {
  z-index: 2;
}

.sec7CmnSlt2 {
  z-index: 1;
}

.sec7CmnSlt1 h2 {
  color: #303852;
  font-weight: 700;
}
.sec7CmnSlt1 p {
  color: #606060;
  font-weight: 500;
}

.sec7CmnSlt1 img {
  width: 70px;
}

.sec7CmnSlt1 a {
  text-decoration: none;
  color: #fff;
  background-color: blue;
  padding: 10px 30px;
  border-radius: 25px;
  font-weight: 500;
}

.sec7CmnSlt1 a:hover {
  background-color: darkblue;
}

.sec7CmnSlt2 img {
  width: 100%;
}

.sec7CmnH5_p h5 {
  font-weight: 700;
  color: #303852;
  padding: 25px 0 5px 0;
}

.sec7CmnH5_p p {
  font-weight: 500;
  color: #606060;
}

/*9. section8*/

.sec8Ul {
  padding: 2px;
  border-radius: 25px;
  border: 1px solid #c4c4c1;
}

.sec8Ul li a {
  text-decoration: none;
  font-weight: 500;
}

.sec8Ul li:first-child a {
  background-color: blue;
  color: #fff;
  border-radius: 25px;
}

.sec8Ul li:last-child a {
  color: #9e9e9e;
}

.sec8Ul li:first-child a:hover {
  background-color: darkblue;
}

.sec8Ul li:last-child a:hover {
  color: #303030;
}

.sec8-txt-cont h2 {
  color: #303852;
  font-weight: 700;
}

.sec8-txt-cont p {
  color: #606060;
  font-weight: 500;
}

.sec8-txt-cont1 img {
  width: 65%;
}

.sec8-txt-cont img {
  width: 100%;
}

.sec8Ul2 li {
  padding: 2px;
  margin: 8px;
  list-style: none;
  font-weight: 500;
  color: rgb(136, 136, 136);
}

.sec8Ul2 li a {
  text-decoration: none;
  color: #fff;
  background-color: blue;
  border-radius: 25px;
  padding: 10px 30px;
}

.sec8Ul2 li a:hover {
  background: darkblue;
}

.sec8UPtxt1 p {
  font-weight: 500;
  color: rgb(136, 136, 136);
}

.sec8UPtxt1 p span {
  font-size: 50px;
  color: #303852;
}

.sec8UPtxt1 h5 {
  color: #303852;
  font-weight: 700;
}

.sec8UPtxt1 {
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(245, 245, 245, 1) 69%,
    rgba(242, 242, 242, 1) 100%
  );
  border-radius: 10px 10px 0 0;
}

.uPsec8UPtxt1 {
  border: 1px solid #cccccc;
  border-radius: 10px;
}

.uPsec8UPtxt1,
.uPsec8UPtxt2 {
  border-radius: 10px;
  box-shadow: 0 20px 20px rgba(206, 205, 205, 0.5);
}

/*10. section9*/

.sc9Udr div:nth-child(1) img {
  width: 100%;
}

#ratingStarsec9 {
  width: 130px;
}

#singleClientSec9 {
  width: 60px;
}

.sc9Udr h2 {
  color: #303852;
  font-weight: 700;
}

.sc9Udr p {
  color: #606060;
  font-weight: 500;
  padding-top: 15px;
}

.sc9Udr h5 {
  color: #303852;
  font-weight: 700;
}

.clientUl li {
  list-style: none;
}

.clientUl li:nth-child(1) {
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 13px 10px;
  border: 2px solid rgb(228, 223, 223);
}

.clientUl li:nth-child(2) {
  margin: 10px;
  padding: 1px 1px;
  background-color: rgb(228, 223, 223);
}

.clientUl li:nth-child(3) a {
  text-decoration: none;
  background-color: #e2ebf7;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 15px 12px;
}

.clientUl li:nth-child(3) a:hover {
  background-color: #ada6d6;
}

/*11. section10*/

.ulOfSec10 li {
  list-style: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 10px 30px;
  margin: 10px;
  background-color: #e5f8ec;
}

.ulOfSec10 li:nth-child(1) {
  flex-direction: column;
  align-items: flex-start;
  padding: 20px 30px;
}

.ulOfSec10 img {
  width: 15px;
}

.ulOfSec10 h5 {
  color: #303852;
  font-weight: 700;
  margin-right: 10px;
}

/*12. section11*/

.sec8-txt-cont1 h2 {
  color: #303852;
  font-weight: 700;
}

.sec8-txt-cont1 p {
  color: #606060;
  font-weight: 500;
}

/*13. section12*/

.section12 ul:nth-child(3) img {
  width: 150px;
}

.section12 ul:nth-child(2) li a:hover {
  filter: brightness(0.5);
}

.section12 {
  background: url("../img/section12/footer\ bg.png");
}

.bgFooter1 img:nth-child(1) {
  width: 100px;
}