/*
Developer:      Muhammad Salam
Developer URL:  https://www.linkedin.com/in/salamaslamofficial/
Company:        ICTechnology, Australia
Company URL:    ictechnology.com.au
Descriptipon:   This file contains the base rooting of the whole website theme, colors and font styles are defined here, update colors here instead of whole files.
*/

@font-face {
    font-family: 'HelveticaNeue';
    src: url('../fonts/helvetica-46-light-italic-587ebdb0ea724.ttf') format('truetype'),
         url('../fonts/helvetica-47-light-condensed-587ebd7b5a6f6.ttf') format('truetype'),
         url('../fonts/helvetica-75-bold-outline-587ebe00b76ba.ttf') format('truetype'),
         url('../fonts/HelveticaBlkIt.ttf') format('truetype'),
         url('../fonts/HelveticaNeue-Black.otf') format('opentype'),
         url('../fonts/HelveticaNeue-BlackCond.otf') format('opentype'),
         url('../fonts/HelveticaNeue-BlackCondObl.otf') format('opentype'),
         url('../fonts/HelveticaNeue-BlackExt.otf') format('opentype'),
         url('../fonts/HelveticaNeue-BlackExtObl.otf') format('opentype'),
         url('../fonts/HelveticaNeue-BoldCondObl.otf') format('opentype'),
         url('../fonts/HelveticaNeue-BoldExt.otf') format('opentype'),
         url('../fonts/HelveticaNeue-BoldExtObl.otf') format('opentype'),
         url('../fonts/HelveticaNeue-Condensed.otf') format('opentype'),
         url('../fonts/HelveticaNeue-CondensedObl.otf') format('opentype'),
         url('../fonts/HelveticaNeue-ExtBlackCond.otf') format('opentype'),
         url('../fonts/HelveticaNeue-ExtBlackCondObl.otf') format('opentype'),
         url('../fonts/HelveticaNeue-Extended.otf') format('opentype'),
         url('../fonts/HelveticaNeue-ExtendedObl.otf') format('opentype'),
         url('../fonts/HelveticaNeue-Heavy.otf') format('opentype'),
         url('../fonts/HelveticaNeue-HeavyCond.otf') format('opentype'),
         url('../fonts/HelveticaNeue-HeavyCondObl.otf') format('opentype'),
         url('../fonts/HelveticaNeue-HeavyExt.otf') format('opentype'),
         url('../fonts/HelveticaNeue-HeavyExtObl.otf') format('opentype'),
         url('../fonts/HelveticaNeue-HeavyItalic.otf') format('opentype'),
         url('../fonts/HelveticaNeue-Light.otf') format('opentype'),
         url('../fonts/HelveticaNeue-LightCondObl.otf') format('opentype'),
         url('../fonts/HelveticaNeue-LightExt.otf') format('opentype'),
         url('../fonts/HelveticaNeue-LightExtObl.otf') format('opentype'),
         url('../fonts/HelveticaNeue-Medium.otf') format('opentype'),
         url('../fonts/HelveticaNeue-MediumCond.otf') format('opentype'),
         url('../fonts/HelveticaNeue-MediumCondObl.otf') format('opentype'),
         url('../fonts/HelveticaNeue-MediumExt.otf') format('opentype'),
         url('../fonts/HelveticaNeue-MediumExtObl.otf') format('opentype'),
         url('../fonts/HelveticaNeue-Roman.otf') format('opentype'),
         url('../fonts/HelveticaNeue-Thin.otf') format('opentype'),
         url('../fonts/HelveticaNeue-ThinCond.otf') format('opentype'),
         url('../fonts/HelveticaNeue-ThinCondObl.otf') format('opentype'),
         url('../fonts/HelveticaNeue-ThinExtObl.otf') format('opentype'),
         url('../fonts/HelveticaNeue-ThinItalic.otf') format('opentype'),
         url('../fonts/HelveticaNeue-UltraLigCond.otf') format('opentype'),
         url('../fonts/HelveticaNeue-UltraLigCondObl.otf') format('opentype'),
         url('../fonts/HelveticaNeue-UltraLigExt.otf') format('opentype'),
         url('../fonts/HelveticaNeueBold.ttf') format('truetype'),
         url('../fonts/HelveticaNeueBoldItalic.ttf') format('truetype'),
         url('../fonts/HelveticaNeueCondensedBlack.ttf') format('truetype'),
         url('../fonts/HelveticaNeueCondensedBold.ttf') format('truetype'),
         url('../fonts/HelveticaNeueItalic.ttf') format('truetype'),
         url('../fonts/HelveticaNeueLight.ttf') format('truetype'),
         url('../fonts/HelveticaNeueLightItalic.ttf') format('truetype'),
         url('../fonts/HelveticaNeueMedium.ttf') format('truetype'),
         url('../fonts/HelveticaNeueUltraLight.ttf') format('truetype'),
         url('../fonts/HelveticaNeueUltraLightItal.ttf') format('truetype');
    /* Add more font variations as needed */
  
    /* Optional: Define font-weight and font-style */
    font-weight: normal; /* or bold, etc. */
    font-style: normal; /* or italic, etc. */
}

:root {
    /* Colors */
    --primary-text: #275A91;
    --light-secondary: #98A2B3;
    --Text-Secondary: #677487;
    --secondary-text: #333;
    --Gray-200:#E4E7EC;
    --Gray-300:#D0D5DD;
    --Background-Light-Grey: #F2F2F2;
    --link-text: #0067FF;
    --normal-text:#000;
    --off-text:#fff;
    --prominent-text:#01F9C6;
    --prominent-dark-text:#134881;
    --Primary-Navy: #0D2A43;
    --primary-bg: #275A91;
    --secondary-bg: #333;
    --link-bg: #0067FF;
    --normal-bg:#000;
    --off-bg:#fff;
    --prominent-bg:#01F9C6;
    --prominent-dark-bg:#134881;
    --Background-Grey: #E5E5E5;
    /* Font */
    --base-font-family: 'Helvetica Neue', sans-serif;
    --base-font-size: 20px;
  }

body {
    font-family: var(--base-font-family);
    font-size: var(--base-font-size);
    color: var(--normal-text);
    background-color: var(--off-bg);
}

.primary-A91{
    color: var(--primary-text);
}
.bg-A91{
    background-color: var(--primary-text) !important;
}
.submit-btn{
    display: flex;
    background-color: var(--prominent-bg);
    color: var(--normal-text);
    font-size: 18px;
    padding: 17px 30px;
    font-weight: 400;
    font-style: normal;
    line-height: 140%;
    border-radius: 50px;
    border: 2px solid var(--prominent-text);
    outline: none;
}
.submit-btn:hover{
    background-color: var(--off-bg);
}

.general-btn{
    background: var(--primary-bg);
    color: white;
    padding: 8px;
    border-radius: 8px;
}

.bg-transaprent{
    background: transparent;
}
.primary-off{
    color: var(--off-bg) !important;
    background: var(--primary-bg) !important;
}


 /* Media query for smaller screens (e.g., tablets) */
@media only screen and (max-width: 768px) {
    .submit-btn{
        font-size: 16px;
        padding: 13.5px 25px; 
    }
}
  
/* Media query for even smaller screens (e.g., smartphones) */
@media only screen and (max-width: 480px) {
    .submit-btn{
        font-size: 14px;
        padding: 10px 20px; 
    }
    .saved_btn{
        height: 50px;
        line-height: 1;
    }
}