* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Inter', sans-serif
}

body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px;
    color: #000;
    background: #fff
}
@font-face{font-family:'Inter';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Inter';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Inter';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Inter';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:'Inter';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.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}@font-face{font-family:'Inter';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.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}@font-face{font-family:'Inter';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.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}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.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}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.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}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.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}@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.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}@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.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}@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.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}@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.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}@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.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}@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.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}@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.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}@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.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}@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.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}@font-face{font-family:'Inter';font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Inter';font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Inter';font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Inter';font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:'Inter';font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.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}@font-face{font-family:'Inter';font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.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}@font-face{font-family:'Inter';font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.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}@font-face{font-family:'Inter';font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Inter';font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Inter';font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Inter';font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:'Inter';font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.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}@font-face{font-family:'Inter';font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.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}@font-face{font-family:'Inter';font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.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}
@font-face{font-family:'Sanchez';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/sanchez/v13/Ycm2sZJORluHnXbIfmdR_SwE.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}@font-face{font-family:'Sanchez';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/sanchez/v13/Ycm2sZJORluHnXbIfmlR_Q.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}
@font-face{font-family:'Kalam';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/kalam/v16/YA9Qr0Wd4kDdMtD6GjLNkiQ4tg.woff2) format('woff2');unicode-range:U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB}@font-face{font-family:'Kalam';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/kalam/v16/YA9Qr0Wd4kDdMtD6GjLCkiQ4tg.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}@font-face{font-family:'Kalam';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/kalam/v16/YA9Qr0Wd4kDdMtD6GjLMkiQ.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}@font-face{font-family:'Kalam';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/kalam/v16/YA9dr0Wd4kDdMthQOCfzsw.woff2) format('woff2');unicode-range:U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB}@font-face{font-family:'Kalam';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/kalam/v16/YA9dr0Wd4kDdMthfOCfzsw.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}@font-face{font-family:'Kalam';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/kalam/v16/YA9dr0Wd4kDdMthROCc.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}@font-face{font-family:'Kalam';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/kalam/v16/YA9Qr0Wd4kDdMtDqHTLNkiQ4tg.woff2) format('woff2');unicode-range:U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB}@font-face{font-family:'Kalam';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/kalam/v16/YA9Qr0Wd4kDdMtDqHTLCkiQ4tg.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}@font-face{font-family:'Kalam';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/kalam/v16/YA9Qr0Wd4kDdMtDqHTLMkiQ.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}

body {
    font-family: 'Inter', sans-serif;
    font-weight: normal;
}

a {
    -webkit-transition: .5s ease-out;
    -moz-transition: .5s ease-out;
    -o-transition: .5s ease-out;
    transition: .5s ease-out;
    text-decoration: none;
    color: #f26629
}
ul {
    margin: 0;
    padding: 0;
    list-style: none
}

h1,
h2,
h3,
h4,
h5,
h6,
figure {
    margin: 0;
    padding: 0
}

img {
    max-width: 100%
}

header,
footer,
section {
    display: block
}

header::after,
header::before,
footer::after,
footer::before,
section::after,
section::before {
    display: table;
    clear: both;
    content: ""
}

.container {
    margin: auto;
    max-width: 1200px;
    padding-left: 15px;
    padding-right: 15px
}

button {
    cursor: pointer;
    padding: 10px 15px
}

select {
    appearance: none
}

p,
span {
    margin: 0;
    padding: 0
}

a:hover {
    text-decoration: none
}

.ml-auto {
    margin-left: auto
}

.mr-auto {
    margin-right: auto
}

.paddTop0 {
    padding-top: 0 !important
}

@font-face {
    font-family: JosefinSans-Regular;
    src: url(../fonts/JosefinSans-Regular.eot);
    src: local('☺'), url(../fonts/JosefinSans-Regular.woff) format('woff'), url(../fonts/JosefinSans-Regular.ttf) format('truetype'), url(../fonts/JosefinSans-Regular.svg) format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: auto
}



@font-face {
    font-family: 'Inter', sans-serif;
    src: url("https://fonts.googleapis.com/css2?family=PT+Sans&display=swap");
    font-weight: normal;
    font-style: normal;
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}
p {
    font-size: 17px;
    line-height: 1.667em;
    letter-spacing: -.005em;
}
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.d-flex {
    display: flex
}

