* {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }
    
    @font-face {
        font-family: "Marcellus-Regular";
        src: url("/assets/default_asset/fonts/Marcellus/Marcellus-Regular.ttf");
    }
    
    @font-face {
        font-family: "FiraSans-Bold";
        src: url("/assets/default_asset/fonts/Fira-sans-paragraph/FiraSans-Bold.ttf");
    }
    
    @font-face {
        font-family: "FiraSans-SemiBold";
        src: url("/assets/default_asset/fonts/Fira-sans-paragraph/FiraSans-SemiBold.ttf");
    }
    
    @font-face {
        font-family: "FiraSans-Medium";
        src: url("/assets/default_asset/fonts/Fira-sans-paragraph/FiraSans-Medium.ttf");
    }
    
    @font-face {
        font-family: "FiraSans-Regular";
        src: url("/assets/default_asset/fonts/Fira-sans-paragraph/FiraSans-Regular.ttf");
    }
    
    @font-face {
        font-family: "FiraSans-Light";
        src: url("/assets/default_asset/fonts/Fira-sans-paragraph/FiraSans-Light.ttf");
    }
    
    @font-face {
        font-family: "FiraSans-Thin";
        src: url("/assets/default_asset/fonts/Fira-sans-paragraph/FiraSans-Thin.ttf");
    }
    
    @font-face {
        font-family: 'Fira Sans';
        font-style: normal;
        font-weight: 200;
        font-display: swap;
        src: local('Fira Sans ExtraLight'), local('FiraSans-ExtraLight'), url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnWKneSxf6TF0.woff2) format('woff2');
        unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    }
    /* cyrillic */
    
    @font-face {
        font-family: 'Fira Sans';
        font-style: normal;
        font-weight: 200;
        font-display: swap;
        src: local('Fira Sans ExtraLight'), local('FiraSans-ExtraLight'), url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnWKneQhf6TF0.woff2) format('woff2');
        unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    }
    /* greek-ext */
    
    @font-face {
        font-family: 'Fira Sans';
        font-style: normal;
        font-weight: 200;
        font-display: swap;
        src: local('Fira Sans ExtraLight'), local('FiraSans-ExtraLight'), url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnWKneShf6TF0.woff2) format('woff2');
        unicode-range: U+1F00-1FFF;
    }
    /* greek */
    
    @font-face {
        font-family: 'Fira Sans';
        font-style: normal;
        font-weight: 200;
        font-display: swap;
        src: local('Fira Sans ExtraLight'), local('FiraSans-ExtraLight'), url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnWKneRRf6TF0.woff2) format('woff2');
        unicode-range: U+0370-03FF;
    }
    /* vietnamese */
    
    @font-face {
        font-family: 'Fira Sans';
        font-style: normal;
        font-weight: 200;
        font-display: swap;
        src: local('Fira Sans ExtraLight'), local('FiraSans-ExtraLight'), url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnWKneSRf6TF0.woff2) format('woff2');
        unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
    }
    /* latin-ext */
    
    @font-face {
        font-family: 'Fira Sans';
        font-style: normal;
        font-weight: 200;
        font-display: swap;
        src: local('Fira Sans ExtraLight'), local('FiraSans-ExtraLight'), url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnWKneSBf6TF0.woff2) format('woff2');
        unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }
    /* latin */
    
    @font-face {
        font-family: 'Fira Sans';
        font-style: normal;
        font-weight: 200;
        font-display: swap;
        src: local('Fira Sans ExtraLight'), local('FiraSans-ExtraLight'), url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnWKneRhf6.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }
    /* cyrillic-ext */
    
    @font-face {
        font-family: 'Fira Sans';
        font-style: normal;
        font-weight: 300;
        font-display: swap;
        src: local('Fira Sans Light'), local('FiraSans-Light'), url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnPKreSxf6TF0.woff2) format('woff2');
        unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    }
    /* cyrillic */
    
    @font-face {
        font-family: 'Fira Sans';
        font-style: normal;
        font-weight: 300;
        font-display: swap;
        src: local('Fira Sans Light'), local('FiraSans-Light'), url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnPKreQhf6TF0.woff2) format('woff2');
        unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    }
    /* greek-ext */
    
    @font-face {
        font-family: 'Fira Sans';
        font-style: normal;
        font-weight: 300;
        font-display: swap;
        src: local('Fira Sans Light'), local('FiraSans-Light'), url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnPKreShf6TF0.woff2) format('woff2');
        unicode-range: U+1F00-1FFF;
    }
    /* greek */
    
    @font-face {
        font-family: 'Fira Sans';
        font-style: normal;
        font-weight: 300;
        font-display: swap;
        src: local('Fira Sans Light'), local('FiraSans-Light'), url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnPKreRRf6TF0.woff2) format('woff2');
        unicode-range: U+0370-03FF;
    }
    /* vietnamese */
    
    @font-face {
        font-family: 'Fira Sans';
        font-style: normal;
        font-weight: 300;
        font-display: swap;
        src: local('Fira Sans Light'), local('FiraSans-Light'), url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnPKreSRf6TF0.woff2) format('woff2');
        unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
    }
    /* latin-ext */
    
    @font-face {
        font-family: 'Fira Sans';
        font-style: normal;
        font-weight: 300;
        font-display: swap;
        src: local('Fira Sans Light'), local('FiraSans-Light'), url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnPKreSBf6TF0.woff2) format('woff2');
        unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }
    /* latin */
    
    @font-face {
        font-family: 'Fira Sans';
        font-style: normal;
        font-weight: 300;
        font-display: swap;
        src: local('Fira Sans Light'), local('FiraSans-Light'), url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnPKreRhf6.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }
    /* cyrillic-ext */
    
    @font-face {
        font-family: 'Fira Sans';
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: local('Fira Sans Regular'), local('FiraSans-Regular'), url(https://fonts.gstatic.com/s/firasans/v10/va9E4kDNxMZdWfMOD5VvmojLeTY.woff2) format('woff2');
        unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    }
    /* cyrillic */
    
    @font-face {
        font-family: 'Fira Sans';
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: local('Fira Sans Regular'), local('FiraSans-Regular'), url(https://fonts.gstatic.com/s/firasans/v10/va9E4kDNxMZdWfMOD5Vvk4jLeTY.woff2) format('woff2');
        unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    }
    /* greek-ext */
    
    @font-face {
        font-family: 'Fira Sans';
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: local('Fira Sans Regular'), local('FiraSans-Regular'), url(https://fonts.gstatic.com/s/firasans/v10/va9E4kDNxMZdWfMOD5Vvm4jLeTY.woff2) format('woff2');
        unicode-range: U+1F00-1FFF;
    }
    /* greek */
    
    @font-face {
        font-family: 'Fira Sans';
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: local('Fira Sans Regular'), local('FiraSans-Regular'), url(https://fonts.gstatic.com/s/firasans/v10/va9E4kDNxMZdWfMOD5VvlIjLeTY.woff2) format('woff2');
        unicode-range: U+0370-03FF;
    }
    /* vietnamese */
    
    @font-face {
        font-family: 'Fira Sans';
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: local('Fira Sans Regular'), local('FiraSans-Regular'), url(https://fonts.gstatic.com/s/firasans/v10/va9E4kDNxMZdWfMOD5VvmIjLeTY.woff2) format('woff2');
        unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
    }
    /* latin-ext */
    
    @font-face {
        font-family: 'Fira Sans';
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: local('Fira Sans Regular'), local('FiraSans-Regular'), url(https://fonts.gstatic.com/s/firasans/v10/va9E4kDNxMZdWfMOD5VvmYjLeTY.woff2) format('woff2');
        unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }
    /* latin */
    
    @font-face {
        font-family: 'Fira Sans';
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: local('Fira Sans Regular'), local('FiraSans-Regular'), url(https://fonts.gstatic.com/s/firasans/v10/va9E4kDNxMZdWfMOD5Vvl4jL.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }
    /* cyrillic-ext */
    
    @font-face {
        font-family: 'Fira Sans';
        font-style: normal;
        font-weight: 500;
        font-display: swap;
        src: local('Fira Sans Medium'), local('FiraSans-Medium'), url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnZKveSxf6TF0.woff2) format('woff2');
        unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    }
    /* cyrillic */
    
    @font-face {
        font-family: 'Fira Sans';
        font-style: normal;
        font-weight: 500;
        font-display: swap;
        src: local('Fira Sans Medium'), local('FiraSans-Medium'), url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnZKveQhf6TF0.woff2) format('woff2');
        unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    }
    /* greek-ext */
    
    @font-face {
        font-family: 'Fira Sans';
        font-style: normal;
        font-weight: 500;
        font-display: swap;
        src: local('Fira Sans Medium'), local('FiraSans-Medium'), url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnZKveShf6TF0.woff2) format('woff2');
        unicode-range: U+1F00-1FFF;
    }
    /* greek */
    
    @font-face {
        font-family: 'Fira Sans';
        font-style: normal;
        font-weight: 500;
        font-display: swap;
        src: local('Fira Sans Medium'), local('FiraSans-Medium'), url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnZKveRRf6TF0.woff2) format('woff2');
        unicode-range: U+0370-03FF;
    }
    /* vietnamese */
    
    @font-face {
        font-family: 'Fira Sans';
        font-style: normal;
        font-weight: 500;
        font-display: swap;
        src: local('Fira Sans Medium'), local('FiraSans-Medium'), url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnZKveSRf6TF0.woff2) format('woff2');
        unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
    }
    /* latin-ext */
    
    @font-face {
        font-family: 'Fira Sans';
        font-style: normal;
        font-weight: 500;
        font-display: swap;
        src: local('Fira Sans Medium'), local('FiraSans-Medium'), url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnZKveSBf6TF0.woff2) format('woff2');
        unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }
    /* latin */
    
    @font-face {
        font-family: 'Fira Sans';
        font-style: normal;
        font-weight: 500;
        font-display: swap;
        src: local('Fira Sans Medium'), local('FiraSans-Medium'), url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnZKveRhf6.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }
    /* cyrillic-ext */
    
    @font-face {
        font-family: 'Fira Sans';
        font-style: normal;
        font-weight: 600;
        font-display: swap;
        src: local('Fira Sans SemiBold'), local('FiraSans-SemiBold'), url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnSKzeSxf6TF0.woff2) format('woff2');
        unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    }
    /* cyrillic */
    
    @font-face {
        font-family: 'Fira Sans';
        font-style: normal;
        font-weight: 600;
        font-display: swap;
        src: local('Fira Sans SemiBold'), local('FiraSans-SemiBold'), url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnSKzeQhf6TF0.woff2) format('woff2');
        unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    }
    /* greek-ext */
    
    @font-face {
        font-family: 'Fira Sans';
        font-style: normal;
        font-weight: 600;
        font-display: swap;
        src: local('Fira Sans SemiBold'), local('FiraSans-SemiBold'), url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnSKzeShf6TF0.woff2) format('woff2');
        unicode-range: U+1F00-1FFF;
    }
    /* greek */
    
    @font-face {
        font-family: 'Fira Sans';
        font-style: normal;
        font-weight: 600;
        font-display: swap;
        src: local('Fira Sans SemiBold'), local('FiraSans-SemiBold'), url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnSKzeRRf6TF0.woff2) format('woff2');
        unicode-range: U+0370-03FF;
    }
    /* vietnamese */
    
    @font-face {
        font-family: 'Fira Sans';
        font-style: normal;
        font-weight: 600;
        font-display: swap;
        src: local('Fira Sans SemiBold'), local('FiraSans-SemiBold'), url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnSKzeSRf6TF0.woff2) format('woff2');
        unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
    }
    /* latin-ext */
    
    @font-face {
        font-family: 'Fira Sans';
        font-style: normal;
        font-weight: 600;
        font-display: swap;
        src: local('Fira Sans SemiBold'), local('FiraSans-SemiBold'), url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnSKzeSBf6TF0.woff2) format('woff2');
        unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }
    /* latin */
    
    @font-face {
        font-family: 'Fira Sans';
        font-style: normal;
        font-weight: 600;
        font-display: swap;
        src: local('Fira Sans SemiBold'), local('FiraSans-SemiBold'), url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnSKzeRhf6.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }
    
    html {
        font-size: 62.5%;
        scroll-behavior: smooth;
    }
    
    body {
        --main-color: #283526;
        --primry-color: #888888;
        --button-background: #4b709e;
        --primary-button-background: #fe7649;
        --background-color: #f0f7ff;
    }
    
    h1,
    h2 {
        font-family: Avenir LT Std;
        color: var(--main-color);
    }
    
    h4,
    h3 {
        font-family: "muli";
        color: var(--main-color);
    }
    
    h3 {
        font-weight: 750;
        font-size: 2rem;
        line-height: 4rem;
        text-transform: capitalize;
    }
    
    p,
    a,
    li,
    button {
        font-family: "muli";
        color: var(--primry-color);
    }
    
    p {
        font-size: 2.2rem;
        line-height: 150%;
        font-style: normal;
        font-weight: normal;
    }
    
    a {
        text-decoration: none;
        cursor: pointer;
    }
    
    li {
        list-style: none;
    }
    
    button {
        padding: 1rem 3rem;
        border-radius: 2rem;
        border: none;
        outline: none;
        line-height: 3.6rem;
        text-transform: capitalize;
        cursor: pointer;
        font-style: normal;
        font-weight: normal;
        font-size: 2rem;
    }
    /* -------------------------------------- nav bar
--------------------------------------------------------------------------- */
    
    header {
        padding: 0;
    }
    
    header nav .left-side-menu .sub-menu a {
        margin-right: 1.3rem;
    }
    
    header nav .left-side-menu .sub-menu a li {
        font-size: 1.8rem;
        line-height: 3.6rem;
        font-weight: 600;
        text-transform: capitalize;
        color: #000000;
        transition: all 0.2s;
    }
    
    header nav .left-side-menu .sub-menu a li:hover {
        color: #cd201f
    }
    /* right side menu css style  */
    /* header .right-side-menu {
  width: 50%;
  display: flex;
  justify-content: end;
} */
    /* header .right-side-menu .sub-menu {
  width: 100%;
  height: inherit;
  display: flex;
  align-items: center;
  justify-content: flex-end;
} */
    /* header .right-side-menu .sub-menu a {
  margin-right: 8rem;
  padding: 0.7rem 2rem;
  background: rgba(255, 255, 255, 0.5);
  font-size: 2rem;
  cursor: pointer;
  border-radius: 1rem;
  position: relative;
  z-index: 9;
} */
    /* header .right-side-menu .sub-menu button {
  padding: 0.5rem 2.5rem;
  background-color: var(--button-background);
  color: #fff;
  position: relative;
  z-index: 9;
} */
    /* header .right-side-menu .sub-menu button:hover {
  background: #1b3d68;
}

header .right-side-menu .sub-menu a li:hover {
  color: var(--button-background);
} */
    /* --------------------------------------  home css style 
--------------------------------------------------------------------------- */
    
    .main-hero-section {
        margin-top: 50px;
        margin-bottom: 50px;
    }
    
    .main-hero-section .hero-left-side {
        width: 70%;
        /* margin-right: 90px; */
        padding-right: 50px;
        /* margin-top: 130px; */
        /* display: flex; */
        justify-content: center;
        /* align-items: flex-start; */
        flex-direction: column;
    }
    
    .main-hero-section h1 {
        font-size: 48px;
        line-height: 58px;
        margin-bottom: 20px;
        /* margin-top: 30%; */
        text-transform: capitalize;
        font-family: Marcellus-Regular;
    }
    
    .main-hero-section h2 {
        font-size: 32px;
        line-height: 28px;
        font-family: 'FiraSans-Medium';
        margin-bottom: 20px;
    }
    
    .main-hero-section p {
        text-align: left;
        font-family: FiraSans-Regular;
        font-size: 18px;
        line-height: 27px;
        color: #000;
        text-align: justify;
    }
    /* .main-hero-section a img {
  width: 13rem;
  height: 4rem;
} */
    /* .main-hero-section .button-group .appStore {
  height: 4.3rem;
  margin-bottom: -0.4rem;
}

.main-hero-section .button-group a:first-child {
  margin-right: 2.5rem;
} */
    /* ------------------- home page 
------------------------------------ */
    
    .main-hero-section .hero-right-side img {
        width: 400px;
        height: 300px;
        /* image border radius*/
        border-radius: 15px;
    }
    /* ------------------- 2nd section left side css style 
------------------------------------ */
    
    .hero-left-side1 {
        justify-content: center;
        align-items: center;
        display: flex;
        flex-direction: row;
    }
    
    .common-section {
        width: 100%;
        /* height: 70rem; */
        display: flex;
        /* grid-template-columns: 1fr 1fr; */
        /* margin-bottom: 9rem; */
        padding: 0 8rem;
    }
    /* .common-section .left-side {
  width: inherit;
  height: inherit;
} */
    
    .common-section .left-side figure {
        /* width: 20rem; */
        height: 55rem;
        height: 55rem;
        background: #f3f9ff;
        border-radius: 20px;
        margin-right: 75px;
    }
    
    .common-section .left-side img {
        width: 35rem;
        height: 30rem;
        border-radius: 2rem;
        margin-left: 4rem;
        margin-top: 9.5rem;
        margin-right: 30px;
    }
    /* -------------------  2nd section right side css style 
------------------------------------ */
    
    .empty-box {
        padding-top: 150px;
    }
    
    .common-section .right-side {
        width: 100%;
        /* height: 10rem; */
        /* display: flex; */
        justify-content: center;
        /* align-items: flex-start; */
        /* flex-direction: column; */
        text-align: justify;
    }
    
    .common-section .right-side h2 {
        /* width: 60rem; */
        /* padding-top: 100px; */
        font-style: normal;
        font-size: 3.5rem;
        font-weight: bold;
        line-height: 6.3rem;
        margin-bottom: 3rem;
    }
    
    .common-section .right-side p {
        /* width: 85rem; */
        /* height: 9rem; */
        margin-bottom: 3rem;
    }
    /* .common-section .right-side .common-button {
  padding: 1rem 3rem;
  background-color: var(--primary-button-background);
  margin-right: 2rem;
  color: #fff;
} */
    /* .common-section .right-side button:last-child {
  color: var(--main-color);
  background-color: transparent;
}

.common-section .right-side .common-button:hover {
  background: #cc491d;
}

.common-section .right-side .common-button-normal:hover {
  background: var(--primary-button-background);
  color: #f0f7ff;
} */
    /* -------------------  3rd section  css style 
------------------------------------ */
    
    .section-third {
        width: 100%;
        /* height: 10px; */
        background: var(--background-color);
        padding: 50px 0;
    }
    
    .section-third h2 {
        text-align: center;
        font-size: 32px;
        line-height: 28px;
        font-family: 'FiraSans-Medium';
        margin-bottom: 20px;
    }
    
    .section-third p {
        width: 100%;
        text-align: left;
        /* height: 35rem; */
        padding-bottom: 4rem;
        /* text-align: center; */
        margin: auto;
        font-family: 'FiraSans-Regular';
        font-size: 18px;
        color: #000;
        line-height: 27px;
    }
    
    .section-third-task img {
        height: 300px;
        width: 100%;
    }
    
    .section-third-task h3 {
        font-size: 20px;
        line-height: 30px;
        text-transform: capitalize;
        font-family: 'FiraSans-Medium';
        font-weight: normal;
        padding: 20px 0;
    }
    
    .section-third .section-third-task .task-1,
    .section-third .section-third-task .task-2,
    .section-third .section-third-task .task-3,
    .section-third .section-third-task .task-4,
    .section-third .section-third-task .task-5 {
        padding-top: 2rem;
        /* background: cornsilk; */
        text-align: center;
        transition: all 0.3s linear;
        border-radius: 2rem;
    }
    
    .section-third .section-third-task .task-1 h3,
    .section-third .section-third-task .task-2 h3,
    .section-third .section-third-task .task-3 h3,
    .section-third .section-third-task .task-4 h3,
    .section-third .section-third-task .task-5 h3 {
        font-size: 20px;
        text-transform: capitalize;
        margin-top: 2rem;
        font-family: 'FiraSans-Medium';
        font-weight: normal;
        line-height: 30px;
    }
    
    .section-third .section-third-task .task-1 img,
    .section-third .section-third-task .task-2 img,
    .section-third .section-third-task .task-3 img,
    .section-third .section-third-task .task-4 img,
    .section-third .section-third-task .task-5 img {
        width: 15rem;
        height: 15rem;
        transition: all 0.3s;
    }
    
    .section-third .section-third-task .task-1 img,
    .section-third .section-third-task .task-2 img,
    .section-third .section-third-task .task-3 img,
    .section-third .section-third-task .task-4 img,
    .section-third .section-third-task .task-5 img {
        height: 16rem;
    }
    /* .section-third .section-third-task .task-3 {
  background: #fff;
  box-shadow: 0rem 0.4rem 2rem rgba(35, 52, 53, 0.25);
} */
    
    .section-third .section-third-task .task-1:hover,
    .section-third .section-third-task .task-2:hover,
    .section-third .section-third-task .task-3:hover,
    .section-third .section-third-task .task-4:hover,
    .section-third .section-third-task .task-5:hover {
        background: #fff;
        box-shadow: 0rem 0.4rem 2rem rgba(35, 52, 53, 0.25);
    }
    /* .section-third .section-third-task .task-1:hover>img,
.section-third .section-third-task .task-2:hover>img,
.section-third .section-third-task .task-3:hover>img,
.section-third .section-third-task .task-4:hover>img,
.section-third .section-third-task .task-5:hover>img {
  transform: rotate(360deg);
} */
    /* -------------------  4th section  css style 
------------------------------------ */
    /* -------------------  5th section  css style 
------------------------------------ */
    
    #conference-timeline {
        position: relative;
        margin: 50px auto 50px;
    }

    #conference-timeline .section-title{
        font-size: 32px;
        line-height: 28px;
        font-family: 'FiraSans-Medium';
        margin-bottom: 20px;
    }
    
    #conference-timeline .timeline-start,
    #conference-timeline .timeline-end {
        display: table;
        font-family: 'FiraSans-Medium';
        font-size: 18px;
        font-weight: normal;
        text-transform: uppercase;
        background: #00b0bd;
        padding: 10px 23px;
        color: #fff;
        max-width: 5%;
        width: 100%;
        text-align: center;
        margin: 0 auto;
    }
    
    #conference-timeline .conference-center-line {
        position: absolute;
        width: 3px;
        height: 100%;
        top: 0;
        left: 50%;
        margin-left: -2px;
        background: #00b0bd;
        z-index: -1;
    }
    
    #conference-timeline .conference-timeline-content {
        padding-top: 67px;
        padding-bottom: 67px;
    }
    
    .timeline-article {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
        margin: 40px 0;
    }
    
    .timeline-article .content-left-container,
    .timeline-article .content-right-container {
        max-width: 44%;
        width: 100%;
        /* padding-top: 30px; */
    }
    
    .timeline-article .content-left:hover,
    .timeline-article .content-right:hover {
        transform: scale(1.1);
        /* padding-top: 30px; */
    }
    
    .timeline-article .timeline-author {
        display: block;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        color: #242424;
        text-align: right;
    }
    
    .timeline-article .content-left,
    .timeline-article .content-right {
        position: relative;
        width: auto;
        border: 1px solid #ddd;
        background-color: #fff;
        box-shadow: 0 1px 3px rgba(0, 0, 0, .03);
        padding: 27px 25px;
    }
    
    .timeline-article p {
        margin: 0 0 0 60px;
        padding: 0;
        font-weight: 400;
        color: #242424;
        font-size: 18px;
        line-height: 24px;
        position: relative;
        font-family: 'FiraSans-Regular';
    }
    
    .timeline-article p span.article-number {
        position: absolute;
        font-weight: 300;
        font-size: 32px;
        top: 2px;
        left: -60px;
        color: #00b0bd;
    }
    
    .timeline-article .content-left-container {
        float: left;
    }
    
    .timeline-article .content-right-container {
        float: right;
    }
    
    .timeline-article .content-left:before,
    .timeline-article .content-right:before {
        position: absolute;
        top: 20px;
        font-size: 18px;
        font-family: "FontAwesome";
        color: #fff;
    }
    
    .timeline-article .content-left:before {
        content: "\f0da";
        right: -8px;
    }
    
    .timeline-article .content-right:before {
        content: "\f0d9";
        left: -8px;
    }
    
    .timeline-article .meta-date {
        position: absolute;
        top: 0;
        left: 50%;
        width: 76px;
        height: 76px;
        margin-left: -37px;
        color: #fff;
        border-radius: 100%;
        background: #00b0bd;
    }
    
    .timeline-article .meta-date .date,
    .timeline-article .meta-date .year,
    .timeline-article .meta-date .month {
        display: block;
        text-align: center;
        font-weight: 500;
    }
    
    .timeline-article .meta-date .date {
        padding-top: 7px;
        font-size: 17px;
        line-height: 30px;
        font-family: 'FiraSans-Medium';
    }
    
    .timeline-article .meta-date .month {
        font-size: 15px;
        line-height: 10px;
        font-family: 'FiraSans-Regular';
    }
    
    .timeline-article .meta-date .year {
        font-size: 15px;
        font-family: 'FiraSans-Regular';
        /* line-height: 10px; */
    }
    /*===== // Vertical Timeline =====*/
    /*===== Resonsive Vertical Timeline =====*/
    
    @media only screen and (max-width: 830px) {
        #conference-timeline .timeline-start,
        #conference-timeline .timeline-end {
            margin: 0;
        }
        #conference-timeline .conference-center-line {
            margin-left: 0;
            left: 50px;
        }
        .timeline-article .meta-date {
            margin-left: 0;
            left: 20px;
        }
        .timeline-article .content-left-container,
        .timeline-article .content-right-container {
            max-width: 100%;
            width: auto;
            float: none;
            margin-left: 110px;
            min-height: 53px;
        }
        .timeline-article .content-left-container {
            margin-bottom: 20px;
        }
        .timeline-article .content-left,
        .timeline-article .content-right {
            padding: 10px 25px;
            min-height: 65px;
        }
        .timeline-article .content-left:before {
            content: "\f0d9";
            right: auto;
            left: -8px;
        }
        .timeline-article .content-right:before {
            display: none;
        }
    }
    
    @media only screen and (max-width: 400px) {
        .timeline-article p {
            margin: 0;
        }
        .timeline-article p span.article-number {
            display: none;
        }
    }
    
    .fa-heart {
        color: #f75d5d;
    }
    /* ------------------- 6th section Footer css style 
------------------------------------ */
    
    footer {
        width: 100%;
        background: #fafbfb;
        height: auto;
        padding: 5rem 10rem;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    
    footer .footer-menu {
        /* margin-top: 3rem; */
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    
    footer div h4 {
        font-size: 18px;
        text-transform: capitalize;
        color: darkred;
        font-family: 'FiraSans-Medium';
        margin-bottom: 10px;
    }
    
    .footer-div-2 li a {
        font-family: 'FiraSans-Regular';
        font-size: 14px;
        color: #000;
    }
    
    .footer-div-2 li {
        margin-bottom: 6px;
    }
    
    footer div a {
        font-size: 1.7rem;
        line-height: 150%;
    }
    
    footer .footer-div-5 a {
        font-size: 1.5rem;
    }
    
    .footer-menu li {
        color: #000000;
        font-family: 'FiraSans-Regular';
    }
    /* -------------------  7th section social media css style 
------------------------------------ */
    
    .icon-bar {
        position: fixed;
        top: 50%;
        transform: translateY(-50%);
        z-index: 10;
        width: 0;
    }
    
    .icon-bar a {
        width: 18rem;
        background: #3b5999;
        color: #fff;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        font-size: 1.7rem;
        padding: 0.5rem;
        transition: all 0.5s linear;
        transform: translateX(-14.5rem);
    }
    
    .icon-bar a:hover {
        transform: translateX(0);
    }
    
    .icon-bar a .fab {
        padding-left: 1rem;
        font-size: 3rem;
        animation: letszoom 3s linear alternate-reverse infinite;
    }
    
    @keyframes letszoom {
        from {
            transform: scale(0.6);
        }
        to {
            transform: scale(0.9);
        }
    }
    
    .icon-bar .twitter {
        background: #00aced;
    }
    
    .icon-bar .instagram {
        background: #e4405f;
    }
    
    .icon-bar .youtube {
        background: #cd201f;
    }
    
    .icon-bar .linkedin {
        background: #0077b5;
    }
    
    .brightred {
        width: 20%;
        background-color: #ed1c24;
        height: 60px;
        float: left;
        bottom: 0;
        /* position: absolute; */
        z-index: 2;
    }
    
    .darkred {
        width: 80%;
        background-color: #b7202e;
        height: 60px;
        float: left;
        bottom: 0;
        /* position: absolute; */
        right: 0;
    }
    /* color: #ff1111; */
    /* height: 50px; */
    /* ----------------------------responsive website layout start 
 ---------------------------*/
    /* @media (max-width: 1620px) {

  header,
  .main-hero-section,
  .common-section {
    padding: 0 12rem;
  }

  .main-hero-section .hero-right-side img {
    width: 95rem;
    height: 95rem;
    margin-right: 30rem;
  }
} */
    /* laptop devices  */
    /* @media (max-width: 1280px) {

  header,
  .main-hero-section,
  .common-section {
    padding: 0 10rem;
  }

  html {
    font-size: 50%;
  }

  .main-hero-section .hero-right-side img {
    width: 80rem;
    height: 80rem;

    margin-right: 28rem;
    margin-top: 5rem;
  }
} */
    /* tablet mode css style   */
    /* @media (max-width: 980px) {

  header,
  .main-hero-section,
  .common-section,
  .section-third {
    padding: 0 8rem;
  }

  .main-hero-section .hero-right-side {
    width: 100%;
    position: relative;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .main-hero-section .hero-right-side img {
    width: 60rem;
    height: 60rem;
    margin-right: 0;
    margin-top: 5rem;
  }

  .common-section {
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: 1fr;
  }

  .common-section .left-side figure {
    height: 55rem;
  }

  .common-section .left-side figure img {
    height: 50rem;
    margin-left: 5rem;
    width: 35rem;
  }

  .common-section .right-side {
    margin-top: 6rem;
    justify-content: start;
    height: auto;
  }

  .common-section .right-side h2 {
    font-size: 4.5rem;
    width: 35rem;
  }

  .section-third {
    height: auto;
    padding: 0 5rem;
    padding-bottom: 5rem;
  }

  .section-third h2 {
    width: auto;
    padding: 0 1rem;
    font-size: 4.5rem;
    line-height: 6rem;
    padding-top: 5rem;
  }

  .section-third .section-third-task {
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 4rem;
    padding: 0;
  }

  .section-third .section-third-task .task-1 img,
  .section-third .section-third-task .task-2 img,
  .section-third .section-third-task .task-3 img {
    width: 15rem;
    height: 15rem;
  }

  .section-third .section-third-task .task-2 {
    margin: 2rem 0;
  }


  #section-four .right-side {
    order: 2;
  }

  #section-four .right-side h2 {
    width: 40rem;
  }

  #section-four .left-side img {
    height: 38rem;
    width: 38rem;
    margin-top: 5rem;
  }


  #section-five .right-side {
    order: 2;
  }

  #section-five .right-side h2 {
    width: 40rem;
    font-size: 3.5rem;
    line-height: 4.2rem;
  }

  #section-five .left-side img {
    height: 38rem;
    width: 38rem;
    margin-top: 5rem;
  }

  footer {
    width: 100%;
    padding: 3rem 5rem;
    display: grid;
    grid-template-columns: none;
  }

  footer .footer-menu {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  footer .footer-menu h4 {
    font-size: 1.5rem;
  }

  .icon-bar {
    top: 35%;
  }
} */
.section-third-task .nav-link { padding: 15px 30px 15px 30px;  background-color: #e7e8e966; position: relative;  font-family: 'FiraSans-Medium';font-size: 16px;  color: #000;}
.section-third-task .nav-link.active {opacity: 1; background-color: #fff; border-left: 1px solid #00000033;  border-right: 1px solid #00000033;}
.section-third-task .nav-link.active:before { content: ""; position: absolute; top: -1px;  left: 0;width: 100%;  height: 5px; background-color: #000000;}
.section-third-task .tab-content a, .section-third-task .tab-content li {color: #069;  font-family: 'FiraSans-Medium'; font-size: 18px; }
.section-third-task .tab-content li{font-family: 'FiraSans-Regular'; color: #000; list-style-type: disc; width: 100%; float: left; padding-left: 0;
    margin-bottom: 10px;  font-size: 16px;padding-right: 20px;}
.section-third-task .tab-content ul{margin-left: 20px;column-count: 3;}
h5.card-title { font-size: 20px; font-family: 'FiraSans-Medium'; margin-bottom: 20px;}
strong { font-family: 'FiraSans-Medium'; font-weight: normal;}
 @media (max-width: 767px) {
    .brandmenu .menu-item:before{display: none;}
    .section-third-task .tab-content li{width:100%;}
    .section-third-task .nav-link {padding: 15px 15px 15px 15px; font-size: 17px;}
 }

.patron-wrap {box-shadow: 0px 0px 10px #00000029; padding: 12px;margin-bottom: 20px;min-height: 115px;}
.patron-wrap h4 {font-family: 'FiraSans-Medium';font-size: 17px;}
.patron-wrap .designation {font-size: 14px; font-family: 'FiraSans-Medium';}
.patron-wrap .institute {font-size: 15px; font-family: 'FiraSans-Regular'; }

.Registration ul li {list-style-type: disc; color: #000; font-family: 'FiraSans-Regular'; font-size: 18px;
    margin-bottom: 10px;}
.Registration ul { margin-left: 20px;}
.Registration a { font-family: 'FiraSans-Medium'; color: #069; text-decoration: underline; font-size: 18px;}
.Registration table { width: 100%;}
.Registration tr td { padding: 6px; font-family: 'FiraSans-Regular'; font-size: 15px;width: 50%;}
.Registration tr td strong{font-size: 16px;}
.Registration tr th { font-family: 'FiraSans-Medium';padding: 6px;font-size: 18px; font-weight: normal;color: #b7202e;}

section.Contact h3 {font-family: 'FiraSans-Medium'; margin-bottom: 0;line-height: 33px;
    font-size: 18px; font-weight: normal;}
section.Contact p { font-family: 'FiraSans-Regular'; color: hsl(0, 0%, 0%); font-size: 16px;line-height: 29px;    margin-bottom: 0;  padding-bottom: 20px;}
.Contact a{color: #069;  font-family: 'FiraSans-Medium';}

.svvusercard{
    width: 100%;
    border-radius: 0px;
    margin-bottom: 50px;
    position: relative;
    padding: 30px;
    background-color: #f5f6f6;
    border-bottom: 2px solid #fff0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    transition: 0.5s;
}

.svvusercard:last-child{
    margin-bottom: 0px;
}

.svvusercard .svvusercard-imgwrap {
    width: 240px;
}

.svvusercard .svvusercard-imgwrap img {
    width: 100%;
}

.userroundshadow {
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .1607843137);
    border: 6px solid #eeefef;
}

.svvusercard .svvusercard-text {
    width: calc(100% - 270px);
}

.svvusercard .svvusercard-text h3{
    font-family: 'FiraSans-Medium';
    font-weight: normal;
}

.svvusercard .svvusercard-text .svvusercard-collapsebtn {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.svvusercard .svvusercard-text .svvusercard-collapsebtn button.svv-btn {
    border: 1px solid #000 !important;
}

.svvusercard .svvusercard-text .svvusercard-collapsebtn button.svv-btn:focus {
    outline: none;
}

.svv-smiconbtn {
    height: 35px;
    width: 35px;
    padding: 0px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
}

.svvusercard .svvusercard-text .svvusercard-collapsebtn button.svv-btn i{
    color: #000000;
    font-size: 15px;
}
.svvusercard .svvusercard-text .svvusercard-collapsebtn button.svv-btn.collapsed i:nth-child(1){
    display: block;
    
}

.svvusercard .svvusercard-text .svvusercard-collapsebtn button.svv-btn.collapsed i:nth-child(2){
    display: none;
}

.svvusercard .svvusercard-text .svvusercard-collapsebtn button.svv-btn i:nth-child(1){
    display: none;
}

.svvusercard .svvusercard-text .svvusercard-collapsebtn button.svv-btn i:nth-child(2){
    display: block;
}




    /* mobile devices */
    
    @media (max-width: 770px) {
        footer .footer-menu {
            /* margin-top: 3rem; */
            display: block;
            grid-template-columns: 1fr 1fr 1fr 1fr;
            padding-top: 20px;
        }
        footer {
            width: 100%;
            background: #fafbfb;
            height: auto;
            padding: 20px;
            display: block;
            grid-template-columns: 1fr 1fr;
        }
        .section-third-task img {
            height: 230px;
            width: 100%;
        }
        .main-hero-section h2 {
            font-size: 26px;
            line-height: 32px;
        }
        .main-hero-section h1 {
            font-size: 42px;
            line-height: 58px;
            margin-bottom: 10px;
        }
        header {
            padding: 0 10px;
        }
        .main-hero-section img {
            margin-bottom: 10px;
        }
        /*
  header,
  .main-hero-section,
  .common-section {
    padding: 0 5rem;
  }

  header nav {
    padding-top: 1rem;
    display: flex;
    flex-flow: column;
    align-items: flex-start;
  }

  header nav .left-side-menu {
    width: 100%;
    display: block;
    order: 2;
  }

  header nav .left-side-menu img {
    display: block;
    width: 100%;
  }

  header .left-side-menu .sub-menu {
    width: 100%;
    display: block;
  }

  header nav .left-side-menu .sub-menu a {
    margin-right: 2rem;
  }

  header nav .left-side-menu .sub-menu a li {
    font-size: 1.7rem;
  }

  header nav .right-side-menu {
    width: 100%;
    order: 1;
  }

  header nav .right-side-menu .sub-menu a {
    width: 10rem;
    height: 3.5rem;
    border: 0.1rem solid var(--main-color);
    border-radius: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 1rem;
  }

  header nav .right-side-menu .sub-menu a li {
    font-size: 1.5rem;
    margin-right: 0;
    text-transform: uppercase;
  }

  header nav .right-side-menu .sub-menu button {
    width: 13rem;
    font-size: 1.5rem;
    text-transform: uppercase;
  }

  .main-hero-section {
    width: 100%;
    height: 80vh;
    display: flex;
    flex-flow: column;
  }

  .main-hero-section .hero-left-side {
    order: 2;
    width: 100%;
  }

  .main-hero-section .hero-left-side h1 {
    width: 35rem;
    font-size: 5rem;
    line-height: 6rem;
    margin-bottom: 2rem;
  }

  .main-hero-section .hero-left-side p {
    width: 35rem;
    font-size: 2rem;
    margin-bottom: 5rem;
  }

  .main-hero-section .hero-right-side {
    order: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background: transparent;
  }

  .main-hero-section .hero-right-side img {
    width: 35rem;
    height: 35rem;
    margin: 0;
    margin-top: 4rem;
  }*/
        .main-hero-section .hero-right-side img {
            padding-right: 0;
        }

        #conference-timeline .section-title{
            font-size: 26px;
            line-height: 32px;
        }

        .svvusercard{
            flex-wrap: wrap;
            margin-bottom: 30px;
            padding: 20px;
        }

        .svvusercard .svvusercard-imgwrap {
            width: 100%
        }

        .svvusercard .svvusercard-text{
            width: 100%;
            margin-top: 10px;
        }
    }



.link{font-size: 16px;
    color: #069;
    font-family: 'FiraSans-Medium';
    white-space: nowrap;
    position: absolute;
    right: 50px;
    text-decoration: underline;}