body { 
    color: #000000;
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
    font-family: 'Inter', sans-serif;
  }
  
  :root {
    --primary-color: #FF5722;
    --secondary-color: #F6F4EF;
    --white: #FFF;
    --black: #221F20;
	  --accordion-color:#ffcdb1;
  }
  
  
  @font-face {
    font-family: inter-regular;
    src: url(../fonts/inter-regular.otf);
    font-weight: 400;
  }

  @font-face {
    font-family: inter-semibold;
    src: url(../fonts/intere-semibold.otf);
    font-weight: 600;
  }

  @font-face {
    font-family: inter-medium;
    src: url(../fonts/inter-medium-500.otf);
    font-weight: 500;
  }

  @font-face {
    font-family: roboto-regular;
    src: url(../fonts/roboto-regular.ttf);
    font-weight: 400;
  }

  @font-face {
    font-family: roboto-medium;
    src: url(../fonts/roboto-medium.ttf);
    font-weight: 500;
  }

  @font-face {
    font-family:roboto-semibold;
    src: url(../fonts/roboto-bold.ttf);
    font-weight: 600;
  }


  
 
  
  /********** Font Family - Variable *********/
  [data-font-style="roboto"] {
    font-family: roboto;
  }
  
  [data-font-style="Roboto-regular"] {
    font-family: roboto-regular;
  }
  [data-font-style="Roboto-medium"] {
    font-family: roboto-medium;
  }
  [data-font-style="Roboto-semibold"] {
    font-family: roboto-semibold;
  }
  [data-font-style="inter"] {
    font-family: inter;
  }

  [data-font-style=" Inter-medium"] {
    font-family: inter-medium;
  }
  [data-font-style="Inter-regular"] {
    font-family: inter-regular;
  }
  [data-font-style="Inter-semibold"] {
    font-family: inter-semibold;
  }
  
 
  
  /********** Font Family - Variable *********/

  /********** Default Color *********/


  /*** BG Color **/
  [data-bgcolor="light"] {
    background-color: #F6F4EF;
  }

  [data-bgcolor="black"] {
    background-color: #000000;
  }
  

  
  /** Color **/
  [data-color="black"] {
    color: #000000;
  }
  
  [data-color="primary"] {
    color: #FF5F00;
  }
  
  [data-color="grey"] {
    color: #7A7A7A;
  }

  [data-color="white"] {
    color: #ffff;
  }

  [data-color="dark-grey"] {
    color: #221F20;
  }
  
  
  
  /********** Default Color *********/
  
  /********** Default Line Height *********/
  [line-height="2.5em"] {
    line-height: 2.5em;
  }

  [line-height="1.7em"] {
    line-height: 1.7em;
  }

  [line-height="1.6em"] {
    line-height: 1.6em;
  }
  
  [line-height="1.5em"] {
    line-height: 1.5em;
  }
  
  [line-height="1.4em"] {
    line-height: 1.4em;
  }
  
  [line-height="1.3em"] {
    line-height: 1.3em;
  }
  
  [line-height="1.2em"] {
    line-height: 1.2em;
  }
  
  /********** Default Line Height*********/
  
  
  /********** Default Heading *********/
  /**** EM Size ***/
  [data-heading="7em"] {
    font-size: 7em;
  }
  
  [data-heading="5em"] {
    font-size: 5em;
  }
  
  [data-heading="4.5em"] {
    font-size: 4.5em;
  }
  
  [data-heading="4em"] {
    font-size: 4em;
  }
  
  [data-heading="3.5em"] {
    font-size: 3.5em;
  }
  
  [data-heading="3em"] {
    font-size: 3em;
  }
  
  /**** Pixels Size ***/
  [data-heading="48px"] {
    font-size: 48px;
  }
  
  [data-heading="40px"] {
    font-size: 40px;
  }
  
  [data-heading="32px"] {
    font-size: 32px;
  }

  [data-heading="28px"] {
    font-size: 28px;
  }
  
  [data-heading="24px"] {
    font-size: 24px;
  }
  
  [data-heading="20px"] {
    font-size: 20px;
  }

  [data-heading="18px"] {
    font-size: 18px;
  }
  
  [data-heading="16px"] {
    font-size: 16px;
  }
  
  [data-heading="14px"] {
    font-size: 14px;
  }

  [data-heading="12px"] {
    font-size: 12px;
  }
  
  /********** Default Heading *********/
  
  /********** Default paragraph *********/
 
[data-para="30px"] {
          font-size: 30px;
        }
[data-para="27px"] {
          font-size: 27px;
        }

[data-para="25px"] {
    font-size: 25px;
  }

[data-para="22px"] {
    font-size: 22px;
  }
  
  [data-para="20px"] {
    font-size: 20px;
  }
  
  [data-para="18px"] {
    font-size: 18px;
  }
  
  [data-para="17px"] {
    font-size: 17px;
  }
  
  [data-para="16px"] {
    font-size: 16px;
  }
  
  [data-para="15px"] {
    font-size: 15px;
  }
  
  [data-para="14px"] {
    font-size: 14px;
  }

  [data-para="12px"] {
    font-size: 12px;
  }
  
  [data-para="1.4em"] {
    font-size: 1.4em;
  }
  
  [data-para="1.3em"] {
    font-size: 1.3em;
  }
  
  [data-para="1.2em"] {
    font-size: 1.2em;
  }
  
  /********** Default paragraph *********/
  
  
  
  
  /****** Font Family *******/
  
  @media (max-width:766px) {
  
    [data-heading="30px"] {
      font-size:30px;
    }
  
    [data-heading="28px"] {
      font-size: 28px;
    }
  
  
    [data-para="25px"] {
      font-size: 25px;
    }
  
    [data-para="22px"] {
      font-size: 22px;
    }
  
    [data-para="20px"] {
      font-size: 20px;
    }
  
    [data-para="18px"] {
      font-size: 18px;
    }
  
  }
  
  @media (max-width:500px) {
    [data-heading="25px"] {
      font-size: 25px;
    }
  
    [data-heading="22px"] {
      font-size: 22px;
    }
  
    [data-para="20px"] {
      font-size: 20px;
    }

    [data-heading="18px"] {
      font-size: 18px;
    }
  
    [data-para="17px"] {
      font-size: 17px;
    }
  

    [data-para="16px"] {
        font-size: 16px;
      }

      [data-para="14px"] {
        font-size: 14px;
      }

      [data-para="12px"] {
        font-size: 12px;
      }
  }
  /****** Font Family ******/
  
.accordion-button:focus{
	box-shadow:var(--bs-accordion-btn-focus-box-shadows)!important;
}