/*****TypographyCSS*****/
*,
*::before,
*::after {
  box-sizing: border-box; }

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
  scroll-behavior: smooth;}

@-ms-viewport {
  width: device-width; }


body {
  margin: 0;
  font-family: sans-serif;
}

a {
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  color: #353935; }
/* no margin for header and footer section */
section.footer, section.header  {
    margin: 0; 
}
/* 20px top and bottom margin for all sections */
section {
    margin: 20px 0; 
    display: block;
    width: 100%;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
 }

textarea {
  overflow: auto;
  resize: vertical; }

h1, .h1 {
  font-size: 2.75rem; }

h2, .h2 {
  font-size: 2rem; }

h3, .h3 {
  font-size: 1.125rem; }

h4, .h4 {
  font-size: 1rem; }

h5, .h5 {
  font-size: 0.875rem; }

h6, .h6 {
  font-size: 0.813rem; }

.lead {
  font-size: 1.4rem;
  font-weight: 400; }

.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2; }

.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2; }

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2; }

.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2; }

hr {
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1); }
/*****TypographyCSS*****/

/*****hadoc*****/
/* #hadoc(hadocHeader) #css starts */
.hadocHeader .logo{
    max-height: 50px
}
.hadocHeader .navbar-open-icon {
    display: inline
}
.hadocHeader .navbar-close-icon {
    display: none
}
.hadocHeader .navbar-toggler[aria-expanded="true"] .navbar-open-icon {
    display: none
}
.hadocHeader .navbar-toggler[aria-expanded="true"] .navbar-close-icon {
    display: inline
}
.hadocHeader .navbar-light .navbar-toggler{
    color: #353935;
    border-color: #353935;
    font-size: 25px;
}
.hadocHeader .btn{
    background-color: #353935;
    color: white;
    border: none;
    font-weight: bold
}
.hadocHeader .btn:hover{
    color: #fff;
    text-decoration: none;
}
/* #hadoc(hadocHeader) #css ends */
/*****hadoc*****/

/*****apo*****/
/* #apo(apoAbout) #css starts  */
.apoAbout .Explore{
    background-color: #353935;
       padding: 15px;
        border: 1px solid rgb(255, 255, 255);
        border-radius: 10px
}
.apoAbout .description{
    font-size: 40px;
    color: #353935;
        font-weight: 700
}
.apoAbout .para{
        font-size: 18px
}
/* #apo(apoAbout) #css ends  */
/*****apo*****/

/*****agadu*****/
/* #agadu(agaduAbout) #css starts  */
.agaduAbout .DescriptionHeading {
    font-size: 34px;
    color: #353935
}

.agaduAbout .DescriptionPara {
    color: #353935;
    font-size: 18px
}

.agaduAbout .descriptionImage img{
    margin-top: -30px
}
.agaduAbout .searchBtn{
    background-color:#A560F4 ;
    border-radius: 5px;
    color: white;
    font-weight: bold
}
/* #agadu(agaduAbout) #css ends  */
/*****agadu*****/

/*****freya*****/
/* #freya(freyaFeature) #css starts */
.freyaFeature .fdb-block {
    padding: 4rem 0
  }

  .freyaFeature  .fdb-block .fdb-box {
      background: #FFFFFF;
      padding: 2rem 2.5rem;
      overflow: hidden;
      color: #444444;
      border-radius: 0.25rem;
      box-shadow: 0 0.3125rem 0.875rem 0 rgba(129, 129, 129, 0.2)  }

      .freyaFeature   .fdb-block .fdb-touch {
      border-top: solid 0.3125rem #329ef7;
      z-index: 2
     }

     .freyaFeature .fdb-block h2 {
      margin-top: 1rem
     }


      .freyaFeature .fdb-block img.fdb-icon {
      width: auto;
      width: 3.75rem
     }
/* #freya(freyaFeature) #css starts */
/*****freya*****/