.form-control {
    display: block;
    width: 100%;
    height: 50px;
    padding: .375rem .75rem;
    font-size: 15px;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.form-control::-webkit-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::-ms-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

select.form-control[multiple],
select.form-control[size] {
    height: auto
}

.form-group textarea.form-control {
    height: 120px
}

.form-group {
    margin-bottom: 20px;
    position: relative
}

.input-group {
    position: relative;
    display: flex;
    border-collapse: separate
}

.display-error {
    position: absolute;
    left: 0;
    bottom: -20px;
    width: 100%;
    font-size: 13px
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 30px auto;
    pointer-events: auto
}

.btn {
    padding: .375rem .75rem
}

.modal-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.text-center {
    text-align: center
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.text-left {
    text-align: left !important
}

#snow {
    position: fixed;
    z-index: 9999999999;
    pointer-events: none;
    width: 100%;
    height: 100%;
    top: 0
}

.branding-logo {
    position: relative;
    top: 4px
}

.full-header {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    position: fixed;
    left: 0;
    z-index: 999;
    top: 0;
    background: 0, 0
}

.full-header .navbar {
    width: 100%;
}

.navbar .navbar-nav {}

.navbar-nav .nav-item {}

.navbar-nav .nav-item .nav-link {
    text-transform: uppercase;
    font-size: 16px;
    line-height: 23px;
    color: #000;
    font-family: 'Inter', sans-serif;
}

.lets-btn {
    background: #fff;
    border: 1px solid #e3e3e3;
    padding: 10px 15px;
    border-radius: 5px;
    font-size: 15px;
    color: #000;
    font-family: 'Inter', sans-serif;
    box-shadow: 0 2px 10px rgb(0 0 0/11%);
    min-width: 145px;
    display: inline-flex
}

.btn.GetQuoteBtn {
    height: 44px
}

.lets-btn span {
    display: inline-block;
    margin-right: 10px
}

.menu-btn {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #000;
    font-family: 'Inter', sans-serif;
    background: 0 0;
    border: none
}

.menu-btn img {
    margin-left: 13px
}

.right-nav-bt {
    display: flex;
    align-items: center
}

.right-nav-bt .lets-btn {
    margin: 0 0 0 25px
}

.right-nav-bt .mar-left0 {
    margin-left: 0
}

.btn {
    border: 0;
    height: auto;
    align-items: center;
    padding: 10px 15px;
    border-radius: 5px;
    font-size: 15px;
    color: #000;
    font-family: 'Inter', sans-serif;
    display: inline-flex;
    justify-content: center
}

.btn-orange {
    background: linear-gradient(to right, #454545 0, #655858  100%);
    box-shadow: 0 2px 10px #454545;
    color: #fff;
}

.btn-purple {
    background: linear-gradient(to right, #f26629  0, #f26629cc  100%);
    box-shadow: 0 2px 10px #f26629cc ;
    color: #fff;
    height: auto;
}

.btn-pink {
    background: linear-gradient(to right, #116FDA 0, #116fdae3 100%);
    box-shadow: 0 2px 10px #f26629cc ;
    color: #fff
}

.btn-white {
    background: #fff;
    box-shadow: 0 2px 10px rgb(255 255 255/55%);
    color: #000
}

.btn-orange:hover {
    background: linear-gradient(to right, #f26629 0, #b07a62 100%);
    box-shadow: 0 5px 35px #0c57ad59
}

.btn-purple:hover {
    background: linear-gradient(to right, #454545 0, #454564 100%);
    box-shadow: 0 5px 35px #0c57ad59;
    color: #fff;
}

.btn-pink:hover {
    background: linear-gradient(to right, #0c57ad 0, #0c57ad 100%);
    box-shadow: 0 5px 35px #0c57ad59;
    color: #fff;
}

.btn-white:hover {
    background: #000;
    box-shadow: 0 5px 35px rgb(0 0 0/40%);
    color: #fff
}

.ml-atuo {
    margin-left: auto
}

.m-0 {
    margin: 0 !important
}

.mb-0 {
    margin-bottom: 0 !important
}

body.fixed header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2)
}

.lt-btn {
    margin-top: 40px
}

.whatsappBtn {
    position: relative;
    top: 0px;
    margin-right: 15px
}

.whatsappBtn img {
    height: 44px;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgb(0 0 0/11%)
}

.main-heading-box {
    max-width: 770px;
    margin: auto;
    text-align: center;
    margin-bottom: 60px;
    padding: 0 15px
}

.main-heading-box h5 {
    font-size: 18px;
    color: #454545;
    font-family: 'Inter', sans-serif;
    margin-bottom: 0
}

.main-heading-box h3, .main-heading-box h2, .main-heading-box h1, .main-heading-box h6, .main-heading-box h4 {
    font-size: 40px;
    color: #181b1b;
    font-family: 'Inter', sans-serif;
    margin-bottom: 10px;
    text-align: center;
}


.section-padding {
    padding: 100px 0
}

.btn-link-arrow {
    position: relative;
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    font-family: 'Inter', sans-serif;
    color: #454545;
}

.btn-link-arrow img {
    width: 30px
}

.btn-link-arrow:after {
    content: "";
    height: 2px;
    width: 0%;
    background: #647A92;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: .3s
}

.btn-link-arrow:hover:after {
    width: 100%
}

.blog-box-in h4 a {
    font-size: 18px;
    font-family: 'Inter', sans-serif;
    color: #000;
    margin-bottom: 5px;
    display: block;
    line-height: 25px;
}

.blog-box-in p {
    font-size: 14px;
    line-height: 22px
}

.blog-box-in figcaption {
    margin-top: 15px
}

.blog-box-in figcaption a {
    margin-top: 15px
}

.cta-pink {
    margin-top: 50px
}

.cta-pink .container {
    padding: 100px 15px;
    position: relative
}

.cta-pink .container:after {
    content: "";
    background: url(../images/dot-sq.svg), url(../images/dot-sq.svg) #637A92;
    background-repeat: no-repeat;
    background-position: bottom right, 45% top;
    position: absolute;
    right: 0;
    width: 200%;
    height: 100%;
    top: 0;
    z-index: -1
}

.cta-pink .container:before {
    content: "";
    background: linear-gradient(215deg, rgba(254, 150, 69, 1) 45%, #f26629 100%);
    position: absolute;
    left: 0;
    width: 200%;
    z-index: -1;
    height: 120%;
    bottom: 0
}

.cta-pink-left {
    color: #fff;
    max-width: 550px
}

.cta-pink-left h3 {
    color: #fff;
    font-size: 45px;
    font-family: 'Inter', sans-serif;
    margin-bottom: 10px
}

.cta-pink-left p {
    font-size: 20px
}

.cta-pink-right {
    margin-left: auto;
    margin-right: 60px;
    align-items: center;
    display: flex
}

.awards-box {
    text-align: center
}

.awards-box figure {
    height: 65px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px
}

.awards-box h4 {
    font-family: 'Inter', sans-serif;
    font-size: 14px
}

.awards-box a {
    color: #0151c1;
    display: block;
    margin-top: 5px
}

.request-form-box {
    background: #f5f8fb;
    padding: 100px 60px;
    display: flex;
    align-items: center
}

.request-form .col-md-7 {
    padding: 0;
    position: relative;
    margin-top: -80px;
    display: flex;
    overflow: hidden;
    width: 100%;
    background: url(../images/contact.jpg) no-repeat;
    background-size: cover;
    background-position: center
}

.request-form .col-md-7:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%);
    height: 80%;
    opacity: .8
}

.our-partners {
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 10%;
    z-index: 1
}

.request-form {
    margin-top: 100px
}

.req-form-inner {
    max-width: 600px;
    margin: 0 auto
}

.req-form-header {
    margin-bottom: 40px
}

.req-form-header h4 {
    font-size: 40px;
    font-family: 'Inter', sans-serif;
    margin-bottom: 10px
}

.req-form-header p {
    font-size: 20px
}

.our-partners {
    margin-bottom: 60px
}

.our-partners h3, .our-partners h6 {
    font-family: 'Inter', sans-serif;
    font-size: 40px
}

.our-partners p {
    margin-bottom: 30px;
    font-size: 18px;
    max-width: 70%
}

.our-partners-list figure {
    height: 100px;
    display: flex;
    align-items: center
}

.our-partners-list figure img {
    max-width: 155px
}

.office-location-box .col-md-3 {
    text-align: center;
    transition: .3s ease-in-out;
    padding: 20px;
    border-radius: 10px
}

.office-location-box .col-md-3:hover {
    box-shadow: 0 15px 45px rgba(0, 0, 0, .2)
}

.office-location-box .col-md-3 figure {
    margin-bottom: 30px
}

.office-location-box .col-md-3 h4 {
    font-family: 'Inter', sans-serif;
    font-size: 20px;
    margin-bottom: 5px
}

.office-location-box .col-md-3 p {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    margin-bottom: 20px;
    color: #636678;
    min-height: 55px
}

.office-location-box .col-md-3 a {
    color: #e34690;
    font-family: 'Inter', sans-serif;
    text-decoration: underline
}

footer {
    margin-top: 100px;
    background: #616365fa;
    background-position: center
}

.news-letter-box-in {
    margin-top: -100px;
    z-index: 1;
    padding: 40px;
    color: #fff;
    background: linear-gradient(to right, #116FDA 0, #116fdae3 100%);
    position: relative
}

.news-letter-box-in:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #116FDA 0, #116fdae3 100%);
    background-position: center;
    z-index: -1
}

.news-letter-box-in h4 {
    font-family: 'Inter', sans-serif;
    font-size: 40px;
    margin-bottom: 5px
}

.news-letter-box-in p {
    font-family: 'Inter', sans-serif;
    font-size: 20px;
    max-width: 650px;
    margin: 0 auto;
    margin-bottom: 30px
}

.news-letter-input {
    max-width: 600px;
    margin: 0 auto
}

.news-letter-input .form-group {
    width: 100%;
    margin-bottom: 0
}

.news-letter-input .form-group input {
    height: 55px;
    border: none;
    border-radius: 5px 0 0 5px
}

.news-letter-input .btn {
    min-width: 185px;
    background: #000;
    border-radius: 0 5px 5px 0;
    color: #fff
}

.footer-tit {
    font-family: 'Inter', sans-serif;
    font-size: 20px;
    color: #fff;
    margin-bottom: 15px
}

.footer-menu li a {
    padding: 8px 0px;
    display: block;
    color: #fff
}

.footer-menu li a:hover {
    color: #fff
}

.get-in-touch {
    background: #4a49494d;
    padding: 40px;
    padding-right: 15px
}

.get-in-info li {
    margin-bottom: 10px;
    color: #fff
}

.get-in-info li span {
    font-family: 'Inter', sans-serif
}

.get-in-info li a {
    color: #ffff
}

.get-in-info li a:hover {
    text-decoration: underline;
    color: #fe9645
}

.get-in-info li:last-child {
    margin-bottom: 0
}

.footer-menu-box {
    padding: 80px 0 40px;
}

.serving-footer {
    padding: 30px 0
}

.serving-footer h4 {
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    color: #fff
}

.serving-footer p {
    color: #ffffff
}

.rating-star {
    padding: 12px 20px;
    background: #4a49494d;
    color: #fff;
    display: inline-flex;
    border-radius: 8px;
    margin-top: 20px
}

.rating-star span {
    font-family: 'Inter', sans-serif;
    display: block;
    margin-left: 10px
}

.footer-social-icon ul {
    display: inline-flex
}

.footer-social-icon ul li {
    margin-left: 10px
}

.footer-social-icon {
    margin-left: auto
}

.footer-social-in {
    align-items: center
}

.footer-social-in h6 {
    font-size: 26px;
    font-family: 'Inter', sans-serif;
    color: #fff
}

.footer-social {
    padding: 30px 0
}

.footer-copyright {
    background: #4a4949;
    padding: 20px 0
}

.footer-copyright-in {
    justify-content: space-between;
    color: #a8bccf;
    align-items: center;
    flex-wrap: wrap;
}

.footer-copyright-in ul li a {
    color: #a8bccf;
    display: block
}

.footer-copyright-in ul li a:hover {
    color: #fff;
    text-decoration: underline
}

.footer-copyright-in ul {
    display: inline-flex
}

.footer-copyright-in ul li {
    margin-left: 20px
}

.main-heading-box.main-heading-box-inner {
    max-width: 1000px
}

.main-heading-box.main-heading-box-inner p {
    color: #000000
}

.inner-wraper {
    padding-top: 0px
}

.intl-tel-input {
    width: 100%
}

body .intl-tel-input.separate-dial-code .selected-flag {
    background: #fff
}

.grecaptcha-badge {
    opacity: 0
}

.padding80 {
    padding: 80px 0
}

.SectionHeading {
    margin-bottom: 30px
}

.SectionHeading h1,
.SectionHeading h2,
.SectionHeading h4 {
    font-size: 32px;
    text-transform: uppercase;
    display: inline-block
}

.gold-gradient-color {
    color: #ff6f0d;
    text-shadow: none;
    background: linear-gradient(to right, #fc9c0b, #ff6f0d);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all .3s
}

.SectionHeading p {
    color: #7d8b9a;
    font-size: 15px;
    width: 100%;
    margin: 0 auto;
    margin-top: 0;
    margin-bottom: 0;
    margin-top: 15px;
    margin-bottom: 0;
    line-height: 26px;
    font-family: 'Inter', sans-serif
}

.SectionHeading {
    text-align: center
}

.slider-home {
    position: relative;
    overflow: hidden
}

.industry,
.slider-home {
    height: 100vh
}

#myVideo {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%
}

.padding80 {
    padding: 80px 0
}

.slider-banner-full {
    position: absolute;
    width: 100%;
    height: 100%
}

.slider-home .carousel-inner {
    position: relative;
    width: 100%;
    height: 100%
}

.slider-home .carousel-inner>.item {
    width: 100%;
    height: 100%
}

.slider-home .slider-text {
    display: flex;
    align-items: center;
    height: 100%
}

.slider-home .carousel-caption {
    position: static;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    margin-top: 0;
    margin-top: 20px;
    width: 90%
}

.slider-text h1 {
    display: inline-block;
    font-size: 60px;
    width: 95%;
    font-family: 'Inter', sans-serif;
    line-height: 75px;
    text-transform: capitalize
}

.dev-btn a,
.dev-btn input {
    display: inline-block;
    height: 42px;
    border-radius: 0;
    line-height: 42px;
    padding: 0 25px;
    border: 0;
    background: #0c1859;
    transition: all .3s;
    color: #fff;
    text-shadow: none;
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 600
}

.dev-btn a:hover,
.dev-btn input:hover {
    background: #ff6f0d;
    background: -moz-linear-gradient(left, #ff6f0d 0, #fc9c0b 100%);
    background: -webkit-linear-gradient(left, #ff6f0d 0, #fc9c0b 100%);
    background: linear-gradient(to right, #ff6f0d 0, #fc9c0b 100%)
}

.dev-green a {
    background: #2ad65b;
    background: -moz-linear-gradient(45deg, #2ad65b 0, #afea7e 100%);
    background: -webkit-linear-gradient(45deg, #2ad65b 0, #afea7e 100%);
    background: linear-gradient(45deg, #2ad65b 0, #afea7e 100%)
}

.dev-green a:hover {
    background: #afea7e;
    background: -moz-linear-gradient(45deg, #afea7e 0, #2ad65b 100%);
    background: -webkit-linear-gradient(45deg, #afea7e 0, #2ad65b 100%);
    background: linear-gradient(45deg, #afea7e 0, #2ad65b 100%)
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.send-btn-form input {
    background: #116FDA;
    background: linear-gradient(to right, #116FDA 0, #116fdae3 100%);
    border: none;
    font-family: 'Inter', sans-serif;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    width: 100%;
    height: 55px;
    border-radius: 4px;
    text-transform: uppercase;
    padding: 0 15px
}

.send-btn-form input:hover {
    background: #0c57ad;
    background: linear-gradient(to right, #0c57ad 0, #0c57ad 100%);
    box-shadow: 0 5px 35px #0c57ad59;
}

.send-btn-form {
    width: 100%
}

.RequestBox {
    position: relative;
    background: #040413
}

.RequestBox .container {
    background: url(../images/request.png) no-repeat;
    background-position-y: 0%;
    padding: 55px 0;
    background-position-y: 70px
}

.RequestBox article h4 {
    color: #fff;
    font-size: 20px;
    text-transform: uppercase
}

.RequestBox article h5 {
    color: #fff;
    font-family: 'Inter', sans-serif;
    font-size: 20px;
    margin-top: 10px;
    text-transform: uppercase
}

.inner-warper {
    padding-top: 85px
}

.LaravelServiceBox article {
    width: 100%
}

.cta-pink {
    padding-top: 60px
}

.cta-pink,
.request-form {
    overflow: hidden
}

.FullScreenPop .modal {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9999
}

.PrivacyText ul li p {
    margin-bottom: 15px;
    line-height: 24px
}

.FullScreenPop .modal-header .close span {
    font-size: 26px
}

.WhyChooseBox .col-md-3 figure img {
    width: 80px
}

.connect-with li {
    padding: 0 40px
}

.development-proces-bg .row article figure img {
    width: 80px
}

.service-portfolio-blk .FullScreenPop article {
    background: 0 0 !important;
    box-shadow: none !important
}

.case-home {
    background: linear-gradient(0deg, rgba(246, 248, 252, 1) 0%, rgba(255, 255, 255, 1) 100%)
}

.service-portfolio-blk article {
    height: auto !important
}

.seprater-section-section .container {
    width: 100%
}

.seprater-section-section {
    position: relative;
    background-image: url(../images/2020-new/section-bg.png);
    padding: 50px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-attachment: fixed;
    background-size: cover
}

.seprater-section-section .development-process-content {
    display: flex;
    align-items: center
}

.seprater-des-left {
    margin-right: auto;
    text-align: left
}

.seprater-des-left h2 {
    margin-bottom: 10px
}

.seprater-des-left p {
    margin: 0
}

.seprater-section-section .sit-btn {
    margin: 0 0 0 auto
}

.seprater-section-section .development-process-content {
    display: flex;
    align-items: center
}

.development-process-content {
    text-align: center;
    max-width: 942px;
    margin: auto
}

.development-process-content h2 {
    font-size: 37px;
    color: #fff;
    font-weight: 900;
    font-family: 'Inter', sans-serif;
    line-height: 42px;
    margin-bottom: 20px
}

.development-process-content p {
    font-size: 16px;
    color: #fff;
    font-family: 'Inter', sans-serif;
    line-height: 28px
}

.seprater-section-section .sit-btn {
    margin: 0 0 0 auto
}

.sit-btn a {
    padding: 15px 30px 16px;
    display: inline-block;
    border-radius: 5px;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
    font-weight: 500;
    letter-spacing: 1px;
    background-size: 200% auto;
    background-image: linear-gradient(to right, #f0ac0e 0, #f56616 51%, #f0ac0e 100%)
}

.blackFridayBox {
    position: fixed;
    left: -445px;
    bottom: 10px;
    z-index: 99999;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    width: 335px
}

.blackFridayBtn {
    position: absolute;
    right: -320px;
    background: 0 0;
    border: none;
    bottom: -27px;
    transition-duration: 1s;
    -webkit-transition-duration: 1s
}

.crossBtn {
    position: absolute;
    padding: 8px;
    right: -12px;
    width: 40px;
    height: 40px;
    top: -5px;
    cursor: pointer;
    border-radius: 50%;
    z-index: 2;
    background-color: #323232;
    border: 4px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.crossBtn:hover {
    background: red
}

.blackFridayBox.shower {
    left: 15px
}

.blackFridayBox img {
    border-radius: 20px
}

.blackFridayBox.shower .blackFridayBtn {
    animation: move 15s infinite
}

.blackFridayBtn img {
    width: 200px
}

.christmasTagBox {
    position: fixed;
    top: 85px;
    right: 10px;
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate
}

.christmasTagBox img {
    max-width: 145px
}

@-webkit-keyframes mover {
    0% {
        transform: translateY(0)
    }
    100% {
        transform: translateY(-20px)
    }
}

@keyframes mover {
    0% {
        transform: translateY(0)
    }
    100% {
        transform: translateY(-20px)
    }
}

@keyframes move {
    from {
        right: 0%;
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    to {
        right: -580%
    }
}

@media(max-width:768px) {
    .blackFridayBox {
        max-width: 270px
    }
    .blackFridayBtn {
        max-width: 135px;
        right: -135px
    }
    .blackFridayBox {
        left: -285px
    }
    .christmasTagBox img {
        max-width: 100px
    }
}

@media(max-width:1366px) {
    .container {
        max-width: 1100px
    }
    .blog-box-in p {
        font-size: 15px
    }
}

@media(max-width:1366px) {
  /*  .navbar-nav .nav-item .nav-link {
    font-size: 13px;
    }*/
}
@media(max-width:1280px) {
    .request-form-box {
        padding: 40px
    }
    .row.office-location-box {
        margin: 0
    }
    .main-heading-box {
        margin-bottom: 60px
    }
}

@media only screen and (min-width:1024px) and (max-width:1200px) {
    .container {
        max-width: 100%
    }
}

@media(max-width:1120px) {
    .footer-menu-box {
        padding: 60px 0
    }
    .footer-social-in h6 {
        font-size: 22px
    }
    .get-in-touch {
        padding: 30px
    }
    .section-padding {
        padding: 60px 0
    }
    .main-heading-box h3, .main-heading-box h2, .main-heading-box h1, .main-heading-box h6, .main-heading-box h4 {
        font-size: 34px
    }
}

@media(max-width:1024px) {
    .container {
        max-width: 100%;
        width: 100%
    }
}

@media(max-width:991px) {
    .full-header {}
    .news-letter-box-in h4 {
        font-size: 34px
    }
    .news-letter-box-in p {
        font-size: 16px
    }
    .office-location-box .col-md-3 {
        padding: 10px
    }
    .office-location-box .col-md-3 h4 {
        font-size: 20px
    }
    .req-form-header h4 {
        font-size: 34px
    }
    .req-form-header p {
        font-size: 16px
    }
    .our-partners h3, .our-partners h6 {
        font-size: 34px
    }
    .our-partners p {
        font-size: 16px;
        max-width: 80%
    }
    .request-form-box {
        padding: 25px 40px 25px 25px
    }
    .blog-box-in h4 a {
        font-size: 18px
    }
    .cta-pink .container::after {
        right: 20px
    }
    .cta-pink .container::before {
        left: 35px;
        height: 110%
    }
    .cta-pink-left {
        max-width: 420px
    }
    .cta-pink-right {
        margin-right: 50px
    }
    .cta-pink .container {
        padding: 70px 15px
    }
    .cta-pink-left p {
        font-size: 16px
    }
    .cta-pink .container::after {
        right: 30px
    }
    .cta-pink .container::before {
        height: 115%
    }
    .cta-pink .container::before {
        left: 50px
    }
    .cta-pink .container::after {
        right: 50px
    }
    .connect-with-sec {
        display: none
    }
    .btn {
        height: 42px;
        font-size: 14px
    }
    .col-md,
}

@media(max-width:767px) {
    .col-md,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12,
        {
        flex: 0 0 100%;
        max-width: 100%
    }
    .footer-menu-box .row .col-md-2,
    .footer-menu-box .row .col-md-3,
    .footer-menu-box .row .col-md-4 {
        width: 50%;
        max-width: 50%;
        flex: 0 0 50%;
        margin-bottom: 30px
    }
    .footer-copyright-in.d-flex {
        display: block
    }
    .footer-copyright-in span {
        display: inline-block;
        margin-bottom: 10px
    }
    .footer-copyright-in img {
        float: right
    }
    .footer-copyright-in ul li:first-child {
        margin: 0
    }
    .footer-social-in.d-flex {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center
    }
    .footer-social-icon {
        margin: auto !important;
        margin-left: initial;
        padding-top: 25px
    }
    .footer-menu-box {
        padding: 50px 0 0
    }
    .footer-tit {
        font-size: 18px
    }
    .footer-menu li a {
        padding: 5px 0
    }
    .get-in-touch {
        padding: 20px
    }
    .col-md-3.awards-box {
        max-width: 50%;
        flex: 0 0 50%;
        margin-bottom: 30px
    }
    .request-form .col-md-7 {
        max-width: 100%;
        height: 100%;
        padding-top: 60px
    }
    .request-form>.row {
        flex-direction: column
    }
    .our-partners {
        position: relative;
        margin: 20px 15px;
        padding: 0 15px
    }
    .req-form-inner {
        max-width: 100%;
        margin: 0 15px
    }
    .request-form-box.col-md-5 {
        width: 100%;
        max-width: 100%;
        padding: 50px 15px
    }
    .row.office-location-box .col-md-3 {
        flex: 0 0 50%;
        max-width: 50%;
        padding-bottom: 20px
    }
    .blog-box-in.row .col-md-4 {
        max-width: 50%;
        flex: 0 0 50%;
        margin-bottom: 30px
    }
    .cta-pink-in.d-flex {
        display: block;
        text-align: center
    }
    .cta-pink-left {
        max-width: 600px;
        margin: 0 auto 30px
    }
    .cta-pink-right {
        margin: 0;
        justify-content: center
    }
    .cta-pink .container {
        padding: 50px 15px
    }
    .cta-pink .container::before {
        left: 60px;
        height: 110%
    }
    .cta-pink-left h3 {
        font-size: 34px
    }
    .section-padding {
        padding: 30px 0
    }
    .FullScreenPop .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .navbar .lets-btn {
        display: none
    }
    .connect-with-sec {
        display: none
    }
    .menu-btn {
        margin-left: 10px
    }
    .btn {
        height: 42px;
        font-size: 14px
    }
    .request-form .col-md-7 {
        margin-top: 0;
        padding-top: 15px
    }
    .accordion-list li.panel h3.panel-title {
        font-size: 14px
    }
}

@media(max-width:576px) {
    .col-md,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12,
        {
        flex: 0 0 100%;
        max-width: 100%
    }
    .btn {
        height: 42px;
        font-size: 14px
    }
    .menu-btn {
        font-size: 0
    }
    .menu-btn img {
        margin-left: 0
    }
    .full-header {}
    .news-letter-input .form-group input {
        height: 42px
    }
    .rating-star {
        display: block
    }
    .rating-star span {
        margin: 0
    }
    .news-letter-box-in h4 {
        font-size: 36px
    }
    .news-letter-box-in p {
        font-size: 16px
    }
    .footer-social-in.d-flex {
        display: block
    }
    .footer-social-in h6 {
        margin-bottom: 20px
    }
    .footer-menu-box {
        padding: 80px 0 0
    }
    .request-form-box.col-md-5 {
        padding: 50px 15px
    }
    .row.office-location-box {
        padding: 0 15px
    }
    .form-control {
        height: 42px
    }
    .row.office-location-box {
        padding: 0 15px
    }
    .office-location-box .col-md-3 {
        max-width: 50%;
        flex: 0 0 50%
    }
    .blog-box-in.row .col-md-4 {
        max-width: 50%;
        flex: 0 0 50%;
        margin-bottom: 40px
    }
    .blog-box-in.row {
        justify-content: center
    }
    .blog-box-in p {
        font-size: 16px
    }
    .dev_process_blk article {
        margin-bottom: 30px
    }
    .connect-with-sec {
        display: none
    }
}

@media(max-width:479px) {
    .col-md,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12,
        {
        flex: 0 0 100%;
        max-width: 100%
    }
    .full-header {}
    .footer-menu-box .row .col-md-2,
    .footer-menu-box .row .col-md-3,
    .footer-menu-box .row .col-md-4 {
        max-width: 100%;
        flex: 0 0 100%
    }
    .rating-star {
        display: block
    }
    .rating-star span {
        margin: 0
    }
    .serving-footer {
        padding: 0
    }
    .footer-copyright-in.d-flex {
        text-align: center
    }
    .footer-copyright-in img {
        float: inherit;
        margin-bottom: 5px
    }
    .right-nav-bt .lets-btn {
        font-size: 14px;
        min-width: 130px;
        margin: 0 10px 0 0
    }
    .blog-box-in.row .col-md-4 {
        max-width: 100%;
        flex: 0 0 100%;
        margin-bottom: 20px
    }
    .blog-box-in figcaption a {
        font-size: 18px
    }
    .blog-box-in p {
        font-size: 15px
    }
    .request-form {
        margin-top: 50px
    }
    .our-partners h3, .our-partners h6 {
        font-size: 32px
    }
    .our-partners p {
        font-size: 16px;
        margin-bottom: 20px
    }
    .our-partners-list figure {
        height: auto;
        margin: 25px 0
    }
    .request-form-box .col-md-6 {
        max-width: 100%;
        flex: 0 0 100%
    }
    .office-location-box .col-md-3 {
        max-width: 100%;
        flex: 0 0 100%
    }
    .our-partners {
        padding: 0 15px;
        padding-top: 30px
    }
    .our-partners p {
        max-width: 100%
    }
    .req-form-header h4 {
        font-size: 32px
    }
    .req-form-header p {
        font-size: 16px;
        text-align: center
    }
    .req-form-header {
        margin-bottom: 20px
    }
    .row.office-location-box .col-md-3 {
        flex: 0 0 100%;
        max-width: 100%;
        padding-bottom: 20px
    }
    .req-form-header h4 {
        font-size: 32px;
        text-align: center
    }
    .news-letter-box-in h4 {
        font-size: 28px
    }
    .news-letter-box-in p {
        font-size: 16px
    }
    .news-letter-input .btn {
        min-width: 145px;
        font-size: 14px
    }
    .news-letter-box-in {
        padding: 20px 15px
    }
    .news-letter-input .form-group input {
        border-radius: 5px
    }
    .news-letter-input.d-flex {
        flex-wrap: wrap
    }
    .news-letter-input .form-group {
        width: 100%;
        margin-bottom: 10px
    }
    .news-letter-input .btn {
        border-radius: 5px
    }
    .news-letter-input .btn {
        min-width: 100%;
        padding: 0 15px
    }
    .main-heading-box h3, .main-heading-box h2, .main-heading-box h1, .main-heading-box h6, .main-heading-box h4 {
        font-size: 32px
    }
    .padding80 {
        padding: 30px 0
    }
    .whatsappBtn {
        margin: 0 10px
    }
    .btn.GetQuoteBtn {
        margin-right: 10px;
        padding: 10px
    }
    .our-partners-list figure img {
        width: 85px
    }
    .connect-with-sec {
        display: none
    }
    .our-partners-list .col-md-4 {
        flex: 0 0 33.3%;
        max-width: 33.3%
    }
    .col-md-3 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .menu-btn {
        margin-left: 0
    }
    .dev_process_blk article {
        margin-bottom: 30px
    }
}

 .industry-development-process figcaption h4 {
    font-size: 17px;
}
section.common-banner-weeks {
    padding-top: 80px;
}
.pagination {
    flex-wrap: wrap;
}
.resources-tabs-blk ul.nav-tabs {
    justify-content: center;
}
.pt-100
{
    padding-top: 85px;
}
.PortfolioBanner1.mt-100
{
    margin-top: 85px;
}
.modal-dialog {
    max-width: 100%;
}
.PortfolioBanner1.mt-100 article {
    margin-top: 0;
}


/*digitalpro_banner start*/

.digitalpro_banner {
    background: none;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right top;
    height: 100%;
    position: relative;
    padding: 10.5rem 1rem 15rem;
    padding-bottom: 0;
    overflow: hidden;
}

.digitalpro_banner h2 {
    color: #3c4858;
    font-size: 45px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 63px;
    margin-bottom: 20px;
}

span.smallhead {
    font-size: 18px;
    margin: 0;
    color: #3b3663;
    display: block;
    font-weight: bold;
}

.digitalpro_banner p {
    font-size: 20px;
    line-height: 30px;
    color: #474545;
    margin-bottom: 1rem;
}

.customwidth {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1120px;
}

.bannerimgpos {
    position: absolute;
    bottom: 0px;
    left: calc(51% - 30px);
    transform: translateX(-50%);
}

.bannerimgpos {
    width: 1772px;
}

.ogenBanner-content {
    position: relative;
    top: -145px;
    position: relative;
    z-index: 1;
}

.video-popup__link {
    border-color: #fff;
    background-color: #3c4858;
    background-image: linear-gradient( 90deg, #3c4858 0%, #116FDA 100%);
    width: 45px;
    height: 45px;
    border-radius: 50%;
    color: #fff;
    margin-right: 8px;
}

.video-popup__link i {
    color: #fff;
    position: relative;
    top: 43%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.disflexalign {
    display: flex;
    align-items: center;
}

.cus_btn.orange-2 {
    font-size: 16px;
    line-height: 30px;
    padding-left: 0px !important;
    padding-right: 0 !important;
    margin-right: 15px;
    z-index: 1;
}

.mt30 {
    margin-top: 30px;
}

img.digitalf {
    position: absolute;
    top: -70px;
}

img.digitals {
    position: absolute;
    left: 0;
    bottom: 0;
    max-width: 8%;
}

img.digitalt {
    position: absolute;
    bottom: -140px;
    left: 0;
    z-index: -1;
}

.animsvg1 {
    left: -10%;
    z-index: 50;
    width: 13px;
    max-width: 13px;
    top: -90px;
}

.posabs {
    position: absolute;
}

.animsvg3 {
    left: 50%;
    bottom: 7px;
    top: -100px;
}

a.disflexalign {
    display: flex;
    align-items: center;
}

.videobtn:hover i {
    color: #764ed2 !important;
}

a.disflexalign:hover .video-popup__link {
    background: linear-gradient(180deg, rgb(202 173 160) 0, rgb(152 144 135) 100%);
}

.gt3_moved_element2 {
    -webkit-animation: movedelement2 8s linear infinite;
    animation: movedelement2 8s linear infinite;
}

.gt3_moved_element3 {
    -webkit-animation: movedelement3 12s linear infinite;
    animation: movedelement3 12s linear infinite;
}

.gt3_moved_element {
    -webkit-animation: movedelement 5s linear infinite;
    animation: movedelement 5s linear infinite;
}

@keyframes movedelement2 {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
    25% {
        -webkit-transform: translate(-10px, -10px);
        transform: translate(-10px, -10px);
    }
    50% {
        -webkit-transform: translate(-5px, -5px);
        transform: translate(-5px, -5px);
    }
    75% {
        -webkit-transform: translate(-10px, 5px);
        transform: translate(-10px, 5px);
    }
    to {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}

@keyframes movedelement3 {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
    25% {
        -webkit-transform: translate(15px, 15px);
        transform: translate(15px, 15px);
    }
    50% {
        -webkit-transform: translate(8px, 8px);
        transform: translate(8px, 8px);
    }
    75% {
        -webkit-transform: translate(15px, -8px);
        transform: translate(15px, -8px);
    }
    to {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}

@keyframes movedelement {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
    25% {
        -webkit-transform: translate(10px, 10px);
        transform: translate(10px, 10px);
    }
    50% {
        -webkit-transform: translate(5px, 5px);
        transform: translate(5px, 5px);
    }
    75% {
        -webkit-transform: translate(10px, -5px);
        transform: translate(10px, -5px);
    }
    to {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}

/*digitalpro_banner end*/
@media screen and (max-width: 1600px)
{
    .bannerimgpos {
    width: 1440px;
}
.digitalpro_banner.homemidslider {
    height: auto;
    padding: 7.5rem 1rem 0rem;
}
.ogenBanner-content {
    position: relative;
    top: -145px;
}
}
@media (max-width: 1700px) {

/*digitalpro_banner start*/
.digitalpro_banner h2 {
font-size: 45px;
font-weight: 700;
line-height: 55px;
margin-bottom: 10px;
}
.digitalpro_banner p {
font-size: 18px;
}
/*digitalpro_banner end*/
}
@media (max-width: 1400px) {
/*digitalpro_banner start*/
.digitalpro_banner.homemidslider {
    height: auto;
    padding: 4rem 1rem 0rem;
}
    .bannerimgpos {
    width: 1225px;
}
.home-services .super-offer {
    padding: 25px 0 0px;
}
.ogenBanner-content {
    top: -75px;
}
/*digitalpro_banner end*/
}
@media (max-width: 1199px)
{
    .digitalpro_banner.homemidslider {
    height: auto;
    padding: 2rem 1rem 0rem;
}
}
@media (max-width: 1366px) {
/*digitalpro_banner start*/
.digitalpro_banner h2 {
font-size: 40px;
line-height: 50px;
}
.digitalpro_banner p {
font-size: 16px;
line-height: 28px;
}
a.banner-btn.cus_btn.orange-2 {
font-size: 15px;
padding-left: 20px !important;
padding-right: 20px !important;
line-height: 28px;
}
/*digitalpro_banner end*/
}
@media (max-width: 1199px) {
/*digitalpro_banner start*/
.digitalpro_banner h2 {
    font-size: 33px;
    line-height: 44px;
}
/*digitalpro_banner end*/
}
@media (max-width: 767px) {
/*digitalpro_banner start*/
.digitalpro_banner {
    background:none;
height: auto;
    
}
.digitalpro_banner h2 {
font-size: 28px;
line-height: 35px;
text-align:center;
}

.digitalpro_banner p {
    font-size: 18px;
    text-align:center;
}
.digitalpro_banner p br.mobnone {
display: none;
}
.mobm0 {
margin: 0;
}
img.digitals {
display:none;
}
.digitalpro_banner {
background: #fff !important;
overflow: hidden;
}
.ogenBanner-content {
padding-left: 0;
}
.ogenBanner-content {
    top: 0;
}
.digitalpro_banner {
    padding-top: 40px !important;
}
.bannerimgpos {
    display: none;
}
/*digitalpro_banner end*/
}
@media (max-width: 345px) {
/*digitalpro_banner start*/
.digitalpro_banner h2 {
font-size: 23px;
line-height: 30px;
}
.digitalpro_banner p {
font-size: 18px;
line-height: 28px;
}
.cus_btn {
min-width: auto;
}
.video-popup__link {
width: 40px;
height: 40px;
}
/*digitalpro_banner end*/
}
@media screen and (max-width: 340px) {
/*digitalpro_banner start*/
.digitalpro_banner h2 {
font-size: 20px;
line-height: 28px;
}
.digitalpro_banner p {
font-size: 18px;
line-height: 28px;
}
.cus_btn {
min-width: auto;
}
a.banner-btn.cus_btn.orange-2 {
margin: 0;
}
.video-popup__link {
width: 40px;
height: 40px;
}
/*digitalpro_banner end*/
}
.defaultptb60 {
    padding-top: 160px;
    padding-bottom: 60px;
}

.cus_btn {
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    padding: 9px 15px !important;
    min-width: 175px;
    border: 1px solid;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    -webkit-transition: all ease-in-out 0.4s;
    -moz-transition: all ease-in-out 0.4s;
    -ms-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
}

.cus_btn:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: all ease-in-out 0.4s;
    -moz-transition: all ease-in-out 0.4s;
    -ms-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
    z-index: -2;
}

.cus_btn:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    right: 50%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: all ease-in-out 0.4s;
    -moz-transition: all ease-in-out 0.4s;
    -ms-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
    z-index: -1;
    max-width: 0;
}

.cus_btn:hover:after {
    left: 0;
    right: 0;
    max-width: 100%;
}

.cus_btn {
    color: #69747d !important;
    background: transparent;
    border-color: #69747d;
}

.cus_btn:hover {
    color: #fff !important;
    border-color: #3a7bd5;
}

.cus_btn:before {
    background: #fff;
}

.cus_btn:after {
    background: linear-gradient(to right, #f0ab0e 0, #f56916 100%) !important;
}

.cus_btn.orange_btn {
    color: #fff !important;
}

.cus_btn.orange_btn:before {
    background: linear-gradient(to right, #ff6762 0%, #ff8365 39%, #ff4d4d 100%);
}

.cus_btn.orange_btn:after {
    background: #fff;
}

.cus_btn.orange-2 {
    color: #fff !important;
    border-color: #fff;
    font-size: 20px;
    line-height: 40px;
    padding-left: 50px !important;
    padding-right: 50px !important;
}

.cus_btn.orange-2:before {
    background: linear-gradient(to right, #f56916 0, #f0ab0e 100%);
}

.fff {
    color: #fff !important;
}

.pos-r {
    position: relative;
}


.displayon_mob {
    display: none;
}
@media screen and (max-width: 575px)
{
    .defaultptb60 {
    padding-top: 70px;
    padding-bottom: 25px;
}


    .displayon_mob
{
    display: initial;
}
}
.right-nav-bt {
    margin-left: 0px;
}

/*clients logo start*/
.bgmenulike {
    margin-top: 0px;
}
.ogenBanner-belowclients {
position: relative;
bottom: 0;
box-shadow: 0 3px 16px rgb(150 144 144 / 21%);
background: #fff;
padding: 10px 50px 10px 50px;
margin: 0;
border-radius: 10px;
}
.ogenBanner-belowclients .ogenBanner-belowclients-images {
display: flex;
align-items: center;
justify-content: space-between;
}
.ogenBanner-belowclients .ogenBanner-belowclients-images img {
max-width: 9%;
filter: grayscale(1);
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
cursor: pointer;
}
.ogenBanner-belowclients .ogenBanner-belowclients-images img:hover {
margin-top: -16px;
}
/*clients logo end*/
@media (max-width: 991px) {
/*clients logo start*/
.ogenBanner-belowclients .ogenBanner-belowclients-images img {
    max-width: 14%;
    width: 100%;
    margin: auto;
    padding: 5px 10px;
    margin-bottom: 10px;
}
.ogenBanner-belowclients .ogenBanner-belowclients-images {
flex-wrap: wrap;
justify-content: center;
}
.ogenBanner-belowclients {
display: block;
left: 0;
right: 0;
margin: 0;
padding: 20px 30px 5px;
}
.mobpadtb50 {
padding-top: 50px;
padding-bottom: 50px;
}
.home-services h2 {
font-size: 30px;
}
.home-services .super-offer {
padding: 0 0 0;
top: 0;
margin-bottom: 0px;
}
.bgmenulike .mobpadtb50
{
    padding: 0;
}
/*clients logo end*/
}
@media (max-width: 767px) {
/*clients logo start*/
.ogenBanner-belowclients {
margin-bottom: 25px;
margin-top: 25px;
padding: 25px 10px 15px;
}
.home-services .super-offer {
    margin-bottom: 35px;
}
/*clients logo end*/
}
@media (max-width: 1200px)
{
    .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.3rem;
    padding-left: 0.3rem;
}
.full-header .navbar {
    padding: 5px 50px;
}
section.about-us-main-banner-sec
{
    padding: 0 20px !important;
}
}
@media (max-width: 991px)
{
   
    .mobpadtb0 {
    padding: 0 !important;
}
 /*.bannerimgpos {
    display: none;
}
.ogenBanner-content {
    text-align: center;
}
.video-popup__link i {
    left: 20%;
}
.row.h100.align-items-center.mobm0.m-0 {
    justify-content: center;
}
.digitalpro_banner.homemidslider {
    height: auto;
    padding: 9rem 1rem 0rem;
}
.main-heading-box h3, .main-heading-box h2, .main-heading-box h1, .main-heading-box h6, .main-heading-box h4 {
    font-size: 26px;
}
.request-form-box.col-md-5 {
    width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: center;
}
.container.defaultptb60.mobpadtb0.h100 {
    padding-top: 60px !important;
}
.ogenbanner-btn.row.m-0.mt30 {
    text-align: center;
    margin: auto;
    display: flex;
    justify-content: center;
}*/
.req-form-header h2 {
    text-align: center;
}
.main-heading-box h3, .main-heading-box h2, .main-heading-box h1, .main-heading-box h6, .main-heading-box h4 {
    font-size: 21px;
    margin-top: 10px;
}
.digitalpro_banner.homemidslider {
    height: auto;
    padding: 9rem 1rem 0rem;
}
}
@media(max-width:576px) {
    .container.defaultptb60.mobpadtb0.h100 {
    padding-top: 50px !important;
}
    .col-md-6, .col-md-7, .col-md-5, [class*="col-"]  {
    -ms-flex: 0 0 50%;
    flex: 0 0 100%;
    max-width: 100%;
}
.cta-pink-in.d-flex {
    display: block !important;
}
.cta-pink-left p {
    color: #fff;
}
}
.testimonial-box article {
    background: #647A92;
}
.btn-link {
    color: #647A92;
}
.services-banner-text-in h1 {
    font-size: 47px;
    font-weight: 600;
    line-height: 54px;
    margin-bottom: 5px;
}
.common-banner-info h1 {
    color: #fff;
    font-size: 50px;
    margin-bottom: 5px;
}
.resources-tabs-blk ul.nav-tabs li.nav-item a.nav-link.active {
    background: #637A92;
    box-shadow: 0 2px 10px #637a9266;
}
h1.text-black {
    color: #000;
}

.cta-pink {
    margin-top: 0;
}
  .request-form {
    margin-top: 0;
}
.box-style-4 figure h4 {
    display: contents;
}

@media screen and (max-width: 1300px)
{
.common-banner-main {
    padding: 0px 15px 30px !Important;
}
}
.section16{background: url(../images/section16.png) no-repeat center center;background-size: cover;padding: 9% 0 8% 0;overflow:hidden;background-color: #e3d5eb;margin-top: -2%;}
.titleBg11 {
    background: url(../images/titleBg11.png) no-repeat center center;
    padding: 5% 2% 7% 2%;
    position: relative;
    z-index: 2;    background-size: 100% 100%;
}
.make1-box {
    background: url(../images/videoBg3.png) no-repeat center center;
    position: relative;
    padding: 5%;
    background-size: contain;
}
.make-box {
    margin-top: 1%;
    padding: 5% 3% 3% 3% !important;
    margin-bottom: 4%;
}
.md20 {
    font-size: 20px;
    color: #000;
}
.lg40 {
    font-size: 40px;
}
.make {
    border: 5px solid #fff;
    position: relative;
    z-index: 1;
}
h4.md20.sm18.xs18.w600.lh140.mt2.text-center.text-white {
    color: #000 !important;
}
.make-box-out {
    padding: 0;
    margin-top: 3%;
}
.make .responsive-video {
    padding-bottom: 56.25%;
    background-color: #fff;
    position: relative;
}


.make1-box {
    background: url(../images/videoBg3.png) no-repeat center center;
    position: relative;
    padding: 5%;
    background-size: contain;
}

.make2-box {
    background: url(../images/videoBg4.png) no-repeat 0;
    position: relative;
    padding: 5%;
    background-size: contain;
}

.make3-box {
    background: url(../images/videoBg5.png) no-repeat 0px center;
    position: relative;
    padding: 5%;
    background-size: contain;
}
.make4-box {
    background: url(../images/videoBg6.png) no-repeat 5px center;
    position: relative;
    padding: 3% 5% 5% 5%;
    background-size: contain;
}
.make5-box {
    background: url(../images/videoBg7.png) no-repeat 0px center;
    position: relative;
    padding: 5%;
    background-size: contain;
}
.make6-box {
    background: url(../images/videoBg8.png) no-repeat -1px center;
    position: relative;
    padding: 7%;
    background-size: contain;
}

.new_gallery .gallery-item {
    box-shadow: 0 3px 16px rgb(150 144 144 / 21%);
}


.testimonials-box {
    background: url(../images/videoBg.png) no-repeat 0px 0px;
    position: relative;
    padding: 1% 0% 7% 4%;
    background-size: contain;
}






.testimonials-box:after {
    content: url(../images/thumbsUp.png);
    position: absolute;
    z-index: 1;
    left: -8px;
    top: -3px;
    animation: crescendo 1.1s alternate infinite ease-in;
}

@keyframes crescendo {
  0%   {transform: scale(1);}
  100% {transform: scale(1.1);}
}

.testimonials {
    border: 5px solid #fff;
    background-color: rgb(8, 7, 34);
    box-shadow: 0px 12px 21px 0px rgba(0, 0, 0, 0.36);
    position: relative;
    z-index: 1;
}
.testimonials-box
{
    margin-top: 5%;
    
}
.testimonials {
    text-align: center;
    margin-top: 5%;
}
.responsive-video {
    position: relative;
    padding-bottom: 52.25%;
    overflow: hidden;
    background-color: #000;
}


.accordion-list li.panel .answer .panel-body a
{
    color: #fff;
}

/*.dropdown:hover .dropdown-menu {
 display: block;
}*/
h3.blue-head, h5.blue-head
{
    color: #454545;
}
.blog-box-in p, .awards-box h4, .office-location-box .col-md-3 p, .service-content-card p, p, .service-content-box p, .main-heading-box p, .services-box p, .portfolio-home .main-heading-box p, .statistics-text p, .gry-pra
{
    color: #000000;
    font-size: 18px;
    line-height: 1.667em;
}
.testimonial-box article p
{
     font-size: 18px;
    line-height: 1.667em;
}
.main-heading-box.text-left h6 {
    text-align: left;
    margin-top: 10px;
}

.cta-pink-left p
{
    color: #fff;
}



/*ogen home fix section start*/
.form__proposal input[type=text] {
    width: 100%;
    height: 100%;
    padding: 16px 15px;
    font-style: normal;
    font-size: 18px;
    line-height: 16px;
    letter-spacing: -.0055em;
    color: #869298;
    background-color: #fff;
    border: 1px solid #abb9c2;
    border-radius: 3px
}

.form__proposal {
    width: 100%
}

.form__proposal form input {
    width: 100%
}

.form__proposal form .btn,
.form__proposal_stack form .btn {
    border-radius: 4px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.333em;
    width: 100%;
    margin-left: 0;
    margin-top: 1rem;
    height: auto;
    padding: 16px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-image: linear-gradient(to right, #f56916 0, #f0ab0e 100%);
}
.form__proposal form .btn:hover,
.form__proposal_stack form .btn:hover
{
        background: linear-gradient(to right, #f0ab0e 0, #f56916 100%);
    box-shadow: 0 5px 35px #0c57ad66;
}
.form__proposal form .btn i,
.form__proposal_stack form .btn i {
    font-size: 22px;
    font-weight: 500;
    margin-left: 10px
}

@media(min-width:1200px) {
    .form__proposal form .form-group {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start
    }
    .form__proposal form .btn {
        margin-top: 0;
        margin-left: 1rem
    }
}

.ogenimage-graphics-left-text-right>.row {
    display: flex;
    align-items: flex-start
}

.ogenimage-graphics__video {
    order: 1;
    padding-top: 7rem;
    padding-left: 15px;
    padding-right: 15px
}

.ogenimage-graphics__video-inner {
    margin-left: auto;
    margin-right: auto;
    padding-top: 3rem;
    position: relative;
    width: 100%
}

.ogenimage-graphics__video .video-image {
    display: block;
    height: 300px;
    position: relative
}

.ogenimage-graphics__video .video-image>img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.ogenimage-graphics__video .lead-increase-bubble {
    width: 230px;
    height: 230px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    border-radius: 50%;
    background: #d4efe2;
    top: -100px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 2
}

.ogenimage-graphics__video .lead-increase-bubble>h3 {
    font-weight: 900;
    font-size: 38px;
    line-height: 1.211em;
    letter-spacing: -.024em;
    color: #26b16d;
    margin-bottom: 8px
}

.ogenimage-graphics__video .lead-increase-bubble p {
    font-weight: 600;
    font-size: 24px;
    line-height: 1.333em;
    letter-spacing: -.018em;
    color: #26b16d;
    margin: 0
}

.ogenimage-graphics__text-inner .form__proposal {
    max-width: 530px;
    margin-left: auto;
    margin-right: auto
}

.ogenimage-graphics-left-text-right .column-text-icons {
    padding: 48px 0
}

.ogenimage-graphics-left-text-right .column-text-icons .card {
    margin-bottom: 72px;
    border: none;
}

.ogenimage-graphics-left-text-right .column-text-icons .card:last-child {
    margin-bottom: 0
}

.ogenimage-graphics-left-text-right .column-text-icons .card .icon {
    border-radius: 100%;
    width: 88px;
    height: 88px;
    display: block;
    margin-bottom: 30px
}

.ogenimage-graphics-left-text-right .column-text-icons .card .card__title {
    font-size: 24px;
    line-height: 1.333em
}

.ogenimage-graphics-left-text-right .column-text-icons .card .card__description strong {
    font-weight: 700
}

.ogenimage-graphics-left-text-right {
    padding-top: 0;
    position: relative
}

.ogenimage-graphics-left-text-right .inner {
    overflow-x: hidden;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column
}

.ogenimage-graphics-left-text-right .content-wrapper {
    margin-right: auto;
    margin-left: auto;
    padding-left: 24px;
    padding-right: 24px;
    order: 2
}

.ogenimage-graphics-left-text-right h2 {
    font-style: normal;
    font-weight: 900;
    font-size: 38px;
    line-height: 1.211em;
    letter-spacing: -.024em;
    margin: 0 auto;
    max-width: 500px;
    text-align: center;
    margin-bottom: 16px
}

.ogenimage-graphics-left-text-right .ogenimage-graphics__text,
.ogenimage-graphics-left-text-right .shadow-content {
    padding-top: 64px;
    padding-bottom: 64px
}

.shadow-content .ogenimage-graphics__text-inner {
    position: relative;
    z-index: 1
}

.ogenimage-graphics-left-text-right ul {
    margin: 0;
    overflow: visible;
    list-style: none
}

.ogenimage-graphics-left-text-right .ogenimage-graphics__text ul {
    margin: 0 auto;
    max-width: 500px
}

.ogenimage-graphics-left-text-right ul li {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.556em;
    letter-spacing: -.0045em;
    color: var(--gray-05);
    margin-bottom: 26px;
    padding: 0;
    position: relative;
    padding-left: 55px
}

.ogenimage-graphics-left-text-right ul li .icon {
    max-width: 40px;
    width: 40px;
    height: 33px;
    display: inline-block;
    margin-right: 18.43px;
    vertical-align: middle;
    position: absolute;
    left: 0
}

.ogenimage-graphics-left-text-right .shadow-content-wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.ogenimage-graphics-left-text-right .shadow-content-wrapper {
    display: none
}

.ogenimage-graphics-left-text-right .shadow-content-wrapper .theiaStickySidebar {
    z-index: 2
}

.ogenimage-graphics-left-text-right .shadow-content-wrapper .inner {
    height: 100%
}

.ogenimage-graphics-left-text-right .shadow-content-wrapper .container {
    width: 100%;
    height: 100%
}

.ogenimage-graphics-left-text-right .content-wrapper>.row:nth-child(1) {
    background: #f2f6fc
}

@media(min-width:768px) {
    .ogenimage-graphics-left-text-right .column-text-icons .card {
        margin-bottom: 0
    }
    .ogenimage-graphics-left-text-right .column-text-icons .card:nth-child(n+3) {
        margin-top: 72px
    }
}

@media(min-width:1025px) {
    .ogenimage-graphics-left-text-right .inner {
        display: block
    }
    .ogenimage-graphics__video-inner {
        max-width: 450px
    }
    .ogenimage-graphics__video {
        height: auto;
        position: absolute;
        top: 96px;
        padding: 0
    }
    .ogenimage-graphics__video .lead-increase-bubble {
        left: -20px;
        right: inherit;
        margin-right: inherit;
        top: -150px
    }
    .ogenimage-graphics-left-text-right .shadow-content-wrapper {
        display: block
    }
    .content-wrapper .ogenimage-graphics__text-inner {
        visibility: hidden;
        opacity: 0
    }
    .content-wrapper .ogenimage-graphics__text-inner .form__proposal {
        display: none
    }
    .ogenimage-graphics-left-text-right .content-wrapper>.row:nth-child(1) {
        background: linear-gradient(to left, #F2F6FC 63%, #FFFFFF 37%)
    }
    .ogenimage-graphics-left-text-right h2 {
        text-align: left
    }
    .ogenimage-graphics-left-text-right .ogenimage-graphics__text,
    .ogenimage-graphics-left-text-right .shadow-content {
        padding-top: 80px;
        padding-bottom: 80px
    }
    .ogenimage-graphics-left-text-right .column-text-icons {
        padding-top: 64px
    }
    .ogenimage-graphics-left-text-right .column-text-icons .card:nth-child(n+3) {
        margin-top: 0
    }
    .ogenimage-graphics-left-text-right .column-text-icons .card:not(:first-child) {
        margin-top: 72px
    }
}

@media(min-width:1200px) {
    .ogenimage-graphics__video {
        width: 45%
    }
    .ogenimage-graphics__video-inner {
        max-width: none;
        width: auto
    }
    .ogenimage-graphics__video .video-image {
        height: auto
    }
    .ogenimage-graphics__video .lead-increase-bubble {
        width: 300px;
        height: 300px
    }
    .ogenimage-graphics-left-text-right .column-text-icons .card .icon {
        width: 120px;
        height: 120px
    }
    .ogenimage-graphics-left-text-right .ogenimage-graphics__text,
    .ogenimage-graphics-left-text-right .shadow-content {
        padding-top: 96px;
        padding-bottom: 96px
    }
    .ogenimage-graphics__video .lead-increase-bubble>h3 {
        font-size: 72px;
        line-height: 1.083em;
        letter-spacing: -.042em
    }
    .ogenimage-graphics__video {
        top: 126px
    }
    .ogenimage-graphics-left-text-right h2 {
        font-size: 56px;
        line-height: 1.143em;
        letter-spacing: -.042em;
        margin-top: 20px;
        max-width: 536px;
        margin-left: inherit
    }
    .ogenimage-graphics-left-text-right ul li {
        font-size: 21px;
        line-height: 1.667em;
        letter-spacing: -.0055em
    }
    .ogenimage-graphics__text-inner .form__proposal {
        margin-left: inherit
    }
}

@media(min-width:1440px) {
    .ogenimage-graphics__video-inner {
        padding-top: 0
    }
    .ogenimage-graphics-left-text-right .ogenimage-graphics__text,
    .ogenimage-graphics-left-text-right .shadow-content {
        padding-top: 96px;
        padding-bottom: 25px
    }
    .ogenimage-graphics__video .lead-increase-bubble {
        width: 360px;
        height: 360px
    }
}

@media(min-width:2560px) {
    .content-wrapper .ogenimage-graphics__text {
        padding-bottom: 45px;
        padding-top: 80px
    }
}
.play-icon {
    background-image: url(../images/home/icon-play-outlined.webp);
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
    content: " ";
    display: block;
    width: 95px;
    height: 95px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ogen-borderbtn:hover {
    text-decoration-color: #207de9;
}

.ogen-borderbtn {
    color: #207de9;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.571em;
    letter-spacing: .05em;
    text-transform: uppercase;
    padding: 0 1.2rem 0 0;
    position: relative;
    text-align: left;
    text-decoration: underline;
    text-decoration-color: #d2dcee;
}
/*ogen home fix section end*/

@media screen and (max-width: 991px)
{
    .bannerimgpos {
    left: calc(51% - -30px);
    }
    .ogenBanner-content {
    top: -50px;
}
    .bgmenulike {
    margin-top: 50px;
}
    .titleBg11 .lg40 {
    font-size: 24px;
    margin: 30px;
}
.ogenimage-graphics-left-text-right h2 {
    font-size: 29px;
    line-height: 39px;
}
.ogenimage-graphics-left-text-right .column-text-icons .card .icon {
    margin-bottom: 50px;
}

.ogenimage-graphics-left-text-right .column-text-icons .card .icon img {
    width: 120px !important;
    height: 120px !important;
    max-width: 120px;
    /* margin-bottom: 20px !important; */
}
}
@media screen and (min-width: 575px) and (max-width: 767px)
{
    .ogenBanner-belowclients .ogenBanner-belowclients-images img {
    max-width: 18%;
    }
}
@media screen and (max-width: 1024px)
{
    #ogenimage-graphics-left-text-right-block_616f92dd3838f .col-md-6.col-sm-12.col-md-offset-6.col-xs-12.ogenimage-graphics__text, #ogenimage-graphics-left-text-right-block_616f92dd3838f .col-md-5.col-sm-12.col-md-offset-1.col-xs-12 {
    float: 100%;
    flex: 100%;
    max-width: 100%;
}
}
@media screen and (max-width: 767px)
{
    .digitalpro_banner.homemidslider {
    height: auto;
    padding: 13rem 1rem 0rem;
    padding-top: 5rem !important;
}
.ogenbanner-btn.row.m-0.mt30 {
    display: flex;
    justify-content: center;
}
.digitalpro_banner .row.h100.align-items-center.mobm0.m-0 {
    width: 100% !important;
    justify-content: center;
}
}
@media (max-width: 576px)
{
    .digitalpro_banner .container.defaultptb60.mobpadtb0.h100 {
    padding-top: 0px !important;
}
}
.dropdown-menu::before {
    display: block;
    content: '';
    margin-top: -20px;
    height: 20px;
}
.closebtn
{
    display: none;
}
@media (max-width: 1023px) {
    .closebtn
    {
        display: inline-block;
    }
.dropdown-menu::before {
    display: block;
    content: '';
    margin-top: 0px;
    height: auto;
}
    .navbar-collapse {
    top: 0;
    }
  .navbar-collapse {
    position: fixed;
    top: 0 !Important;
    left: 0;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    width: 100%;
    background: #f1f1f1;
    max-width: 340px;
    height: 100vh;
    overflow-y: auto;
  }

  .navbar-collapse.collapsing {
    height: 100%;
    -webkit-transition: left 0.3s ease;
    -o-transition: left 0.3s ease;
    -moz-transition: left 0.3s ease;
    transition: left 0.3s ease;
    left: -100%;
  }

  .navbar-collapse.show {
    left: 0;
    -webkit-transition: left 0.3s ease-in;
    -o-transition: left 0.3s ease-in;
    -moz-transition: left 0.3s ease-in;
    transition: left 0.3s ease-in;
  }
  .navbar .navbar-nav {
    padding-top: 40px;
}
a.closebtn {
    color: #fff;
    font-size: 45px;
    position: absolute;
    right: 18px;
    line-height: 55px;
}
button.navbar-toggler {
    background: transparent !Important;
}
i.fa.fa-bars {
    font-size: 25px;
}
.btn.GetQuoteBtn {
    margin-right: 8px !Important;
}
.navbar .navbar-nav {
    padding-top: 40px;
    padding: 10px;
    padding-top: 10px;
}
}
button.navbar-toggler {
    padding: 5px !Important;
}
@media screen and (max-width: 345px)
{
    button.navbar-toggler {
    padding: 0px !Important;
}
}

/*fix section start*/

.sticky-sidebar {
    height: 2600px;
}

.sticky-sidebar.fixed {
    position: sticky;
    top: 70px !important;
}

.fixsection__content h2 {
    font-weight: bold;
    font-size: 30px;
    margin-bottom: 19px;
}

.liststylei {
    margin-bottom: 20px;
    padding-left: 15px;
}

.liststylei li strong {
    color: #000;
}

.liststylei li {
    list-style: disc;
    padding-bottom: 5px;
    font-size: 18px;
    line-height: 28px;
    color: #222222b3;
}

.fixsection__content h4,
.fixsection__content h3 {
    color: #000;
    font-weight: bold;
    margin: 25px 0 10px;
}
.fixsection__content h2
{
    margin: 25px 0 10px;
}
.fixsection__content a {
    color: #9a7260;
    text-decoration: underline;
    background-color: transparent;
}

.fxogen.cta-7-wrapper .cta-7-v2 {
    padding: 55px 40px 58px;
    margin-bottom: 48px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    position: relative;
    z-index: 1;
    background: #0760c3;
    background: -webkit-linear-gradient(180deg, #0760c3 0%, #0253ae 100%);
    background: -moz-linear-gradient(180deg, #0760c3 0%, #0253ae 100%);
    background: -ms-linear-gradient(180deg, #0760c3 0%, #0253ae 100%);
    background: linear-gradient(180deg, #0760c3 0%, #0253ae 100%);
    overflow: hidden
}

.fxogen.cta-7-wrapper .cta-7-v2:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    background: url(images/newseo/cta7-bg.webp) no-repeat right 0;
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    background-size: auto 100%
}

.fxogen.cta-7-wrapper .cta-7-v2 .card-img {
    position: absolute;
    right: 2.3923444976%;
    height: 100%;
    top: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    z-index: 0;
    width: 38.27751%
}

.fxogen.cta-7-wrapper .cta-7-v2 .card-img img {
    max-width: 100%;
    height: auto
}

.fxogen.cta-7-wrapper .cta-7-v2 .card-body {
    position: relative;
    z-index: 1;
    max-width: 467px
}

.fxogen.cta-7-wrapper .cta-7-v2 .card-title {
    font-weight: 800;
    font-size: 37px;
    line-height: 40px;
    letter-spacing: -.014em;
    color: #fff;
    margin: 0 0 17px
}

.fxogen.cta-7-wrapper .cta-7-v2 .card-text {
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -.01em;
    color: #f9fbff;
    margin: 0 0 18px
}

.fxogen.cta-7-wrapper .cta-7-v2 .card-lead {
    
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: -.01em;
    color: #ffdf6f;
    margin: 0 0 18px
}

.fxogen.cta-7-wrapper .cta-7-v2 .card-lead-circle {
    position: relative;
    z-index: 0
}

.fxogen.cta-7-wrapper .cta-7-v2 .card-lead-circle:before {
    content: "";
    display: block;
    position: absolute;
    left: -10%;
    top: -25%;
    height: 150%;
    width: 113%;
    z-index: -1;
    border: 1px solid #ffdf6f;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.fxogen.cta-7-wrapper .cta-7-v2 .card-btn {
    
    font-weight: 700;
    text-align: center;
    font-size: 24px;
    line-height: 1;
    letter-spacing: -.014em;
    color: #f9fbff;
    display: inline-block;
    text-decoration: none;
    padding: 14px 16px;
    background-color: #00448f;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.fxogen.cta-7-wrapper .cta-7-v2 .card-btn:focus,
.fxogen.cta-7-wrapper .cta-7-v2 .card-btn:hover {
    color: #f9fbff;
    background-color: #207de9
}

.fxogen.cta-7-wrapper .cta-7-v2 .card-btn-icon {
    width: 40px;
    min-width: 40px;
    height: 40px;
    background: #41d58c;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin-left: 10px
}

.fxogen.cta-7-wrapper .cta-7-v2 .card-btn-icon img {
    margin-top: 11px;
    width: auto !important
}

@media(max-width:767px) {
    .fxogen.cta-7-wrapper .cta-7-v2 {
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        text-align: center;
        padding: 24px 24px 48px
    }
    .fxogen.cta-7-wrapper .cta-7-v2 .card-img {
        right: 0;
        left: 0;
        position: relative;
        height: auto;
        width: 100%;
        display: block
    }
    .fxogen.cta-7-wrapper .cta-7-v2 .card-body {
        max-width: inherit
    }
    .fxogen.cta-7-wrapper .cta-7-v2 .card-btn {
        font-size: 18px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        width: 100%
    }
    .fxogen.cta-7-wrapper .cta-7-v2 .card-title {
        font-size: 36px;
        line-height: 42px
    }
}

.fx-complementary-btn {
    color: #fff !important;
    border-color: #26b16d !important;
    font-size: 18px !important;
    line-height: 1.333em !important;
    background-color: #26b16d !important;
    font-weight: 500 !important;
    transition: all .35s !important;
}

.fx-btn {
    padding: 15px 25px;
    margin: 20px 0;
    display: inline-block;
    border-radius: 5px;
}

.fxogen.cta-6-wrapper .cta-6-v2 {
    padding: 38px 56px 48px;
    margin-bottom: 48px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    position: relative;
    z-index: 1;
    background: #083a74;
    background: -webkit-linear-gradient(180deg, #083a74 0%, #062d5b 100%);
    background: -moz-linear-gradient(180deg, #083a74 0%, #062d5b 100%);
    background: -ms-linear-gradient(180deg, #083a74 0%, #062d5b 100%);
    background: linear-gradient(180deg, #083a74 0%, #062d5b 100%);
    overflow: hidden
}

.fxogen.cta-6-wrapper .cta-6-v2 .card-img {
    position: absolute;
    right: 1.674641%;
    height: 100%;
    top: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    z-index: 0;
    width: 39.71291%
}

.fxogen.cta-6-wrapper .cta-6-v2 .card-img img {
    max-width: 100%;
    height: auto
}

.fxogen.cta-6-wrapper .cta-6-v2 .card-body {
    position: relative;
    z-index: 1;
    max-width: 452px
}

.fxogen.cta-6-wrapper .cta-6-v2 .card-title-sufix {
    font-weight: 500;
    font-size: 28px;
    line-height: 40px;
    letter-spacing: -.014em;
    color: #f9fbff;
    margin: 0 0 8px
}

.fxogen.cta-6-wrapper .cta-6-v2 .card-title {
    font-weight: 800;
    font-size: 42px;
    line-height: 44px;
    letter-spacing: -.014em;
    color: #f9fbff;
    margin: 0 0 20px
}

.fxogen.cta-6-wrapper .cta-6-v2 .card-text {
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: -.014em;
    color: #f9fbff;
    margin: 0 0 20px !important
}

.fxogen.cta-6-wrapper .cta-6-v2 .card-btn {
    
    font-weight: 700;
    text-align: center;
    font-size: 24px;
    line-height: 1;
    letter-spacing: -.014em;
    color: #f9fbff;
    display: inline-block;
    text-decoration: none;
    padding: 14px 16px;
    background-color: #0c57ad;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.fxogen.cta-6-wrapper .cta-6-v2 .card-btn:focus,
.fxogen.cta-6-wrapper .cta-6-v2 .card-btn:hover {
    color: #f9fbff;
    background-color: #207de9
}

.fxogen.cta-6-wrapper .cta-6-v2 .card-btn-icon {
    width: 40px;
    min-width: 40px;
    height: 40px;
    background: #41d58c;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin-left: 10px
}

.fxogen.cta-6-wrapper .cta-6-v2 .card-btn-icon img {
    margin-top: 11px;
    width: auto !important
}

@media(max-width:767px) {
    .fxogen.cta-6-wrapper .cta-6-v2 {
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        text-align: center;
        padding: 24px 24px 48px
    }
    .fxogen.cta-6-wrapper .cta-6-v2 .card-img {
        right: 0;
        left: 0;
        position: relative;
        height: auto;
        width: 100%;
        display: block
    }
    .fxogen.cta-6-wrapper .cta-6-v2 .card-body {
        max-width: inherit
    }
    .fxogen.cta-6-wrapper .cta-6-v2 .card-btn {
        font-size: 18px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        width: 100%
    }
    .fxogen.cta-6-wrapper .cta-6-v2 .card-title {
        font-size: 36px;
        line-height: 42px
    }
}

.fxogen.cta-10-wrapper .cta-10-v2 {
    padding: 77px 56px 78px;
    margin-bottom: 48px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    position: relative;
    z-index: 1;
    background: #207de9;
    background: -webkit-linear-gradient(180deg, #207de9 0%, #0966d0 100%);
    background: -moz-linear-gradient(180deg, #207de9 0%, #0966d0 100%);
    background: -ms-linear-gradient(180deg, #207de9 0%, #0966d0 100%);
    background: linear-gradient(180deg, #207de9 0%, #0966d0 100%);
    overflow: hidden
}

.fxogen.cta-10-wrapper .cta-10-v2:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    background: url() no-repeat center center
}

.fxogen.cta-10-wrapper .cta-10-v2:after {
    content: "";
    display: block;
    position: absolute;
    left: -100px;
    bottom: -100px;
    height: 640px;
    width: 704px;
    z-index: -1;
    background: url() no-repeat -100% center
}

.fxogen.cta-10-wrapper .cta-10-v2 .card-img {
    position: absolute;
    left: 0;
    height: 100%;
    top: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    z-index: 0;
    width: 39.05263%
}

.fxogen.cta-10-wrapper .cta-10-v2 .card-img img {
    max-width: 100%;
    height: auto;
    margin-left: -63px
}

.fxogen.cta-10-wrapper .cta-10-v2 .card-body {
    position: relative;
    z-index: 1;
    max-width: 68%;
    margin-left: auto
}

.fxogen.cta-10-wrapper .cta-10-v2 .card-list {
    list-style: none;
    margin: 0 0 37px;
    padding: 0
}

.fxogen.cta-10-wrapper .cta-10-v2 .card-list li {
    min-height: 33px;
    margin-bottom: 30px;
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: -.01em;
    color: #f9fbff;
    position: relative;
    padding-left: 49px
}

.fxogen.cta-10-wrapper .cta-10-v2 .card-list-icon {
    position: absolute;
    left: 0;
    top: 0
}

.fxogen.cta-10-wrapper .cta-10-v2 .card-btn {
    
    font-weight: 700;
    text-align: center;
    font-size: 24px;
    line-height: 1;
    letter-spacing: -.014em;
    color: #f9fbff;
    display: inline-block;
    text-decoration: none;
    padding: 14px 16px;
    background-color: #00448f;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.fxogen.cta-10-wrapper .cta-10-v2 .card-btn:focus,
.fxogen.cta-10-wrapper .cta-10-v2 .card-btn:hover {
    color: #f9fbff;
    background-color: #207de9
}

.fxogen.cta-10-wrapper .cta-10-v2 .card-btn-icon {
    width: 40px;
    min-width: 40px;
    height: 40px;
    background: #41d58c;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin-left: 10px
}

.fxogen.cta-10-wrapper .cta-10-v2 .card-btn-icon img {
    margin-top: 11px;
    width: auto !important
}

@media(max-width:767px) {
    .ogenBanner-content {
    top: 0;
}
    .fxogen.cta-10-wrapper .cta-10-v2 {
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        padding: 24px 24px 48px
    }
    .fxogen.cta-10-wrapper .cta-10-v2:before {
        background-position: center 0;
        -webkit-background-size: 90% auto;
        -moz-background-size: 90% auto;
        background-size: 90% auto
    }
    .fxogen.cta-10-wrapper .cta-10-v2:after {
        margin-left: -200px;
        bottom: auto;
        top: -16%;
        left: 50%
    }
    .fxogen.cta-10-wrapper .cta-10-v2 .card-img {
        text-align: center;
        right: 0;
        left: 0;
        position: relative;
        height: auto;
        width: 100%;
        display: block
    }
    .fxogen.cta-10-wrapper .cta-10-v2 .card-img img {
        margin-left: 0
    }
    .fxogen.cta-10-wrapper .cta-10-v2 .card-body {
        max-width: inherit
    }
    .fxogen.cta-10-wrapper .cta-10-v2 .card-btn {
        font-size: 18px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        width: 100%
    }
}

.blue-shading li {
    background: #eff3f9;
    background: linear-gradient( 90deg, rgba(239, 243, 249, 1) 11%, rgba(255, 255, 255, 1) 30%);
    list-style-position: inside;
    color: var( --gray-05);
    font-family: var( --font-inter);
    font-size: 18px;
    line-height: 1.5em;
    padding: 11px 12px;
}

ol.blue-shading {
    padding: 0;
}

.fxogen.cta-clutch-rating-wrapper .feather-icon:after {
    width: 24px;
    height: 24px;
    content: "";
    display: inline-block;
    position: absolute
}

.fxogen.cta-clutch-rating-wrapper .chevron-down-blue:after {
    background-image: url();
    background-repeat: no-repeat;
    margin-left: 10px
}

.fxogen.cta-clutch-rating-wrapper .chevron-right-white:after {
    background-image: url();
    background-repeat: no-repeat;
    margin-left: 10px
}

.fxogen.cta-clutch-rating-wrapper .chevron-right-blue:after {
    background-image: url();
    background-repeat: no-repeat;
    margin-left: 10px
}

.fxogen.cta-clutch-rating-wrapper .clutch-rating {
    background: #1c2d47;
    border-radius: 8px;
    width: 100%;
    height: auto;
    float: left;
    padding: 48px;
    display: block;
    margin-bottom: 48px
}

.fxogen.cta-clutch-rating-wrapper .clutch-rating h3 {
    color: #fff;
    margin-top: 0;
    max-width: 356px;
    margin-bottom: 18px;
    display: block
}

.fxogen.cta-clutch-rating-wrapper .clutch-rating .stars-rating {
    width: auto !important;
    float: none;
    display: block;
    margin-bottom: 18px
}

.fxogen.cta-clutch-rating-wrapper .clutch-rating a {
    font-family: var(--font-inter);
    font-style: normal;
    font-weight: 700;
    line-height: 31px;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #207de9 !important
}

@media(min-width:768px) {
    .fxogen.cta-clutch-rating-wrapper .clutch-rating a {
        line-height: 22px
    }
}

.fxogen.cta-clutch-rating-wrapper .clutch-rating p {
    margin-top: 0;
    color: #ced4da;
    margin-bottom: 0
}

.sidebar-container li,
.additional>p a {
    margin-left: 0;
    font-size: 16px;
    margin-bottom: 18px;
    line-height: 26px;
    list-style-type: none;
    text-transform: capitalize;
}

.sticky-sidebar h4 {
    margin-top: 40px;
    margin-bottom: 25px;
    color: #000;
    font-weight: bold;
    text-decoration: underline;
}
.sidebar-container a,
.sidebar-container a strong {
    word-break: break-word;
    text-underline-position: under;
    color: #000000;
    text-decoration: underline;
    text-decoration-color: #d2dcee;
}
.fxogen.cta-reach-us-wrapper .reach-us-cta {
    padding: 24px;
    width: 100%;
    height: auto;
    float: left;
    background: #1c2d47;
    border-radius: 4px;
    background-image: url(../images/home/speak-seo-strategist-bg.webp);
    background-position: right;
    background-repeat: no-repeat;
}
.fxogen.cta-reach-us-wrapper .reach-us-cta .description {
    
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -.0045em;
    color: #fff;
    margin-bottom: 16px;
    width: auto;
    height: auto;
    float: none;
    display: block;
}
.fxogen.cta-reach-us-wrapper .blue-primary-btn:hover {
    background-color: #0c57ad;
}
.fxogen.cta-reach-us-wrapper .reach-us-cta .btn {
    padding: 16px;
}
@media (min-width: 768px)
{
    .fxogen.cta-reach-us-wrapper .btn {
    float: left;
}
}
.fxogen.cta-reach-us-wrapper .btn {
    width: auto;
    position: relative;
    text-align: center;
    letter-spacing: -.008em;
    padding: 16px 64px 16px 32px;
    border-radius: 4px;
    
    cursor: pointer;
    white-space: nowrap;
}
.fxogen.cta-reach-us-wrapper .blue-primary-btn {
    color: #fff!important;
    border-color: #207de9;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    outline: none;
    background-color: #207de9;
}
/*fix section end*/

i.fa.fa-bars
{
    color: #000 !Important;
}
@media (max-width: 767px) {
/*clients logo start*/
.ogenBanner-belowclients .ogenBanner-belowclients-images img {
max-width: 14%;
width: 100%;
margin: auto;
padding: 5px 10px;
margin-bottom: 10px;
}
}
@media (max-width: 575px) {
/*clients logo start*/
.ogenBanner-belowclients .ogenBanner-belowclients-images img {
max-width: 22%;
width: 100%;
margin: auto;
padding: 5px 5px;
margin-bottom: 10px;
}
.bgmenulike {
    margin-top: 25px;
}
}

@media (min-width: 1024px)
{
    .navbar-expand-xl .navbar-collapse {
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}
.navbar-expand-xl .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
}
.navbar-toggler
{
    display: none;
}

}
.navbar-expand-xl .navbar-collapse
{
    width: auto;
}
button.navbar-toggler {
    padding: 5px 4px 0 !important;
}
.contact-us-main-content-blk h1, .contact-us-main-content-blk h6 {
    text-align: left;
}
@media (max-width: 575px)
{
    .contact-us-main-content-blk h1, .contact-us-main-content-blk p, .contact-us-main-content-blk h6 {
    text-align: center;
}
}
.accordion-list li.panel .answer .panel-body p {
    color: #fff;
}
.services-banner-text-in p {
    font-size: 18px !important;
    color: #000000 !Important;
    line-height: 1.667em !Important;
}
.common-banner-info p
{
    font-size: 18px !important;
    line-height: 1.667em !Important;
}
/*home banner style start*/
@media (min-width: 1200px)
{
    .col-lg-offset-1 {
    margin-left: 8.33333333%;
}
}
@media (min-width: 1200px)
{
.ogenhead-container .col-lg-5.col-lg-offset-1 {
    margin-left: 0;
    width: 58%;
    max-width: 58%;
    flex: 0 0 58%;
}
.col-lg-offset-1 {
    margin-left: 8.33333333%;
}
}
@media (min-width: 1600px)
{
    .ogenhead-container .col-lg-5.col-lg-offset-1 {
    margin-left: 8.33333333%;
    width: 41.66666667%;
    max-width: 41.66666667%;
    flex: 0 0 41.66666667%;
}
}
 .intro_header {
        padding: 110px 0 60px;
        background: url(../images/bg-r.webp) no-repeat right bottom #fff;
        font-family: 'Inter', sans-serif;
        position: relative;
        z-index: 0;
        -webkit-background-size: 100% auto;
        -moz-background-size: 100% auto;
        background-size: 100% auto;
        overflow: hidden;
    }

    .intro_header:before {
        position: absolute;
        z-index: -1;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url(../images/bg-l.webp) no-repeat 0 bottom;
        -webkit-background-size: 100% auto;
        -moz-background-size: 100% auto;
        background-size: 100% auto
    }

    .intro_header .row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center
    }

    .intro_header-subtitle {
        font-family: inherit;
        font-weight: 900;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .16px;
        text-transform: uppercase;
        color: #f26629;
        margin: 0 0 30px
    }

    .intro_header-title {
        font-family: inherit;
        font-size: 65px;
        line-height: 75px;
        font-weight: 900;
        color: #454545;
        margin: 0 0 34px
    }

    .intro_header-title .word-with-symbol {
        display: inline;
        position: relative
    }

    .intro_header-title .word-with-symbol .symbol {
        font-size: 60%;
        display: inline-block;
        position: absolute;
        top: 0
    }

    .intro_header-text {
        max-width: 575px;
        font-family: inherit;
        font-weight: 400;
        font-size: 19px;
        line-height: 35px;
        color: #152035;
        margin: 0 0 50px
    }

    .intro_header-form,
    .intro_header-content .form__proposal form {
        margin: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

    .intro_header-form .form-control {
        background-color: #FFF;
        height: 56px;
        width: 100%;
        font-weight: 500;
        font-size: 18px;
        color: #152035;
        padding: 16px;
        outline: 0;
        line-height: 24px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px
    }

    .intro_header-form .btn {
        margin: 0 0 0 16px;
        padding: 16px 30px;
        height: auto;
        font-weight: 500;
        font-family: inherit;
        font-size: 18px;
        line-height: 24px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        white-space: nowrap
    }

    .intro_header-form .btn img {
        margin-left: 10px
    }

    .intro_header-img {
        margin-left: 10px;
        position: relative
    }

    .intro_header-img img {
        max-width: 100%;
        height: auto
    }

    .intro_header-img .featured-image {
        margin-left: 15%;
        margin-top: 2%
    }

    .intro_header-img .stat-bubble {
        width: 151px;
        height: 151px;
        position: absolute;
        border-radius: 50%;
        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: center;
        text-align: center
    }

    .intro_header-img .stat-bubble1 {
        top: 0;
        left: 6%;
        background: #4DC1B9
    }

    .intro_header-img .stat-bubble2 {
        background: #288CEC;
        width: 111px;
        height: 111px;
        top: 10%;
        left: 61%
    }

    .intro_header-img .stat-bubble3 {
        background: #288CEC;
        width: 111px;
        height: 111px;
        bottom: 24%;
        left: 10%
    }

    .intro_header-img .stat-bubble4 {
        background: #4DC1B9;
        width: 151px;
        height: 151px;
        bottom: 6%;
        left: 49%
    }

    .intro_header-img .stat-bubble .value {
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: 900;
        font-size: 24px;
        line-height: 24px;
        text-align: center;
        color: #FFF
    }

    .intro_header-img .stat-bubble .title {
        font-style: normal;
        font-weight: 700;
        font-size: 12px;
        line-height: 13px;
        text-align: center;
        color: #FFF;
        font-family: 'Inter', sans-serif;
        letter-spacing: normal;
        margin-top: 5px;
        text-transform: lowercase;
        white-space: break-spaces
    }

    @media (max-width:1440px) {
        .intro_header-title {
            margin-bottom: 24px;
            font-size: 46px;
            line-height: 56px
        }
        .intro_header-subtitle {
            margin-bottom: 24px
        }
        .intro_header-text {
            font-size: 18px;
            line-height: 32px;
            margin-bottom: 36px
        }
        .intro_header-form .btn {
            padding-left: 16px;
            padding-right: 16px
        }
    }

    @media (max-width:1024px) {
        .breadcrumbs {
            text-align: center
        }
        .intro_header .row {
            display: block
        }
        .intro_header-content {
            text-align: center;
            margin-bottom: 16px
        }
        .intro_header-title {
            font-size: 36px;
            line-height: 46px
        }
        .intro_header-text {
            margin-left: auto;
            margin-right: auto
        }
        .intro_header-form,
        .intro_header-content .form__proposal form {
            margin: 0 auto;
            display: table;
            min-width: 70%
        }
        .intro_header-content .form__proposal form input[type="text"] {
            text-align: center
        }
        .intro_header-img {
            text-align: center;
            max-width: 600px;
            margin: 0 auto
        }
    }

    @media (max-width:600px) {
        .intro_header-form,
        .intro_header-content .form__proposal form {
            display: block
        }
        .intro_header-form .form-control,
        .intro_header-content .form__proposal form input {
            text-align: center
        }
        .intro_header-form .btn,
        
        .intro_header-content .form__proposal form .btn {
            margin: 16px 0 0;
            width: 100%;
            display: block
        }
    }

    @media (max-width:500px) {
        .intro_header-img .stat-bubble1 {
            left: 0%
        }
        .intro_header-img .stat-bubble2 {
            left: 72%
        }
        .intro_header-img .stat-bubble3 {
            left: 2%;
            bottom: 2%
        }
        .intro_header-img .stat-bubble4 {
            bottom: -4%;
            left: 60%
        }
    }

    @media (max-width:300px) {
        .intro_header-img {
            display: none
        }
    }
    .form__proposal input[type=text] {
width: 100%;
height: 100%;
padding: 16px 15px;
font-style: normal;
font-size: 18px;
line-height: 16px;
letter-spacing: -.0055em;
    color: #869298;
    background-color: #ffffff;
    border: 1px solid #abb9c2;
    border-radius: 3px;
}
.form__proposal {
width: 100%
}
.form__proposal form input {
width: 100%
}
.form__proposal form .btn,
.form__proposal_stack form .btn {
border-radius: 4px;
font-size: 18px;
font-weight: 500;
line-height: 1.333em;
width: 100%;
margin-left: 0;
margin-top: 1rem;
height: auto;
padding: 16px 15px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
background: #f26629eb !important;
    border-color: #ce5b29c4 !important;
}
.form__proposal form .btn:hover
{
       background: #454545 !important;
    border-color: #454545 !important;
}
.form__proposal form .btn i,
.form__proposal_stack form .btn i {
font-size: 22px;
font-weight: 500;
margin-left: 10px
}

@media(min-width:1200px) {
.form__proposal form .form-group {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start
}
.form__proposal form .btn {
margin-top: 0;
margin-left: 1rem
}
}
@media (min-width: 1200px)
{
  .col-md-6.col-lg-5.col-lg-offset-1.intro_header-content {
    width: 41.66666667%;
    max-width: 41.66666667%;
    flex: 0 0 41.66666667%;
}
}
.nowrap
{
    flex-wrap: nowrap;
}
.row.nowrap {
    flex-wrap: nowrap;
}
.container-fluid1 {
    margin-right: auto;
    margin-left: auto;
    padding-left: 24px;
    padding-right: 24px;
}
.form__proposal input[type=text]:focus
{
    outline: none;
}

@media (max-width: 1024px)
{
    .intro_header-content {
    text-align: center;
    margin-bottom: 16px;
    max-width: 100%;
    width: 100%;
}
section#masthead-block_621e98e935913 .col-md-6 {
    width: 100%;
    max-width: 100%;
}
}
/*home banner style start end*/
.news-letter-box p {
    color: #fff;
}
.blog-box-in.row figure {
    border: 1px solid #ddd;
    border-bottom: none;
    margin: 0 !important;
    border-radius: 3px 3px 0 0;
    box-shadow: 0 0 8px -4px rgb(169 169 169 / 70%);
}
.blog-box-in figcaption {
    margin-top: -15px;
    border: 1px solid #ddd;
    padding: 20px;
    border-top: none;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 0 20px -4px rgb(169 169 169 / 70%);
}
.blog-box-in p {
    font-weight: 100 !important;
    font-size: 16px;
    line-height: 23px;
    margin-top: 6px;
}
@media screen and (max-width: 390px)
{
    .navbar-collapse
    {
        max-width: 300px;
    }
}
/*faqs section start*/
.faq-lists.with_bgcolor .accordion .accordion-content__title {
    font-size: 24px;
    background: transparent;
}
.faq-lists.with_bgcolor .accordion .accordion-content__title {
    border: none;
}
.faq-lists .accordion-content__title {
background: #fff;
border: none;
border-top: 1px solid #f2f2f2;
}
.faq-lists .accordion .accordion-content__title {
font-size: 24px;
line-height: 1.333em;
letter-spacing: -.018em;
color: #374046;
padding-top: 32px;
padding-bottom: 32px;
padding-left: 2.2em;
width: 100%;
display: block;
font-weight: 600;
margin-bottom: 0;
cursor: pointer;
position: relative;
}
.faq-lists .accordion .accordion-content__title::before {
font-family: 'Fontawesome'!important;
content: "\f067";
position: absolute;
left: 10px;
font-size: 20px;
}
.faq-lists .accordion .accordion-content__title.active::before {
content: "\f068";
}
.accordion-content {
display: none;
}
.accordion-content__inner {
max-width: 692px;
margin-top: 0px;
margin-bottom: 32px;
text-align: left;
padding-left: 2.2em;
width: 100%;
}
.accordion-content p {
font-style: normal;
font-weight: 400;
color: #6e7b81;
font-size: 20px;
line-height: 1.667em;
letter-spacing: -.005em;
margin-top: 0;
margin-bottom: 24px;
}
.accordion-content p:last-child {
margin-bottom: 0;
}
.accordion-content ol li, .accordion-content ul li {
font-size: 18px;
line-height: 1.556em;
letter-spacing: -.0045em;
}
.blue-shading li {
    background: rgb(239,243,249);
    background: linear-gradient(90deg,rgba(239,243,249,1) 11%,rgba(255,255,255,1) 30%);
    list-style-position: inside;
    padding: 11px 12px;
}
ol.blue-shading {
    padding: 0;
}
.homefaq .accordion-content p {
    color: #212529;
    font-size: 18px;
}
.homefaq .accordion-content__inner {
    max-width: 100%;
}
section.defaultptb60.faqsection.faq-lists.paddingzero_tab.homefaq {
    padding-top: 70px;
}
/*faqs section end*/
.our-partners {
    margin-bottom: 20px;
}
.our-partners p {
    color: #fff;
}
/*newleftrightsec start*/
 .ogen_services__overlay {
    position: absolute;
    top: 0;
    padding: 30px 25px;
    transform: scale(0);
    width: 100%;
    height: 100%;
    background-color: #ffffffed;
    text-align: left;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.ogen_services__overlay--animate {
    transform: scale(1);
}
.ogen_services__slider a.js-service__btn {
    position: relative;
    display: inline-block;
}
.btn-floating {
    z-index: 1;
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    background-color: transparent;
    border-radius: 50%;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    cursor: pointer;
}
.btn-floating.pulsebtn:before {
    border: none;display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
}
.btn-floating i {
    width: inherit;
    color: #f26629;
    display: inline-block;
    text-align: center;
    font-size: 1.9rem;
    line-height: 40px;
}
.ogen_services__overlay h5 {
    color: #e96529;
    font-size: 1.80rem;
    font-weight: 600;
}
.contentpos {
    position: absolute;
    padding: 20px;
    top: 50%;
    transform: translateY(-50%);
}
p.text {
    color: #353232;
}
.ogen_services__slider {
    position: relative;
    display: inline-block;
}
.ogen_ogen_services__overlay-close {
    position: absolute;
    top: -20px;
    right: 10px;
    border: none;
    
}
.ogencm-services {
overflow: hidden;
position: relative;
}
.ogencm-services .overlay-text {
text-align: center;
font-size: 21vw;
position: absolute;
left: 0vw;
top: 0;
z-index: -1;
font-weight: 900;
color: #fcfcfc;
line-height: 1;
}
.ogencm-services .top-content {
margin-bottom: 0;
}
.ogencm-services .top-content .section-title {
line-height: 1.4;
}
.ogenservice-item {
position: relative;
margin-bottom: 150px;
}
.ogenservice-item:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 40%;
height: 80%;
background: #e7f7d8;
z-index: -1;
}
.ogenservice3:before {
   background: #f1daff;; 
}
.ogenservice2:before {
   background: #faefb7; 
}
.ogenservice1:before {
   background: #ffeaee; 
}
.ogenservice-item .container1:before{
background: #ffeaee !important;
}
.ogenservice-item .container2:before{
background: #faefb7 !important;
}
.ogenservice-item .container3:before{
background: #f1daff !important;
}
.ogenservice-item.center .container:before,
.ogenservice-item.center:before {
height: 100%;
}
.ogenservice-item.right:before {
left: auto;
right: 0;
}
.ogenservice-item.bottom:before {
top: auto;
bottom: 0;
}
.ogenservice-item.center:before {
top: 50%;
transform: translateY(-50%);
}
.ogenservice-item .container {
position: relative;
}
.ogenservice-item .container:before {
content: "";
position: absolute;
right: 0;
top: auto;
width: 40%;
height: 80%;
bottom: 0;
z-index: -1;
background-color: #e7f7d8;
}
.ogenservice-item .container:after {
content: "";
position: absolute;
left: 0;
top: 0;
background-image: url(../../images/home/arrowsvg.svg);
background-repeat: no-repeat;
z-index: -1;
}
.ogenservice-item:nth-child(2n) .container:before {
left: 0;
right: auto;
}
.ogenservice-item:first-child .container:after {
width: 60%;
height: calc(100% + 150px);
background-position: -40% -13%;
}
.ogenservice-item:nth-child(2) .container:after,
.ogenservice-item:nth-child(3) .container:after,
.ogenservice-item:nth-child(4) .container:after {
width: 80%;
height: 215px;
top: auto;
bottom: -215px;
transform: translateX(-50%);
left: 50%;
background-size: 100%;
}
.ogenservice-item:nth-child(2) .container:after {
background-position-y: calc(39% - 15px);
}
.ogenservice-item:nth-child(3) .container:after {
background-position-y: calc(65% - 15px);
}
.ogenservice-item:nth-child(4) {
margin-bottom: 180px;
}
.ogenservice-item:nth-child(4) .container:after {
background-position-y: calc(95% + 15px);
height: 180px;
top: auto;
bottom: -180px;
}
.ogenservice-item .left {
padding: 35px 35px 0;
}
.ogenservice-item .left:first-child {
margin-top: 20px;
}
.ogenservice-item .left,
.ogenservice-item .right {
width: 50%;
}
.ogenservice-item .title {
letter-spacing: 0;
color: #000000;
margin: 0;
font-size: 31px;
line-height: 36px;
font-weight: bold;
}
.ogenservice-item .ogenshort-description {
margin: 20px 0 0;
letter-spacing: 0;
color: #353232;
}
.ogenservice-item .ogenservice-links {
margin: 35px 0 0;
}
.ogenservice-item .ogenservice-links ul {
display: flex;
flex-wrap: wrap;
list-style: none;
padding: 0;
margin: 0;
}
.ogenservice-item .ogenservice-links ul li {
width: 50%;
margin-bottom: 15px;
}
.ogenservice-item .ogenservice-links a {
display: inline-block;
position: relative;
padding-left: 35px;
min-height: 25px;
line-height: 25px;
border-bottom: 1px solid rgba(210, 77, 39, 0.47);
padding-bottom: 5px;
}
.ogenservice-item .ogenservice-links a:before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
background-repeat: no-repeat;
background-image: url(../../images/home/svgicons.svg);
background-size: 1000px;
filter: grayscale(100%);
background-position: -16px -16px;
width: 24px;
height: 24px;
margin-top: -4px;
}
.ogenservice-item .ogenservice-links a.iphone:before {
background-position: -100px -107px;
}
.ogenservice-item .ogenservice-links a.flutter:before {
background-position: -667px -107px;
}
.ogenservice-item .ogenservice-links a.android:before {
background-position: -15px -108px;
}
.ogenservice-item .ogenservice-links a.ionic:before {
background-position: -263px -107px;
}
.ogenservice-item .ogenservice-links a.software-development:before {
background-position: -58px -58px;
}
.ogenservice-item .ogenservice-links a.on-demand:before {
background-position: -384px -18px;
}
.ogenservice-item .ogenservice-links a.aspnet:before {
background-position: -178px -107px;
}
.ogenservice-item .ogenservice-links a.php:before {
background-position: -140px -146px;
}
.ogenservice-item .ogenservice-links a.mean:before,
.ogenservice-item .ogenservice-links a.mern:before {
background-position: -100px -146px;
}
.ogenservice-item .ogenservice-links a.fullstack:before {
background-position: -178px ​-146p;
}
.ogenservice-item .ogenservice-links a.magento:before {
background-position: -382px -107px;
}
.ogenservice-item .ogenservice-links a.woocommerce:before {
background-position: -968px -107px;
}
.ogenservice-item .ogenservice-links a.wordpress:before {
background-position: -503px -107px;
}
.ogenservice-item .ogenservice-links a.shopify:before {
background-position: -970px -139px;
}
/*newleftrightsec end*/
/*platform sec start*/
.ogendevelopment-platforms {
margin-bottom: 100px;
position: relative;
}
.ogendevelopment-platforms .container {
position: relative;
z-index: 1;
}
.ogendevelopment-platforms .grey-overlay {
position: absolute;
width: 100%;
height: 60%;
background-color: rgb(246 227 245 / 26%);
top: 50%;
transform: translateY(-50%);
}
.ogendevelopment-platforms .card {
padding: 0;
box-shadow: 0 18px 35px rgba(0, 0, 0, 0.12156862745098039);
border-radius: 0 150px 0 0;
max-width: 1100px;
margin: 0 auto;
}
.ogendevelopment-platforms .card-top {
padding: 80px 75px 40px;
position: relative;
background-color: #fff;
border-radius: 0 150px 0 0;
}
.ogendevelopment-platforms .card-top img {
width: 100%;
}
.ogendevelopment-platforms .card-bottom {
background-color: #b6d0bc;
padding: 50px 0 80px;
position: relative;
}
.ogendevelopment-platforms .card-bottom h4 {
text-align: center;
letter-spacing: 1.44px;
color: #000;
margin: 0;
font-size: 34px;
}
.ogendevelopment-platforms .ogenfloatingtext {
padding: 0;
top: -25px;
width: 160px;
height: 45px;
left: 75px;
}
.ogendevelopment-platforms .ogenfloatingtext:after {
content: "";
float: left;
left: 30px;
position: relative;
border-color: #333 transparent transparent;
border-style: solid;
border-width: 22px 24px 0 2px;
}
.ogendevelopment-platforms .ogenfloatingtext .label {
letter-spacing: 1.2px;
line-height: 45px;
text-align: center;
}
.ogendevelopment-platforms .btn-grp {
position: absolute;
bottom: -25px;
width: 100%;
}
.ogendevelopment-platforms .btn-grp button {
box-shadow: 0 3px 26px rgb(0 0 0 / 9%);
border-radius: 10px;
border: none;
height: 58px;
padding: 0 25px;
background-color: hsla(0, 0%, 100%, 0.9019607843137255);
letter-spacing: 0;
color: #000;
text-transform: uppercase;
overflow: hidden;
position: initial;
width: auto;
margin: 0;
left: auto;
transform: translateX(0);
font-size: 18px;
font-weight: bold;
}
.ogendevelopment-platforms .btn-grp button:focus,
.ogendevelopment-platforms .btn-grp button:hover {
color: #fff;
transition: color 0.3s ease-in-out;
}
.ogendevelopment-platforms .btn-grp button i {
margin-left: 20px;
}
.ogendevelopment-platforms .btn-grp button.orange {
background: #f26629;
color: #fff;
}
.ogendevelopment-platforms .btn-grp button.orange:focus,
.ogendevelopment-platforms .btn-grp button.orange:hover {
color: #000;
transition: 0.3s ease-in-out;
}
.ogendevelopment-platforms .btn-grp button.orange:before {
background: #fff;
}
.ogendevelopment-platforms .btn-grp button + button {
margin-left: 20px;
}
.ogenfloatingtext {
position: absolute;
left: 0;
top: -45px;
background-color: #333;
padding: 22px 100px 22px 50px;
}
.ogenfloatingtext .label {
letter-spacing: 0;
color: #fff;
margin-bottom: 0;
line-height: 1;
}
.ogenfloatingtext.right {
left: auto;
right: 0;
}
/*platform sec end*/
/*ogen hire services start*/
.headingtop {
    margin-top: 120px;
}
.ogenhire-services {
background-color: rgb(246 227 245 / 26%);
    margin-top: -206px;
}
.ogenhire-services .container {
position: relative;
padding-top: 90px;
padding-bottom: 90px;
}
.ogenhire-services .dot-overlay {
position: absolute;
left: 15px;
top: 0;
width: calc(100% - 30px);
height: 100%;
display: flex;
z-index: -1;
}
.ogenhire-services .dot-overlay > div {
flex: 1;
border-left: 1px dashed rgb(0 0 0 / 11%);
}
.ogenhire-services .dot-overlay > div:last-child {
border-right: 1px dashed rgb(0 0 0 / 11%);
}
.ogenhire-services-list {
margin-top: 75px;
display: flex;
flex-wrap: wrap;
position: relative;
}
.ogenhire-services-list:after,
.ogenhire-services-list:before {
content: "";
position: absolute;
width: 100vw;
left: 49%;
transform: translateX(-50%);
border-top: 1px dashed rgb(0 0 0 / 11%);
}
.ogenhire-services-list:after {
top: auto;
bottom: 0;
}
.ogenhire-services-item {
text-align: center;
margin: 0 auto;
flex: 1;
padding: 50px 0;
position: relative;
}
.ogenhire-services-item:before {
position: absolute;
content: "+";
color: #000;
font-size: 25px;
line-height: 0;
left: 0;
}
.ogenhire-services-item:nth-child(odd):before {
left: -8px;
top: 0;
}
.ogenhire-services-item:nth-child(2n):before {
top: auto;
bottom: 2px;
left: -8px;
}
.ogenhire-services-item .icon {
width: 150px;
height: 150px;
margin: 0 auto 25px;
border-radius: 50%;
background-color: #ccc;
position: relative;
background-size: 2500%;
background-repeat: no-repeat;
background-position: 50%;
background-image: url(../../images/home/svgicons.svg);
}
.ogenhire-services-item .icon.fullstack {
background-color: #fbcccc;
background-position: 17.8% 22%;
}
.ogenhire-services-item .icon.angular {
background-color: #d4def9;
background-position: 5.3% 15.5%;
}
.ogenhire-services-item .icon.wordpress {
background-color: #cad9f3;
background-position: 51.6% 15.5%;
}
.ogenhire-services-item .icon.laravel {
background-color: #fff5d2;
background-position: 34.7% 15.5%;
}
.ogenhire-services-item .icon.flutter {
background-color: #d1eec8;
background-position: 68.5% 15.5%;
}
.ogenhire-services-item .icon:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
border: 1px dashed rgba(0, 0, 0, 0.3);
left: 5px;
top: 5px;
border-radius: 50%;
transition: 0.3s ease-in-out;
}
.ogenhire-services-item .icon:hover:before {
left: -5px;
top: -5px;
transition: 0.3s ease-in-out;
}
.ogenhire-services-item h4 {
text-align: center;
margin: 0;
text-transform: uppercase;
font-size: 12px;
font-weight: 400;
color: #3c4858;
}

/*Few New Changes*/
.displayon_mob
{
    display: none;
}

.headingtop
{
    margin-top: 120px;
}
/*ogen hire services end*/
@media (max-width: 1199px)
{
/*newleftrightsec start*/
.service-image img {
    width: 100%;
}
/*newleftrightsec end*/
.ogenportfolio-image a span {
    bottom: 10px;    font-size: 12px;
}
}
@media screen and (max-width: 992px) {
    .headingtop {
    margin-top: 0;
}
/*newleftrightsec start*/
.ogenservice-item .ogenservice-links ul li {
width: 100%;
margin-bottom: 5px;
}
.ogenservice-item .ogenservice-links {
margin: 15px 0 0;
}
.ogenservice-item .left {
padding: 35px 0 0;
}
.service-image img {
    width: 100%;
}
/*newleftrightsec end*/
/*ogen hire services start*/
.ogenhire-services-item .icon {
width: 100px;
height: 100px;
}
/*ogen hire services end*/
/*ogen hire services start*/
.ogenhire-services-item .icon {
width: 100px;
height: 100px;
}
/*ogen hire services end*/
}

@media (max-width: 767px) {
/*newleftrightsec start*/
.ogencm-services .container {
max-width: 100%;
}
.ogenservice-item {
margin-bottom: 100px;
}
.ogenservice-item:before {
height: 100%;
}
.ogenservice-item .container:before {
display: none;
}
.ogenservice-item:first-child .container:after {
height: calc(100% + 100px);
background-position: 400% 3% !important;
background-size: 90%;
}
.ogenservice-item:nth-child(2) .container:after,
.ogenservice-item:nth-child(3) .container:after,
.ogenservice-item:nth-child(4) .container:after {
height: 120px;
bottom: -120px;
}
.ogenservice-item:nth-child(2) .container:after {
background-position-y: calc(66% - 15px);
background-size: 100% !important;
}
.ogenservice-item:nth-child(4) {
margin-bottom: 150px;
}
.ogenservice-item:nth-child(4) .container:after {
height: 150px;
bottom: -150px;
}
.ogenservice-item .ogenshort-description {
margin: 10px 0 0;
}
.ogenservice-item .ogenservice-links ul li {
font-size: 14px;
}
/*newleftrightsec end*/
/*platform sec start*/
.ogendevelopment-platforms .container {
max-width: 100%;
}
/*platform sec end*/
/*ogen hire services start*/
.ogenhire-services {
margin-top: 100px;
}
.ogenhire-services .container {
padding-top: 50px;
padding-bottom: 50px;
max-width: 100%;
}
.ogenhire-services-list {
margin-top: 55px;
}
.ogenhire-services-item .icon {
width: 75px;
height: 75px;
}
/*ogen hire services end*/
}
@media screen and (max-width: 600px) {
/*newleftrightsec start*/
.ogenservice-item:before {
height: 100px !important;
width: 100%;
bottom: 0 !important;
top: auto !important;
transform: translateY(0) !important;
}
.ogenservice-item .container {
flex-wrap: wrap;
}
.ogenservice-item .container:after {
height: 120px !important;
width: 100% !important;
top: auto !important;
bottom: -120px !important;
}
.ogenservice-item .left {
margin-bottom: 30px;
padding: 0;
}
.ogenservice-item .left,
.ogenservice-item .right {
width: 100%;
}
.ogenservice-item .title br {
display: none;
}
/*newleftrightsec end*/
/*platform sec start*/
.ogendevelopment-platforms {
margin-bottom: 50px;
}
.ogendevelopment-platforms .card-top {
border-radius: 0;
padding: 50px 0 15px 25px;
}
.ogendevelopment-platforms .card-top img {
width: 750px;
max-width: 750px;
}
.ogendevelopment-platforms .btn-grp button {
    padding: 0 15px;
    font-size: 16px;
}
.ogendevelopment-platforms .card-top .platform-image {
overflow: auto;
padding-bottom: 15px;
padding-right: 35px;
}
.ogendevelopment-platforms .card-bottom {
padding: 30px;
}
.ogendevelopment-platforms .card-bottom h4 {
margin-bottom: 20px;
}
.ogendevelopment-platforms .btn-grp {
position: relative;
bottom: 0;
}
.ogenfloatingtext {
top: -25px;
padding: 15px 20px;
}
.ogendevelopment-platforms .btn-grp button + button {
margin: 15px 0 0;
}
.ogendevelopment-platforms .btn-grp button {
width: 100%;
}
/*platform sec end*/
/*ogen hire services start*/
.ogenhire-services {
margin-top: 50px;
}
.ogenhire-services .dot-overlay {
display: none;
}
.ogenhire-services-list {
margin-top: 35px;
}
.ogenhire-services-list:after,
.ogenhire-services-list:before {
display: none;
}
.ogenhire-services-item {
flex: 50% 1;
border: 1px dashed rgba(67, 155, 194, 0.3);
margin-left: -1px;
margin-bottom: -1px;
}
.ogenhire-services-item:before {
display: none;
}
/*ogen hire services end*/
}
.sec-heading-s .sectopheading {
font-size: 35px;
line-height: 1.2;
color: #181b1b;
font-weight: 800;
display: block;
margin-bottom: 20px;

}
.sectopheading span {
color: #f26629;
border-bottom: 2px solid #f26629;
line-height: 48px;
}
.maintitle {
    font-size: 35px;
    display: block;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 8px;
}
@media (max-width: 1394px)
{
    .maintitle {
    font-size: 30px;
}

}
/*rating slider start*/
.sec {
display: inline-block;
width: 100%;
vertical-align: bottom;
position: relative;
z-index: 2;
}
.ogenrating-sec .rating-block .sec-heading-s {
padding: 0 100px;
margin-bottom: 0;
}
.sec-heading-s h3 span {
color: #00c2ff;
border-bottom: 2px solid #00c2ff;
line-height: 48px;
}
.sec-heading-s h3 {
font-size: 46px;
line-height: 1.4;
color: #333;
font-weight: 700;
margin-bottom: 20px;
}
.sec-heading-s h4 {
font-size: 24px;
font-weight: 400;
color: #333;
margin-bottom: 15px;
line-height: 2;
}
.ogenrating-sec {
padding-top: 60px;
padding-bottom: 50px;
}
/*.ogenrating-sec .rating-block {
    width: 100%;
    background-color: #fff;
    box-shadow: 0px 13px 0px 10px #fef2f3;
    border-radius: 10px;
    margin-top: -80px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    padding: 30px 15px 60px;
}*/
.ogenrating-sec .rating-block .trophy-icon {
margin-top: -200px;
margin-bottom: 30px;
}
.ogenrating-sec .rating-block .rating-slider {
width: calc(100% + 0px);
margin-left: 0;
padding-bottom: 15px;
margin-top: 40px;
}
.ogenrating-sec .rating-block .rating-slider .slick-slide {
margin-left: 15px;
}
.ogenrating-sec .rating-block .rating-slider .widgets {
display: flex !important;
align-items: center;
text-align: left;
padding: 30px 10px;
box-shadow: 0 12px 20px rgb(0 0 0 / 6%);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ogenrating-sec .rating-block .rating-slider .slick-arrow {
position: absolute;
top: -45px;
right: 0;
font-size: 0;
border: none;
background-color: transparent;
color: #ff9623;
padding: 0;
width: 34px;
height: 34px;
line-height: 34px;
border-radius: 100%;
background-color: rgb(58 48 37 / 83%);
}
.ogenrating-sec .rating-block .rating-slider .slick-arrow:hover {
color: #ff9623;
}
.ogenrating-sec .rating-block .rating-slider .slick-arrow.slick-prev {
margin-left: 0;
margin-right: 50px;
}
.ogenrating-sec .rating-block .rating-slider .slick-arrow.slick-next {
margin-right: 0;
}
.ogenrating-sec .rating-block .rating-slider .slick-arrow.slick-prev:after {
content: "\f053";
font-size: 16px;
font-family: "Fontawesome";
transition: none;
font-weight: 300;
}
.ogenrating-sec .rating-block .rating-slider .slick-arrow.slick-prev:hover:after {
margin-left: 0;
}
.ogenrating-sec .rating-block .rating-slider .slick-arrow.slick-next:after {
content: "\f054";
font-size: 16px;
font-family: "Fontawesome";
transition: none;
font-weight: 300;
}
.ogenrating-sec .rating-block .rating-slider .slick-arrow.slick-next:hover:after {
margin-left: 0;
}
.ogenrating-sec .rating-block .rating-slider .widget-icon {
width: 92px;
}
.ogenrating-sec .rating-block .rating-slider .widget-content .title {
font-size: 22px;
display: inline-block;
width: 100%;
color: #333;
font-weight: 600;
}
.ogenrating-sec .rating-block .rating-slider .widget-content .count-base {
display: inline-block;
width: 100%;
font-size: 16px;
color: #333;
}
.ogenrating-sec .rating-block .rating-slider .widget-content .rating {
font-size: 18px;
color: #333;
font-weight: 300;
line-height: 24px;
margin: 15px 0;
}
.ogenrating-sec .rating-block .rating-slider .widget-content .rating .rating-stars i {
background-color: #efce4a;
width: 15px;
margin-left: 5px;
color: #fff;
height: 15px;
line-height: 15px;
font-size: 10px;
text-align: center;
vertical-align: top;
margin-top: 5px;
}
.ogenrating-sec .rating-block .rating-slider .trustpilot .widget-content .rating {
color: #00b67a;
}
.ogenrating-sec .rating-block .rating-slider .trustpilot .widget-content .rating .rating-stars i {
background-color: #00b67a;
}
.ogenrating-sec .rating-block .rating-slider .goodfirms .widget-content .rating {
color: #799275;
}
.ogenrating-sec .rating-block .rating-slider .goodfirms .widget-content .rating .rating-stars i {
background-color: #ceaa5e;
}
.ogenrating-sec .rating-block .rating-slider .extract .widget-content .rating {
color: #08bde8;
}
.ogenrating-sec .rating-block .rating-slider .extract .widget-content .rating .rating-stars i {
background-color: #08bde8;
}
.ogenrating-sec .rating-block .rating-slider .businessofapp .widget-content .rating {
color: #c32725;
}
.ogenrating-sec .rating-block .rating-slider .businessofapp .widget-content .rating .rating-stars i {
background-color: #799275;
}
.ogenrating-sec .rating-block .rating-slider .itfirms .widget-content .rating {
color: #799275;
}
.ogenrating-sec .rating-block .rating-slider .itfirms .widget-content .rating .rating-stars i {
background-color: #5e87ce;
}
.ogenrating-sec .rating-block .rating-slider .appfutura .widget-content .rating {
color: #799275;
}
.ogenrating-sec .rating-block .rating-slider .appfutura .widget-content .rating .rating-stars i {
background-color: #ce675e;
}
.ogenrating-sec .rating-block .rating-slider .trustfirms .widget-content .rating {
color: #fe811b;
}
.ogenrating-sec .rating-block .rating-slider .trustfirms .widget-content .rating .rating-stars i {
background-color: #fe811b;
}
.ogenrating-sec .rating-block .rating-slider .topdevelopers .widget-content .rating {
color: #002c5f;
}
.ogenrating-sec .rating-block .rating-slider .topdevelopers .widget-content .rating .rating-stars i {
background-color: #002c5f;
}
.ogenrating-sec .rating-block .rating-slider .skilled .widget-content .rating {
color: #ffd150;
}
.ogenrating-sec .rating-block .rating-slider .skilled .widget-content .rating .rating-stars i {
background-color: #ffd150;
}
.ogenrating-sec .rating-block .rating-slider .deloitte .widget-content .rating {
color: #7fc241;
}
.ogenrating-sec .rating-block .rating-slider .deloitte .widget-content .rating .rating-stars i {
background-color: #7fc241;
}
.ogenrating-sec .rating-block .rating-slider .appdexa .widget-content .rating {
color: #3dcc83;
}
.ogenrating-sec .rating-block .rating-slider .appdexa .widget-content .rating .rating-stars i {
background-color: #3dcc83;
}
.ogenrating-sec .rating-block .rating-slider .clutch .widget-content .rating {
color: #799275;
}
.ogenrating-sec .rating-block .rating-slider .clutch .widget-content .rating .rating-stars i {
background-color: #ce675e;
}
.sprite-dline {
display: inline-block;
}
.bg-gf-sprite {
width: 105px;
height: 50px;
background: url(../../images/home/business-listing_sprites.png) -10px -109px;
}
.bg-itfirms-sprite {
width: 99px;
height: 55px;
background: url(../../images/home/business-listing_sprites.png) -10px -209px;
}
.bg-skilled-sprite {
width: 86px;
height: 24px;
background: url(../../images/home/business-listing_sprites.png) -129px -209px;
}
.bg-topdevelopers-sprite {
width: 81px;
height: 80px;
background: url(../../images/home/business-listing_sprites.png) -290px -10px;
}
.bg-appdexa-sprite {
width: 90px;
height: 22px;
background: url(../../images/home/business-listing_sprites.png) -235px -209px;
}
.bg-businessofapp-sprite {
width: 70px;
height: 70px;
background: url(../../images/home/business-listing_sprites.png) -10px -284px;
}
.bg-deloitte-sprite {
width: 90px;
height: 17px;
background: url(../../images/home/business-listing_sprites.png) -184px -284px;
}
.bg-trustfirms-sprite {
width: 75px;
height: 78px;
background: url(../../images/home/business-listing_sprites.png) -290px -110px;
}
.bg-trustpilot-sprite {
width: 150px;
height: 79px;
background: url(../../images/home/business-listing_sprites.png) -10px -10px;
}
.bg-extract-sprite {
width: 90px;
height: 43px;
background: url(../../images/home/business-listing_sprites.png) -180px -120px;
}
.bg-cl-sprite {
width: 90px;
height: 80px;
background: url(../../images/home/business-listing_sprites.png) -180px -15px;
}
.bg-appfutura-sprite {
width: 64px;
height: 70px;
background: url(../../images/home/business-listing_sprites.png) -100px -284px;
}
.hvr-shutter-out-horizontal {
box-shadow: inset 0 0 10px rgb(0 0 0 / 12%);
border-radius: 30px;
border: none;
text-transform: uppercase;
letter-spacing: 0.78px;
color: #2d2f2e;
width: 140px;
height: 36px;
text-align: center;
font-size: 14px;
}
.hvr-shutter-out-horizontal {
display: inline-block;
vertical-align: middle;
transition-property: color;
transition-duration: 0.3s;
}
.hvr-shutter-out-horizontal {
z-index: 1;
position: absolute;
bottom: -16px;
left: 50%;
transform: translateX(-50%);
line-height: 36px;
overflow: hidden;
background: #ecc470;
box-shadow: inset 0 0 10px rgb(0 0 0 / 12%);
}
.hvr-shutter-out-horizontal:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #000;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-shutter-out-horizontal:active:before,
.hvr-shutter-out-horizontal:focus:before,
.hvr-shutter-out-horizontal:hover:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
color: #fff;
}
.hvr-shutter-out-horizontal:hover {
color: #fff;
}
/*rating slider end*/
@media (max-width: 575px)
{
    .rating-slider.row {
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: scroll;
}
}
/*faqs section start*/
.faq-lists.with_bgcolor .accordion .accordion-content__title {
    font-size: 24px;
    background: transparent;
}
.faq-lists.with_bgcolor .accordion .accordion-content__title {
    border: none;
}
.faq-lists .accordion-content__title {
background: #fff;
border: none;
border-top: 1px solid #f2f2f2;
}
.faq-lists .accordion .accordion-content__title {
font-size: 24px;
line-height: 1.333em;
letter-spacing: -.018em;
color: #374046;
padding-top: 32px;
padding-bottom: 32px;
padding-left: 2.2em;
width: 100%;
display: block;
font-weight: 600;
margin-bottom: 0;
cursor: pointer;
position: relative;
}
.faq-lists .accordion .accordion-content__title::before {
font-family: 'Fontawesome'!important;
content: "\f067";
position: absolute;
left: 10px;
font-size: 20px;
}
.faq-lists .accordion .accordion-content__title.active::before {
content: "\f068";
}
.accordion-content {
display: none;
}
.accordion-content__inner {
max-width: 692px;
margin-top: 0px;
margin-bottom: 32px;
text-align: left;
padding-left: 2.2em;
width: 100%;
}
.accordion-content p {
font-style: normal;
font-weight: 400;
color: #6e7b81;
font-size: 20px;
line-height: 1.667em;
letter-spacing: -.005em;
margin-top: 0;
margin-bottom: 24px;
}
.accordion-content p:last-child {
margin-bottom: 0;
}
.accordion-content ol li, .accordion-content ul li {
font-size: 18px;
line-height: 1.556em;
letter-spacing: -.0045em;
}
.blue-shading li {
    background: rgb(239,243,249);
    background: linear-gradient(90deg,rgba(239,243,249,1) 11%,rgba(255,255,255,1) 30%);
    list-style-position: inside;
    padding: 11px 12px;
}
ol.blue-shading {
    padding: 0;
}
.homefaq .accordion-content p {
    color: #212529;
    font-size: 18px;
}
.homefaq .accordion-content__inner {
    max-width: 100%;
}
section.defaultptb60.faqsection.faq-lists.paddingzero_tab.homefaq {
    padding-top: 70px;
}
/*faqs section end*/
.carousel-caption{
  padding-bottom:100px;
}
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .carousel-item.next,
    .carousel-fade .carousel-inner > .carousel-item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .carousel-item.prev,
    .carousel-fade .carousel-inner > .carousel-item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .carousel-item.next.left,
    .carousel-fade .carousel-inner > .carousel-item.prev.right,
    .carousel-fade .carousel-inner > .carousel-item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

.carousel-fade .carousel-inner
{
    height: 100%;
}
div#myCarousel {
    width: 100%;
    height: 100%;
}
div#myCarousel .carousel-item
{
    position: relative;
    height: 100%;
}
div#myCarousel .carousel-item img
{
    height: 100%;
    object-fit: cover;
}
div#myCarousel .carousel-item:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%);
    height: 80%;
    opacity: .8;
}