body{
    margin: 0px;
    padding: 0px;
     font-family: "Questrial", sans-serif;
     color: #242424;
     font-size: 16px;
     line-height: 24px;
}
a{ color: #242424; text-decoration: none;}
.top-logo img{ width: 250px;}
.header{ padding-top: 10px; padding-bottom: 20px;}
.tops{ background: #FAF1E2; position: relative; 
    width: 96%; 
    margin: 0px auto;
    overflow: hidden;
    padding-top: 60px; padding-bottom: 100px;
}
.topsm{ background: #FAF1E2; position: relative; 
    width: 96%; 
    margin: 0px auto;
    overflow: hidden;
    padding-top: 60px; padding-bottom:70px;
}

.top-left{ position: absolute; left: -100px; top: -150px; text-align: left;}
.top-left img{ width: 35%;margin: 0px;}

.top-right{ position: absolute; right: -100px; bottom: -100px; text-align: right;}
.top-right img{ width: 35%; margin: 0px;}
.top-rights-pic{ position: relative;}
.top-rights-pics img{ width: 100%;}

.left-text2{ padding-top: 100px;}
.green-text{ color: #6a7453; }
.font-18{ font-size: 18px;}
.title-lag{ font-size: 52px; color: #51593d; line-height: 60px;}
.inter {
  font-family: "Inter", sans-serif;
}
.title-lags{ font-size: 40px; color: #51593d; line-height: 50px;}
.title-lag1{ font-size: 26px; color: #51593d; line-height: 36px;}

.buts{margin-top: 50px;}
.buts a{padding: 20px 30px 20px 30px; background-color: #6a7453;  
    border-radius: 0px 0px 0px 0px; cursor: pointer;
  box-shadow: 6px 6px 0px 0px #95a570; text-transform: uppercase; color: #fff; font-size: 16px; text-decoration: none; transition: all .4s ease;
}
.buts a:hover{box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); color: #fff;}



.buts button{padding: 10px 30px 10px 30px; background-color: #6a7453;  
    border-radius: 0px 0px 0px 0px;
  box-shadow: 6px 6px 0px 0px #95a570; text-transform: uppercase; color: #fff; font-size: 16px; text-decoration: none; transition: all .4s ease;
}
.buts button:hover{box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); color: #fff;}

.books{ position: absolute; left: -80px; bottom: -30px; }
.books img{ width: 250px;}
.book-cir{ position: absolute; left: 70px; bottom:50px; }
.book-cir img{ width: 150px;}

.pt-100{ padding-top: 100px;}
.pb-100{ padding-bottom: 100px;}
.pl-20{ padding-left: 50px;}

.top-rights-picsa{ position: relative;}
.top-rights-picsa img{ width: 100%;}
.book-abit{ position: absolute; right: -60px; bottom:-50px; }
.book-abit img{ width: 250px;}
.point-box{box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.1);
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  margin-top: 20px; font-size: 26px; color: #063B41; line-height: 36px;
  margin-bottom: 0px;
  padding: 15px 0px 15px 60px;
animation-duration: 2s; background: #fff; position: relative;}
.point-box span{ position: absolute; left: 20px; top: 10px;}
.point-box span img{ width: 25px;}

.footer{background-color: #323824; color: #fff; line-height: 24px; padding-top: 40px; padding-bottom: 40px; font-size: 12px;}
.footer a:hover{ color: #ddd;}
.footer a{ color: #fff; text-decoration: none;}
.right-text{ 
  /* text-align: right; */ line-height: 24px; padding-bottom: 10px;
}
.cont-ema{ font-size: 16px; padding-bottom: 20px;}
.cont-ema a{ color: #000; text-decoration: none;}
.right-text a{ margin-left: 10px;}
.term{margin: 0px; padding-top: 20px; padding-bottom: 10px;}
.term ul{ list-style: none; margin: 0px; padding: 0px;}
.term ul li{ list-style: conic-gradient;font-size: 22px; color: #063B41; line-height: 36px; padding-top: 10px; padding-bottom: 15px; }
.term ul li ul li{ padding: 5px 10px; margin-left: 10px; list-style:disc; font-size: 16px; line-height: 24px;}
.bottomes{ background: #f4f8d9; padding-top: 80px; padding-bottom: 80px; position: relative;}
.pt-40{ padding-top: 80px;}
.left-texts{ display: block}
.left-texts1{ display: none;}
.boxet{ padding: 20px; background: #f1f1f1; border-radius: 10px; border: solid 1px #dfdfdf;}
.finls{ margin-bottom: 15px;}
.finls label{ padding-bottom: 5px; width: 100%;}
.finls input{ width: 100%; padding: 5px; background: #fff; border: solid 1px #ddd; border-radius: 4px;}
.finls textarea{width: 100%; padding: 5px; height: 120px; background: #fff; border: solid 1px #ddd; border-radius: 4px;}
@media only screen and (max-width: 767px) {
  .tops{ padding-top: 10px; padding-bottom: 20px;}
  .title-lag{ font-size: 24px; line-height: 30px;}
  .books{left: 0px; bottom: 0px;}
  .books img{ width: 150px;}
  .buts{ margin-top: 30px; margin-bottom: 50px;}
  .book-abit{ right: 0px; bottom: 0px;} 
  .book-abit img{ width: 150px;}
  .pl-20{ padding-left: 0px; padding-top: 20px;}
  .title-lags{ font-size: 20px; line-height: 28px;}
  .pb-100 { padding-bottom: 50px;}
  .pt-100{padding-top: 50px;}
  .point-box{ font-size: 20px; margin-top: 20px; padding: 15px 15px 15px 50px; line-height: 28px;}
  .right-text{ text-align: center; padding-bottom: 0px;}
  .right-text a{ margin-left: 8px;}
  .pt-40{ padding-top: 40px;}
  .point-box span{ top: 15px;}
  .point-box span img{ width: 20px;}
  .left-text2{ padding-top: 20px;}
  .topsm{ background: #FAF1E2; position: relative; 
    width: 96%; 
    margin: 0px auto;
    overflow: hidden;
    padding-top: 30px; padding-bottom:30px;
}
.left-texts{ display: none;}
.left-texts1{ display: block;}
.left-text{ text-align: center;  margin-bottom: 10px;} 
}