*{font-family: "Roboto", sans-serif !important;}
      
      .common-mb{
              margin-bottom: 2.5rem;
      }

      .text-45{
          font-weight: 700;
          font-size: 45px;
          line-height: 50px;
          letter-spacing: -2%;
          text-transform: capitalize;
          color: #333333;
            }
      .text-40{
          font-weight: 700;
          font-size: 40px;
          line-height: 45px;
          letter-spacing: -2%;
          text-transform: capitalize;

      }
      .text-25{
          font-weight: 400;
          font-size: 25px;
          line-height: 30px;
          letter-spacing: -2%;
          text-transform: capitalize;
          color: #666666;

      }
      .text-18{
          font-weight: 400;
          font-size: 18px;
          line-height: 22px;
          letter-spacing: -2%;
          color: #333333;

      }
      .text-14{
          font-weight: 400;
          font-size: 14px;
          line-height: 20px;
          letter-spacing: -2%;
          color: #666666;
      }
      .text-30{
          font-weight: 500;
          font-size: 30px;
          line-height: 40px;
          letter-spacing: -2%;
          color: #666666;
      }
      .txt-green{
        color: #3aa66c;
      }
      .bg-green{
        background-color: #3aa66c;
      }
      .why-families-w-card{
          position: relative;
      }
      .why-families-w-card div{
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%);
        width: 100%;
      }
 
      .common-btn{
        background: #3aa66c;
        color: #ffffff;
        border-radius: 10px;
        padding: 12px 30px;
        border: 1px solid #3aa66c;
        font-size: 20px;
        font-weight: 600;
        transition: all ease 0.3s;
        margin-right: 10px;
        margin-bottom: 10px;
      }
      .common-btn:hover{
        transition: all ease 0.3s;
        background-color: white;
        color:#3aa66c ;
      }


      .common-py{
        padding-top: 4rem;
        padding-bottom: 4rem;
      }

      .l-h-auto{
        line-height: 111% !important;
      }
      
      .rounded-15{
        border-radius: 15px;
      }
     
      .bg-dark-green{
        background-color: #10404c;
      }
      .common-bg{
        background-color: #f7f7f7
      }
  
      @media(max-width:992px){
       .text-45{font-size: 35px; line-height: 40px;font-weight: 500;}
             .text-40{font-size: 26px;line-height: 30px;}
             .text-30{font-size: 18px;line-height: 24px;}
             .text-25{font-size: 18px;line-height: 22px;}
             .text-18 {font-size: 14px;line-height: 18px;}
             .common-btn{font-size: 16px;font-weight: 400;}
             .ftr-txt {font-size: 16px;}

      }
      @media(max-width:765px){
        
      }
      @media(max-width:576px){
             .common-py{padding-top: 2rem;padding-bottom: 20px;}
             .text-45{font-size: 30px; line-height: 35px;}
             .text-40{font-size: 26px;line-height: 30px;}
             .text-30{font-size: 18px;line-height: 24px;}
             .text-25{font-size: 18px;line-height: 22px;}
             .common-btn{font-size: 16px;  padding: 12px 16px;}
           

             
      }