body{
  font-size: 12px;
  font-family: "Roboto";
}
h1,h2,h3{
  font-family: "Montserrat";
  font-weight: 500;
}
a img{width: 100%;height: auto;}
.drkpurpl{color: #490e67}
.lghtpurpl{color: #8347AD}

 .header{
  position: fixed;
  top:0;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 999;
  height: 120px;
  box-shadow: 0 0 5px #b1b1b1;
 }
 .main{
   margin-top: 120px;
 }
 .parry-logo a,.side-logo a{
   display: block;
   max-width: 160px;
   height: auto;
 }
.header-row{
  padding: 15px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.nav-link{
  font-weight: 700;
  margin: 0 0.25em;
  border-radius: 4px;
}
.nav-link.active{
  color: #fff !important;
  background: #490E67;
}
.sc-intro{padding: 60px 0;}
.intro-just{
  justify-content: center;
}
.intro-just p{
  color: #490e67;
  font-size: 1.2em;
  line-height: 1.5;
  text-transform: uppercase;
  font-weight: 500;
  font-family:"Signika";
  margin-bottom: 0;
}
.introp{
  color: #255390;
  font-size: 1.5em;
  line-height: 1.5;
}
.sc_fflx{display: flex;justify-content: center;flex-wrap: wrap;align-items: center;}
.sc_fflx img{width: 120px;height: 90px}
.sc_fflx p{text-align: left;font-size: 1.33em;}
.btn-primary{
  font-family: "Roboto";
  color: #fff;
  background-color: #490E67;
  border-color: #A374C2;
  text-transform: uppercase;

}
.btn-primary:hover,.btn-primary:not(:disabled):not(.disabled):active{
  background-color: #A374C2;
  border-color: #490E67;
}
.sc-gicalc .card{border: none}
.sc-gicalc .card-header{
  color: #fff;
  font-family: "Montserrat";
  font-size: 2em;
  text-align: center;
  font-weight: 700;
  background: #A374C2;
  background: transparent linear-gradient(116deg, #A374C2 0%, #490E67 100%) 0% 0% no-repeat padding-box;
}
.modal-header{
  color: #fff;
  font-family: "Montserrat";
  font-size: 1.66em;
  text-align: center;
  font-weight: 700;
  background: #A374C2;
  background: transparent linear-gradient(116deg, #A374C2 0%, #490E67 100%) 0% 0% no-repeat padding-box;
  align-items: center;
}
.modal-title{
  text-align: left;
padding-right: 5%;
}
.close{
  font-size: 2.5em;
  color: #fff;
}
.bloglnk{
  float: right;
  color: #fff;
}
.bloglnk span{
  padding-left: 5px;
  padding-right: 10px;
  transition: all ease 0.3s;
}
.bloglnk:hover{
  text-decoration:none;
  color: #fff;
}
.bloglnk:hover span{
  padding-left: 10px;
  padding-right: 15px;
}
.sc-gicalc .card-body{
  background: #DEDEDE;
  padding: 40px 0 60px 0;
}
.sc-gicalc select{max-width: 320px; margin: 0 auto;}
.sc-gicalc .btn-primary{
    width: 100%;
    max-width: 200px;
    margin: 0 auto;
    display: block;
}
.khub-cont .card{
  border: none;
  border-radius: 0;
  margin-bottom: 1em;
}
.sc-khub{
  padding-bottom: 60px;
}
.sc-khub h1{
  text-align: center;
}
.khub-cont .card-img, .khub-cont .card-img-top{  border-radius: 0;}

.sc-recp{
  padding: 60px 0;
background: #A374C2;
background: transparent linear-gradient(116deg, #A374C2 0%, #490E67 100%) 0% 0% no-repeat padding-box;
}
.whttxt{color: #fff}
#recpcrsl .carousel-inner{width: 80%; margin: 0 auto;}
.recp-card{
  background: #490e67 0% 0% no-repeat padding-box;
box-shadow: 4px 4px 20px #444444;

}
.recp-flex{
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.recp-flx-img{overflow: hidden;width: 100%;}
.recp-flx-img img{object-fit: cover;/*width: 100%;*/}
.recp-flx-txt{
  width: 100%;
  padding:40px 5%;
}

.recp-flx-txt h2{margin-bottom: 1em;}
.recp-flx-txt h4{font-size: 1em;font-weight: 700;text-decoration: underline;}
.recp-flx-txt ul{list-style: none;margin: 0;padding: 0}
.sc-tips{padding: 60px 0}

.blog-carousel .item{
  max-width: 640px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background: #A374C2;
  margin: 0 auto;
}
.blog-carousel .item .blog-img{width: 40%}
.blog-carousel .item .blog-cont{width: 60%;text-align: left;color: #fff;padding:20px}
.blog-cont h4{font-size: 1.33em}
  .blog-cont p{
    font-size: 1em;
    height: 3em;
    line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;}
.sc-social{
  padding: 60px 0;
background: #A374C2;
background: transparent linear-gradient(116deg, #A374C2 0%, #490E67 100%) 0% 0% no-repeat padding-box;
}
.socmed{
display: flex;flex-wrap: wrap;align-items: center;justify-content: space-around;
}
.soclnk{
  width: 40%;
  max-width: 480px;
  height: 25vH;
  background: #490E67;
  position: relative;
  transition: all ease 0.3s;
}.soclnk:hover{
  background: #A374C2;
}
.soclnk svg {
    position: absolute;
    width: 64px;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}
.navbar-nav{justify-content: center;
    width: 100%;}
.khub .card{cursor: pointer;}
.khub .card-header{padding: 0!important;overflow: hidden;position: relative;}
.khub .card-header img{width: 100%;height: auto;}
.khub .card-header::before{content: "";display:block;position: absolute;top:0;left:0;background-position: center;background-repeat: no-repeat;z-index: 9;width: 100%;height: 100%;background-size: 50px;opacity: 0.8;filter: drop-shadow(1px 2px 5px #222);transition: all ease 0.2s;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-play-circle' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M6.271 5.055a.5.5 0 0 1 .52.038l3.5 2.5a.5.5 0 0 1 0 .814l-3.5 2.5A.5.5 0 0 1 6 10.5v-5a.5.5 0 0 1 .271-.445z'/%3E%3C/svg%3E"); }
.khub .card:hover .card-header::before{background-size: 60px;}
@media only screen and (max-width: 640px){
      .blog-carousel .item{flex-direction: column;}
      .blog-carousel .item .blog-img, .blog-carousel .item .blog-cont{width: 100%;}
    }
    @media only screen and (min-width: 576px){
      .khub .card{height: 100%}
    }
@media only screen and (max-width: 991px){
  .header{
    height: 90px;
  }
  .main{
    margin-top: 90px;
  }
  .header-row .col-2{padding: 0;}
  .navbar{
    float: right;
    position: relative;
  }
  .navbar-collapse{
    position: absolute;
    top: 100%;
    right: 0px;
    z-index: 999;
    width: 260px;
    background: rgb(238, 238, 238);
    text-align: right;
  }
  .navbar-light .navbar-nav .nav-link{
    padding: 1em;
    margin: 0;
    border-radius: 0;
  }
  #recpcrsl .carousel-inner{width: 100%}
  .recp-flx-img {
    overflow: hidden;
    height: 400px;
}

}
@media only screen and (min-width: 1280px){
  body{
    font-size: 14px;
  }
  .recp-flex{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: stretch;
  }
  .recp-flx-img{width: 40%;}

  .recp-flx-txt{width: 60%;}
  .sc-tips .introp{width: 80%;margin: 0 auto;}
}
@media only screen and (min-width: 1600px){
  body{
    font-size: 16px;
  }
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1440px;
}
}