@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
html{
  scroll-behavior: smooth;
}
body{
  font-family: 'Open Sans', sans-serif;
  color:#535353;
  background-color: #fafafa;
}
.top_nav{
  border-bottom:1px solid rgba(0, 0, 0, 0.125);
}
.nav-link{
  font-size: 14px !important;
  font-weight: 600 !important;
}
.homeslider{
  background-image: url('homeslider.jpg');
  background-size: cover;
  background-repeat: no-repeat;
}
.left-div{
  clip-path: polygon(50% 0%, 74% 34%, 50% 69%, 75% 100%, 0 100%, 0% 60%, 0 0);
  margin-top:-1.5em !important;
  margin-bottom:-1.5em !important;
  background-color: rgba(214, 113, 46,0.5) !important;
}
.main-slider{
  background-color: rgba(0, 0, 0, 0.6);
}
.main-study-resource{
  background-color:rgba(25, 34, 63, 0.8);
}
.important{
  color: #d6712e !important;
}
.search-sec{
  border: 1px solid #d6712e !important;
}
.right-div{
  clip-path: polygon(40% 0, 59% 35%, 37% 68%, 61% 100%, 100% 100%, 100% 38%, 100% 0);
  margin-top:-1.5em !important;
  margin-bottom:-1.5em !important;
  background-color: rgba(214, 113, 46,0.5) !important;
}
.hslider{
  color:white !important;
}
.bg-theme{
  background-color: #29335f;
}
p {
  font-size: 14px;
  line-height: 26px;
  color: #535353;
}
a {
  cursor: pointer;
  color: #37404d;
  text-decoration: none !important;
}
.btn{
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.8);
}
.btn_unified{
  background-color: #d6712e !important;
}
.btn:hover{
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4) !important;
  transform: scale(1.001);
  background-color: #29335f !important;
  transition: 0.5s;
}
.badge-unified{
  background-color: #29335f !important;
  position: absolute;
  font-weight:12px !important;
  font-weight: 500;
  top:1.5em;
  left:3em;
  z-index: 1;
  pointer-events: none;
}
.post-link{
  display: none;
  border:2px solid white;
  position: absolute;
  font-weight:12px !important;
  padding:.25em .5em .1em .5em;
  font-weight: 500;
  border-radius:100%;
  top:45%;
  left:45%;
  z-index: 1;
  pointer-events: none;
}
#article-link:hover .post-link{
  display: block;
}
.text-warning{
  color:#d7722e !important;
}
.btn-warning{
  background-color:#d7722a !important;
  font-size: 13px;
  font-weight: 600;
  padding: 13px 25px;
}
.btn-view{
  background-color:#d7722a !important;
  font-size: 13px;
  font-weight: 600;
  padding: 7px 13px;
}
.top_links{
  text-decoration: underline;
}
.top_links:hover{
  text-decoration: none;
}
h1{
  font-size: 2.1em !important;
}
h2{
  font-size: 1.7em !important;
}
h3{
  font-size: 1.3em !important;
}
h1,h2{
  text-transform: uppercase !important;
}
h1,h2,h3,h4,h5,h6{
  color:#29335f !important;
}
.h-textarea{
  width: 100% !important;
  border:none !important;
  resize: none !important;
}
.h-textarea:focus,.h-textarea:hover{
  border:none !important;
  outline:none !important;
}
.hw-text-input{
  width:100% !important;
  border: 1px solid rgba(0, 0, 0, 0.125) !important;
}
.hw-text-input:focus,.hw-text-input:hover {
  width:100% !important;
  outline: none !important;
  border: none !important;
}
.abt-hw{
  color:rgba(0, 0, 0, 0.5)
}
.side-menu{
  width:100% !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
  padding-bottom:0.5em !important;
  border-bottom:1px solid rgba(0, 0, 0, 0.125) !important;
}
.badge-waiting{
  background-color: white !important;
  color:#808393 !important;
  border:1px solid#808393 !important;
}
.bg-unified{
  background-color: #29335f !important;
}
.carousel-indicators li{
  border: 2px solid #29335f !important;
  height:8px !important;
  width:8px !important;
}
.carousel-indicators .active{
  background-color: #29335f !important;
}
.single-test{
  background-color: #29335f !important;
  color:white !important;
}
.con-hr{
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  #slilderh{
    font-size: 2.6em !important;
  }
  #slilderp{
    font-size: 1.3em !important;
  }
}
@media screen and (max-width: 768px) {
  .get-answer-div{
    left:4.1666% !important;
  }
}
.bg-primary1{
  background-color: #b1d9ef;
}
.bg-footer{
  background-color: #111 !important;
}
.bg-box{
  background-color: rgba(224, 225, 226,0.7);
  border:1px solid rgb(224, 225, 226);
}
.banner2_outer{
  background-image: url("banner1.jpg");
  background-size: cover;
  background-position: right;
  background-repeat: no-repeat;
}
.banner2_inner{
  background:  linear-gradient(to right, rgba(43,41,66, 0.95), rgba(43,41,66, 0.9), rgba(43,41,66, 0.5));
}
.banner2_inner h2,.banner2_inner p{
  text-shadow: 1px 1px 1px black;
}
.other-link:hover{
  transform: scale(1.1);
  transition: 0.5s;
}
#article-link:hover{
  text-decoration: none !important;
}
.article-link:hover{
  transform: scale(1.01);
  transition: 0.5s;
  border:1px solid rgb(224, 225, 226);
}
.article-link:hover:after{
  content:'';
  width:100%;
  height: 100%;
  background-color: rgba(0, 0, 0,0.5);
  position: absolute;
  top:0;
  left:0;
  border-radius: .3em;
}
.answer-p{
  filter: blur(5px);
  pointer-events: none !important;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.get-answer-div{
  position: absolute;
  top:20%;
  left:12.5%;
  z-index: 2;
}
.answer-txtarea{
  width:100%;
}
.banner2_hw{
  background-image: url("hw-banner.png");
  background-size: cover;
  background-position: right;
  background-repeat: no-repeat;
}
.mai_n{
  background-color: rgba(128, 131, 147,0.2);
  }
.mai_n h6{
padding: .7em;
background-color: rgba(128, 131, 147,0.4);
}
.mai_n span p{
  padding: .2em.7em;
}
.nav-tabs {
  border: none;
}
.nav-tabs:hover {
  border: none !important;
}
.nav-tabs .active{
  background: #D6712E !important;
  color: #fff !important;
  box-shadow: 2px 2px 4px 2px rgba(0,0,0,0.15) !important;
  border-radius: .2em !important;
}
.hwh_sd:hover{
    background-color: #29335f;
    color:white !important;
    border:1px solid #29335f !important;
    border-radius: 2px;
}
@media screen and ( max-width: 768px ){

    li.page-item {

        display: none;
    }

    .page-item:first-child,
    .page-item:nth-child( 2 ),
    .page-item:nth-last-child( 2 ),
    .page-item:last-child,
    .page-item.active,
    .page-item.disabled {
        display: block;
    }
}