@charset "utf-8";

/* CSS Document */

.pricing {

    background: var(--light-bg);

  }

  

  .pricing .box-container {

    display: -ms-grid;

    display: grid;

    -ms-grid-columns: (minmax(30rem, 1fr))[auto-fit];

        grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));

    gap: 2rem;

  }

  

  .pricing .box-container .box {

    background: var(--white);

    text-align: center;

    padding: 2rem;

    border: var(--border);

    -webkit-box-shadow: var(--box-shadow);

            box-shadow: var(--box-shadow);

  }

  

  .pricing i {

    font-size: 1.2rem;

    height: 2.6rem;

    width: 2.6rem;

    line-height: 2.6rem;

    border-radius: 50%;

    text-align: center;

    /* margin-bottom: 2rem; */

    background: #1bdc7e;

    color: #fff;

  

  }

  .pricing .fa-xmark{

    background: #ff666a;



  }

  

  .pricing th {

    font-size: 2rem;

    padding: 2rem!important;

    color: var(--black);

    text-transform: capitalize;

    font-weight: normal;

    text-align: center;

  }

  .pricing td{

    padding:2rem !important;

  }

  

  .pricing  .price {

    padding: .5rem 0;

    font-size: 5rem;

    color: var(--black);

    text-transform: capitalize;

  }

  

  .pricing .price span {

    font-size: 2rem;

  }

  

  .pricing .box-container .box .list {

    padding: 1rem 0;

    min-height: 600px

  }

  

  .pricing .box-container .box .list p {

    padding: .5rem 0;

    font-size: 1.4rem;

    color: var(--light-color);

    line-height: 2;

    margin: 0 !important;

  }

footer{margin:0; padding:48px 0; width:100%; float:left;background: #160a33;;}



footer .logoandicon{margin-bottom:20px; padding:0; width:100%; float:left;}



footer .logoandicon a.footer-logo{float:left; height:auto; padding:0 ; font-size:35px; line-height:20px; font-weight:700; color:#fff;}



footer .logoandicon a.footer-logo p{margin:0; font-size: 25px; padding: 0; float:left;}



footer .logoandicon a.footer-logo img{margin:0 10px 0 0; padding:0px; float:left;}





footer .logoandicon a.footer-logo:focus, a.footer-logo:hover{color:#ca5b23; background:none;}

footer ul{

  padding-left: 0;

}



footer ul.icon{ width:100%; float:left;}



footer ul.icon li{margin:0 11px; padding:0; list-style:none; display:inline-block;}



footer ul.icon li a{margin:0; padding:0; outline:none; text-decoration:none; cursor:pointer; color: #20a6fd; font-size: 3rem;}



footer .quick-links{margin:0; padding-bottom: 2rem;; float:left; width:100%;}



footer .quick-links h1{margin-bottom:2rem; padding:0; font-size:20px; color:#fff; font-weight:400;}



footer .quick-links hr{margin-top:20px; margin-bottom:20px; border:none; height:2px;

	 width:100%; -webkit-box-sizing:content-box; -moz-box-sizing:content-box;

	  box-sizing:content-box; background:#fff;

}



footer .quick-links ul{margin:0; padding:0; width:50%; float:left;}



footer .quick-links ul li{margin:0; padding:0; list-style:none; display:block;}



footer .quick-links ul li a{margin:0; padding:0; font-size:14px; color:#ddd; font-weight:400; outline:none; text-decoration:none; cursor:pointer;}



footer .quick-links ul li:hover a{color:#ddd;}



footer .quick-links ul li a .fa-angle-right{font-size:18px; color:#a4aab7; margin:0 10px 0 0;}



footer .company{margin:0; padding-bottom: 2rem; float:left; width:100%;}



footer .company h1{margin-bottom:20px; padding:0; font-size:20px; color:#fff; font-weight:400;}



footer .company hr{margin-top:20px; margin-bottom:20px; border:none; height:2px; width:100%;

	 -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;

	  background:#fff;

}



footer .company p{margin:0; padding:0; font-size:14px; color:#a4aab7; font-weight:400; line-height:26px;}



.copyright{background:#0e0620; padding:14px 0px; float:left; width:100%;}



.copyright .granames{text-align:right; margin-top:-24px; margin-right:14px;}



.copyright .copytexts{text-align:center; font-size:13px; color:#fff;

}



.header{width:100%;margin:auto}

.wrapper{width:100%;border-radius:10px;border:1pt solid #999;box-shadow:2pt 2pt #ccc;overflow:auto;padding:15px;}

.margin-vertical-10{height:10px;width:100%}

.margin-vertical-20{height:20px;width:100%}

.margin-vertical-30{height:30px;width:100%}

.margin-vertical-40{height:40px;width:100%}

.margin-vertical-50{height:50px;width:100%}

.margin-vertical-60{height:60px;width:100%}

.margin-vertical-70{height:70px;width:100%}

.margin-vertical-80{height:80px;width:100%}

.margin-vertical-90{height:90px;width:100%}

.margin-vertical-100{height:100px;width:100%}