@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');


:root{
    --blue:#6D66FF;
    --s-blue:#6D66FF;

      --input-blue:#6D66FF;


    --border-color: #c7c8ca;
    --toggle-blue:#6D66FF;
    --blue-active:#6D66FF;
    --black:#444;
    --text-color: #fff;
    --hover-color: #6D66FF;
    --light-color:#777;
    --bg-color:#fff;
    --border:.1rem solid rgba(0,0,0,.2);

    --box-shadow:.4rem .4rem 1rem #ccc,
                -.4rem -.4rem 1rem #fff;


    --box-shadow2:.2rem .2rem 1rem #080808,
                -.2rem -.2rem 1rem #080808;


    --box-shadow-inset:.4rem .4rem 1rem #ccc inset,
                      -.4rem -.4rem 1rem #fff inset;


    --box-shadow-inset2: 0 1rem 2rem rgba(0,0,0,.1);


    --about-bg:#fff;

     --about-bg2:;

    --about-text:#444;

    --about-border:#c7c8ca;

    --about-head: #6D66FF;



    --service-bg: #fafbff;

    --grad: linear-gradient(to bottom right, #4468FF, #C463FF);

    --grad-input: linear-gradient(to right, #4468FF, #C463FF);

     --grad-input-hover: linear-gradient(to right,  #C463FF, #4468FF);


      --grad-pay: linear-gradient(to right, #4468FF, #C463FF);

      --grad-pay-hover: linear-gradient(to right, #FF6E2F, #FFC700);



     --plan-bg: #000;

     --plan-text: #ccc;


     --price-box: #fff;

     --price-txt: #808080;

     --span-txt: #003579;

     --span-txt2: #808080;

     --review-bg: #fff;

     --review-h1: #808080;

     --slide-bg: #e6e6e6;

     --slide-txt: #666;

     --why-blue: #4368FF;
     --why-txt: #1a1a1a;

     --why-box: #fff;

     --footer-bg: #00152F;

     --nav-bg: #fff;

     --nav-txt: #808080;

     --side-border: #fafafa;

     --login-bg: #003579;

     --flegend: #6DA4F6;




/*
     --admin-body: #0F0B4A;

     --admin-header: #000076;

     --users: #000076;

      --search: #00005F;

      --table: #00CCFF;

      --table-td: #00CCFF;

      --table-td2: #ccc;

      --th-txt: #00008A;

      --th-border: #fafafa;

      --act-head: #fff;

      --search-bg: #00005F;*/


      --admin-body: #000;

         --admin-header: #5FAEFC;

         --users: #131313;

         --search: #1a1a1a;

         --table: #00CCFF;

         --table-td: #e6e6e6;

         --th-txt: #00008A;

         --th-border: #fafafa;

         --act-head: #00CCFF;

         --search-bg: #1a1a1a;
}




*{
  font-family: 'Poppins', sans-serif;
  margin:0; 
  padding:0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  border: none;
  text-decoration: none;
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
}

html {
  font-size: 62.5%;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

html::-webkit-scrollbar {
  width: 1rem;
}

html::-webkit-scrollbar-track {
  background: transparent;
}

html::-webkit-scrollbar-thumb {
  background: #fafafa;
}


body{
    font: 15px/1.5 Lato, sans-serif;
    padding:0;
    margin:0;
    background-color:#f4f4f4;
    width: 100%;
    top: 0px !important;
}





/*About Styling*/

#main{
 background-color: #fafbff;
  padding: 6rem 9% 5rem 9%;
}

.about-container2{
  width: 100%;
  margin: auto;
  overflow: hidden;
 
}

.dark{
  padding: 15px;
 background-color: #fafbff;
  color: #808080;
  margin-top: 10px;
  margin-bottom: 10px;
  border-bottom: 6px solid #c7c8ca;
  border-radius: 10px;
  line-height: 27px;
}

.dark p{
   font-size: 15px;
}


.dark img{
  width: 100%;
  height: 100%;
}




#sidebar{
  float: right;
  width: 30%;
  margin-top: 10px;
}

#main-col{
  float: left;
  width: 65%;

}

#main .about-container2 #main-col hr{
  background-color:#FF7412 ;
  border: 3px solid #FF7412;
  width: 120px;
  margin: 17px 0;
}

#main{
 background-color: #fafbff;
}

.main-col-text{
  text-align: left;
}

.dark-text{
  text-align: left;
}

.about_text{
  color: #808080;
  margin-top:10px;
  font-size: 15px;
}


.page-title{
  font-size:35px;
  color: #4d4d4d;
  font-weight: 700;
}

.sidebar-title{
  font-size: 20px;
  color: #FF7412;
}

























/* media queries  */

@media (max-width:1200px){

  html{
    font-size: 55%;
  }


 


}










@media (max-width:991px){


  section{
    padding:2rem;
  }

  


}



@media screen and (max-width: 820px){





#main{
  padding: 1rem 3% 5rem 2%;
}





}



@media screen and (max-width: 820px){





}







@media screen and (max-width: 640px){
  



article#main-col,
  aside#sidebar{
    float:none;
    text-align:left;
    width:100%;
  }


#main{
  padding: 2rem 5% 2rem 5%;
}



  }



@media print{


  .receipt-admin-values{
  margin: auto;
  width: 100%;
  border-radius: 5px;
  border: 2rem solid #00264b !important;
  position: relative !important;
  background-image: url(images/receipt-bg.html) !important;
  background-size: contain !important;
  background-position: center !important;
  overflow:hidden !important;

}

}