/*****folton*****/
/* ============== #folton #comment form start  ============== */
.folton .comment-form {
    clear: both;
}
.folton .comment-form textarea {
    height:160px;
}
/* ============== #folton #comment form end  ============== */
/*****folton*****/

/*****quack*****/
/* #quack(82b7ca311d27746a) #css starts  */
.quackQuickLink .btn{
    font-weight:bold;
    border: 1px solid;
    margin: 11px
}
.quackQuickLink .btn:hover{
    background-color: #353935;
    color: rgb(255, 255, 255)
}
/* #quack(82b7ca311d27746a) #css ends  */
/*****quack*****/

/*****fosil*****/
/* #fosil(fosilFeature) #css starts */
.fosilFeature .fdb-block {
    padding: 7.5rem 0
 }

 .fosilFeature  .fdb-block img.fdb-icon {
      width: auto;
      width: 3.75rem
    }
/* #fosil(fosilFeature) #css starts */
/*****fosil*****/

/*****babette*****/
 /* #babette(babetteBanner) #css starts  */
 .babetteBanner .BG {
    background-image: url(https://images.moksy.com/templates/default/banner/two-student.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 600px;
    border-radius: 50px
}

.babetteBanner .btn {   
    padding: 25px 25px 25px 30px;
    background-color: #fff;
    border-radius: 10px
}
.babetteBanner .fa{
    color: #353935;
    font-size: 40px;
}

.babetteBanner a {
    text-decoration: none;
    color: #353935
}

.babetteBanner a:hover {
    color: #353935
}
.babetteBanner .stroke { 
        color: white; 
        -webkit-text-stroke-width: 1px; 
        -webkit-text-stroke-color: #0EA187
    } 
    .babetteBanner .desText{
        font-size: 50px;
        font-weight: bold
    }
/* #babette(babetteBanner) #css ends  */
/*****babette*****/

/*****tammy*****/ 
/* #tammy(tammyTeam) #css starts */
.tammyTeam .fdb-block {
    padding: 3rem 0
    }
    .tammyTeam h4 {
        margin-top: 15px;
        }
/* #tammy(tammyTeam) #css ends */
/*****tammy*****/

/*****pryanka*****/
    /* #pryanka(pryankaPricing) #css starts  */
    .pryankaPricing .fdb-block {
        padding: 5rem 0;
        position: relative;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        overflow: hidden;
        background-color: #FFFFFF; 
        background-image: url(https://images.moksy.com/templates/default/shapes/shape-red.svg);}
    
        .pryankaPricing   .fdb-block .fdb-box {
          background: #FFFFFF;
          padding: 3.75rem 2.5rem;
          overflow: hidden;
          color: #444444;
          border-radius: 0.25rem;
          box-shadow: 0 0.3125rem 0.875rem 0 rgba(129, 129, 129, 0.2) 
         }
    
         .pryankaPricing .btnone{
            color: #fff;
background-color: #353935;
border-color: #353935;
         }
         .pryankaPricing .btntwo{
color: #fff;
background-color: #FE6D5D;
border-color: #FE6D5D;
         }
         .pryankaPricing .btnthree{
            color: #fff;
background-color: #353935;
border-color: #353935;
         }

         .pryankaPricing h2{
            margin-bottom: 20px;
         }
    /* #pryanka(pryankaPricing) #css ends  */
/*****pryanka*****/

/*****cactus*****/ 
    /* #cactus(cactusClients) #css starts  */
    .cactusClients #clients .clients-wrap {
        margin-bottom: 20px
    }

    .cactusClients img {
        max-height: 200px;
        max-width: 200px
    }

    .cactusClients #clients .client-logo {
        padding: 60px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        overflow: hidden;
        height: 100px
    }
    /* #cactus(cactusClients) #css ends  */
/*****cactus*****/

/*****fish*****/
    /* #fish(fishFooter) #css starts */
    .fishFooter ul li a {
        color: black
       }
       .fishFooter .fab{
           color: #000
       }
    /* #fish(fishFooter) #css ends */
/*****fish*****/