*{padding:0;margin: 0;box-sizing: border-box;}
*{font-family:Arial}

  :root{--g:#f8f8f8;}
  :root{--p:#ff6b81;}

.w-full{width: 100%;}
.container{margin: auto;}
.flex{display: flex; flex-wrap: wrap;}
.t-w{color: white;}
.t-p{color: #ff6b81;}
.b-w{background-color: white;}
.b-c{background-color: #ff6b81;}
.b-b{background-color: black}
.b-g{background-color: var(--g);}
.t-g{color: gray;}
.m-a{margin: auto;}
.bt-1{padding: 11px 27px;border-radius: 5px;cursor: pointer;border: 2px solid white;}
.bt-1:hover {color: var(--p);background-color: white;}
.t-center{text-align: center;}
.t-left{text-align: left;}
.t-right{text-align: right;}
.d-none{display: none;}
.tran{transition: all 0.5s ease;}
.at-ce{align-items: center;}
.at-s{align-items: start;}
.at-e{align-items: end;}
.nv{align-items: center; justify-content: space-between;}
.j-c{justify-content: center;}
.j-s{justify-content: start;}
.j-e{justify-content: end;}
.j-b{justify-content: space-between;}
.b-r{background-color: red;}
.nv-e button{margin-right: 10px;}
.nv-r img{height: 50px; width: 80%;}
.nv-c{justify-content: center; width: 60%;}
.nv-c li{display: inline;}
.nv-c li a{text-decoration: none; padding-left: 15px;font-size: 1.1em;color: white;}
.flex-c{flex-direction: column;}
.m-0{margin: 0;}
.ms-1{margin-left:.50rem;}
.radius{border-radius: 5px;}
.fw-b{ font-weight: bold;}
.sh{box-shadow: 1px 1px 1px lightgrey;}
.tr-f:hover{transform: translatey(-5px);}
.cursor-p{cursor: pointer;}
.img-s{height: 50px; border-radius: 50px;}



.w-5{width: 5%;}
.w-10{width: 10%;}
.w-20{width: 20%;}
.w-30{width: 30%;}
.w-31{width: 31%;}
.w-40{width: 40%;}
.w-50{width: 50%;}
.w-55{width: 55%;}
.w-60{width: 60%;}
.w-70{width: 70%;}
.w-80{width: 80%;}
.w-85{width: 85%;}
.w-90{width: 90%;}
.w-100{width: 100%;}

.my-20{margin-top: 20px;margin-bottom: 20px;}
.my-30{margin-top: 30px;margin-bottom: 30px;}
.mt-20{margin-top: 20px;}
.mt-50{margin-top: 50px;}
.mt-70{margin-top: 70px;}
.mt-100{margin-top: 100px;}
.mb-5{margin-bottom:5px;}
.ms-5{margin-left:5px;}


.pt-100{padding-top: 100px;}
.py-90{padding: 90px 0;}
.py-5{padding: 5px 0;}
.py-7{padding: 7px 0;}
.px-5{padding:0 5px;}
.px-10{padding-right:10px;padding-left: 10px;}
.px-20{padding-right:20px;padding-left: 20px;}
.py-10{padding-top: 10px; padding-bottom: 10px;}
.py-20{padding-top: 20px; padding-bottom: 20px;}







/* HOME */
.wide{width: 50%;}
#img-ph{height: 200px;}
#h-bt:hover{background-color: black;color:white;}
.home button{width: 50%;}
.mt-5{margin-top: .50rem;}

/* HOME END */
/* FEATURS */
.features .cards .card{width: 97%;padding:35px; cursor: pointer;}
.features .cards .card:hover{transform: translatey(-5px);}
.features .cards h1{margin-bottom:25px;}

/* FEATURS END */
/* PRICING */
.pricing .card p:last-child{line-height: 2;width: 70%;}
.pricing .card button:hover{background-color:var(--p);}

/* BLOGS */
.blogs .img img{width: 110%;}
.blogs .card{overflow: hidden;}

/* FOOTER */
.footer ul li{list-style: none;line-height: 2;}

 

.blogs .cards  img:hover{
    transform: scalex(1.1) scaleY(1.1);
    
  
}

@media (min-width: 380px) {
 
  #img-ph{height: 300px;}
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
 
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
  .features .cards .card{width: 48%}
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
  .w-10-lg{width: 10%;}
  .w-20-lg{width: 20%;}
  .w-23-lg{width: 23%;}
  .w-25-lg{width: 25%;}
  .w-30-lg{width: 30%;}
  .w-32-lg{width: 30.80%;}
  .w-40-lg{width: 40%;}
  .w-50-lg{width: 50%;}
  .w-52-lg{width: 52%;}
  .w-60-lg{width: 60%;}
  .w-65-lg{width: 65%;}
  .w-70-lg{width: 70%;}
  .w-75-lg{width: 75%;}
  .w-85-lg{width: 85%;}
  .flex-lg{display: flex;justify-content: space-between;}
  .d-none-lg{display: inline;}
  .t-left-lg{text-align: left;}
  .flex-r-lg{flex-direction: row;}
  .m-o-lg{margin: 0;}
  .mt-t-lg{margin-top: 100px;}
  .ms-1-lg{margin-left:.50rem;}
  .py-80-lg{margin-top: 80px;}
  .py-85-lg{padding-top: 85px;padding-bottom: 85px;}
  .home button{width: 23%;}
  p{font-size: .85em;line-height: 1.2em;}
  .features .cards .card{width: 31%;}
  
  
 
  
  


  #img-ph{height: 500px;}
  
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
}